@import url("https://raw.githubusercontent.com/ed-main/ed-main.github.io/master/cssfiles/main_code_1.css");
@import url("https://raw.githubusercontent.com/ed-main/ed-main.github.io/master/cssfiles/main_code_2.css");
@import url("https://raw.githubusercontent.com/ed-main/ed-main.github.io/master/cssfiles/main_code_3.css");
@import url("https://raw.githubusercontent.com/ed-main/ed-main.github.io/master/cssfiles/main_code_4mob.css");
@import url("https://raw.githubusercontent.com/ed-main/ed-main.github.io/master/cssfiles/prof_form_over.css");
@import url("https://raw.githubusercontent.com/ed-main/ed-main.github.io/master/cssfiles/q06_ava_screen_center.css");
@import url("https://raw.githubusercontent.com/ed-main/ed-main.github.io/master/cssfiles/q07_ava_screen_center_addon.css");
body:after {
  background-image: url(https://ic.wampi.ru/2023/07/25/006AkgtYgy1gfk5ja6vutj31f70r31ky.jpg);
}

.l-footer:after {
  content: "*Gray Silence*";
}

@media screen and (min-width: 1px) {
  .correct-mob-version {
    color: inherit;
  }
}

@media screen and (min-width: 1200px) {
  #profiles_show .profile-head::after {
    background-image: url(https://ic.wampi.ru/2023/07/25/006AkgtYgy1gfk5ja6vutj31f70r31ky.jpg);
  }
}

@media screen and (min-width: 1px) {
  html:root {
    --white-color: 255, 255, 255;
    --light-color: 191, 197, 208;
    --dark-color: 159, 169, 181;
    --bright-color: 173, 191, 222;
    --dull-color: 111, 123, 125;
    --input-color: 100, 106, 115;
    --hover-bottoms-1: 35, 37, 43;
    --buttoms-color: 67, 82, 101;
    --hover-buttoms-2: 156, 98, 25;
    --very-high-rating: 144, 159, 179;
    --high-rating: 108, 130, 146;
    --average-rating: 83, 99, 115;
    --small-rating: 57, 67, 78;
    --time-filled: 74, 91, 103;
    --time-empty: 28, 30, 33;
    --anime-inprocess: 69, 146, 76;
    --anime-complete: 41, 107, 47;
    --manga-inprocess: 189, 15, 86;
    --manga-complete: 153, 0, 62;
    --hover-color: 210, 137, 45;
    --shadows-color: 121, 140, 171;
    --block-color: 65, 71, 82;
    --menu-back: 40, 43, 49;
    --nick-cover: 81, 94, 103;
    --popup-color: 57, 63, 72;
    --hundred: 1;
  }
}

/*Панель быстрого доступа*/
.qa-panel {
    position: fixed;
    display: flex;
    justify-content: center;
    flex-wrap: wrap-reverse;
    background: none;
    width: 62px;
    backdrop-filter: blur(2px);
    padding-top: 0;
    padding-bottom: 0;
    left: 3%;
    top: 9.375rem;
    opacity: 0.8;
    z-index: 50;
    border-radius: 3.25rem;
    transition: 0s ease, padding 0.3s, background 0.3s, box-shadow 0.3s, opacity 0.3s;
    background-color: transparent;
    pointer-events: none;
}
.qa-panel:hover {
    opacity: 1;
    padding-top: 3.875rem;
    padding-bottom: 0;
    background-color: rgba(var(--light-color), 0.1);
    box-shadow: 0 2px 4px 1px #0003;
    pointer-events: auto;
    transition: 0s ease, padding .3s, background 0.3s, box-shadow 0.3s, opacity 0.3s;
}
.qa-panel:hover:before {
    height: 15.9375rem;
    opacity: 1;
}
.qa-panel:after {
    content: "\f009";
    font: normal normal normal 40px/1 FontAwesome;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: auto;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 62px;
    height: 62px;
    top: -0.1rem;
    z-index: 50;
    border-radius: 3.25rem;
    border: 2px solid rgba(var(--bright-color), 0.1);
    transition: 0s all, background 0.5s, color 0.5s;
    background: rgba(var(--menu-back), 0.9);
    pointer-events: auto;
}
.qa-panel:hover:after {
    background-color: rgba(var(--menu-back), 0.9);
    animation: none;
    transition: 0s all, background 0.3s, color 0.3s;
}
.qa-panel .b-link {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 0;
    opacity: 0;
    overflow: hidden;
    transition: 0s all, height 1.2s, opacity 1.2s;
}
.qa-panel:hover .b-link {
    opacity: 1;
    overflow: visible;
    transition: 0s all, height 0.3s, opacity 0.3s;
    height: 3.625rem;
}
.qa-link {
    width: 45px;
    height: 45px;
    opacity: 0;
    border-radius: 3.25rem;
    transition: all 400ms cubic-bezier(0.42, 0, 0.58, 1);
}
.qa-panel:hover .qa-link {
    opacity: 1;
    background-color: rgba(var(--light-color), 0.5);
}
.qa-link:hover {
    animation: none;
    transition: 0s all, opacity 0.3s;
}
.qa-link:before {
    display: inline-flex;
    justify-content: center;
    white-space: nowrap;
    top: 0;
    position: absolute;
    height: 1.25rem;
    left: 0;
    bottom: 0;
    margin: auto;
    width: auto;
    background-color: #17171799;
    padding: 0.5rem 0.8125rem;
    font-size: 13px;
    text-shadow: 0 1px 2px #000;
    box-shadow: 0 0 5px rgba(var(--shadows-color), 0.1);
    transition: 0.1s ease;
    color: rgba(var(--white-color), var(--hundred));
    border-radius: 1.1875rem;
    transform: scale(0);
    transition: 0.3s ease-in-out;
}
.qa-link:hover:before {
    left: 4.25rem;
    transition: 0.15s ease-in-out;
    transform: scale(1);
}


@media screen and (max-width: 1200px) {
    .qa-panel {
        display: none;
    }
}
.qa01 {
    background: url("https://www.igdb.com/favicon-196x196.png") no-repeat 50% 50% / 102%;
}
.qa02 {
    background: url("https://lib.social/icons/apple-icon-180x180.png?333") no-repeat 50% 50% / 100%;
}
.qa03 {
    background: url("https://vndb.org/favicon.ico") no-repeat 50% 50% / 104%;
}
.qa04 {
    background: url("https://www.yueimg.com/en/favicon.ico") no-repeat 50% 50% / 104%;
}
.qa01:before {
    content: "Igdb";
}
.qa02:before {
    content: "SocialLib";
}
.qa03:before {
    content: "Vndb";
}
.qa04:before {
    content: "Webnovel";
}