@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=PT+Serif+Caption&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@1,300&display=swap');
 
*::selection {
  background-color: rgba(0, 0, 0, 0.1) !important;
}
 
:root {
 
   --theme-base: "black-highlighter";
   --theme-id: "Cbs-gruz";
   --theme-name: "Cbs Gruz Theme";
 
  --header-title:"Аванпост КВЗ 'Груз'";
  --header-subtitle:"Опасность — наш друг.";
  --logo-image: url("https://www.backrooms-wiki.ru/local--files/theme:cbs-theme/pochemu.png");
 
   --body-font:  'Roboto Slab', serif;
   --header-font: 'PT Serif Caption', serif;
   --title-font: 'PT Serif Caption', serif;
   --mono-font: 'Roboto Condensed', sans-serif;
 
   --first-color: 177, 177, 177;
   --second-color: 113, 112, 109;
   --third-color: 88, 89, 94;
   --fourth-color: 140, 140, 143;
 
   --white-monochrome: var(--first-color);
   --pale-gray-monochrome: var(--second-color);
   --light-gray-monochrome: var(--third-color);
   --gray-monochrome: var(--fourth-color);
   --black-monochrome: var(--fourth-color);
   --bright-accent: var(--fourth-color);
   --medium-accent: var(--third-color);
   --dark-accent: var(--fourth-color);
   --pale-accent: var(--fourth-color);
 
   --link-color: 109, 109, 109;
   --hover-link-color: 188, 194, 205;
   --visited-link-color: 120, 120, 143;
   --newpage-color: 50, 50, 50;
 
    --swatch-text-dark: rgb(65, 65, 65);
    --swatch-text-light: rgb(225, 230, 223);
 
}
.sd-container {
  --class-0:210, 214, 228;
  --class-1:165, 171, 190;
  --class-2:133, 139, 156;
  --class-3:103, 108, 123;
  --class-4:79, 83, 97;
  --class-5:53, 56, 64;
  --class-unknown:137, 137, 137;
  --class-habitable:214, 231, 213;
  --class-deadzone:77, 77, 77;
  --class-pending:137, 137, 137;
  --class-n-a:79, 79, 79;
  --class-amended:80, 77, 99;
  --class-omega:122, 140, 140;
 
  --sd-border-secondary: var(--sd-border);
   --sd-border-deadzone: var(--sd-border);
   --sd-border:64, 60, 84;
 
   --sd-symbol-secondary: 152, 168, 198;
   --sd-symbol:64, 60, 84;
 
   --sd-image:152, 168, 198;
 
}
 
div.blockquote, blockquote {
  border: 1px solid rgba(var(--pale-gray-monochrome), 0.85) !important;
  background-color: rgba(var(--pale-gray-monochrome), 0.85) !important;
}
 
a.newpage:hover {
  text-decoration: underline wavy;
}
 
.bottom-box span {
  color: rgb(var(--sd-border));
}
 
#main-content::after {
  display: none;
}
.bottom-box ul li::before {
  background: rgb(var(--sd-border)) !important;
}
 
.page-rate-widget-box {
   background-color:  var(--swatch-text-dark);
   box-shadow: 0 0.2rem 0.3rem rgba(0,0,0, .25);
   border: 5px solid #2D2D34;
}
 
.scp-image-caption {
   margin-top: 3px;
   border-left: 6px solid rgb(var(--third-color));
  border-right: 6px solid rgb(var(--third-color));
}
 
.darkblock {
  color:  var(--swatch-text-dark);
}
.styled-quote {
    background-color: rgba(var(--white-monochrome));
    border-left: 0.5rem solid rgb(var(--gray-monochrome));
    border-right: 0.5rem solid rgb(var(--gray-monochrome));
    padding: 0.1rem 1rem;
    margin: 0.5rem 0 0.5rem 0.25rem;
    box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
}
 
.dark-styled-quote {
    background-color: rgb(var(--gray-monochrome));
    border-left: 0.5rem solid rgb(97, 97, 103);
    border-right: 0.5rem solid rgb(97, 97, 103);
    color:  var(--swatch-text-dark);
    padding: 0.1rem 1rem;
    margin: 0.5rem 0 0.5rem 0.25rem;
    box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
}
 
.code-block {
  font-family: 'PT Serif Caption', serif !important;
  color: rgb(97, 97, 103);
  background-color: rgb(40, 40, 40);
  border: 4px dashed rgb(var(--second-color));
  padding: 0.1rem 1rem;
  margin: 0.5rem 0 0.5rem 0.25rem;
  box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
  text-align: center;
}
 
.dark-borderblock {
      background-color: rgb(var(--gray-monochrome));
    border: 0.5rem solid rgb(var(--white-monochrome));
    padding: 0.01rem 1rem;
    margin: 0.5rem 0 0.5rem 0.25rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
}
 
.borderblock {
    background-color: rgb(var(--white-monochrome));
    border: 0.5rem solid rgb(var(--gray-monochrome));
    padding: 0.01rem 1rem;
    margin: 0.5rem 0 0.5rem 0.25rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
}
 
.code {
  color: rgb(97, 97, 103);
  background-color: rgb(40, 40, 40);
  border: 4px dashed rgb(var(--second-color));
  padding: 0.4rem 1rem;
  margin: 0.5rem 0 0.5rem 0.25rem;
  box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
}
 
.title-block {
  padding:0.1rem 0.7rem;
  margin: 1rem 0;
  background:rgba(var(--gray-monochrome), 0.3);
  border-radius:0.6rem; box-shadow: 0px 0px 3px;
  border: 1.75px solid rgb(var(--white-monochrome));
  text-align: center;
  font-size: 125%;
  transition: 1s;
  box-shadow: 0 0.4rem 0.4rem 0.1rem rgba(0, 0, 0, 0.25)
}
 
.title-block:hover {
  font-size: 145%;
  cursor: default;
  margin: 1rem 0 0;
}
 
.document-wrap {
  position: relative;
  bottom: 3rem;
 
}
 
.document-block {
    border: 0.5em solid rgb(var(--medium-accent));
    border-radius: 1rem;
    background-color: rgb(var(--white-monochrome));
    padding: 3rem 1rem 1rem;
    margin: 1rem 0;
}
 
.document-box {
    background-color: rgb(var(--medium-accent));
    width: 100%;
    display: block;
    text-align: center;
    min-height: 3.5rem;
    position: relative;
    top: 4rem;
    border-radius: 1rem 1rem 0 0;
    padding: 1rem 0 2em;
    margin: 0 0 1rem;
}
 
.document-text-box-1, .document-text-box-2 {
      color: rgb(225, 230, 223);
      font-family: var(--title-font);
}
 
.document-text-box-1 {
   font-size: 215%;
}
 
.document-text-box-2 {
   font-size: 80%;
}
 
.max {
  background-color: #445756;
  color: #C6C6C6;
  padding: .2rem;
  padding-top: 1px;
  padding-bottom: 2px;
  border-radius: 5px;
}
 
.artem {
   background-color: rgb(var(--first-color));
   border: 3px outset rgb(var(--third-color));
   padding: 0.2rem;
}
 
.alexander {
    background-color: rgb(226, 226, 226);
    border-radius: 15px 1px;
    border: 5px double rgb(178, 178, 178);
    padding: 0.0625rem 0.1rem 0.0625rem;
    margin: 0.5rem 0;
}
 
#header h2 span::before {
   color: rgb(var(--white-monochrome));
}
 
#header h1, #header h1 a {
  color: rgb(var(--white-monochrome));
}
 
#login-status a {
    color: rgb(var(--white-monochrome));
}
 
.wiki-content-table {
  border: 5px solid rgb(var(--third-color));
}
 
.wiki-content-table td {
  border: 2px solid rgb(var(--third-color)) !important;
}
 
.footnotes-footer {
  border: 7px solid rgb(var(--third-color)) !important;
}
 
.footnoteref {
  color: rgb(var(--newpage-color)) !important;
}
 
.hovertip {
  color: rgb(var(--swatch-text-dark)) !important;
  border: 2px solid rgb(var(--gray-monochrome)) !important;
}