@import url('https://fonts.googleapis.com/css2?family=Architects+Daughter&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Yeseva+One&display=swap');

:root {
   --theme-base: "black-highlighter";
   --theme-id: "dream";
   --theme-name: "To Wish Upon a Dream";

   --logo-image: url(/local--files/theme:to-wish-upon-a-dream/DreamLogo.png);
   --header-title: "Закулисье";
   --header-subtitle: "Живи своей мечтой";

   --body-font: 'Architects Daughter', cursive;
   --header-font: 'Architects Daughter', cursive;
   --title-font: 'Architects Daughter', cursive;
   --white-monochrome: 239, 211, 241;
   --pale-gray-monochrome: 255, 215, 245;
   --gray-monochrome: 200, 200, 200;
   --dark-gray-monochrome: 99, 91, 99;
   --black-monochrome: 30, 30, 30;
   --bright-accent: 120, 120, 120;
   --medium-accent: 100, 100, 100;
   --dark-accent: 130, 120, 130;
   --pale-accent: 255, 255, 255;
   --swatch-text-light: 255, 255, 255;
   --swatch-menutxt-light-color: 255, 255, 255;
   --rating-module-button-plus-color: 150, 150, 150;
   --rating-module-button-negative-color: 150, 150, 150;
   --rating-module-button-cancel-color: 150, 150, 150;
   --rating-module-button-credit-color: 150, 150, 150;
}

.sd-container {
   --sd-border:59,59,59;
}

#skrollr-body {
    background-image: url("/local--files/theme:to-wish-upon-a-dream/CloudsTilable.jpg");
    background-size: auto 12rem;
}

@media only screen and (max-width: 425px) {
    #skrollr-body {
        background-image: url("/local--files/theme:to-wish-upon-a-dream/CloudTexture082");
        background-size: inherit
    }
}

#header::before {
    opacity: 1;
}

#login-status {
   color: rgb(var(--swatch-text-light));
}

#account-topbutton {
   border-color: rgb(var(--swatch-text-light));
}

.lightblock {
   background-color:rgb(235,235,235);
   color:rgb(var(--black-monochrome));
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0 0.8rem 1.2rem rgba(0,0,0,.25);
}

.styled-quote {
   background-color:rgb(235,235,235);
   border-left: 0.5rem solid rgb(130,130,130);
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0.2rem 0.4rem 1.2rem rgba(0,0,0,.25);
}

.darkblock {
   background-color:rgb(59,59,59);
   color:rgb(235,235,235);
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0 0.8rem 1.2rem rgba(0,0,0,.25);
   font-family: 'Yeseva One', cursive;
   --title-font: 'Yeseva One', cursive;
}

.dark-styled-quote {
   background-color:rgb(59,59,59);
   color:rgb(235,235,235);
   border-left: 0.5rem solid rgb(130,130,130);
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0.2rem 0.4rem 1.2rem rgba(0,0,0,.25);
   font-family: 'Yeseva One', cursive;
   --title-font: 'Yeseva One', cursive;
}

blockquote {
     background-color:rgb(255, 255, 255);
     font-family: 'Architects Daughter', cursive;
}

div.blockquote {
     background-color:rgb(255, 255, 255);
     font-family: 'Architects Daughter', cursive;
}

.pink-blockquote {
      background-color:rgb(255, 215, 245);
      border: 0.0625rem dashed rgba(var(--swatch-border-color),.25);
      font-family: 'Architects Daughter', cursive;
}

.wiki-content-table th {
    color: #F5F5F5 !important;
    background-color: #646464 !important;
}

.darkblock h1,
.darkblock h2,
.darkblock h3,
.darkblock h4,
.darkblock h5,
.darkblock h6 {
   color: rgb(235, 235, 235);
}

.dark-styled-quote h1,
.dark-styled-quote h2,
.dark-styled-quote h3,
.dark-styled-quote h4,
.dark-styled-quote h5,
.dark-styled-quote h6 {
   color: rgb(235, 235, 235);
}

.top-box {
   border-color: rgb(59, 54, 59) !important;
}

.bottom-box ul li {
   color: rgb(59, 54, 59) !important;
}

.bottom-box ul li:before {
   background: rgb(59, 54, 59) !important;
}

.top-box .gradient-box {
  background: linear-gradient(90deg, rgba(59, 54, 59, 1) 0%, rgba(59, 54, 59, 0) 36%) !important;
}

.header-diamond {
   background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 300.9 284.5' style='enable-background:new 0 0 300.9 284.5;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%233b363b;%7D .st1%7Bfill:%233b363b;%7D%0A%3C/style%3E%3Cg%3E%3Cpolygon class='st1' points='73.4,32.6 0,105.4 13.6,105.4 86.4,32.6 '/%3E%3Cpolygon class='st1' points='26.5,105.4 40.1,105.4 112.9,32.6 99.3,32.6 '/%3E%3C/g%3E%3Cpolyline class='st1' points='287.3,105.4 214.5,32.6 227.5,32.6 287.3,91.9 '/%3E%3Cpolygon class='st1' points='274.4,105.4 260.8,105.4 188,32.6 201.6,32.6 '/%3E%3C/svg%3E") !important;
}

.top-box.class-unknown .header-diamond { filter: none !important; }
.top-box.class-unknown:before, .top-box.class-unknown .header-diamond .diamond-pattern{ opacity: 0.15 !important; }

.top-box .header-diamond .diamond-image {
   filter: brightness(0%) invert(100%);
}

.top-box.class-0,
.header-diamond .diamond-color.class-0 {
   background: rgb(251, 182, 203) !important;
}

.top-box.class-1,
.header-diamond .diamond-color.class-1 {
   background: rgb(249, 134, 168) !important;
}

.top-box.class-2,
.header-diamond .diamond-color.class-2 {
   background: rgb(247, 85, 133) !important;
}

.top-box.class-3,
.header-diamond .diamond-color.class-3 {
   background: rgb(245, 36, 98) !important;
}

.top-box.class-4,
.header-diamond .diamond-color.class-4 {
   background: rgb(219, 10, 73) !important;
}

.top-box.class-5,
.header-diamond .diamond-color.class-5 {
   background: rgb(170, 8, 57) !important;
}

.top-box.class-unknown,
.header-diamond .diamond-color.class-unknown {
   background: rgb(59, 54, 59) !important;
}

.top-box.class-habitable,
.header-diamond .diamond-color.class-habitable {
   background: rgb(247, 85, 133) !important;
}