.snow #snow1,
.snow #snow2,
.snow #snow3 {
    position: absolute;
    stroke: #fff
}

*,
body,
em {
    font-weight: 500
}

*,
.anime-filter *,
.anime-filter ::after,
.anime-filter ::before,
.day,
.mobile-menu-m,
::after,
::before {
    box-sizing: border-box
}

.pabadge-content,
.top-menu-block .filter-menu a {
    text-transform: capitalize
}

#dle-comments-list .bb-editor textarea,
#dlefastreplycomments textarea {
    background-color: var(--text-area-com) !important
}

#marquee,
#marquee span,
#page-name,
.cat-title p,
.cat-title span,
.header-link,
.link-btn-social a,
.link-status p,
.meta ul a,
.mobile-header #greeting p,
.mobile-menu-item p,
.offline,
.ongoing-info .ongoing-original-name,
.ongoing-info p,
.online,
.popup-shiki-5-btn a,
.schedule-h4,
.selected-title,
.shiki-link-status,
.team-button a,
.ui-c1.grey,
.user-stat-item,
.welcome-message span {
    white-space: nowrap
}

#page-name,
.cat-title p,
.cat-title span,
.mobile-header #greeting p,
.ongoing-info .ongoing-original-name,
.ongoing-info p,
.schedule-h4,
.season .news-block .title-text,
.ui-c1.grey,
.user-info-text {
    text-overflow: ellipsis
}

@font-face {
    font-family: Ubuntu;
    src: url(../fonts/ubuntu-medium.woff2);
    font-display: swap
}

@font-face {
    font-family: Montserrat;
    src: url(../fonts/Montserrat-Variable.ttf);
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Uni Sans';
    src: url(../webfonts/uni-sans-700i.woff2);
    font-weight: 700;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: 'Dela Gothic One';
    font-weight: 400;
    font-style: normal;
    src: url(../fonts/DelaGothicOne-Regular.ttf);
    font-display: swap
}

@font-face {
    font-family: Play;
    font-weight: 400;
    font-style: normal;
    src: url(../fonts/Play-Regular.ttf);
    font-display: swap
}

@font-face {
    font-family: CarterOne;
    font-weight: 800;
    src: url(../fonts/CarterOne-Regular.ttf);
    font-display: swap
}

@font-face {
    font-family: YatraOne-Regular;
    font-weight: 400;
    src: url(../fonts/YatraOne-Regular.ttf);
    font-display: swap
}

@font-face {
    font-family: Gilroy;
    src: url(../fonts/Gilroy-ExtraBold.ttf);
    font-display: swap
}

@font-face {
    font-family: Roboto;
    font-weight: 100;
    font-style: normal;
    src: url(../fonts/Roboto-Thin.ttf);
    font-display: swap
}

@font-face {
    font-family: Roboto;
    font-weight: 300;
    src: url(../fonts/Roboto-Light.ttf);
    font-display: swap
}

@font-face {
    font-family: Roboto;
    font-weight: 400;
    src: url(../fonts/Roboto-Regular.ttf);
    font-display: swap
}

@font-face {
    font-family: Roboto;
    font-weight: 500;
    src: url(../fonts/Roboto-Medium.ttf);
    font-display: swap
}

@font-face {
    font-family: Roboto;
    font-weight: 700;
    src: url(../fonts/Roboto-Bold.ttf);
    font-display: swap
}

@font-face {
    font-family: Roboto;
    font-weight: 900;
    src: url(../fonts/Roboto-Black.ttf);
    font-display: swap
}

.wrap {
    margin-top: 80px
}

#no-friends,
.agreement p {
    margin: 10px 0
}

.snow {
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    width: 100%;
    height: 70px
}

.loader-container,
.long-load {
    position: fixed;
    pointer-events: none;
    transition: opacity .3s;
    opacity: 0
}

.snow #snow1 {
    width: 40px;
    height: 40px;
    transform: rotate(45deg);
    top: 0;
    left: 0;
    opacity: .15
}

.snow #snow2 {
    width: 59px;
    height: 59px;
    transform: rotate(45deg);
    top: 40px;
    left: 191px;
    opacity: .2
}

.snow #snow3 {
    width: 35px;
    height: 35px;
    transform: rotate(99deg);
    top: 10px;
    left: 282px;
    opacity: .1
}

.snow #snow4 {
    width: 43px;
    height: 43px;
    transform: rotate(12deg);
    position: absolute;
    top: 27px;
    left: 397px;
    stroke: #fff;
    fill: #fff;
    opacity: .2
}

.snow #snow5,
.snow #snow6 {
    transform: rotate(45deg);
    stroke: #fff;
    position: absolute
}

.snow #snow5 {
    width: 51px;
    height: 51px;
    top: 12px;
    left: 534px;
    opacity: .25
}

.snow #snow6 {
    width: 60px;
    height: 60px;
    top: -16px;
    left: 685px;
    fill: #fff;
    opacity: .1
}

.snow #snow7 {
    width: 73px;
    height: 73px;
    transform: rotate(93deg);
    position: absolute;
    top: 37px;
    left: 766px;
    stroke: #fff;
    fill: #fff;
    opacity: .15
}

.snow #snow8 {
    width: 40px;
    height: 40px;
    transform: rotate(127deg);
    position: absolute;
    top: 0;
    left: 880px;
    stroke: #fff;
    fill: #fff;
    opacity: .13
}

.main-loader svg,
.snow #snow9 {
    stroke: #fff;
    width: 60px;
    height: 60px;
    fill: #fff
}

.snow #snow9 {
    transform: rotate(45deg);
    position: absolute;
    top: 15px;
    left: 947px;
    opacity: .15
}

.snow-button {
    background-color: var(--clr);
    padding: 7px 12px;
    border-radius: 0 7px 7px 0;
    color: var(--main-text);
    font-size: 14px;
    margin: 0 0 10px;
    border: none;
    cursor: pointer
}

.dark,
.light {
    --miku-active-clr: #008dc9;
    --miku-active-clr-hover: #006e9d;
    --second-text-3: #ebebeb;
    --badge-dark: #1e1e26;
    --search-form: #26262e;
    --border-clr-second: #595961;
    --badge-poster-box: #fff;
    --box-shadow-hover: #00000060;
    --btn-play-poster: #fff;
    --active-2: #ff7481;
    --btn-active-font-clr: #000;
    --red: #ff4848;
    --red-1: #ff6161;
    --font-color-dark: #000;
    --second-border: #353439;
    --main-text-bagde: #fff;
    --text-list: #fff;
    --inactive-icon: #8d8d8d;
    --link-status-unlink: #ff7171;
    --main-gradient-btn: linear-gradient(162deg, #d82839 45%, #e62133 102%);
    --site-font: montserrat;
    --green-list: #619a65;
    --orange-list: #cf902f;
    --red-list: #b44347;
    --purple-list: #9d6aa5;
    --blue-list: #5e68a5;
    --player-active-text-clr: #fff;
    --player-text-under-clr: #fff
}

.dark {
    color-scheme: dark;
    --miku-miku-text: #b0fffe;
    --user-menu: var(--body);
    --clr: #242429;
    --clr-up: #131318;
    --main: #24242d;
    --header-back-clr: #1313189f;
    --active: #d1e1f9;
    --main-text: #fff;
    --second-text: #d4d4d4;
    --second-text-2: #c4c4c4;
    --second-text-4: #d3d3d3;
    --second-text-5: #ebebeb;
    --second-text-6: #979797;
    --badge-bright: #E9E9E9;
    --main-h1: #fff;
    --line: #c9c9c9;
    --footer-line: #353535;
    --filter-line: #474747;
    --body: #0b0b0c;
    --header-text: #ffffff;
    --line-line: #4d4d4d;
    --title-text: #ffffff;
    --color-second-vr: #3e3e45;
    --header-back: #232329a3;
    --under-title-main: #8c8c91;
    --comment: #232329;
    --commnet-back: var(--body), #00000000;
    --hsl-back: hsla(0, 0%, 100%, .08);
    --hsl-back-nt: hsl(240deg 4.5% 21.76%);
    --icon-color-main: #00d0ff;
    --inactive-back: #212125;
    --link-status-link: #86ff71;
    --hover-main-color: #505057;
    --scroll-bar: var(--color-second-vr);
    --scroll-bar-hover: #9c9c9c;
    --info-debug: transparent;
    --full-story-info: var(--hsl-back);
    --box-shadow-main: rgba(0, 0, 0, .35), inset 0 0 500px rgba(0, 0, 0, .35), inset 0 0 500px rgba(0, 0, 0, .35);
    --overlay-main: rgb(0 0 0 / 94%);
    --user-menu-elemenet: #2e2e33;
    --saving-profile-back: var(--user-menu-elemenet);
    --mobile-menu-back: linear-gradient(0deg, rgb(0, 0, 0) 10%, rgb(0 0 0 / 52%));
    --header-color-drop: var(--clr);
    --user-menu-elemenet-header: var(--color-second-vr);
    --text-area-com: #3a3a3f;
    --swiper-back: var(--clr);
    --header-shadow-radius: 0 0 20px;
    --header-border-rad: 1px solid;
    --player-button-clr: hsl(240deg 6.17% 15.88%);
    --player-main-text: #fff;
    --player-hover-clr: #3a3a3f;
    --player-active-clr: #505057;
    --player-under-text-clr: #505057;
    --player-icon-clr: #d6d6d6;
    --player-ep-clr: #b7b7b7
}

.light {
    color-scheme: light;
    --miku-miku-text: #698d8c;
    --user-menu: #d4d4d4;
    --clr: #f1f1f1;
    --clr-up: #ececec;
    --main: #dfdff1;
    --header-back-clr: #c8c8f39f;
    --active: #236cd9;
    --main-text: #000000;
    --second-text: #3b3b3b;
    --second-text-2: #4b4b4b;
    --second-text-4: #242424;
    --second-text-5: #161616;
    --badge-bright: var(--clr);
    --main-h1: #000000;
    --line: #494949;
    --footer-line: #a7a7a7;
    --body: #d4d4d4;
    --header-text: #000000;
    --line-line: #c9c9c9;
    --title-text: #000;
    --color-second-vr: #d6d6d6;
    --header-back: #ffffffe0;
    --under-title-main: #47474b;
    --comment: #f1f1f1;
    --commnet-back: var(--body), #ffffff00;
    --hsl-back: hsl(0deg 0% 0% / 12%);
    --hsl-back-nt: hsl(0deg 0% 72.94%);
    --icon-color-main: #000000;
    --inactive-back: #e7e7e7;
    --link-status-link: #61bb51;
    --hover-main-color: #cccccc;
    --scroll-bar: #a5a5a5;
    --scroll-bar-hover: #686868;
    --info-debug: var(--clr);
    --full-story-info: var(--clr);
    --box-shadow-main: rgb(201 201 201 / 35%), inset 0 0 500px rgb(205 205 205 / 35%), inset 0 0 500px rgb(195 195 195 / 35%);
    --overlay-main: #9d9d9df5;
    --user-menu-elemenet: var(--clr);
    --saving-profile-back: var(--clr);
    --mobile-menu-back: linear-gradient(0deg, rgb(255, 255, 255) 10%, rgba(255, 255, 255, 0.69));
    --header-color-drop: var(--user-menu);
    --user-menu-elemenet-header: var(--user-menu-elemenet);
    --text-area-com: var(--body);
    --swiper-back: #000;
    --header-shadow-radius: 0 0 0px;
    --header-border-rad: 0px;
    --player-button-clr: hsl(0deg 0% 94.51%);
    --player-main-text: #000;
    --player-hover-clr: #5c5c62;
    --player-active-clr: #5c5c62;
    --player-under-text-clr: #5c5c62;
    --player-icon-clr: #4f4f4f;
    --player-ep-clr: #6d6d6d
}

.loader-container {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / .507);
    display: flex !important;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    visibility: hidden
}

.comm-left,
.main-loader {
    display: flex;
    flex-direction: column;
    align-items: center
}

.main-loader .line {
    border-bottom: 1px solid #6f6f6f
}

.long-load a {
    color: var(--active-2);
    text-decoration: gray underline
}

.long-load {
    color: #fff;
    bottom: 15px;
    padding: 15px;
    text-align: center;
    background-color: var(--user-menu-elemenet);
    font-size: 14px;
    margin: 0 15px;
    border-radius: 7px
}

.list-picked .active,
input,
textarea {
    border: none !important
}

.loader-container.show,
.long-load.show {
    pointer-events: all
}

.long-load-first {
    font-size: 16px;
    font-weight: 700
}

.friends ul,
.full-story-body .season-main,
.long-load-second,
.meta ul a,
.prof-list,
.side_bc,
.title-news {
    margin-top: 10px
}

.main-loader svg {
    color: #fff
}

*,
body {
    font-family: 'font-1';
}

.agreement h1,
.agreement h2 {
    font-size: 1.2em;
    font-weight: 600;
    margin: 20px 0 10px;
    color: var(--main-text)
}

em {
    color: var(--main-text);
    font-size: .95em
}

::selection {
    background: #d1e1f9;
    color: #000
}

::-moz-selection {
    background: #d1e1f9;
    color: #000
}

#marquee,
.box-user-profile,
.cat-title-first,
.full-history-watch,
.header-link-in,
.history-view-info li,
.ionicon,
.mh-btn,
.notifications-left,
.pm-container .com_user span,
.pm-container .form_submit button,
.search-history ul li,
.search-history ul li a,
.subscription-popular,
.title-icon {
    display: flex;
    align-items: center
}

input:focus-visible,
textarea:focus-visible {
    outline: 1px solid var(--active-2)
}

input {
    background-color: var(--clr-up);
    border-radius: .5rem !important;
    display: block;
    font-size: .875rem !important;
    line-height: 1.25rem;
    padding: .75rem 1rem;
    margin-top: 0;
    color: var(--main-text)
}

select {
    padding-left: 10px
}

.ongoing-badge .badge {
    background-color: #006c9a !important
}

.completed-badge .badge {
    background-color: #2a872e !important
}

.news-text-s {
    color: var(--main-text) !important;
    font-size: .9em !important;
    font-weight: 500 !important;
    background-color: var(--color-second-vr);
    border-radius: .35rem;
    padding: 10px;
    width: 100%
}

.painfofirst,
.painfofirst b {
    font-size: 13px;
    font-weight: 600
}

.news-img,
.news-img-news {
    border-radius: 8px;
    display: block
}

.news-img {
    width: 100%;
    object-fit: cover;
    height: 400px;
    margin: 10px 0;
    box-shadow: 0 4px 6px rgb(0 0 0 / .1)
}

.news-img-news {
    overflow: hidden;
    margin: 0 auto;
    width: 90%
}

.pa.poster-badge .badge,
.pabox,
.papostersmall,
.pawatch,
.rap,
.season-main .season,
.subcategory-title,
body.scrolled .headerDropDownMenu {
    border-radius: 15px
}

.pabox,
.popularanime {
    width: 100%;
    height: 150px
}

#search_by_id_form,
#searchsuggestions .break,
#shiki-link-setup,
.DLEPush-close,
.box_in>.title,
.filed-icon,
.filed-icon-close,
.header-link-in .hide,
.hide-block,
.hide-ico,
.link-btn-social a.hidden,
.list-picked ul li,
.list-picked-short ul li,
.mobile-badge,
.multixfield-select-area,
.news-img-news.mobile,
.pm-container .title,
.pm_status,
.popup-shiki-5-box.hide,
.popup-shiki-5-btn .hide,
.schedule-box.selected .schedule-h2,
.season .description-short-box,
.season .title-overlay,
.season-main .title-text,
.shiki-progress.hide,
.side-block-related-news .news-block .title-text,
.top-menu-content,
.up,
.user-info .title {
    display: none
}

.popularanime {
    display: block;
    padding: 0 15px;
    margin-bottom: 10px
}

.pabox {
    overflow: hidden;
    position: relative;
    z-index: 1
}

.paboxanime {
    position: absolute;
    left: 15px;
    top: 15px;
    display: flex
}

.painfofirst {
    color: #d9d9d9;
    margin-bottom: 10px
}

.painfofirst b {
    background-color: #d9d9d9;
    padding: 3px 7px;
    width: auto;
    border-radius: .5rem;
    color: #000
}

.titlepa {
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.papostersmall {
    width: 86px;
    height: 120px;
    top: 15px;
    left: 15px;
    object-fit: cover;
    margin-right: 15px
}

.pabadge {
    margin-top: 5px;
    line-height: 1.3
}

.pabadge-content {
    font-size: 13px;
    color: #d9d9d9
}

.ui-button,
.ui-dialog-content,
.ui-dialog-title {
    color: var(--main-text) !important
}

.animiku-logo,
.header-link,
.search-ani-link {
    text-transform: uppercase
}

.pabadge-content b {
    color: #fff;
    font-size: 13px
}

#marquee,
#news_set_sort,
.block-wrap,
.box_in.avatar,
.header form,
.header-link,
.pa.poster-badge,
.search-container,
.season-title,
.subscription-block-title-block {
    position: relative
}

.pawatch {
    position: absolute;
    z-index: 2;
    bottom: 15px;
    padding: 10px;
    right: 15px;
    border: none;
    background-color: hsl(0deg 0% 100% / 21%)
}

.pawatch svg {
    width: 20px;
    height: 20px;
    fill: #fff
}

.ui-dialog {
    box-shadow: 0 0 15px var(--clr)
}

.ui-dialog,
.ui-dialog-titlebar {
    background-color: var(--clr) !important
}

#dle-promt-text,
.searchbyimage-file-drag:hover {
    background-color: var(--clr-up)
}

.ui-dialog-content.ui-widget-content {
    font-size: 14px;
    font-weight: 400
}

.ui-dialog-content.ui-widget-content p:first-child {
    background-color: var(--color-second-vr);
    padding: 15px;
    border-radius: 15px;
    font-size: 14px;
    font-weight: 400;
    color: var(--main-text)
}

.ui-dialog-content.ui-widget-content p b {
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: var(--main-text);
    margin-bottom: 5px
}

.ui-dialog-content.ui-widget-content p img {
    margin: 15px 0;
    border-radius: 10px
}

.ui-dialog-title {
    text-shadow: 0 0 #333 !important
}

.ui-button {
    background-color: var(--color-second-vr) !important;
    padding: 8px 17px !important
}

.b-translator__item,
.rules-page form,
.ui-dialog-buttonset,
.user-short-info {
    display: flex;
    justify-content: space-between
}

.ui-dialog-buttonset button:last-child {
    background-color: #34a739 !important;
    text-shadow: none !important
}

.news-img-box {
    position: relative;
    width: 94%;
    height: 400px;
    margin: 15px auto 0;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgb(0 0 0 / .1);
    overflow: hidden
}

.news-info-box {
    position: absolute;
    left: 15px;
    bottom: 15px;
    display: flex;
    align-items: center;
    z-index: 2;
    color: #fff
}

.news-title-box {
    position: absolute;
    left: 15px;
    bottom: 37px;
    color: #fff;
    font-size: 23px;
    font-weight: 700;
    z-index: 2
}

.news-overlay {
    position: absolute;
    background: linear-gradient(0deg, #000, #00000000);
    overflow: hidden;
    height: 165px;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 1
}

.news-info-box p {
    font-size: 14px;
    color: #fff;
    font-weight: 500
}

.news-info-box a {
    font-size: 14px;
    color: #fff;
    text-decoration: underline gray;
    font-weight: 500
}

.news_img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.xfieldimagegallery {
    display: flex;
    gap: 10px;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 20px;
    list-style: none;
    padding: 0
}

.xfieldimagegallery li {
    flex: 1 1 calc(33.333% - 10px);
    max-width: calc(33.333% - 10px)
}

.xfieldimagegallery img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 6px;
    box-shadow: 0 2px 4px rgb(0 0 0 / .1)
}

.swiper-pagination-bullet-active {
    background-color: var(--main-text) !important
}

.swiper-pagination-bullet {
    background-color: var(--second-text-2) !important
}

.theme-switcher-box select {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    width: auto;
    color: var(--main-text);
    background-color: var(--user-menu-elemenet-header);
    cursor: pointer;
    transition: .3s;
    border-radius: 8px;
    margin-top: 5px;
    border: none
}

.theme-switcher-box select:focus {
    outline: 0
}

.mobile-menu-m .theme-switcher-box select {
    width: 100%;
    margin-bottom: 10px;
    border-radius: 15px;
    font-weight: 500;
    font-size: 14px;
    padding: 14px 10px;
    background-color: var(--user-menu-elemenet) !important
}

.theme-switcher-box select svg,
.user-short-info-link .icon .ionicon,
.user-short-info-link .icon img,
.user-short-info-link .icon svg {
    fill: var(--main-text);
    stroke: var(--main-text);
    width: 16px;
    height: 16px;
    margin-right: 10px;
    display: flex;
    align-items: center
}

.theme-switcher-box {
    width: auto !important;
    margin: 0 auto;
    border-radius: 10px
}

.popup-shiki,
.popup-shiki-1.hide,
.popup-shiki-2,
.popup-shiki-5 {
    opacity: 0;
    pointer-events: none
}

.afs-popup.show,
.popup-shiki-2.show,
.popup-shiki-5.show,
.popup-shiki.active {
    opacity: 1;
    pointer-events: all
}

.popup-shiki-question {
    margin: 0 0 15px;
    width: 100%
}

.popup-shiki-question-title {
    color: var(--main-text);
    font-size: 16px;
    font-weight: 700
}

.popup-shiki-question-description {
    display: flex;
    flex-direction: row;
    background-color: var(--color-second-vr);
    padding: 10px;
    margin: 15px 0 0;
    border-radius: 15px;
    align-items: center
}

.popup-shiki-question-description svg {
    fill: var(--second-text);
    color: var(--second-text);
    width: 25px;
    margin-right: 8px
}

.popup-shiki-question-description p {
    font-size: 14px;
    font-weight: 500;
    color: var(--second-text)
}

.popup-shiki-button a,
.q_search {
    height: 40px
}

.popup-shiki-1,
.popup-shiki-2,
.popup-shiki-5 {
    position: fixed;
    top: 50%;
    left: 50%;
    opacity: 0;
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 600px;
    transition: transform .15s, opacity .15s;
    background-color: var(--clr);
    padding: 15px;
    z-index: 9999;
    border-radius: 15px
}

#scrollToTopBtn,
.agreement h1,
.feedback-box h4,
.filter-empty-content,
.form-group label,
.heading,
.last-comm-link,
.last-comm-link a,
.shiki-back,
.title-news {
    text-align: center
}

.shiki-back a {
    display: inline-block;
    background-color: var(--color-second-vr);
    color: var(--main-text);
    padding: 7px 20px;
    border-radius: 8px;
    margin: 10px 0 0;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: .3s
}

.login-box button:hover,
.modal-content-register button:hover,
.shiki-back a:hover {
    background-color: #505057
}

.popup-shiki-3 svg {
    width: 80px
}

.popup-shiki-3,
.popup-shiki-4 {
    position: fixed;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: opacity .15s;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    flex-direction: column
}

.popup-shiki-3 p {
    font-size: 22px;
    font-weight: 500;
    margin-right: 5px
}

.gif_avatar_button:hover .overlay,
.popup-shiki-3.show,
.remove-fav-btn:hover .remove-fav-btn-content .icon,
.with-social-login:hover::before,
.сontinue-watching-main .poster-box img,
body.scrolled .mobile-header-other-drop.fullstory-mob-header-back {
    opacity: 1
}

.popup-shiki-1.hiden,
.popup-shiki-2.hiden {
    opacity: 0 !important;
    pointer-events: none
}

.comm-item,
.contaner-flex,
.footer-column-nav,
.form-registration .form-secur,
.last-comm-left,
.meta ul,
.new-series,
.news-container .box-shortstory,
.ongoing-box,
.popup-shiki-5-box.show,
.profile-link-title-in,
.table-1 ul li,
.user-info .user-1,
.user-stat-list-box,
.welcome-message-text {
    display: flex
}

#searchsuggestions span.seperator,
.closereg.active,
.list-picked-short,
.popup-shiki-5-btn .show,
.season-main .title-overlay,
.shiki-progress.show,
.show,
.visible-ico {
    display: block
}

.shiki-progress-box {
    width: 100%;
    background-color: var(--body);
    border-radius: 8px;
    padding: 3px;
    margin: 7px 0 0;
    position: relative
}

.shiki-progress p {
    color: var(--main-text);
    font-size: 15px;
    font-weight: 600;
    text-align: center
}

.link-btn-social a,
.link-status p,
.popup-shiki-5-box ul li p,
.popup-shiki-5-box ul li span,
.popup-shiki-5-btn a,
.shiki-link-status {
    font-size: 14px;
    font-weight: 600
}

.popup-shiki-5-box-progress {
    width: 0;
    height: 20px;
    background-color: #395379;
    border-radius: 8px;
    text-align: center;
    color: #fff;
    text-shadow: 0 0 13px #000;
    line-height: 20px;
    transition: width .3s
}

.animiku-logo,
.subscription-h1 {
    line-height: 1;
    font-family: montserrat, roboto, Arial, Helvetica, sans-serif
}

.popup-shiki-5-box {
    margin: 15px 0 0;
    display: flex;
    justify-content: center;
    gap: 15px;
    align-items: center
}

.popup-shiki-5-box ul li {
    display: flex;
    align-items: center;
    margin: 5px 0
}

.animiku-popup-link-list ul,
.shiki-popup-link-list ul {
    background-color: var(--body);
    padding: 15px;
    border-radius: 8px
}

.popup-shiki-5-box .icon svg {
    margin-top: 25px;
    width: 40px;
    color: var(--main-text)
}

.popup-shiki-5-btn {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin: 20px 0 10px
}

.popup-shiki-5-btn a {
    color: var(--main-text);
    background-color: var(--color-second-vr);
    padding: 7px 13px;
    border-radius: 8px;
    cursor: pointer;
    margin-top: 5px
}

.link-btn-social a,
.link-status {
    background-color: var(--user-menu-elemenet);
    border-radius: 15px
}

.popup-shiki-5-box ul li p {
    color: #e3e3e3;
    display: flex
}

.popup-shiki-5-box ul li span {
    color: #fff;
    display: flex
}

.popup-shiki-5-box .sitename {
    color: #e3e3e3;
    font-weight: 500;
    text-align: center
}

.popup-shiki-5-box .sitename b {
    color: #fff;
    font-weight: 600;
    text-align: center;
    margin: 0 0 5px
}

.popup-site-logo {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 0 10px
}

.popup-site-logo img,
.popup-site-logo svg {
    width: 15px;
    height: 15px;
    margin: 0 0 0 5px;
    color: #fff;
    fill: #fff
}

.link-panel-back svg {
    width: 23px;
    color: var(--main-text)
}

.link-status {
    margin: 0 0 15px;
    text-align: center;
    padding: 30px
}

.link-status p {
    color: var(--main-text)
}

.shiki-link-status {
    display: none
}

.shiki-link-status.unlink {
    display: block;
    color: var(--link-status-unlink)
}

.shiki-link-status.link {
    display: block;
    color: var(--link-status-link)
}

.link-btn-social {
    text-align: center;
    display: flex;
    flex-direction: column
}

.link-btn-social a {
    color: var(--main-text);
    padding: 11px;
    cursor: pointer;
    margin-top: 5px
}

.mobile-header,
.mobile-header-other {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 998
}

.saving-changes,
.searchbyimg-prev {
    left: 50%;
    transform: translate(-50%, -50%)
}

.mobile-header {
    background-color: var(--body) !important
}

.mobile-heade-btn-box {
    display: flex;
    align-items: center;
    width: 100%
}

.user-setting-head {
    justify-content: flex-start !important
}

.mobile-heade-btn-box #back-page,
.user-setting-head a {
    position: relative;
    width: 30px;
    height: 30px
}

.mobile-heade-btn-box p,
.user-setting-head p {
    color: var(--main-text);
    margin-left: 10px
}

body.scrolled .mobile-header-other {
    box-shadow: 0 0 15px #0000005c
}

.remove-fav-btn:hover .remove-fav-btn-content p,
body.scrolled .mobile-header-other .header-logo {
    opacity: 0
}

.mobile-header-other-drop.fullstory-mob-header,
.mobile-header-other-drop.fullstory-mob-header-back {
    position: fixed;
    top: 0;
    left: 0;
    opacity: 0;
    height: 55px;
    width: 100%;
    transition: opacity .3s ease-in-out;
    z-index: 997
}

.mobile-header-other-drop.fullstory-mob-header-back {
    background-color: var(--body);
    z-index: 996
}

body.scrolled .mobile-header-other-drop.fullstory-mob-header {
    opacity: .2
}

.mobile-header-title {
    color: var(--header-text);
    font-size: 25px;
    font-weight: 800;
    margin-left: 5px
}

.mobile-header,
.mobile-header-other,
.user-setting-head {
    padding: 10px 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #fff0;
    backdrop-filter: blur(0);
    height: 55px;
    transition: background-color .3s ease-in-out
}

#page-name {
    color: var(--main-text);
    font-size: 14px;
    font-weight: 600;
    overflow: hidden
}

.mobile-header #greeting p {
    color: var(--main-text);
    font-size: 17px;
    font-weight: 600;
    overflow: hidden
}

.mobile-header #greeting b,
.title-text-main-cont-2.subscription .title-icon .title-text-main {
    font-weight: 800
}

.mh-btn a {
    margin-right: 10px;
    display: flex
}

.mobile-header .mh-btn .hlink {
    border: none;
    background: var(--user-menu-elemenet);
    padding: 7px 13px;
    border-radius: 15px;
    color: var(--main-text);
    font-size: 13px;
    font-weight: 600
}

.mobile-header .hlink.active {
    background: var(--main-gradient-btn);
    color: #fff
}

.mh-btn img {
    width: 32px;
    height: 32px
}

.mobile-header-other svg,
.user-setting-head svg {
    position: absolute;
    left: 0;
    top: 0;
    color: var(--main-text);
    fill: var(--main-text);
    stroke: var(--main-text);
    width: 30px;
    height: 30px
}

.mobile-header .header-logo,
.mobile-header-other .header-logo {
    width: 35px;
    height: 35px;
    transition: opacity .3s ease-in-out
}

.loader-back {
    position: absolute;
    width: 100%;
    height: 100%
}

.link-btn-social a.show,
.searchbyimage-panel.active {
    display: block !important
}

::-webkit-scrollbar {
    width: 8.5px;
    border-radius: 5px;
    background-color: var(--body)
}

::-webkit-scrollbar-thumb {
    background-color: var(--scroll-bar);
    border-radius: 5px
}

::-webkit-scrollbar-thumb:hover {
    background-color: var(--scroll-bar-hover)
}

.nextpl,
.prevpl,
.top-block-main .slick-arrow {
    display: none !important
}

.b-translators__list {
    display: flex;
    flex-wrap: wrap;
    gap: 3px
}

.b-translator__item .ep_count {
    margin-left: 5px;
    color: var(--player-ep-clr)
}

.b-translator__item.active.b-translator__item .ep_count,
.b-translator__item:hover.b-translator__item .ep_count {
    color: var(--player-active-text-clr)
}

.characters-full-popup,
.comm-author,
.comm-author a {
    font-size: 14px;
    font-weight: 600
}

.subscription-overlay-landing {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%
}

.animiku-logo {
    padding: 27px 0 0;
    display: none;
    align-items: center;
    font-size: 4em;
    color: #fff;
    font-weight: 900;
    border-radius: .35rem;
    transition: .3s;
    justify-content: center
}

.subscription-background {
    position: relative;
    overflow: hidden;
    background-color: var(--clr);
    padding: 40px;
    border-radius: 15px;
    max-width: 1300px;
    display: flex;
    margin: 30px auto 0;
    align-items: center
}

.subscription-background .miku-footer {
    bottom: -30px
}

.subscription-background .miku-plug {
    width: 275px;
    height: 140px
}

.subscription-text .first {
    font-size: 47px;
    line-height: 1.2;
    font-weight: 800;
    color: var(--main-text)
}

.subscription-text b {
    font-size: 47px;
    font-weight: 900;
    color: var(--main-text);
    background-clip: text;
    color: transparent;
    background-image: var(--main-gradient-btn);
}

.subscription-text .presentation-text {
    font-size: 18px;
    font-weight: 500;
    color: var(--second-text-2);
    margin-top: 10px
}

.list-picked-short .active span,
.saving-changes .save {
    color: var(--text-list)
}

.subscription-text {
    margin-right: 15px;
    display: inline-block
}

.subscription-login {
    display: inline-block;
    padding: 10px 15px;
    background: var(--main-gradient-btn);
    border-radius: 15px;
    color: var(--main-text);
    margin: 15px 0 0;
    cursor: pointer;
    font-weight: 600;
    text-shadow: 0 0 15px #000;
    font-size: 14px
}

.subscription-background-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #000000ab;
    background: radial-gradient(transparent, #000)
}

.subscription-background img {
    width: 350px;
    height: 350px
}

#myVideo {
    display: block;
    width: 528px;
    height: 300px;
    object-fit: cover;
    border-radius: 15px
}

.subscription-h1 {
    font-size: 4rem;
    letter-spacing: -.6px;
    font-weight: 900;
    margin-top: 10px;
    margin-bottom: 15px;
    display: flex;
    flex-direction: column;
    align-items: center
}

.subscription-second {
    max-width: 1200px;
    display: flex;
    margin: 70px auto;
    width: 85%
}

.subscription-second-box p {
    color: var(--second-text);
    font-size: 18px;
    font-weight: 800
}

.subscription-second-box {
    background: var(--clr);
    width: 92%;
    max-width: 1200px;
    border-radius: 15px;
    margin: 20px auto
}

.subscription-first {
    padding: 1px;
    margin: 30px 0;
    border-radius: 15px
}

.subscription-block-title strong,
.subscription-first-block strong {
    background-clip: text;
    color: #fff0;
    background-image: linear-gradient(171deg, #008dc9, #00fff3c0);
    font-weight: 900;
    font-family: montserrat, roboto, Arial, Helvetica, sans-serif
}

.subscription-first-block {
    width: 1300px;
    height: 510px;
    margin-bottom: 15px;
    display: flex;
    padding: 55px;
    border-radius: 15px;
    align-items: center
}

.subscription-block-first {
    margin: 0;
    text-align: left;
    display: inline-block;
    background-color: #000;
    border-radius: 15px;
    padding: 0 95px;
    display: flex;
    height: 400px;
    align-items: center;
    justify-content: space-around
}

.subscription-block-first img {
    width: 450px
}

.subscription-first-block img {
    display: none;
    height: 450px
}

.subscription-faq h2,
.subscription-title {
    text-align: center;
    margin-bottom: 20px
}

.subscription-title span {
    font-size: 21px;
    font-weight: 300;
    color: #fff;
    font-family: montserrat, roboto, Arial, Helvetica, sans-serif
}

.pages,
.subscription-left-top-block,
.ui-c1 {
    text-align: left
}

.subscription-left-top-block .subscription-btn {
    padding: 14px 35px;
    background: var(--main-gradient-btn);
    text-shadow: 0 0 10px #000
}

.subscription-block-title {
    font-size: 2.7em;
    letter-spacing: -.6px;
    margin: 25px 0;
    font-weight: 800;
    text-align: center;
    font-family: montserrat, roboto, Arial, Helvetica, sans-serif
}

.subscription-first #subscription-description-list {
    display: grid;
    gap: 1.3rem;
    grid-template-columns: minmax(0, 13.375rem) minmax(0, 13.375rem);
    justify-content: center
}

#subscription-description-list li {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    background-color: var(--clr);
    padding: 15px;
    border-radius: 15px
}

.subscription-text-overlay {
    position: absolute;
    width: 100%;
    height: 168px;
    background: radial-gradient(circle at 50% 0, #ffffff14 5%, #0000ff00 26%);
    top: -29px
}

.subscription-faq {
    width: 80%;
    margin: 50px auto
}

.subscription-faq-item {
    margin-bottom: 20px;
    border-radius: .35rem;
    overflow: hidden;
    transition: border-color .3s
}

.subscription-faq-item[open] {
    border-color: #fff0
}

.subscription-faq-question {
    padding: 15px;
    background-color: var(--clr);
    border: 1px solid #34343d;
    cursor: pointer;
    border-radius: .35rem;
    font-size: 14px;
    font-weight: 400
}

.subscription-faq-answer {
    height: 0;
    overflow: hidden;
    transition: height .5s;
    padding: 0 15px
}

.popup-windows.genre-shiki.genre-cat,
.subscription-faq-answer p {
    margin: 15px 0
}

.subscription-plan-bottom {
    display: flex;
    display: flex;
    justify-content: center;
    gap: 20px
}

.subscription-block {
    margin: 30px 0;
    text-align: left;
    display: inline-block;
    background-color: var(--clr);
    border-radius: 15px;
    padding: 26px
}

.subscription-picked {
    padding: 1px;
    margin: 30px 0;
    border-radius: 15px;
    background-image: linear-gradient(119.87deg, #4f87ed00 24.67%, #9370db 30.41%, #71ddd2 46.53%, #7bfdff 57.45%, violet 73.84%, #d6645d00 79.3%)
}

.subscription-block.top {
    margin: 0;
    background-image: linear-gradient(42deg, #9370db2b .19%, #40e0d00d 49.91%, #00ced108 73.75%, #ee82ee29 97.6%)
}

.subscription-tag {
    font-size: 13px;
    color: hsl(0 0% 100% / .8);
    border: 1px solid;
    padding: 3px 5px;
    display: inline-block;
    border-radius: .35rem
}

.subscription-name {
    font-size: 2.4rem;
    letter-spacing: -.6px;
    margin-top: .125rem;
    font-weight: 700
}

.subscription-price {
    font-size: 1.2em;
    display: flex
}

.subscription-desctription {
    font-size: 1.2rem;
    line-height: 1.7rem;
    font-weight: 300;
    margin: 0 0 .8rem;
    color: hsl(0 0% 100% / .6);
    max-width: 533px
}

.subscription-btn-background {
    background: linear-gradient(to right, #78f3f1, #e18ff0);
    padding: 1px;
    margin: 0 10px 0 0;
    border-radius: .35rem;
    display: flex
}

.subscription-button-head {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center
}

.subscription-btn {
    border-radius: .35rem;
    color: #fff;
    text-shadow: 0 0 10px #000;
    cursor: pointer;
    font-size: 15px;
    padding: 7px 31px;
    background: #302e40;
    margin: 0
}

.subscription-under {
    font-size: 14px;
    margin-left: 15px;
    color: #d6d6d6;
    text-decoration: underline
}

.subscription-btn.left {
    padding: 6px 25px;
    border: 1px solid;
    background: #fff0;
    margin: 0 10px 0 0
}

.subscription-btn-info {
    display: inline-flex;
    margin: 0;
    color: #fff;
    text-align: center;
    font-size: 14px;
    text-decoration: underline gray;
    cursor: pointer
}

.sub-slider {
    background-color: var(--clr);
    padding: 15px 0
}

.sub-slider .top-block-main {
    max-width: 1200px
}

@media (max-width:1110px) {
    .subscription-background {
        flex-direction: column
    }
    .subscription-second-box p {
        background-color: var(--clr);
        border-radius: 15px;
        margin: 15px auto;
        padding: 15px;
        width: 92%
    }
    #myVideo {
        width: 100%;
        height: 100%;
        margin-top: 25px
    }
    .subscription-text .first {
        font-size: 37px;
        line-height: 1
    }
    .subscription-text b {
        font-size: 37px
    }
}

.saving-changes {
    position: fixed;
    width: 805px;
    background-color: var(--saving-profile-back);
    border-radius: .35rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 15px;
    bottom: 0;
    opacity: 0;
    transition: opacity .17s ease-in-out, transform .17s ease-in-out;
    z-index: 9000;
    overflow: hidden;
    pointer-events: none
}

.saving-changes.active {
    opacity: 1;
    transform: translate(-50%, -50%);
    pointer-events: all
}

.saving-changes p {
    font-weight: 400;
    font-size: 14px;
    color: var(--main-text)
}

.saving-changes-btn .reset {
    background-color: #fff0;
    border: none;
    text-decoration: underline #cfcfcf;
    margin-right: 10px;
    cursor: pointer
}

.saving-changes .save {
    background-color: #34a739;
    text-shadow: 0 0 10px #00000096;
    border: none;
    font-weight: 400;
    cursor: pointer;
    transition: .3s;
    padding: 7px;
    border-radius: .35rem
}

.subscription-advantages {
    font-size: 15px;
    color: #fff;
    font-weight: 500;
    margin: 1.28rem 0 .4rem
}

.subscription-price-picked {
    margin-right: 10px;
    -webkit-background-clip: text;
    background-clip: text;
    background-image: linear-gradient(119deg, #f6ceff 11.63%, #c2b5ff 40.43%, #7df 68.07%);
    color: #fff0;
    font-weight: 600
}

.subscription-price-one {
    color: #fff;
    font-weight: 600;
    margin-right: 10px
}

.log-register,
.log-register-title,
.subscription-price-picked-des {
    font-weight: 500
}

.subscription-popular-text {
    font-size: 13px;
    color: hsl(0 0% 100% / .6)
}

.subscription-popular .dot {
    background-color: hsl(0 0% 100% / .6)
}

.dot {
    background-color: #fff;
    border-radius: 9999px;
    width: .25rem;
    height: .25rem;
    margin-left: .4rem;
    margin-right: .4rem
}

.rating-anime-container .dot {
    background: var(--badge-poster-box)
}

.header-title,
.subscription-popup-container,
.top-menu-block {
    z-index: 2
}

.subscription-popup-content {
    background-color: var(--clr);
    padding: 25px;
    border-radius: 15px;
    width: 580px
}

.subscription-overlay.active {
    opacity: 1;
    pointer-events: all;
    box-shadow: inset 0 0 500px rgb(0 0 0 / .35), inset 0 0 500px rgb(0 0 0 / .35), inset 0 0 500px rgb(0 0 0 / .35)
}

#allfriends h2.lcol a:hover,
.header-link,
.mobile-menu-m ul li a,
.news-block a,
.subscription-popup-content .subscription-btn-info,
a {
    text-decoration: none
}

.button-check-name,
.franchise-ai.desktop .season-title b,
.mobileMenuProfile,
.setting-edit-btn,
.subscription-popup-content ul {
    margin-bottom: 15px
}

.subscription-overlay .search-popup-btn-close {
    width: 100%;
    height: 100%;
    background-color: #fff0;
    border: none;
    position: absolute;
    z-index: 1
}

.subscription-overlay .subscription-btn-info {
    cursor: default
}

#subscription-description-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px
}

#subscription-description-list .icon {
    background-color: #5a5a63;
    width: fit-content;
    padding: 7px;
    border-radius: 50%;
    margin: 0 0 10px
}

.subscription-popup-container img {
    object-fit: cover;
    width: 230px;
    border-radius: 15px
}

#subscription-description-list .ionicon {
    width: 60px;
    height: 60px;
    color: #5cc2dd;
    margin: 5px
}

.subscription-popup-content li {
    width: 260px;
    background-color: var(--hsl-back);
    padding: 15px;
    border-radius: 15px;
    line-height: 1.4;
    box-shadow: 0 1px 0 #00000030;
    border: 1px solid #474747
}

.subscription-description-text-1 {
    font-size: 18px;
    font-weight: 600
}

.subscription-description-text-2 {
    font-size: 14px;
    font-weight: 400;
    color: #d6d6d6
}

.subscription-second li {
    background-color: var(--clr);
    padding: 14px;
    border-radius: 15px;
    margin: 15px;
    border: 1px solid #34343d;
    display: flex;
    align-items: center
}

.subscription-block-title-block .subscription-block-title {
    margin: 25px 0 0
}

.subscription-block-title-second {
    text-align: center;
    font-size: 16px;
    color: #d6d6d6
}

.image-second .ionicon {
    width: 40px;
    color: #5cc2dd;
    fill: #5cc2dd
}

.image-second {
    margin-right: 15px
}

@media (max-width:1241px) {
    .subscription-first-block {
        width: 90%;
        margin: 0 auto
    }
}

@media (max-width:706px) {
    .subscription-h1 {
        font-size: 2.6em
    }
    .subscription-title span {
        font-size: 16px
    }
    .subscription-block-first {
        height: auto;
        flex-direction: column;
        padding: 0
    }
    .subscription-plan-bottom {
        flex-direction: column
    }
    .subscription-block-title-block {
        padding: 10px
    }
    .subscription-block-title {
        font-size: 2em
    }
    .subscription-first-box {
        padding: 0 20px 20px
    }
    .subscription-first #subscription-description-list {
        margin-top: 15px
    }
    .subscription-block-first img {
        width: 380px
    }
    .svg-line {
        display: none
    }
}

.searchbyimage {
    position: relative;
    z-index: 9001
}

.searchbyimage-icon .ionicon {
    width: 70px;
    height: 70px;
    fill: var(--main-text);
    stroke: var(--main-text);
    color: var(--main-text);
    margin-bottom: 15px
}

.searchbyimage-file-drag {
    border: 2px dashed var(--line);
    padding: 34px 16px 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 15px;
    cursor: pointer;
    transition: .3s
}

.searchbyimage-panel {
    padding: 15px;
    border-radius: .35rem;
    background-color: var(--clr);
    width: 600px;
    height: auto;
    margin: 200px auto
}

.search-byimg-btn-close {
    width: 30px;
    height: 30px;
    background-color: #fff0;
    border: none;
    cursor: pointer
}

.search-byimg-btn-close .ionicon {
    width: 30px;
    height: 30px;
    fill: var(--main-text)
}

.searchbyimage-panel .title-text-main-cont-1 {
    padding: 0 0 15px
}

.title-text-main.category-title-text.cat {
    text-transform: capitalize;
    display: flex;
    align-items: center;
    line-height: 1.25
}

.title-text-main.category-title-text.cat b {
    color: var(--second-text-2);
    font-size: 14px;
    margin-left: 5px
}

.searchbyimage-drag-title {
    color: var(--main-text);
    font-weight: 800;
    text-align: center;
    font-size: 1.3em;
    margin-bottom: 5px
}

.searchbyimage-drag-opt {
    text-align: center;
    font-weight: 500;
    font-size: 1em;
    margin-bottom: 15px;
    color: var(--second-text-2)
}

.searchbyimage-btn,
.searchbyimage-select {
    color: #fff;
    background: var(--main-gradient-btn);
    font-weight: 500;
    cursor: pointer
}

.searchbyimage input {
    width: 263px;
    display: none
}

.searchbyimage-select {
    border: none;
    font-size: 14px;
    transition: .3s;
    padding: 5px 10px;
    border-radius: .35rem
}

.searchbyimage-btn {
    padding: 7px 10px;
    border-radius: .35rem;
    border: none
}

.searchbyimg-prev {
    position: fixed;
    top: 50%;
    width: 70%;
    height: 70%
}

#ASI-preview,
.dropDownProfile .watch-list-head,
.news-block-hidden,
.top-block-main .swiper-slide,
.ui-form,
.сontinue-watching-main .swiper-slide {
    width: 100%
}

.ASI-result-full {
    display: flex;
    z-index: 9001;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: var(--body)
}

.ASI-result-box {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: stretch;
    background-color: var(--clr-up);
    overflow-y: auto;
    padding: 15px 15px 0;
    z-index: 2
}

.result-in-box,
.searchbyimage-out {
    padding: 15px;
    width: 100%;
    border-radius: .35rem;
    display: flex
}

.ASI-result-full-box {
    display: flex;
    flex-direction: column;
    flex-basis: 60%;
    width: 100%;
    flex-grow: 1
}

.ASI-result-full .search-byimg-btn-close {
    position: absolute;
    top: 15px;
    right: 9px;
    width: 40px;
    height: 40px;
    z-index: 4
}

.ASI-result-full .search-byimg-btn-close .ionicon {
    width: 40px;
    height: 40px
}

#ASI-Search-image {
    height: 190px;
    border-radius: .35rem;
    z-index: 2;
    user-select: none;
    -webkit-user-drag: none
}

.searchbyimage-out {
    background-color: var(--hsl-back);
    margin: 0 0 15px
}

.ASI-result-site-logo,
.ASI-result-title,
.result-in-box {
    background-color: var(--clr-up)
}

.header .user-info-text,
.mobile-menu-m .user-info-text,
.searchbyimage-info {
    margin-left: 15px
}

.result-in-box {
    z-index: 2;
    position: relative;
    height: initial;
    flex-direction: column;
    flex-basis: 10%;
    flex-grow: 1;
    align-items: center;
    justify-content: center;
    margin: 85px 0 15px 15px;
    overflow: hidden
}

.ASI-result-site-logo {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    width: 100%;
    height: 70px;
    display: flex;
    align-items: center
}

.search-ani-link {
    font-size: 2em;
    color: var(--main-text);
    font-weight: 900;
    font-family: montserrat, roboto, Arial, Helvetica, sans-serif;
    margin-left: 25px
}

.result-in-box p {
    margin-bottom: 13px;
    font-size: 14px;
    z-index: 2;
    color: var(--main-text)
}

.ASI-result-title,
.searchpage-loader p {
    font-size: 20px;
    font-weight: 800;
    text-align: center;
    font-family: montserrat, roboto, Arial, Helvetica, sans-serif
}

.ASI-result-title {
    padding: 23px;
    color: var(--main-text);
    z-index: 3
}

.searchbyimage-original-name {
    color: var(--main-text);
    font-size: 1.2em
}

.searchbyimage-alt-name {
    color: var(--second-text-2);
    font-weight: 500;
    font-size: 13px
}

.searchbyimage-episode,
.searchbyimage-similarity,
.searchbyimage-timecode {
    font-size: 13px;
    color: var(--main-text)
}

.searchbyimage-episode {
    margin-top: 5px
}

.searchpage-loader {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9001;
    flex-direction: column
}

.searchpage-loader-svg {
    width: 60px;
    height: 60px
}

.searchpage-loader p {
    color: #fff
}

.searchbyimage-video {
    border-radius: .35rem
}

#ASI-Search-image-background {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: .35rem;
    z-index: 1;
    filter: blur(45px);
    opacity: .2;
    object-fit: cover;
    user-select: none;
    -webkit-user-drag: none
}

@media (max-width:625px) {
    .popup-shiki-1,
    .popup-shiki-2 {
        width: 95%
    }
    .popup-shiki-1 .popup-shiki-button p,
    .popup-shiki-2 .popup-shiki-button p {
        text-align: left
    }
}

@media (max-width:960px) {
    .title-text-main.category-title-text.cat {
        margin: 10px 0 5px 15px
    }
    .subscription-text .first,
    .subscription-text .first b {
        font-size: 25px
    }
    .news-img-news.pc,
    .subscription-background .miku-footer,
    .subscription-background .miku-plug,
    .subscription-box-text img {
        display: none
    }
    .subscription-text .presentation-text {
        font-size: 15px;
        line-height: 1.3;
        border-radius: 15px
    }
    .subscription-background {
        padding: 25px;
        margin: 15px 15px 10px !important
    }
    .sub-slider {
        width: 92%;
        margin: 0 auto;
        border-radius: 15px
    }
    .subscription-text {
        z-index: 2;
        margin-right: 0
    }
    .subscription-background .miku-footer {
        width: 374px;
        height: 196px;
        right: unset;
        opacity: .05;
        z-index: 1;
        left: 50%;
        transform: translate(-48%, 0)
    }
    .DLEPush .wrapper {
        border-radius: 7px !important
    }
    .addcomment .btn.btn-big {
        max-height: unset;
        padding: 12px
    }
    .snow-button {
        bottom: 55px !important
    }
    .box-user-profile.site {
        margin: 5px 0 10px !important
    }
    .box-user-profile {
        flex-direction: unset !important
    }
    .ASI-result-full,
    .searchbyimage-out {
        flex-direction: column
    }
    .news-img-box {
        margin: 5px auto 0
    }
    .b-post__lastepisodeout h2 {
        padding: 10px 10px 10px 0
    }
    .news-img-news.mobile {
        display: block
    }
    .ASI-result-full {
        overflow-y: auto
    }
    .saving-changes {
        width: 93%;
        transform: translate(-50%, -25%) !important
    }
    .searchbyimage-panel {
        width: 90%
    }
    .searchbyimage-info {
        margin-left: 0;
        margin-top: 5px
    }
    .result-in-box {
        padding: 70px 15px 15px;
        overflow: unset;
        margin: unset
    }
    .ASI-result-title {
        padding: 5px 0 15px;
        background-color: #fff0
    }
    .searchbyimage-video {
        text-decoration: none;
        display: flex;
        flex-direction: column;
        align-items: center
    }
    .result-in-box p {
        margin-top: 15px
    }
    .ASI-result-box {
        z-index: 1;
        padding: 0 15px
    }
}

.info-debug {
    position: relative;
    border: 1px solid var(--active-2);
    background-color: var(--info-debug);
    border-radius: 15px;
    padding: 15px 15px 15px 65px;
    margin: 20px 0 0;
    overflow: hidden;
    line-height: 1.3
}

.history-is-empty::before,
.info-debug::before {
    content: "!";
    font-family: montserrat, roboto, Arial, Helvetica, sans-serif;
    font-weight: 800;
    background-color: var(--active-2);
    position: absolute;
    left: 0;
    top: 0;
    width: 44px;
    height: 100%;
    display: grid;
    color: #000;
    font-size: 2em;
    place-items: center
}

.info-debug::after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 43px;
    border-left: .475rem solid;
    border-top: .475rem solid #fff0;
    border-bottom: .475rem solid #fff0;
    border-left-color: inherit;
    margin-top: -.375rem
}

.info-debug h2,
.info-debug p {
    font-size: 1em;
    font-weight: 600;
    color: var(--main-text)
}

.info-debug b {
    font-size: 15px;
    font-weight: 500;
    color: var(--second-text-2);
    line-height: normal
}

.message-info__title {
    font-weight: var(--ui-fw-bolder)
}

.not_found_video {
    padding: 5px 15px 15px;
    color: #ededed;
    font-size: 14px
}

.afs-popup,
.schedule-h2,
.schedule-h4 {
    color: var(--main-text)
}

.afs-popup,
.afs-popup .popup-windows.genre-shiki.genre-cat a {
    font-size: 13px
}

.side-advertising {
    position: fixed;
    top: 80px;
    transition: top .3s ease-out;
    width: 160px;
    height: 0
}

.main-content-advertising {
    margin-bottom: 20px;
    overflow: hidden;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center
}

.full-content-advertising {
    margin-top: 15px;
    overflow: hidden;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center
}

@media (max-width:1890px) {
    .side-advertising {
        display: none
    }
}

.afs-popup {
    z-index: 9000;
    background-color: var(--clr);
    max-width: 300px;
    font-weight: 500;
    padding: 15px;
    border-radius: 15px;
    opacity: 0;
    transition: opacity .3s;
    pointer-events: none
}

.popup-windows-tilte {
    font-size: 15px;
    font-weight: 700
}

.information-box-full.popup-windows-description p {
    flex-direction: row;
    margin-top: 0;
    gap: 5px
}

.popup-windows-description p,
.popup-windows-description p b {
    font-size: 13px !important
}

.popup-windows-description {
    display: flex;
    gap: 3px;
    background-color: var(--user-menu-elemenet);
    padding: 15px;
    border-radius: 15px;
    margin: 10px 0 0;
    width: 100%;
    flex-direction: column
}

.popup-windows.genre-shiki.full.completed-status {
    display: inline-block;
    margin: 7px 0 0
}

.schedule-box-main,
.side-block-main,
footer {
    margin-top: 20px
}

.schedule-container {
    display: flex;
    flex-wrap: nowrap;
    flex: 1 1 auto;
    min-width: 0
}

.schedule-box {
    background-color: var(--hsl-back);
    border: 1px solid #7171715e;
    border-radius: .35rem;
    width: 30%;
    margin: .2rem;
    padding: 0 0 5px;
    word-wrap: break-word;
    min-width: 0;
    flex: 1 1 auto
}

.schedule-box.selected {
    display: grid;
    align-items: stretch;
    background-color: var(--clr);
    width: 90%;
    border: none;
    padding: 5px 5px 10px;
    margin: 10px auto;
    grid-template-columns: repeat(auto-fit, minmax(450px, 10fr))
}

.ongoing-block.schedule-box-main .schedule-box.selected {
    border-radius: 15px;
    padding: 10px 10px 15px
}

.today-block {
    background-color: hsl(0deg 0% 100% / 20%)
}

.today-block .schedule-title-anime {
    background-color: var(--comment)
}

.schedule-h2 {
    font-size: .95em;
    font-weight: 500;
    margin-bottom: 5px;
    border-block-end: 1px solid #7171715e;
    padding: 10px
}

.schedule-h3 {
    display: none;
    font-size: 1em;
    margin-bottom: 15px
}

.schedule-entry {
    padding: 5px 5px 0;
    border-radius: 5px;
    display: block;
    word-wrap: break-word
}

.schedule-h4 {
    font-size: 14px;
    font-weight: 600;
    overflow: hidden;
    text-decoration: underline #858585
}

.schedule-title-anime {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: .35rem;
    margin-bottom: 5px;
    background-color: var(--color-second-vr);
    padding: .25rem .25rem .25rem .45rem
}

.schedule-title-anime .icon .ionicon {
    color: var(--main-text);
    display: flex;
    align-items: center;
    width: 15px
}

.schedule-text {
    font-size: 13px;
    color: var(--second-text-4);
    margin: 0 5px 0 0
}

.schedule-release-time {
    display: flex;
    flex-wrap: wrap;
    margin-left: 5px
}

.schedule-text-date {
    font-size: 13px;
    font-weight: 600;
    color: var(--main-text)
}

@media (max-width:991px) {
    .schedule-container {
        flex-direction: column
    }
    .schedule-box {
        width: unset;
        margin: 15px
    }
}

.calendar-container {
    width: 80%;
    margin: 0 auto
}

.calendar-header {
    display: flex;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: 1px solid #333
}

.day-name {
    width: 14.28%;
    text-align: center
}

.calendar-body {
    display: flex;
    flex-wrap: wrap
}

.day {
    width: 14.28%;
    padding: 10px;
    border-right: 1px solid #333;
    min-height: 150px
}

.day:last-child {
    border-right: none
}

.anime-entry {
    background-color: #282828;
    padding: 5px;
    margin-bottom: 5px;
    border-radius: 3px;
    font-size: .8em
}

.anime-entry.watched {
    color: #555;
    text-decoration: line-through
}

#allfriends h2.lcol a,
.friends_table h3 a span:hover,
.search-history-delete,
.table-1 table tbody a:hover,
.user-stat-name,
.user-stat-show-all:hover {
    text-decoration: underline
}

.anime-entry h4 {
    color: #ff4500;
    margin: 0 0 3px
}

.anime-entry p {
    margin: 0;
    color: #ccc
}

#userinfo .user-stat-container {
    display: table;
    margin: 0 auto;
    border-radius: 15px
}

.user-stat-container {
    display: inline-block;
    background-color: var(--clr);
    padding: 15px;
    border-radius: 8px;
    width: auto;
    font-family: montserrat, roboto, Arial, Helvetica, sans-serif;
    margin: 15px 0
}

.user-stat-title {
    color: var(--title-text);
    font-size: 16px;
    font-weight: 700;
    display: flex;
    align-items: center;
    font-family: 'font-3';
}

.info-icon {
    display: flex;
    margin-left: 5px;
    color: var(--second-text-2)
}

.info-icon .ionicon {
    fill: var(--second-text-2);
    stroke: var(--second-text-2);
    width: 19.8px
}

.table-1 table tbody a,
.user-stat-show-all {
    display: block;
    text-align: right;
    font-size: 14px;
    color: #3498db;
    cursor: pointer;
    transition: .3s;
    font-weight: 500
}

.list-picked .mylists-switch .active,
.list-picked-short .mylists-switch .active,
.table-1 table tbody a {
    display: inline
}

.user-stat-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    flex-direction: column
}

.user-stat-item {
    display: flex;
    align-items: center;
    font-size: 13px
}

.user-stat-color {
    width: 13px;
    height: 13px;
    margin-right: 8px;
    border-radius: .15rem
}

.user-stat-chart {
    width: 140px;
    height: 140px;
    margin: 0 0 0 15px
}

.user-stat-chart circle {
    fill: #fff0;
    stroke-width: 25;
    transform-origin: center
}

.user-stat-additional {
    font-size: 14px;
    color: var(--main-text);
    font-weight: 600;
    margin-top: 15px
}

.user-stat-name {
    color: var(--second-text-2);
    display: flex;
    font-weight: 600
}

#mylist-1,
#mylist-2,
#mylist-3,
#mylist-4,
#mylist-5,
.user-stat-count {
    color: var(--main-text)
}

.user-stat-count {
    margin-left: 5px;
    font-weight: 600
}

#mylist-1 {
    border: 1px solid var(--green-list)
}

#mylist-2 {
    border: 1px solid var(--blue-list)
}

#mylist-3 {
    border: 1px solid var(--orange-list)
}

#mylist-4 {
    border: 1px solid var(--red-list)
}

#mylist-5 {
    border: 1px solid var(--purple-list)
}

.user-stat-watching {
    background-color: var(--green-list);
    color: #fff
}

.user-stat-planned {
    background-color: var(--purple-list);
    color: #fff
}

.user-stat-viewed {
    background-color: var(--blue-list);
    color: #fff
}

.user-stat-postponed {
    background-color: var(--orange-list);
    color: #fff
}

.user-stat-abandoned {
    background-color: var(--red-list);
    color: #fff
}

.list-picked #mylist-1.active,
.list-picked-short #mylist-1.active {
    background-color: var(--green-list);
    padding: 3px 5px
}

.list-picked #mylist-2.active,
.list-picked-short #mylist-2.active {
    background-color: var(--blue-list);
    padding: 3px 5px
}

.list-picked #mylist-3.active,
.list-picked-short #mylist-3.active {
    background-color: var(--orange-list);
    padding: 3px 5px
}

.list-picked #mylist-4.active,
.list-picked-short #mylist-4.active {
    background-color: var(--red-list);
    padding: 3px 5px
}

.list-picked #mylist-5.active,
.list-picked-short #mylist-5.active {
    background-color: var(--purple-list);
    padding: 3px 5px
}

.schedule-time-box {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    align-items: flex-end;
    padding: 0 10px
}

.row>* {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%
}

.ms-1 {
    text-align: center;
    font-weight: 500;
    margin-bottom: .7rem;
    font-family: montserrat, roboto, Arial, Helvetica, sans-serif;
    color: var(--second-text-2)
}

@media (min-width:1200px) {
    .display-0 {
        font-size: 5.5rem
    }
    .display-5 {
        font-size: 3rem
    }
}

.display-5 {
    font-size: calc(1.425rem + 1.1vw);
    font-weight: 300;
    line-height: 1.2
}

.display-0 {
    font-size: calc(1.675rem + 1vw);
    font-weight: 400;
    color: var(--main-text)
}

.title-date,
.title-date-out {
    font-size: .9em;
    font-family: montserrat, roboto, Arial, Helvetica, sans-serif
}

.schedule-time-conitainer {
    display: flex;
    justify-content: space-between;
    margin-top: 80px
}

.schedule-time-conitainer .title-text-main-cont-1 {
    padding: 0 0 0 20px !important
}

.blink {
    animation: 2s linear infinite blinker
}

@keyframes blinker {
    50% {
        opacity: .2
    }
}

.DLEPush-message,
.agreement b,
.agreement h1,
.agreement h2,
.agreement p,
.availability-msg,
.login-box form label,
.modal-content-register label,
.ongoing-info p,
.roboto-black,
.roboto-bold,
.roboto-medium,
.roboto-regular,
.team-msg {
    font-family: montserrat, roboto, Arial, Helvetica, sans-serif
}

.roboto-black,
.roboto-bold,
.roboto-medium,
.roboto-regular {
    font-display: swap
}

.roboto-regular,
.user-logreg-header p,
a,
p,
span {
    font-weight: 500;
    font-family: 'font-1';
}

#marquee-container,
.agreement-text,
.header-link,
.hidden-m,
.imgBx-header,
.mobile-menu-item,
.ongoing a,
.ongoing-info,
.ongoing-info .ongoing-original-name,
.ongoing-info p,
.ovh,
.visible-m {
    overflow: hidden
}

.roboto-black,
.roboto-bold,
.roboto-medium,
.roboto-regular,
.sections-site,
.title-text-main {
    font-style: normal
}

.anime-search-info {
    margin: 3px 0 0 15px
}

.title-date {
    color: var(--second-text-2);
    font-weight: 500
}

.title-date-out {
    color: var(--main-text);
    font-weight: 500;
    margin-left: 5px
}

.background-gradient {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 700px;
    z-index: -1;
    background: linear-gradient(0deg, #0d0d10, #00000000)
}

.agreement-text {
    padding: 0 20px 10px;
    max-width: 700px;
    background-color: var(--clr);
    border-radius: 15px
}

.agreement {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 15px 0
}

.agreement-text li {
    list-style: disc;
    margin-left: 30px;
    color: #e7e7e7
}

#dlefastreplycomments span,
.agreement b,
.agreement-text a,
.link-account-btn p,
.page_next-prev a .ionicon {
    color: var(--main-text)
}

.agreement-text a {
    text-decoration: gray underline
}

.side_bt-in,
.top-menu-block .filter {
    display: flex;
    justify-content: center;
    align-items: center
}

.side_bt-in .icon .ionicon {
    margin-right: 5px;
    width: 20.8px;
    fill: #e63647;
    stroke: #e63647;
    display: flex;
    align-items: center
}

.agreement p,
.delete-adm-edit svg,
.ongoing.profile_view_history .second,
.pages a {
    color: var(--second-text-2)
}

.agreement p,
.availability-msg {
    font-size: .95em;
    font-weight: 500
}

.agreement form {
    display: flex;
    margin-top: 20px
}

.agreement b {
    font-size: 1em;
    font-weight: 500
}

#marquee-container {
    display: none;
    padding: 10px;
    width: 100%;
    z-index: 1000
}

.full-user-profile {
    max-width: 1170px
}

.header .box-user-profile,
.mobile-menu-m .box-user-profile {
    flex-direction: unset;
    text-align: unset
}

#userinfo .user-info {
    overflow: visible
}

.box-user-profile.site {
    flex-direction: row;
    justify-content: center;
    margin: 0 0 15px
}

#marquee span,
.profile-link-header li a div,
.user-nologin-menu a {
    display: inline-block
}

#close-btn-marq {
    background-color: #dc3545;
    color: #fff;
    border: none;
    padding: 5px 10px;
    cursor: pointer;
    margin-left: 5px;
    border-radius: .35rem
}

.availability,
.availability-contaner {
    position: relative;
    display: flex;
    width: 100%;
    border-radius: 15px
}

#close-btn-marq:hover {
    background-color: #c82333
}

.availability {
    margin: 50px auto 0;
    max-width: 1300px;
    height: auto;
    background: linear-gradient(to right, var(--clr), transparent);
    padding: 20px
}

.availability .discord-avail {
    color: var(--title-text);
    font-size: 1.5em;
    font-family: montserrat, roboto, Arial, Helvetica, sans-serif;
    font-weight: 900
}

.availability .news-avail {
    font-size: 1em;
    font-family: montserrat, roboto, Arial, Helvetica, sans-serif;
    font-weight: 600;
    color: var(--second-text)
}

.availability-contaner {
    max-width: 450px;
    margin-left: 50%;
    height: 100%;
    padding: 15px;
    flex-direction: column;
    justify-content: center
}

.miku-ai-availability {
    position: absolute;
    background-image: url(../images/availability.webp);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 400px;
    height: 305px;
    right: 50%;
    bottom: -101px
}

.availability-msg {
    margin: 15px 0 5px;
    color: #d1d1d1
}

.availability-button .discord {
    border-radius: .35rem;
    color: #fff;
    padding: 8px 25px;
    background: var(--main-gradient-btn);
    font-weight: 600
}

.availability-button .telegram {
    color: var(--main-text);
    text-decoration: underline gray;
    font-weight: 600
}

.availability-button a {
    display: inline-flex;
    margin: 10px 5px 0 0;
    color: #fff;
    text-align: center;
    font-size: .9em
}

@media (max-width:1270px) {
    .availability {
        margin: 50px auto 36px
    }
}

.team-aianime,
.team-contaner {
    display: flex;
    padding: 15px;
    border-radius: 15px
}

.team-aianime {
    position: relative;
    width: 100%;
    max-width: 1300px;
    height: 400px;
    margin-top: 100px;
    background-color: var(--clr)
}

.miku-ai {
    position: absolute;
    background-image: url(https://animeb.ge/igri.png);
    background-repeat: none;
    background-size: 100%;
    width: 512px;
    height: 512px;
    right: 15px;
    bottom: 0
}

.team-contaner {
    position: relative;
    max-width: 735px;
    height: 100%;
    width: 100%;
    flex-direction: column;
    justify-content: center
}

.DLEPush .wrapper,
.last-comm-left,
.ongoing-block .title-text-main-cont-2 {
    align-items: center
}

.team-title-msg {
    color: var(--title-text);
    font-size: 2em;
    font-family: 'font-4';
    font-weight: 900;
    margin: 0 0 15px
}

.team-button a {
    display: inline-block;
    background-color: #404049;
    color: #fff;
    align-items: center;
    justify-content: center;
    height: auto;
    cursor: pointer;
    border-radius: .5rem;
    font-weight: 400;
    margin: 10px 5px 0 0;
    padding: 7px 20px;
    border: 1px solid #555;
    transition: .3s;
    font-size: 14px
}

.page_form__inner,
.second-footer {
    background-color: var(--clr);
    border-radius: 15px
}

.page_form__inner h1,
.team-msg,
.team-p-msg {
    font-size: 18px;
    font-family: 'font-2';
    font-weight: 700
}

.team-button a:hover {
    background-color: #505059
}

.team-msg,
.team-p-msg {
    color: var(--second-text-2)
}

.second-footer {
    position: relative;
    display: flex;
    overflow: hidden;
    padding: 15px;
    width: max-content;
    margin: 30px auto 0
}

.miku-footer {
    position: absolute;
    background-image: url(https://animeb.ge/sait.png);
    background-size: 100%;
    width: 360px;
    height: 315px;
    right: -56px;
    bottom: -155px
}

.miku-plug,
.random-anime .poster-box,
.side-block-related-news .poster-box,
.side-block-related-news .poster-box img,
.сontinue-watching-main .w186 {
    width: 300px
}

second-footer .line::before {
    content: "i";
    padding: 15px;
    border-radius: 50%;
    background-color: var(--active-2)
}

.miku-hatsune-what .line {
    padding-top: 3px
}

.miku-hatsune-what .miku-hatsune-title {
    color: var(--miku-miku-text);
    font-size: 20px;
    font-weight: 900
}

.miku-facts-1 {
    color: var(--main-text);
    font-size: 16px;
    font-weight: 600;
    margin-top: 5px
}

@media (max-width:1320px) {
    .ai-stub {
        width: 75%
    }
}

@media (max-width:1240px) {
    .ai-stub {
        width: 80%
    }
}

@media (max-width:1195px) {
    .ai-stub {
        width: 100%
    }
}

.mobile-menu,
.mobile-menu-m {
    bottom: 0;
    pointer-events: none
}

.page_form__inner {
    width: 95%;
    max-width: 960px;
    margin: 0 auto
}

.page_form__inner h1 {
    width: max-content;
    margin: 0 0 15px;
    padding: 0
}

.page_form__inner.page_form__inner .form-group {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 15px
}

.page_form__inner.page_form__inner label {
    font-size: 14px;
    font-weight: 500
}

.combo_field input,
.franchise-ai.desktop .ongoing a,
.page_form__inner.page_form__inner button,
.plus_icon,
.pm-container .avatar-pm-box,
.pm-container .pm tbody,
.pm-menu,
.pm-menu a,
.sort-main,
.sort-main .sort,
.ui-form input {
    background-color: var(--hsl-back)
}

.ongoing a,
.vhistory-box {
    background-color: var(--clr);
    padding: 10px;
    border-radius: 15px
}

.new-series {
    width: -webkit-fill-available
}

.ongoing,
.ongoing.fullstory-season {
    width: 90%;
    gap: 15px;
    margin: 5px auto 10px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(390px, 10fr));
    gap: 10px;
    align-items: stretch;
    color: var(--main-text)
}

.ongoing.fullstory-season {
    width: 100%;
    margin: unset;
    gap: 15px
}

*,
.comm-author,
.dropDownProfile .avatar-photo,
.mobile-menu-m .avatar-photo,
.mobile-menu-m .box-user-profile,
.notifications-list-picked .list-picked,
.ongoing.profile_view_history .info-debug {
    margin: 0
}

.ongoing a {
    color: #fff
}

.ongoing.fullstory-season .related-anime {
    display: contents
}

.ongoing-poster-box {
    width: 62px;
    height: 87px
}

.ongoing .ongoing-poster-box img {
    width: 62px;
    height: 87px;
    border-radius: .35rem;
    object-fit: cover
}

.profile_view_history .history-view-info {
    backdrop-filter: blur(8px);
    border-radius: 8px;
    margin: 5px 0 0;
    padding: 5px 10px;
    background-color: var(--color-second-vr);
    width: fit-content
}

.watching-cat-box {
    width: 90%;
    margin: 5px auto 10px
}

.watching-cat {
    font-size: 16px;
    font-weight: 800;
    color: var(--main-text);
    display: flex;
    align-items: center;
    gap: 6px
}

.profile-text-main {
    text-align: center;
    color: var(--main-text);
    font-size: 18px;
    font-weight: 600;
    font-family: montserrat, roboto, Arial, Helvetica, sans-serif;
    margin: 15px 0 5px
}

.ongoing-box {
    position: relative;
    justify-content: space-between
}

.cw-eng {
    font-size: 14px !important;
    color: var(--second-text-2) !important
}

.ongoing-info {
    margin-left: 10px;
    text-align: left
}

.vhistory-box {
    color: #fff;
    margin: 0 0 10px
}

.history-view-info {
    background-color: #232329bf;
    backdrop-filter: blur(8px);
    border-radius: .35rem;
    padding: 5px 10px 0 0
}

.сontinue-watching-main .history-view-info {
    padding: 5px 10px
}

.history-view-info li p {
    color: var(--main-text);
    font-size: 13px;
    font-weight: 600;
    font-family: montserrat, roboto, Arial, Helvetica, sans-serif;
    display: flex
}

.season-box .history-view-info li p {
    color: var(--second-text-3)
}

.history-view-info .badge {
    line-height: unset;
    padding: .2rem .3rem
}

.ongoing-info p {
    font-weight: 600;
    font-size: .9em;
    color: var(--title-text)
}

.list-picked .active span {
    color: var(--text-list);
    font-family: montserrat, roboto, Arial, Helvetica, sans-serif;
    font-size: .9em;
    font-weight: 400
}

.ongoing-info .ongoing-original-name {
    font-family: montserrat, roboto, Arial, Helvetica, sans-serif;
    font-size: .9em;
    font-weight: 400;
    color: #d6d6d6
}

.new-series-nunmber .new-ser-name,
.new-series-nunmber .new-ser-numb {
    color: #000;
    font-family: montserrat, roboto, Arial, Helvetica, sans-serif
}

.new-series-nunmber {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(-15%, -50%);
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #4bc38a;
    width: 90px;
    height: 90px;
    border-radius: 15px;
    flex-direction: column;
    box-shadow: 0 0 8px 20px #232329
}

.new-series-nunmber .new-ser-name {
    font-size: .7em;
    font-weight: 600
}

.new-series-nunmber .new-ser-numb {
    font-size: 2em
}

.list-picked .active,
.list-picked-short .active {
    color: var(--main-text) !important;
    margin: 0 5px 0 0;
    text-shadow: 1px 1px 4px #000;
    padding: 3px 5px
}

.list-picked {
    display: block;
    margin: 5px 0
}

.list-picked .active {
    border-radius: .35rem;
    font-size: 14px
}

.mobile-menu {
    position: fixed;
    display: flex;
    visibility: hidden
}

.list-picked-short .active {
    background-color: var(--badge-dark);
    --tw-bg-opacity: 1;
    border: none !important;
    --tw-text-opacity: 1;
    background-color: var(--badge-bright);
    border-radius: .35rem;
    color: rgb(0 0 0 / var(--tw-text-opacity));
    display: block !important;
    font-size: .8em
}

* {
    padding: 0
}

body {
    display: block;
    min-height: 100vh;
    background: var(--body)
}

.w186 {
    width: 186px
}

.page_form__inner {
    padding: 20px
}

.DLEPush {
    position: fixed;
    right: 20px;
    top: 90px;
    z-index: 9999
}

.DLEPush .wrapper {
    display: flex;
    background-color: var(--clr);
    border-radius: .35rem;
    margin-bottom: 5px;
    box-shadow: 0 0 17px #0007;
    border: 1px solid var(--active-2)
}

.user-logreg-header .icon .DLEPush-close {
    display: flex;
    align-items: center;
    background-color: var(--clr-up);
    color: #fff;
    padding: .75rem;
    text-align: center;
    border-radius: .35rem;
    border: none;
    max-height: 40px;
    cursor: pointer;
    font-size: 1.7em;
    font-weight: 400;
    transition: .3s;
    backdrop-filter: blur(40px);
    line-height: 1
}

.DLEPush-close:hover {
    background-color: #d1e1f9;
    color: #000
}

.DLEPush-message {
    margin: 12px;
    font-weight: 600;
    font-size: .85em;
    padding-right: 5px;
    color: var(--main-text)
}

.DLEPush-icon .icon {
    background-color: var(--active-2);
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center
}

.DLEPush .icon .ionicon {
    background-color: #fff0;
    fill: var(--clr);
    color: var(--clr);
    width: 25px;
    display: flex;
    justify-content: center
}

.bbcodes,
.pm-menu a,
.user-info-edit .self_delete_link b {
    font-size: 1em;
    font-weight: 400
}

.mobile-menu {
    width: 100%;
    height: 60px;
    justify-content: space-evenly;
    z-index: 5000;
    background: var(--mobile-menu-back)
}

.mobile-menu-item {
    width: 65px;
    height: 60px
}

.mobile-menu-item .menu-toggle p,
.mobile-menu-item p {
    font-size: .7em;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 3px;
    font-weight: 600;
    color: var(--second-text)
}

.menu-toggle {
    background-color: #fff0;
    border: none
}

.mobile-menu-item a,
.mobile-menu-item button {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #c5c5c5;
    height: 60px
}

.filed-icon-close,
.mobile-menu .filed-icon,
.mobile-menu .icon {
    padding: 9px 14px 5px
}

.filed-icon-close .ionicon,
.mobile-menu .ionicon {
    display: block;
    height: 23px;
    width: 23px;
    fill: var(--main-text);
    stroke: var(--main-text);
    color: var(--main-text)
}

.mobile-menu-user img {
    display: block;
    border-radius: 50%;
    height: 23px;
    width: 23px;
    object-fit: cover
}

.user-icon-active img {
    border: 1.5px solid var(--main-text);
    padding: 2px
}

.mobile-menu-m {
    position: fixed;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: var(--user-menu);
    color: #fff;
    opacity: 0;
    padding: 20px 20px 75px;
    overflow: auto;
    transform: translateY(100%);
    transition: transform .3s, opacity .3s;
    z-index: 999
}

.mobile-menu-m.active {
    transform: translateY(0);
    pointer-events: all;
    opacity: 1
}

.mobile-menu-m .user-stat-container {
    width: 100%;
    margin: 0 0 15px;
    background-color: var(--user-menu-elemenet);
    border-radius: 15px
}

.mobile-menu-m .user-stat-color {
    border-radius: 50%
}

.mobile-menu-m ul {
    list-style: none;
    padding: 0
}

.icon-menu,
.mobile-menu-m ul li a,
.page_next-prev a .ionicon,
.side-block-main .show-more-schedules,
.welcome-message a:hover {
    color: #fff
}

.mobile-hide-menu-open .icon {
    display: inline-block;
    transition: opacity .1s ease-out;
    opacity: 1
}

.mobile-hide-menu-close .icon {
    display: none;
    transition: opacity .1s ease-out;
    opacity: 0
}

.user-nologin-menu {
    width: 100%;
    text-align: center;
    margin: 0 0 20px
}

.user-nologin-menu a {
    position: relative;
    width: 100%;
    background: var(--main-gradient-btn);
    color: #fff;
    border-radius: .5rem;
    padding: 15px;
    box-shadow: 0 0 20px var(--icon-color-main) 30
}

.sections-site {
    margin-bottom: 5px;
    font-size: 18px;
    color: var(--main-text);
    line-height: 28px;
    font-family: montserrat, roboto, Arial, Helvetica, sans-serif;
    font-weight: 800;
    text-align: center
}

.category-mobile a:first-child,
.link-account .link-account-btn li:first-child a,
.setting-edit-btn a:first-child {
    border-radius: 15px 15px 0 0
}

.category-mobile a:last-child,
.link-account .link-account-btn li:last-child a,
.setting-edit-btn a:last-child {
    border-radius: 0 0 15px 15px
}

.category-mobile-btn {
    column-count: 2;
    column-gap: 10px
}

.category-mobile-btn .text-cat {
    display: grid;
    line-height: 1.4
}

.category-mobile-btn .cat-title {
    border-radius: 15px;
    margin: 0 0 10px;
    overflow: hidden;
    padding: 15px 12px
}

.cat-title,
.link-account .link-account-btn a,
.setting-edit-btn a {
    display: flex;
    margin-top: 2px;
    justify-content: space-between;
    color: #fff;
    padding: 10px;
    background-color: var(--user-menu-elemenet)
}

.setting-edit-btn a {
    font-size: 14px;
    align-items: center
}

.setting-edit-btn a p {
    display: flex;
    color: var(--main-text)
}

.setting-edit-btn .nonactive,
.user-short-info-link.nonactive {
    background-color: var(--inactive-back) !important;
    cursor: default !important
}

.cat-title .icon,
.category-mobile-btn .cat-title .icon {
    margin-right: 10px;
    background-color: var(--hover-main-color);
    border-radius: 50%
}

.setting-edit-btn .second {
    color: var(--inactive-icon) !important
}

.setting-edit-btn a svg,
.user-short-info-link .icon-right {
    width: 15px;
    color: var(--main-text);
    margin-left: 5px
}

.all-setting-box .avatar label {
    justify-content: flex-start
}

.catlist {
    background-color: #73737314
}

.mobile-menu-m .genres-m li,
.subcategory-title {
    background-color: var(--user-menu-elemenet)
}

.cat-title p {
    font-size: 11px;
    color: var(--second-text-2);
    overflow: hidden
}

.genres-m li,
.subcategory-title {
    font-size: 14px;
    border-radius: 10px
}

.cat-title-list {
    display: flex;
    margin-top: 8px;
    align-items: center;
    color: #fff;
    padding: 12px;
    border-radius: 15px
}

.cat-title .icon {
    padding: 7px
}

.cat-title.BtnProfile,
.genres-m li,
.mobileMenuProfile .logout-short-user {
    background-color: var(--color-second-vr)
}

.cat-title .icon.menu .ionicon {
    width: 20px;
    height: 20px
}

.cat-title .icon.menu {
    padding: 5px
}

.category-mobile-btn .cat-title .icon {
    padding: 10px
}

.cat-title span {
    color: var(--main-text);
    font-weight: 500;
    font-size: 14px;
    overflow: hidden
}

.cat-title .icon .ionicon,
.cat-title .ionicon-mob {
    display: flex;
    align-items: center;
    transition: transform .5s ease-in-out;
    width: 24px;
    height: 24px;
    stroke: var(--main-text);
    fill: var(--main-text);
    color: var(--main-text)
}

.hidden-m {
    max-height: 0
}

.visible-m {
    margin: 0;
    padding: 10px 10px 3px;
    opacity: 1
}

.mobile-menu-m .lb-menu li {
    margin: 10px
}

.mobile-menu-m .lb-menu {
    margin: 15px
}

.mobile-menu-m .lb-menu li a {
    width: 100%;
    display: inline-flex;
    font-size: .9em;
    background-color: var(--clr);
    border-radius: 10px
}

.mobileMenuProfile .avatar-photo {
    width: 80px;
    height: 80px
}

.mobileMenuProfile .user-info .avatar span {
    font-size: 2em
}

.mobileMenuProfile .logout-short-user {
    color: #fff;
    border-radius: 15px;
    padding: 12px
}

.mobileMenuProfile .logout-short-user .ionicon {
    display: flex;
    margin-left: 5px;
    width: 16px;
    align-items: center;
    color: #fff
}

.cat-title.BtnProfile {
    justify-content: center;
    margin-bottom: 20px;
    color: #fff;
    font-weight: 500;
    border-radius: 15px
}

.headerDropDownMenu .user-info,
.mobile-menu-m .user-info,
.сontinue-watching-main .box {
    border-radius: 0
}

.subcategory-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
    margin-bottom: 5px;
    color: var(--main-text);
    font-weight: 600
}

.in-header-content,
.rap,
.reward-back {
    background-color: #fff0
}

.genres-m {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 5px
}

.subcategory-title .icon .ionicon {
    width: 20px;
    color: var(--main-text);
    display: flex;
    margin-left: 3px
}

.genres-m li {
    padding: 5px 13px;
    margin: 3px
}

.genres-m a {
    color: var(--main-text) !important;
    font-weight: 600
}

.rap {
    position: relative;
    padding: 50px;
    color: var(--second-text);
    line-height: 20px;
    max-width: 900px;
    margin: 0 auto
}

.rap #registration {
    display: flex;
    margin-top: 15px
}

#searchsuggestions {
    z-index: 9000;
    width: 600px;
    margin-top: 15px;
    border: 1px solid;
    background-clip: padding-box;
    font-size: .9em;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: .35rem
}

#searchsuggestions a,
#searchsuggestions span.notfound {
    display: block;
    text-decoration: none;
    border-bottom: 1px solid #bebebe
}

#searchsuggestions a:hover {
    background-color: #b9b9b9
}

#searchsuggestions .notfound,
#searchsuggestions a {
    color: #bebebe;
    transition: .3s;
    font-family: montserrat, roboto, Arial, Helvetica, sans-serif;
    font-weight: 500
}

#searchsuggestions a span {
    display: block;
    cursor: pointer
}

#searchsuggestions span.searchheading {
    display: block;
    font-weight: 700;
    margin-bottom: .2em
}

#searchsuggestions span.seperator a {
    padding: 10px 0;
    text-align: center;
    border: 0;
    background-color: #fff0;
    color: #fff;
    text-decoration: underline #858585
}

#searchsuggestions span.notfound {
    padding: 15px 25px;
    display: block
}

.reward-btn {
    height: 70px;
    width: max-content;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: .3s;
    margin-right: 15px
}

.reward-btn span {
    background-image: linear-gradient(15deg, #9270db52 .19%, #9440e008 49.91%, #8000d114 73.75%, #828cee29 97.6%);
    border-radius: 10px;
    background-color: var(--clr);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px
}

.reward-back {
    padding: 1px;
    border-radius: 10px;
    transition: .17s;
    background-image: linear-gradient(132deg, #2d283d 24.67%, #9370db 30.41%, #71ddd2 46.53%, #7bfdff 57.45%, violet 73.84%, #352f47 79.3%)
}

.header,
body.scrolled header {
    transition: top .25s ease-in-out
}

.reward-btn svg {
    width: 20px;
    color: #fff;
    fill: #fff
}

.reward-btn p {
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    margin-left: 5px
}

.reward-btn:hover .reward-back {
    box-shadow: 0 0 15px 0 #67597d
}

.header {
    position: fixed;
    height: 70px;
    z-index: 1000;
    width: 100%;
    top: 0;
    color: #fff
}

.in-header-content,
body.scrolled .in-header-content {
    transition: top .25s ease-in-out, background-color .25s ease-in-out
}

body.scrolled header {
    top: 15px
}

body.scrolled .in-header-content {
    box-shadow: var(--header-shadow-radius) var(--header-back);
    background-color: var(--header-back);
    backdrop-filter: blur(40px)
}

.in-header-content {
    position: relative;
    display: flex;
    justify-content: space-between;
    max-width: 1200px;
    margin: 0 auto;
    border-radius: 15px
}

.d3 form,
.pm-container input[type=text],
.q_search input,
.search-history,
.user-info input,
.user-info textarea,
.user-setting-drop .popup-shiki-question-description {
    background-color: var(--clr)
}

.profile {
    display: flex;
    width: 80px;
    height: 70px;
    align-items: center
}

.search-container,
.search-history {
    display: flex;
    flex-direction: column;
    position: absolute;
    width: 600px;
    align-items: center;
    top: 15%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9000
}

.search-history {
    border-radius: .35rem;
    width: 600px;
    top: 37%;
    height: auto;
    align-items: flex-start;
    display: none
}

.search-history .icon .ionicon {
    width: 26px;
    height: 26px;
    color: #c9c9cd
}

.search-history ul {
    width: 100%;
    padding: 15px 0
}

.search-history ul li {
    padding: 0 15px;
    justify-content: space-between;
    cursor: pointer;
    transition: .3s
}

.search-history ul li:hover {
    background-color: #3c3c43
}

.search-history-title {
    font-weight: 500;
    font-size: 16px;
    margin-left: 10px;
    color: #fff
}

.search-history-delete {
    color: var(--active);
    font-size: 14px;
    transition: .3s
}

.history-link {
    width: 100%;
    padding: 7px 0
}

.avatar a:hover,
.comm-author a:hover,
.comm-three li a:hover,
.last-comm-link a:hover,
.log-register:hover,
.news-container-chapter .news-block .title-text:hover,
.pass-info a:hover,
.pm-container .avatar a:hover,
.pm-container .com_content a,
.pm_list a:hover,
.pm_list b:hover,
.search-history-delete:hover,
.top-menu-block a:hover {
    color: var(--active-2)
}

.search-container .title-text-main-cont-1,
.searchbyimage .title-text-main-cont-1 {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.search-container .title-text-main-cont-1 {
    text-align: left;
    width: 100%;
    padding: 10px 0
}

.header form {
    width: 300px;
    margin: 0 auto;
    border-radius: 10px
}

.d3 form {
    color: #fff;
    width: 600px;
    border-radius: .35rem
}

.d3 button,
.d3 input {
    outline: 0;
    color: var(--main-text);
    font-family: montserrat, roboto, Arial, Helvetica, sans-serif;
    font-weight: 500
}

.d3 input {
    width: 100%;
    height: 40px;
    padding-left: 15px
}

.d3 button {
    height: 40px;
    width: 45px;
    position: absolute;
    top: 50px;
    right: 0;
    z-index: 9999;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff0
}

.profile-text-header a,
.profile-text-header b {
    font-size: .9em;
    font-weight: 400;
    cursor: default
}

.d3 button .ionicon {
    height: 30px;
    width: 30px;
    color: var(--main-text)
}

.d3 button:before {
    content: "";
    font-family: montserrat, roboto, Arial, Helvetica, sans-serif FontAwesome;
    font-size: 16px;
    color: #daf5f9
}

.search-icon {
    color: #daf5f9;
    border: none
}

.header-link {
    padding: 5px 15px;
    display: flex;
    align-items: center;
    font-size: 2em;
    color: var(--header-text);
    font-weight: 900;
    font-family: montserrat, roboto, Arial, Helvetica, sans-serif;
    border-radius: .35rem;
    line-height: 1;
    transition: .3s
}

.admin-link {
    display: none;
    width: 140px;
    right: 20px;
    position: absolute;
    background-color: #2e2e38;
    border-radius: 15px;
    height: 50px
}

.profile {
    position: relative;
    justify-content: space-evenly;
    cursor: pointer
}

.imgBx-header {
    position: relative;
    width: 40px;
    height: 40px;
    border-radius: 50%
}

.imgBx-header img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.profile-link-header {
    visibility: hidden;
    margin: 15px;
    right: 0;
    padding: 5px;
    border-radius: .5rem;
    width: 230px;
    position: absolute;
    background-color: var(--clr);
    backdrop-filter: blur(40px);
    box-shadow: 0 8px 16px rgb(0 0 0 / .2);
    z-index: 9999;
    opacity: 0;
    transition: opacity .3s, visibility .3s;
    box-shadow: 0 0 17px #00000062
}

.profile-link-header ul {
    display: flex;
    flex-direction: column;
    align-items: left
}

.profile-link-header .line {
    padding-top: 5px;
    margin-bottom: 5px;
    width: 90%;
    opacity: .5
}

.profile-link-header ul li a .icon {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 10px;
    height: 30px;
    font-size: 1.1em;
    color: #d1e1f9;
    transition: .3s
}

.profile-link-header ul li a .text {
    position: relative;
    font-size: .85em;
    letter-spacing: .05em;
    transition: .3s;
    text-decoration: none;
    align-items: center;
    color: #d1e1f9;
    padding-left: 15px;
    padding-right: 15px
}

.profile-link-header ul li a {
    position: relative;
    display: flex;
    min-width: 140px;
    height: 40px;
    justify-content: left;
    align-items: center;
    width: 100%;
    border-radius: .5rem;
    transition: .3s;
    text-decoration: none
}

.profile-link-header ul li a:hover {
    background-color: #d1e1f9;
    color: #000;
    border-radius: .5rem
}

.profile-link-header ul li a:hover .color-in-header-menu {
    color: #000
}

.profile-text-header {
    height: auto;
    padding: 5px;
    text-align: center;
    line-height: 1.2
}

.header-title,
.user-logreg-header {
    height: 70px;
    align-items: center;
    display: flex
}

.profile-text-header b {
    color: var(--second-text-2)
}

.profile-text-header a {
    color: var(--main-h1)
}

.header-title img {
    width: 50px
}

.user-logreg-header {
    width: auto;
    margin-left: 15px
}

.user-logreg-header a {
    display: flex;
    align-items: center;
    background-color: var(--search-form);
    padding: 7px 10px 7px 8px;
    color: var(--badge-bright);
    border-radius: 10px;
    font-size: 12.5px;
    cursor: pointer;
    margin-right: 15px
}

.user-logreg-header .icon .ionicon {
    display: flex;
    align-items: center;
    width: 25px;
    height: 25px;
    margin-right: 6px;
    fill: #fff;
    stroke: #fff;
    background-color: #4b4b5b;
    padding: 5px;
    border-radius: .35rem
}

.search-popup-btn {
    display: flex;
    align-items: center;
    background-color: #fff0;
    border: none;
    cursor: pointer
}

.search-popup-btn .icon .ionicon {
    display: flex;
    align-items: center;
    width: 15px;
    height: 15px;
    margin-right: 5px;
    fill: var(--header-text);
    stroke: var(--header-text);
    transition: .3s
}

.search-popup-btn p {
    font-size: 13px;
    font-family: montserrat, roboto, Arial, Helvetica, sans-serif;
    font-weight: 600;
    color: var(--header-text);
    transition: .3s
}

.search-popup-btn:hover .icon .ionicon,
.search-popup-btn:hover p {
    color: var(--active-2);
    fill: var(--active-2);
    stroke: var(--active-2)
}

.search-popup-window {
    position: fixed;
    opacity: 0;
    pointer-events: none;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9000;
    transition: opacity .3s ease-in-out
}

.search-popup-container {
    position: relative;
    width: 100%;
    height: 100%
}

.search-popup-btn-close {
    position: fixed;
    top: 15px;
    right: 15px;
    background-color: #fff0;
    border: none;
    z-index: 9000
}

.search-popup-btn-close .ionicon {
    width: 40px;
    fill: var(--main-text);
    cursor: pointer;
    z-index: 9000
}

.edit-profile-overlay,
.filter-backdrop,
.popup-link-overlay,
.search-popup-overlay,
.subscription-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--overlay-main);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    transition: opacity .3s ease-in-out;
    z-index: 8999
}

.edit-profile-overlay {
    background: var(--body);
    box-shadow: none !important
}

.edit-profile-overlay.active,
.filter-backdrop.active,
.popup-link-overlay.active,
.search-popup-active {
    opacity: 1;
    pointer-events: all;
    box-shadow: inset 0 0 500px var(--box-shadow-main)
}

.popup-link-overlay {
    background: #141416f7
}

.pm-container .box:hover,
.popup-link-overlay.active,
.random-anime .box:hover {
    box-shadow: none
}

.headerDropDownMenu {
    position: absolute;
    top: 0;
    width: 100%;
    height: 472px;
    background-color: var(--header-color-drop);
    z-index: 1;
    border-radius: 0 0 15px 15px;
    visibility: hidden;
    opacity: 0;
    border: var(--header-border-rad) var(--footer-line);
    transition: .3s;
    box-shadow: 0 0 15px #0000004f
}

.headerDropDownMenu .line {
    padding-top: 69.5px
}

.headerDropDownContent {
    display: flex;
    justify-content: space-between;
    padding: 15px
}

.headerDropDownMenu .genres-pc {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    height: 345px;
    margin: 10px 0 0
}

.headerDropDownMenu .genres-pc li {
    display: flex;
    margin: 3px
}

.headerDropDownMenu .genres-pc a {
    padding: 4px 11px;
    font-size: .8em;
    background-color: var(--user-menu-elemenet-header);
    border-radius: 10px;
    color: var(--title-text);
    font-weight: 600;
    border: 1px solid var(--line-line)
}

.setting-button.nonactive,
.user-short-info-link.nonactive p,
.user-short-info-link.nonactive svg {
    color: var(--inactive-icon) !important;
    fill: var(--inactive-icon) !important;
    stroke: var(--inactive-icon) !important
}

.selected-tag:hover,
.selected-tag:hover::after {
    color: var(--title-text, #fff)
}

.setting-button.nonactive {
    cursor: default !important
}

.dropDownProfile .watch-list-head .lb-menu a,
.popup-shiki-button a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    margin-bottom: 2px;
    width: 100%;
    text-align: center;
    color: var(--main-text);
    background-color: var(--user-menu-elemenet-header);
    cursor: pointer;
    transition: .3s
}

.dropDownProfile .watch-list-head .lb-menu a {
    padding: 12px
}

.dropDownProfile .watch-list-head .lb-menu a:hover,
.link-account .link-account-btn a:hover,
.link-btn-social a:hover,
.link-panel-back:hover,
.popup-shiki-button a:hover {
    background-color: var(--hover-main-color)
}

.dropDownProfile .watch-list-head .lb-menu p,
.link-account-btn p,
.popup-shiki-button p {
    width: 100%;
    font-size: 13px;
    font-weight: 600
}

.dropDownProfile .watch-list-head ul li:first-child a,
.popup-shiki-button li:first-child a {
    border-radius: 8px 8px 0 0
}

.dropDownProfile .watch-list-head ul li:last-child a,
.link-account .link-account-btn li:last-child a,
.popup-shiki-button li:last-child a {
    border-radius: 0 0 8px 8px
}

.dropDownProfile .watch-list-head.list {
    border-radius: 8px;
    padding: 15px 10px 0
}

.logout-short-user {
    display: flex;
    background-color: var(--color-second-vr);
    padding: 9px 9px 9px 14px;
    border-radius: 8px;
    color: var(--main-text);
    height: fit-content;
    font-size: .85em
}

.headerDropDownMenu .user-stat-container {
    background-color: var(--user-menu-elemenet-header);
    border-radius: 8px;
    margin: 15px 0 0
}

.dropDownProfile .logout-short-user .icon .ionicon {
    display: flex;
    width: 17px;
    height: 17px;
    fill: var(--main-text);
    stroke: var(--main-text);
    margin-left: 5px
}

.dropDownProfile {
    width: 550px;
    border-left: 1px solid var(--footer-line);
    padding: 0 0 0 15px
}

.headerDropUser-Right-text,
.type-title {
    color: var(--main-text);
    margin-left: 3px;
    font-family: 'font-1';
    font-weight: 700
}

.headerDropStatus {
    justify-content: space-evenly
}

.headerDropGenres,
.headerDropSchedule,
.headerDropStatus,
.headerDropUser-Right {
    display: none;
    visibility: hidden;
    opacity: 0;
    transition: .3s
}

.DropDownActive {
    visibility: visible;
    opacity: 1;
    display: block
}

.DropDownActiveFlex {
    display: flex;
    visibility: visible;
    opacity: 1
}

.DropUserNoLogin {
    position: relative;
    height: 407px
}

.DropNoUserLogin {
    position: absolute;
    background: var(--main-gradient-btn);
    color: #fff;
    border-radius: .5rem;
    font-size: .85em;
    padding: 10px 15px;
    box-shadow: 0 0 20px var(--icon-color-main) 60;
    cursor: pointer;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: max-content
}

@media (max-width:1140px) {
    .dropDownProfile {
        width: auto
    }
}

@media (max-width:1085px) {
    .headerDropDownMenu .genres-pc {
        height: 435px
    }
    .headerDropDownMenu {
        height: 567px
    }
    .notification-header {
        height: 447px !important
    }
    .notifications {
        width: 100% !important
    }
}

@media (max-width:980px) {
    .dropDownProfile {
        width: 456px
    }
    .dropDownProfile .user-stat-container {
        display: block;
        width: 250px
    }
}

@media (max-width:945px) {
    .dropDownProfile {
        width: 400px
    }
}

@media (max-width:885px) {
    .dropDownProfile {
        width: 380px
    }
}

@media (max-width:867px) {
    .dropDownProfile {
        width: 365px
    }
}

@media (max-width:849px) {
    .dropDownProfile {
        width: 350px
    }
}

@media (max-width:834px) {
    .dropDownProfile {
        width: 335px
    }
}

.filter-toggle-btn svg {
    fill: var(--main-text);
    width: 19px;
    margin-right: 7px
}

.filter-toggle-btn {
    display: none;
    padding: 10px 14px;
    border: none;
    border-radius: 15px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    background: var(--user-menu-elemenet);
    margin: 0 10px;
    color: #fff
}

.filter-toggle-btn.is-active {
    opacity: .9
}

.filter-form-box {
    transition: max-height .3s, opacity .3s
}

.filter-empty-wrapper {
    background: var(--header-color-drop);
    border-radius: 8px;
    padding: 40px;
    display: flex;
    width: 100%;
    margin: 0 auto;
    justify-content: center;
    box-shadow: 0 4px 15px rgba(0, 0, 0, .4)
}

.filter-empty-icon img {
    width: 250px
}

.filter-empty-title {
    font-size: 36px;
    margin-bottom: 12px;
    font-weight: 800;
    color: var(--xf-palette-color-text, #f0f0f0)
}

.filter-empty-text {
    font-size: 17px;
    line-height: 1.5;
    color: var(--xf-palette-color-text-muted, #aaa);
    opacity: .9
}

.anime-filter,
.selected-tag,
.selected-title {
    color: var(--second-text)
}

.selected-filters-wrapper {
    font-family: var(--font-family, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);
    background-color: var(--user-menu-elemenet-header);
    width: 100%;
    border-radius: var(--radius-lg, 12px);
    padding: 16px;
    margin: 10px auto 0;
    color: var(--second-text);
    box-sizing: border-box;
    display: none
}

.selected-filters-wrapper[data-has-filters=true] {
    display: flex;
    align-items: flex-start;
    gap: 10px
}

.selected-title {
    font-weight: 600;
    padding-top: 6px;
    font-size: .9em
}

.selected-filters-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    flex-grow: 1
}

.selected-tag {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 14px;
    background: hsl(0deg 0% 100% / 12%);
    border-radius: var(--radius-pill, 20px);
    font-size: .9em;
    cursor: pointer;
    border: 1px solid var(--filter-line);
    transition: .2s
}

.selected-tag:hover {
    background: #c82333;
    border-color: #c82333
}

.selected-tag::after {
    content: '×';
    font-weight: 700;
    font-size: 1.2em;
    line-height: 1;
    color: var(--second-text, #888);
    transition: color .2s
}

.anime-filter {
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    background-color: var(--header-color-drop);
    border-radius: 15px;
    padding: 16px;
    max-width: 100%;
    margin: 10px auto;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: flex-start;
    box-sizing: border-box
}

.form-registration h1,
.title-text-login-reg {
    font-family: montserrat, roboto, Arial, Helvetica, sans-serif
}

.filter-backdrop.active>.anime-filter {
    z-index: 8999
}

.filter-count {
    color: var(--second-text-6);
    font-weight: 700;
    font-size: 14px
}

.anime-filter details {
    position: relative;
    flex: 1 1 180px;
    margin: 0;
    border: none;
    max-width: 356px
}

.anime-filter summary {
    padding: 10px 14px;
    cursor: pointer;
    font-weight: 600;
    font-size: 14px;
    list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid var(--filter-line);
    border-radius: 15px;
    color: var(--second-text)
}

.anime-filter summary:hover {
    background: var(--hsl-back)
}

.anime-filter summary::-webkit-details-marker {
    display: none
}

.anime-filter summary::after {
    content: '▼';
    font-size: 1em;
    color: var(--second-text);
    transform: rotate(0);
    transition: transform .2s ease-in-out
}

.anime-filter details[open]>summary::after {
    transform: rotate(180deg)
}

.anime-filter details[open]>summary {
    background: var(--hsl-back);
    border-bottom-color: transparent;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.filter-content {
    position: absolute;
    padding: 15px;
    background: var(--hsl-back-nt);
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    top: auto;
    left: auto;
    width: 100%;
    border: none;
    border-top: none;
    box-shadow: none;
    backdrop-filter: none;
    max-height: 350px;
    overflow-y: auto;
    z-index: 990;
    border-left: 1px solid var(--filter-line);
    border-bottom: 1px solid var(--filter-line);
    border-right: 1px solid var(--filter-line)
}

.filter-tag-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px
}

.filter-sort-direction input[type=radio],
.filter-sort-field input[type=radio],
.filter-tag-list input[type=checkbox],
.member-group,
.notifications-open,
.user-setting-drop.active .search-popup-btn-close {
    display: none
}

.filter-tag-list label {
    padding: 5px 10px;
    color: var(--second-text);
    border-radius: 15px;
    cursor: pointer;
    font-size: 14px;
    transition: .2s;
    border: 1px solid var(--border-clr-second)
}

.filter-sort-direction label:hover,
.filter-sort-field label:hover,
.filter-tag-list label:hover {
    background: var(--hsl-back);
    color: var(--second-text);
    border-color: #555
}

.filter-tag-list input[type=checkbox]:checked+label {
    background: var(--miku-active-clr);
    color: var(--title-text);
    border-color: var(--miku-active-clr);
    font-weight: 500
}

.filter-year-slider {
    padding: 10px
}

.year-slider-labels {
    display: flex;
    justify-content: space-between;
    font-size: .9em;
    color: var(--second-text);
    margin-bottom: 15px
}

.year-slider-values {
    font-weight: 700;
    color: var(--second-text);
    font-size: 1em
}

.year-slider-container {
    position: relative;
    height: 25px;
    padding: 10px 0 25px
}

.slider-track,
.slider-track-fill {
    height: 4px;
    border-radius: 2px;
    top: 17px;
    position: absolute
}

.slider-track {
    width: 100%;
    background: #444;
    z-index: 1
}

.slider-track-fill {
    background: var(--miku-active-clr);
    z-index: 2
}

.year-slider-container input[type=range] {
    position: absolute;
    width: 100%;
    pointer-events: none;
    -webkit-appearance: none;
    appearance: none;
    background: 0 0;
    height: 5px;
    top: 20px;
    padding: 0;
    margin: 0;
    z-index: 3
}

.year-slider-container input[type=range]::-webkit-slider-thumb {
    pointer-events: auto;
    -webkit-appearance: none;
    appearance: none;
    width: 18px;
    height: 18px;
    background: var(--miku-active-clr);
    border-radius: 50%;
    cursor: pointer;
    border: 3px solid var(--clr);
    box-shadow: 0 0 8px var(--miku-active-clr);
    margin-top: -7px;
    transition: .2s
}

.year-slider-container input[type=range]::-webkit-slider-thumb:hover {
    background: var(--miku-active-clr-hover);
    box-shadow: 0 0 12px var(--miku-active-clr-hover)
}

.year-slider-container input[type=range]::-moz-range-thumb {
    pointer-events: auto;
    width: 18px;
    height: 18px;
    background: var(--miku-active-clr);
    border-radius: 50%;
    cursor: pointer;
    border: 3px solid var(--clr);
    box-shadow: 0 0 8px var(--miku-active-clr);
    transition: .2s
}

.year-slider-container input[type=range]::-moz-range-thumb:hover {
    background: var(--miku-active-clr-hover);
    box-shadow: 0 0 12px var(--miku-active-clr-hover)
}

.filter-submit {
    display: flex;
    gap: 10px;
    flex: 1 1 220px;
    align-self: flex-start
}

.filter-submit button {
    flex-grow: 1;
    padding: 10px;
    border: none;
    border-radius: 15px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    transition: .2s ease-in-out
}

.filter-submit button[type=submit] {
    background: var(--miku-active-clr);
    color: var(--title-text)
}

.filter-submit button[type=submit]:hover {
    background: var(--miku-active-clr-hover)
}

.filter-submit button[type=button] {
    background: 0 0;
    color: var(--second-text);
    border: 1px solid var(--filter-line)
}

.filter-submit button[type=button]:hover {
    background: var(--hsl-back);
    color: var(--second-text)
}

.filter-content::-webkit-scrollbar {
    width: 8px
}

.filter-content::-webkit-scrollbar-track {
    background: var(--clr);
    border-radius: 4px
}

.filter-content::-webkit-scrollbar-thumb {
    background-color: var(--second-text);
    border-radius: 4px
}

.filter-content::-webkit-scrollbar-thumb:hover {
    background-color: var(--second-text)
}

.filter-section--standalone .filter-content {
    width: 100%;
    top: 100%;
    left: 0;
    z-index: 100;
    border-radius: 0 0 15px 15px;
    border: 1px solid var(--footer-line);
    border-top: none;
    background: var(--hsl-back-nt);
    padding: 15px;
    max-height: none;
    overflow-y: visible
}

.sort-filter {
    border: 0 !important
}

.filter-sort-standalone-wrapper.anime-filter {
    background: 0 0;
    display: block;
    padding: 0;
    border: none;
    margin: 5px 0 0
}

.filter-section--standalone {
    background: var(--header-color-drop);
    border-radius: 8px;
    max-width: 600px;
    flex-grow: 1
}

.notifications,
.notifications-time {
    background-color: var(--user-menu-elemenet-header)
}

.filter-section--standalone[open]>summary {
    background: var(--xf-content-alt-bg, #333)
}

.filter-sort-direction label,
.filter-sort-field label {
    padding: 5px 10px;
    background: 0 0;
    color: var(--second-text);
    border-radius: 15px;
    cursor: pointer;
    font-size: 14px;
    transition: .2s;
    border: 1px solid var(--border-clr-second)
}

.filter-sort-direction input[type=radio]:checked+label,
.filter-sort-field input[type=radio]:checked+label {
    background: var(--miku-active-clr) !important;
    color: var(--title-text) !important;
    border-color: var(--miku-active-clr) !important;
    font-weight: 500 !important
}

.filter-content-title {
    font-size: 15px;
    font-weight: 700;
    color: var(--second-text);
    margin: 0 0 10px
}

.notification-header {
    overflow-y: auto;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    height: 352px;
    gap: 5px;
    padding-bottom: 15px;
    padding-right: 15px
}

.notifications {
    position: relative;
    border-radius: .35rem;
    display: table;
    padding: 15px;
    width: 588px;
    overflow: hidden
}

.notifications-time {
    position: absolute;
    display: flex;
    right: 15px;
    top: 15px;
    box-shadow: 0 0 13px 20px var(--user-menu-elemenet-header)
}

.notifications-poster img {
    width: 45px;
    height: 45px;
    object-fit: cover;
    border-radius: 50%;
    margin-right: 15px
}

.notifications-info ul li {
    display: flex;
    padding: 1px 0 0
}

.notifications-category-day,
.notifications-category-time,
.notifications-category-value {
    margin: 0 3px;
    color: var(--main-text);
    font-size: 13px;
    font-weight: 600
}

.notifications-title {
    font-size: 14px;
    font-weight: 600;
    color: var(--main-text)
}

.notifications-category {
    font-size: 13px;
    font-weight: 600;
    color: var(--second-text-2)
}

.notifications-list-picked {
    position: absolute;
    bottom: 15px;
    right: 15px
}

.dropDownProfileUserNoLogin {
    position: relative;
    width: 100%
}

.dropDownProfileUserNoLogin .user-info {
    filter: blur(5px);
    opacity: .7;
    z-index: 1
}

.dropDownProfileUserNoLogin>.UserNoLogin {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2
}

.dropDownProfile .user-no-login-history {
    z-index: 3;
    background-color: unset
}

.lb-menu li a {
    align-items: center;
    color: #c8d7ed;
    padding: 10px
}

.lb-menu li a span {
    font-size: .9em;
    background-color: #c8d7ed
}

.watch-list-profile a {
    display: block;
    background-color: var(--clr);
    padding: 10px;
    color: #fff;
    margin: 10px 30px;
    border-radius: .35rem;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.random-anime,
.side-block-related-news .box {
    background-color: var(--clr);
    width: auto;
    border-radius: 15px;
    padding: 20px;
    margin-bottom: 10px
}

.calendar__item h3,
.random-anime-title>h3 {
    color: #fff;
    font-weight: 400;
    margin-bottom: 20px;
    text-align: center
}

.random-anime .poster-box img {
    width: 300px;
    height: 440px
}

.random-anime .title-text {
    display: none !important;
    font-size: 1.5em !important
}

.random-anime .description-short-box h3,
.side-block-related-news .description-short-box h3 {
    text-align: left !important;
    font-size: .95em;
    font-weight: 400
}

.random-anime .description-short-box {
    margin-left: 5px !important
}

.random-anime .box {
    margin-bottom: 0 !important
}

.title-text-login,
.user-popup-content .lb_title {
    margin-bottom: 15px;
    text-align: center
}

.overlay-list-select,
.overlay-rating-window,
.overlay-user-window {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / .5);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    transition: opacity .3s ease-in-out;
    z-index: 8999
}

.user-pop-up-window {
    background: var(--clr);
    padding: 55px;
    border-radius: 8px;
    box-shadow: 0 0 10px rgb(0 0 0 / .3);
    opacity: 0;
    transform: scale(.9);
    transition: opacity .3s ease-in-out, transform .3s ease-in-out;
    z-index: 9000;
    overflow: hidden
}

.overlay-list-select.active,
.overlay-rating-window.active,
.overlay-user-window.active {
    opacity: 1;
    pointer-events: all;
    backdrop-filter: blur(5px)
}

.user-pop-up-window.active {
    opacity: 1;
    transform: scale(1)
}

.user-popup-content input {
    width: 100%;
    background-color: var(--clr-up);
    border-radius: .5rem;
    display: block;
    font-size: .875rem;
    line-height: 1.25rem;
    padding: .75rem 1rem;
    margin-bottom: 7px;
    color: #ddd;
    margin-top: 5px
}

.login-box button,
.modal-content-register button,
.with-social-login {
    background-color: var(--color-second-vr);
    transition: .3s;
    cursor: pointer;
    padding: 7px;
    text-align: center;
    border-radius: .5rem;
    margin-top: 10px;
    height: 40px
}

.user-popup-content .lb_title {
    color: var(--main-text);
    font-size: 1.5em;
    font-weight: 600
}

.login-box button,
.modal-content-register button {
    font-size: 14px;
    width: 100%;
    font-weight: 600;
    color: #fff;
    padding: 7px 13px;
    border-radius: 8px;
    margin-top: 10px;
    border: 1px solid var(--line-line)
}

.switch_label span {
    color: var(--main-text);
    font-weight: 500
}

.login-box form label,
.modal-content-register label,
.pass-info a {
    color: var(--main-text);
    font-size: .9em;
    font-weight: 400
}

.user-popup-content .lb-check {
    display: flex;
    flex-direction: row;
    align-items: center
}

.user-popup-content .lb-check input {
    padding: 0;
    width: auto;
    margin-top: 1px
}

.user-popup-content .user-popup-close {
    background-color: inherit !important;
    position: absolute;
    border: none;
    cursor: pointer;
    right: 15px;
    top: 15px
}

.user-popup-content .user-popup-close .ionicon {
    width: 32px;
    color: #fff
}

.user-popup-content .lost-and-reg a {
    display: flex;
    margin-bottom: 7px;
    font-weight: 400;
    color: var(--active);
    text-decoration: none
}

.avatar a,
.log-register-title,
.rules-page {
    color: var(--second-text)
}

.log-register,
.pass-info a {
    color: var(--active);
    transition: .3s;
    text-decoration: none
}

.log-register,
.user-setting-drop .checkbox input {
    margin-left: 5px
}

.pass-info {
    display: flex;
    justify-content: space-between;
    align-items: flex-end
}

.with-social-login {
    position: relative;
    overflow: hidden;
    display: flex;
    color: var(--main-text);
    text-decoration: none;
    border: none;
    background: linear-gradient();
    max-height: 40px;
    font-size: 1em;
    font-weight: 400;
    width: 100%;
    justify-content: center;
    align-items: center
}

.form-registration button,
.rules-page input {
    background-color: var(--clr);
    color: #fff;
    padding: .75rem;
    border-radius: .75rem;
    font-weight: 400;
    cursor: pointer;
    transition: .3s;
    max-height: 40px
}

.form-registration,
footer {
    background-color: #fff0
}

.line-login,
.rules-page input {
    margin-top: 20px;
    text-align: center
}

.with-social-login::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(-120deg, #4285f4, #34a853, #fbbc05, #ea4335);
    transition: opacity .3s;
    opacity: 0;
    z-index: 1
}

.with-social-login .icon,
.with-social-login b {
    font-size: 14px;
    font-weight: 500;
    margin-right: 5px;
    display: flex;
    z-index: 2
}

.with-social-login .icon:hover,
.with-social-login:hover {
    text-shadow: 2px 2px 4px #00000079
}

.line-login {
    position: relative;
    color: var(--line);
    margin-bottom: 20px
}

#scrollToTopBtn,
.welcome-message {
    position: fixed;
    visibility: hidden
}

.line-login::after,
.line-login::before {
    content: "";
    display: inline-block;
    width: 40%;
    border-top: 1px solid var(--line);
    position: absolute;
    top: 50%;
    flex: 1 1 0%
}

.line-login::before,
.season-title::before {
    right: 0
}

.line-login::after,
.season-title::after {
    left: 0
}

.rules-page input {
    font-size: 1em;
    line-height: normal
}

.form-registration {
    padding: 15px;
    width: 500px;
    max-width: 500px;
    border-radius: 15px;
    margin: auto
}

.form-registration h1 {
    font-size: 1.8em;
    text-align: center;
    margin-bottom: 20px;
    font-weight: 400;
    font-style: normal
}

.form-registration .form-item input {
    width: 100%;
    background-color: var(--clr);
    border-radius: .5rem;
    display: block;
    font-size: .875rem;
    line-height: 1.25rem;
    padding: .75rem 1rem;
    margin-bottom: 7px;
    margin-top: 7px;
    color: #ddd
}

.form-registration button {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border: none;
    font-size: .95em
}

.current-sort .current-sort-text:hover,
.form-registration button:hover,
.pm-menu a:hover,
.sort-main .sort li a:hover,
.sort-main a:hover {
    background-color: var(--active);
    color: var(--btn-active-font-clr)
}

.title-text-login-reg {
    display: flex;
    font-size: .95em;
    font-weight: 100;
    justify-content: center
}

.user-popup-content {
    display: flex;
    overflow: hidden
}

.login-box,
.modal-content-register {
    min-width: 0;
    transition: transform .5s ease-in-out
}

.modal-content-register {
    transform: translateX(100%);
    position: absolute;
    display: none
}

.modal-content-register.active {
    transform: translateX(0);
    position: relative;
    display: block
}

.login-box.inactive {
    transform: translateX(-100%);
    display: none
}

.closereg {
    display: none;
    cursor: pointer
}

.form-registration #sec_code {
    width: 170px !important;
    height: 40px;
    margin-left: 15px
}

.form-registration .form-submit {
    margin-top: 7px
}

.form-registration span {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: var(--badge-bright);
    border-radius: .5rem;
    color: rgb(0 0 0/var(--tw-text-opacity));
    display: inline-block;
    font-size: .85em;
    line-height: 1rem;
    padding: .25rem .5rem;
    margin: 1px 1px 15px
}

.after-reg-btn {
    margin-top: 10px !important;
    display: flex !important;
    align-items: center !important
}

.after-reg-btn a {
    text-decoration: none;
    color: var(--h1)
}

.info-debug form {
    margin-top: 13px
}

.info-debug input {
    background-color: var(--clr);
    border-radius: .5rem;
    font-size: .875rem;
    padding: .75rem 1rem;
    margin-bottom: 7px;
    color: #ddd;
    margin-top: 5px;
    max-height: 40px
}

.welcome-message a,
.welcome-message p,
.welcome-message span {
    font-size: .9em;
    font-weight: 500
}

.welcome-message {
    opacity: 0;
    bottom: 15px;
    background-color: var(--clr);
    border-radius: 15px;
    z-index: 9999;
    padding: 1.25rem;
    max-width: 55rem;
    right: 0;
    left: 0;
    margin: auto;
    box-shadow: 0 0 15px #00000067;
    transition: opacity .3s, visibility .3s
}

#scrollToTopBtn.show,
.show {
    visibility: visible;
    opacity: 1;
    z-index: 9999
}

.welcome-message p {
    color: #f0f0f0
}

.welcome-message a {
    color: #ff4d5e;
    margin-left: 3px;
    margin-right: 3px;
    transition: .3s
}

.welcome-message span {
    background: var(--main-gradient-btn);
    display: flex;
    color: #fff;
    align-items: center;
    justify-content: center;
    height: auto;
    cursor: pointer;
    border-radius: .5rem;
    width: 97px;
    padding: 7px;
    transition: .3s
}

.column-list-item a,
.footer-column-title,
.top-menu-block a {
    font-weight: 600;
    font-family: 'font-1';
}

.form_submit button:active,
.welcome-message span:hover {
    background-color: #fff
}

.welcome-message-content {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.main {
    display: block;
    margin: auto;
    width: 1300px
}

.side-block-main,
.side-block-related-news {
    margin-left: 20px;
    background-color: var(--main);
    width: 360px;
    height: auto;
    border-radius: 15px;
    padding: 10px
}

.side-block-related-news .description-short {
    color: #fff;
    font-size: 1.1em;
    margin-bottom: 5px
}

.side-block-related-news .news-block .description-short-box {
    margin-left: 0 !important
}

.top-block-main {
    position: relative;
    border-radius: 15px;
    width: 1300px;
    height: 350px;
    overflow: visible
}

.top-block-main img {
    border-radius: 15px;
    width: 100%
}

.slider-content-top .swiper-slide {
    opacity: .4 !important;
    transform: scale(.97) !important;
    transition: opacity .5s, transform .5s !important;
    -webkit-transition: opacity .5s, transform .5s !important;
    -moz-transition: opacity .5s, transform .5s !important;
    -ms-transition: opacity .5s, transform .5s !important;
    -o-transition: opacity .5s, transform .5s !important
}

.icon-menu,
.top-menu-block a {
    margin: 0;
    transition: .3s;
    cursor: pointer
}

.slider-content-top .swiper-slide-active {
    opacity: 1 !important;
    transform: scale(1) !important;
    transition: opacity .5s, transform .5s !important
}

.form-group fieldset,
.top-menu-block ul {
    display: flex;
    justify-content: center
}

.top-menu-block a {
    display: flex;
    font-size: 13px;
    padding: 28px 17px;
    color: var(--header-text);
    text-decoration: none;
    text-align: center
}

.icon-menu {
    display: flex;
    font-size: 25px;
    padding: 17px
}

.top-menu-block {
    height: 70px;
    position: relative;
    transition: height .5s
}

.top-menu-content {
    padding: 15px;
    background-color: var(--clr);
    z-index: 9999;
    transition: height .5s;
    overflow: hidden;
    margin: 15px;
    height: 0;
    border-radius: 15px
}

.visible-content {
    height: 505px
}

.top-menu-block .filter-downcategory {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    list-style-type: none;
    border-radius: .45rem;
    background-color: var(--clr);
    z-index: 9999;
    box-shadow: 0 0 17px #00000062;
    padding: 15px
}

.top-menu-block .filter-downcategory a,
.top-menu-block .filter-downcategory a:hover {
    border-radius: .45rem
}

.top-menu-block .filter-downcategory li {
    columns: 6
}

.top-menu-block .filter-downcategory li a {
    padding: 10px !important
}

footer {
    height: auto;
    width: 100%
}

.footerColumns {
    position: relative;
    padding: 30px 0 10px;
    display: flex;
    justify-content: space-between
}

.column {
    margin-right: 35px;
    display: inline-block
}

.column-list-item {
    cursor: default;
    -webkit-transition: .15s;
    -o-transition: .15s;
    transition: .15s
}

.column-item {
    line-height: 1.5
}

.column-list-item a {
    color: var(--second-text-2);
    font-size: 14px;
    line-height: 23px;
    -webkit-transition: .15s;
    -o-transition: .15s;
    transition: .15s;
    text-decoration: none
}

.column-list-item a:hover {
    color: var(--active-2);
    -webkit-transition: .15s;
    -o-transition: .15s;
    transition: .15s
}

.copyright-footer-text,
.development:hover {
    -webkit-transition: .15s;
    -o-transition: .15s
}

.footer-column-title {
    font-size: 1em;
    color: var(--main-text) !important;
    margin-right: 20px;
    margin-bottom: .5em;
    height: auto
}

.copyright-footer-text,
.copyright-footer-text-dev,
.feedback-footer a,
.logo-footer p {
    font-size: .8em;
    font-family: 'font-2';
    font-weight: 500
}

.footer-content-container {
    margin: 0 auto;
    max-width: 980px;
    padding: 0 20px 20px
}

.copyright-footer {
    border-bottom: 1px solid #fff;
    margin-top: 20px
}

.copyright-footer-text {
    text-align: center;
    color: var(--main-text);
    margin-top: 20px;
    padding-bottom: 20px;
    transition: .15s;
    font-weight: 600
}

.copyright-link {
    color: var(--active);
    text-decoration: none;
    font-weight: 600
}

.copyright-footer-text-dev {
    float: right;
    color: var(--main-text);
    margin-top: 1em;
    padding-bottom: 5px
}

.development:hover {
    color: #e07aff;
    transition: .15s
}

.copyright-link:hover {
    color: #8f8f8f;
    -webkit-transition: .15s;
    -o-transition: .15s;
    transition: .15s
}

.footer-cop-text {
    display: flex;
    justify-content: space-around;
    max-width: 1900px;
    margin: 0 auto
}

.bbcodes,
.delete-adm a,
.pages a,
.pages span {
    transition: .3s
}

.all-setting-box,
.secure-setting-box {
    transition: opacity .17s, transform .17s
}

.feedback-text {
    color: var(--second-text-2);
    line-height: 23px;
    font-size: 14px;
    font-weight: 600;
    font-family: montserrat, roboto, Arial, Helvetica, sans-serif
}

.feedback-footer a {
    display: inline-block;
    color: #fff;
    padding: 7px 10px;
    font-weight: 500;
    border-radius: .35rem;
    background: var(--main-gradient-btn);
    text-shadow: 0 0 10px #000;
    margin-top: 5px
}

.logo-footer {
    text-align: center;
    width: 120px;
    height: 120px;
    border-radius: .35rem;
    box-shadow: 0 0 20px 14px #ffffff1c
}

@media (max-width:500px) {
    .footer-column-nav {
        flex-direction: column
    }
    .footerColumns .column {
        margin-bottom: 20px
    }
}

.calendar {
    margin-bottom: 10px !important
}

.side-block-main .calendar__item {
    max-width: 100%;
    background-color: var(--clr);
    border-radius: 15px;
    padding: 20px
}

.side-block-main .calendar__item-date {
    display: none;
    margin-right: 0
}

.side-block-main .calendar__item-bookmark {
    margin-left: 0;
    margin-right: 2px
}

.side-block-main .calendar__item-weekday h3 {
    text-align: left;
    color: #fff;
    margin-top: 5px;
    margin-bottom: 20px
}

.navigation {
    width: 100%;
    padding: 0 0 20px
}

.pages a,
.pages span {
    height: 38px;
    line-height: 23px;
    min-width: 40px;
    text-decoration: none !important;
    display: inline-block;
    font-weight: 700;
    padding: .5rem;
    position: relative;
    text-align: center;
    border-radius: .5rem
}

.delete-adm a,
.form_submit b {
    font-weight: 400
}

.page_next-prev,
.pages a:hover,
.pages span {
    --tw-bg-opacity: 1;
    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
    --tw-shadow-colored: 0 1px 2px 0;
    background-color: var(--clr);
    border-radius: .5rem;
    font-size: 1em;
    color: var(--main-text)
}

.form_submit button,
.plus_icon,
.write-review {
    text-align: center;
    border-radius: .75rem;
    background-color: var(--clr)
}

.plus_icon span {
    color: var(--main-text);
    font-weight: 600
}

.bb-editor textarea,
.combo_field input {
    color: var(--main-text) !important;
    margin-top: 5px !important
}

.page_next-prev {
    color: var(--second-text-2);
    float: right;
    height: 36px;
    font-size: 1.5em
}

.user-setting-drop,
.user-setting-paragraph {
    pointer-events: none;
    opacity: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.page_next-prev .ionicon {
    width: 24px
}

.page_next-prev>span>* {
    float: left;
    padding: 6px 12px
}

.last-comm-link {
    font-size: 15px;
    font-weight: 600;
    color: var(--main-text)
}

.comments-tree-list {
    list-style: none;
    padding: 0;
    margin: 0
}

.comments-tree-list .comments-tree-list {
    border-left: 1px solid #575757;
    padding-left: 10px
}

.comm-left,
.feedback-box .combo_field,
.pm-container .combo_field {
    margin-right: 10px
}

.comm-right {
    flex: 1
}

.last-comment-date {
    font-size: smaller;
    color: #999
}

.comm-three {
    list-style: none;
    padding: 0;
    margin-top: 10px
}

.comment-box {
    width: 100%;
    margin-top: 1.5rem
}

.addcomment,
.comm-item {
    max-width: 60rem;
    margin-left: auto;
    margin-right: auto;
    font-size: 14px
}

.plus_icon {
    padding: .75rem;
    align-items: center;
    color: #fff;
    margin-bottom: 5px
}

.setting-user-profile {
    display: flex;
    justify-content: center;
    margin: 0 0 25px
}

.setting-user-profile-title {
    font-size: 16px;
    font-weight: 400;
    color: var(--second-text-2)
}

.setting-user-profile-name {
    color: var(--main-text);
    font-size: 16px;
    font-weight: 500;
    margin-left: 5px
}

.all-setting-box {
    margin-bottom: 15px;
    transform: translateX(-100%)
}

.secure-setting-box {
    transform: translateX(200%)
}

.all-setting-box,
.secure-setting-box {
    opacity: 0;
    position: absolute;
    width: 100%;
    padding: 0 15px
}

.all-setting-box.active,
.secure-setting-box.active {
    opacity: 1;
    transform: translateX(0)
}

.user-setting-paragraph {
    background-color: var(--body);
    z-index: 8996;
    padding: 55px 15px 15px;
    transform: scale(.8);
    transition: transform .17s, opacity .17s
}

.link-account-btn {
    display: block;
    width: 100%
}

.user-setting-paragraph.active {
    pointer-events: all;
    opacity: 1;
    transform: scale(1)
}

.user-setting-paragraph .setting-input {
    background-color: var(--clr) !important;
    width: 100% !important
}

.user-setting-paragraph label {
    display: block;
    color: var(--main-text);
    margin: 10px 10px 10px 5px;
    font-size: 15px
}

.combo_field input,
.user-setting-paragraph select {
    border-radius: .5rem !important;
    font-size: .875rem !important
}

.user-setting-paragraph select {
    background-color: var(--clr);
    display: block;
    line-height: 1.25rem;
    padding: .75rem 1rem;
    margin-top: 0;
    color: var(--main-text)
}

#password-error-user {
    color: var(--link-status-unlink);
    font-size: 15px;
    align-items: center;
    margin-top: 5px
}

#password-error-user svg {
    width: 23px;
    color: var(--link-status-unlink);
    fill: var(--link-status-unlink);
    margin-right: 5px
}

.all-setting-box .user-profie-avatar {
    position: relative;
    background-color: var(--main-text);
    padding: 2px;
    border-radius: 50%;
    display: block;
    cursor: pointer
}

.all-setting-box .user-profie-avatar svg {
    position: absolute;
    color: var(--inactive-icon);
    fill: var(--main);
    width: 32px;
    bottom: 0;
    right: -2px;
    background-color: var(--main-text);
    border-radius: 50%;
    padding: 7px
}

.all-setting-box .user-profie-avatar .avatar-photo {
    box-shadow: none !important
}

.all-setting-box .avatar .checkbox.avatar {
    color: var(--main-text);
    margin-bottom: 10px
}

.all-setting-box .avatar .checkbox.avatar label {
    margin-left: 5px;
    font-size: 14px
}

.checkbox.mobile label {
    text-align: left;
    margin-left: 5px;
    font-size: 15px
}

.link-account .link-account-btn a,
.setting-edit-btn a {
    padding: 15px 10px 15px 12px;
    cursor: pointer
}

.gif_avatar_button,
.user-setting-back,
.user-setting-head a {
    cursor: pointer
}

.user-setting-drop .checkbox {
    display: flex;
    height: auto;
    align-items: center
}

.user-setting-drop {
    transition: opacity .3s
}

.user-setting-drop.active {
    pointer-events: all;
    opacity: 1
}

.user-setting-back {
    position: absolute;
    left: 15px;
    top: 13px;
    z-index: 8997
}

.user-setting-back svg {
    width: 30px;
    color: var(--main-text)
}

.setting-btn {
    position: relative;
    width: min-content;
    background-color: var(--clr);
    display: flex;
    border-radius: 15px;
    padding: 3px;
    margin: 0 0 15px 15px
}

.setting-button {
    padding: 8px 15px;
    color: var(--main-text);
    cursor: pointer;
    font-size: 14px;
    border-radius: 15px;
    background-color: #fff0;
    transition: background-color .17s
}

.bb-editor textarea,
.comm-item,
.delete-adm-edit a {
    background-color: var(--clr)
}

.setting-button.active {
    background-color: var(--color-second-vr)
}

.form-group {
    display: flex;
    width: 100%
}

.form-group fieldset .with-social-login {
    width: 50%;
    margin: 15px;
    min-width: 210px
}

.combo_field input {
    display: block !important;
    line-height: 1.25rem !important;
    padding: .75rem 1rem !important
}

.c-captcha,
.comm-item,
.comm-three,
.comm-three li,
.delete-adm,
.delete-adm-delete,
.delete-adm-edit,
.delete-adm-edit a,
.form_submit,
.mass_comments_action {
    display: flex;
    display: flex
}

.combo_field_left {
    margin-left: 9px
}

.bb-editor textarea {
    border-radius: .75rem !important;
    padding: 15px !important;
    margin-bottom: 4px
}

.form_submit {
    justify-content: space-between;
    margin-top: 5px
}

.form_submit button,
.full-history-watch a,
.write-review {
    background-color: var(--clr);
    color: var(--main-text);
    padding: .6rem 1rem;
    font-size: 14px;
    font-weight: 600;
    border: none;
    max-height: 40px;
    cursor: pointer;
    transition: .3s
}

.form_submit button b {
    font-weight: 600
}

.c-captcha img,
.comm-item {
    border-radius: .75rem
}

.bbcodes:hover,
.form_submit button:hover,
.full-history-watch a:hover,
.write-review:hover {
    background-color: var(--hover-main-color) !important
}

.c-captcha {
    align-items: center;
    justify-content: flex-start;
    margin-top: 15px
}

.c-captcha input {
    background-color: var(--clr) !important;
    color: #fff !important;
    padding: .75rem !important;
    border-radius: .75rem !important;
    max-height: 40px !important;
    margin-left: 5px !important;
    width: 170px !important
}

.comments-tree-list {
    max-width: 42rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px
}

.comm-item {
    position: relative;
    padding: 15px;
    margin-top: 10px
}

.delete-adm {
    flex-direction: column;
    align-items: flex-end;
    position: absolute;
    top: 10px;
    right: 10px;
    flex-direction: row;
    align-items: center
}

.comm-item .delete-adm input[type=checkbox] {
    margin: -2px 0 0
}

.delete-adm-delete a svg,
.delete-adm-edit a svg {
    width: 18px
}

.delete-adm-edit {
    gap: 7px
}

.delete-adm b {
    color: var(--red)
}

.delete-adm-delete {
    justify-content: flex-end
}

.delete-adm-edit a {
    color: #ff6a6a;
    fill: #ff6a6a;
    font-weight: 600;
    font-size: 14px;
    width: fit-content;
    align-items: center;
    padding: 5px;
    background-color: var(--color-second-vr);
    border-radius: 7px;
    gap: 2px
}

.delete-adm-delete svg,
.meta a span {
    margin-left: 3px
}

.delete-adm-edit a:first-child {
    padding: 5px 5px 5px 8px
}

.comm-author a,
.comm-three li a {
    color: var(--active);
    transition: .3s;
    font-weight: 500;
    text-decoration: none
}

.checkbox-choice {
    font-weight: 500;
    color: var(--second-text) !important
}

.comm-right,
.comm-two {
    color: var(--main-text)
}

.comm-right {
    margin-left: 10px;
    position: relative
}

.comm-left img {
    border-radius: 50%;
    width: 50px;
    height: 50px;
    object-fit: cover
}

.comm-three li a,
.comm-two {
    font-size: 1em
}

.comm-two {
    font-weight: 500;
    margin-top: 3px;
    word-break: break-word;
    overflow-wrap: break-word
}

.offline,
.online {
    margin-top: 5px;
    text-align: center
}

.online {
    color: #15ff00
}

.offline {
    color: #a5a5a5
}

.comm-three {
    transition: .3s;
    justify-content: space-between;
    width: 100%;
    align-items: center
}

.replycountbox {
    color: var(--second-text-2);
    font-size: 1em;
    font-weight: 500
}

.comm-three li {
    margin-right: 5px;
    gap: 10px;
    text-align: end
}

.mass_comments_action {
    max-width: 42rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
    color: var(--main-text);
    font-weight: 500;
    font-size: 15px;
    align-items: center
}

.mass_comments_action select {
    background-color: var(--clr);
    color: var(--main-text);
    margin-left: 5px;
    border: none;
    padding: 6px 10px;
    border-radius: 7px;
    outline: 0
}

.mass_comments_action input,
.meta ul a {
    background-color: var(--active);
    cursor: pointer
}

.mass_comments_action input {
    color: var(--main-text);
    padding: 5px 10px;
    border-radius: .15rem;
    background-color: var(--clr)
}

.last-comm-link {
    margin-top: 25px
}

.last-comm-link a {
    color: var(--active);
    text-decoration: none;
    transition: .3s;
    font-size: 1em
}

.last-comm-right-title {
    font-family: montserrat, roboto, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 600
}

.main-comment-block {
    width: auto;
    margin-left: auto;
    margin-right: auto;
    background-color: #fff0;
    border-radius: 15px;
    padding: 15px
}

.lastcomm .comm-two {
    margin: 4px 0;
    color: var(--main-text);
    font-size: 14px;
    line-height: 1.2;
    font-weight: 500
}

.main-comment-block .lastcomm li {
    position: relative;
    background-color: var(--comment);
    margin-bottom: 15px;
    padding: 15px;
    border-radius: 15px 15px 0 0;
    width: 440px;
    max-height: 150px;
    overflow: hidden
}

.comment-overlay {
    position: absolute;
    bottom: 0;
    left: -20px;
    width: 600px;
    height: 45px;
    background: linear-gradient(0deg, var(--commnet-back));
    z-index: 1
}

.main-comment-block .lastcomm {
    max-width: 56rem;
    height: auto;
    display: flex;
    position: relative;
    margin: auto;
    flex-wrap: wrap;
    justify-content: space-between
}

.main-comment-block a {
    color: var(--active);
    font-size: .9em;
    z-index: 1
}

.main-comment-block b a {
    position: relative;
    color: #6ce3dd;
    margin-bottom: 0;
    z-index: 2
}

.last-comm-left img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover
}

.last-comm-autor {
    margin-left: 7px
}

.last-comm-autor .offline,
.last-comm-autor .online {
    font-size: .85em;
    text-align: left;
    margin-top: 0
}

.hui-znaet-chto-tut-bilo {
    display: block;
    text-align: center;
    width: 100%;
    background-color: var(--clr-up);
    padding: 5px;
    border-radius: .35rem
}

.last-comment-date p {
    font-size: 13px;
    font-weight: 500;
    color: var(--second-text-2)
}

#dlefastreplycomments {
    font-weight: 500;
    color: var(--second-text-2);
    padding: 15px;
    background-color: var(--clr);
    margin-top: 10px;
    font-size: 14px;
    border-radius: 15px
}

#dlefastreplycomments textarea {
    margin-top: 15px !important
}

#dlefastreplycomments b {
    font-weight: 600;
    color: var(--main-text)
}

#dlefastreplycomments .comments_subscribe {
    display: flex;
    margin-bottom: 10px
}

.save-buttons {
    text-align: right;
    display: flex
}

.rate3-comm {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%
}

.rate3-comm svg {
    width: 23px;
    height: 23px;
    fill: var(--second-text-2);
    transition: .3s
}

.ratingtypeplusminus {
    font-size: 14px;
    font-weight: 600;
    margin: 0 5px
}

.rate3-comm .ionicon.plus:hover,
.rate3-comm .ratingplus {
    color: var(--link-status-link);
    fill: var(--link-status-link)
}

.rate3-comm .ionicon.minus:hover,
.rate3-comm .ratingminus {
    color: var(--link-status-unlink);
    fill: var(--link-status-unlink)
}

.find_comment_short {
    width: 100%;
    display: block
}

#scrollToTopBtn {
    display: flex;
    bottom: 20px;
    right: 20px;
    background-color: #d1e1f9;
    padding: 10px;
    border-radius: 100%;
    cursor: pointer;
    border: none;
    opacity: 0;
    transition: opacity .3s, visibility .3s
}

#scrollToTopBtn .ionicon {
    width: 20px;
    color: #000
}

.feedback-container,
.news-container-chapter,
.news-page-static,
.rules-page {
    position: relative;
    border-radius: 15px
}

.title-news {
    color: #fff;
    font-size: 2em;
    margin-bottom: 30px
}

.news-page-static {
    width: 1200px;
    height: auto;
    font-size: 14px;
    line-height: 18px;
    overflow: hidden;
    background-color: #393949;
    padding: 20px;
    margin: 90px auto
}

.news-container .box {
    max-width: 100%;
    background-color: #1e1e26;
    padding: 20px;
    margin-bottom: 20px;
    display: flex
}

.news-block .title-text,
.news-block>.description-short-box {
    margin-left: 15px;
    display: block
}

.btn-desc-short {
    display: flex;
    background-color: var(--color-second-vr);
    padding: 7px 15px;
    width: fit-content;
    border-radius: 15px;
    color: var(--main-text);
    margin: 5px 10px;
    font-weight: 500;
    font-size: 14px
}

.news-container .poster-box {
    width: 283px;
    height: 422px
}

.news-container-chapter {
    margin: 15px 0;
    background-color: var(--clr);
    padding: 15px;
    display: flex
}

.news-container-chapter .box {
    height: unset !important;
    width: unset !important
}

.news-container-chapter .poster-box img {
    height: 265px;
    width: 190px
}

.news-container-chapter .poster-box,
.poster-box-w {
    width: 190px
}

.news-container-chapter .news-block .title-text {
    color: var(--main-text);
    font-weight: 700;
    font-size: 1.2em;
    font-family: montserrat, roboto, Arial, Helvetica, sans-serif;
    transition: .3s
}

.news-container-chapter .description-short-box h3 {
    color: var(--second-text-2);
    line-height: normal;
    font-weight: 400;
    font-family: montserrat, roboto, Arial, Helvetica, sans-serif;
    font-size: .9em
}

.feedback-container {
    display: block;
    margin: auto;
    width: 920px;
    background-color: #fff0;
    padding: 20px
}

.feedback-box h4 {
    color: var(--main-text);
    font-weight: 400;
    margin-bottom: 13px
}

.form-group {
    margin-bottom: 5px
}

.form-group textarea {
    width: 100% !important;
    border-radius: .75rem !important;
    background-color: var(--clr);
    color: var(--main-text) !important;
    padding: 15px !important;
    margin-top: 0;
    font-size: .875rem !important
}

.form-group label,
.user-1.xfields {
    font-size: 1em;
    color: var(--main-text)
}

.form-group label {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    margin-right: 10px;
    margin-bottom: .3em
}

.user-1.xfields {
    text-align: center
}

.user-1.xfields textarea {
    margin-top: .3em
}

.info-user-status {
    position: relative;
    background-color: var(--clr);
    padding: 15px;
    line-height: 1;
    border-radius: 0 15px 15px;
    color: var(--main-text);
    font-size: 15px;
    width: fit-content;
    margin: 5px 0 0;
    word-break: break-word;
    overflow-wrap: break-word
}

.avatar-photo,
.panel-clr,
.ui-c1.grey,
.user-info,
.user-info-edit,
.user-info-text {
    overflow: hidden
}

.form-group select {
    background-color: var(--clr);
    border-color: #000;
    color: var(--main-text);
    border-radius: .5rem !important;
    height: 44px
}

.form-group:first-child {
    margin-right: .5em
}

.feedback-box .form_submit button {
    margin-right: 0 !important
}

.checkbox {
    display: flex;
    height: 100%;
    bottom: 0
}

.remove-fav-btn {
    position: absolute;
    bottom: 20px;
    right: 20px;
    padding: 5px;
    border-radius: .45rem;
    background-color: var(--red);
    border: none;
    cursor: pointer;
    transition: .3s;
    height: 30px;
    width: 147px
}

.remove-fav-btn a {
    width: 100%;
    height: 100%;
    display: inline-block;
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0
}

.remove-fav-btn-content {
    position: relative;
    display: flex;
    justify-content: center;
    z-index: 1
}

.remove-fav-btn:hover {
    background-color: var(--red-1)
}

.remove-fav-btn-content p {
    position: absolute;
    display: flex;
    color: var(--main-text);
    padding: 7px;
    transition: opacity .3s;
    opacity: 1
}

.remove-fav-btn-content .icon {
    font-size: 1.5em;
    padding: 5px;
    opacity: 0;
    transition: .3s;
    color: var(--main-text)
}

.meta ul a,
.pm-container .icon-pm {
    font-size: .9em
}

.rules-page {
    padding: 50px;
    background-color: var(--main);
    line-height: 20px;
    width: 900px;
    margin: 0 auto
}

.user-info {
    background-color: #fff0;
    margin: auto;
    z-index: 2
}

.user-info .box {
    height: auto !important;
    width: auto !important;
    break-inside: unset !important;
    margin-left: unset !important;
    margin-right: unset !important
}

.user-info .box:hover {
    box-shadow: unset
}

.background-photo {
    height: 400px;
    margin: 0 auto
}

.background-photo img {
    width: 1300px;
    height: 400px;
    margin: auto;
    display: block;
    user-select: none;
    -webkit-user-select: none;
    pointer-events: none;
    border-radius: 15px
}

.avatar-photo-box {
    width: 130px;
    height: 130px;
    object-fit: cover;
    z-index: 4;
    margin-top: 130px;
    background-color: var(--clr-up)
}

#userinfo .avatar-photo {
    box-shadow: 0 0 0 10px var(--body);
    cursor: pointer
}

.avatar-photo {
    display: block;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    object-fit: cover
}

.user-profie-avatar {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-right: 15px
}

.profile-user-offline,
.profile-user-online {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 5px solid var(--body)
}

.profile-user-online {
    background-color: #1bc335
}

.profile-user-offline {
    background-color: #ababab
}

.user-info-text {
    max-width: 300px;
    line-height: 1.1;
    font-weight: 900
}

.user-name-profile-sub {
    position: relative;
    color: var(--second-text-2);
    font-size: 17px;
    font-weight: 700;
    margin-top: 5px;
    z-index: 2
}

.info-profile {
    color: var(--second-text-2);
    font-weight: 600;
    font-size: 15px
}

.info-profile-about {
    background-color: var(--color-second-vr);
    padding: 12px;
    border-radius: 15px;
    font-size: 15px;
    color: var(--main-text);
    margin: 0 0 10px;
    width: 100%;
    max-width: 416px
}

.admin-group,
.editor-group,
.vip-group {
    width: fit-content;
    padding: 3px 6px;
    font-weight: 700;
    margin: 10px auto 0;
    display: inline-block;
    font-size: 14px
}

.header .user-info-text span,
.mobile-menu-m .box-user-profile span,
.user-info .avatar .user-name-profile {
    font-size: 2.5em;
    color: var(--title-text);
    font-weight: 900;
    margin-top: 0
}

.user-info-text .user-name-profile-head {
    font-size: 14px !important;
    font-weight: 500 !important;
    color: var(--second-text-3) !important
}

.admin-group {
    color: #ff7171;
    border: 2px solid;
    border-radius: .35rem
}

.editor-group {
    color: #996af7;
    border: 2px solid;
    border-radius: .35rem
}

.vip-group {
    color: #71ff94;
    border: 2px solid;
    border-radius: .35rem
}

.heading,
.meta ul a,
.ui-c1.grey {
    font-weight: 500
}

.user-info .form-group {
    display: flex;
    flex-direction: column
}

.season-main .poster-box,
.user-info input {
    width: unset
}

.heading {
    color: var(--main-text);
    font-size: 1.5em;
    margin-bottom: 1em
}

.tab-pane {
    margin: 0 auto
}

.form-group textarea {
    height: 100%
}

.panel-clr {
    background-color: var(--clr);
    border-radius: 15px;
    padding: 15px;
    height: 100%;
    position: relative
}

.user-stat-description {
    font-size: 13px;
    color: var(--second-text)
}

.table-1 th,
.ui-c2 {
    color: var(--main-text)
}

#userinfo .title-text-main-cont-1 {
    padding: 0;
    margin-top: 10px
}

#userinfo .items_news {
    padding: 7px 0
}

.user-info-full {
    max-width: 1300px;
    margin: 20px auto;
    display: flex;
    gap: 0;
    flex-direction: column;
    align-items: center
}

.table-1 table {
    width: 100%;
    border-collapse: collapse
}

.table-1 tr {
    font-size: 14px
}

.ui-c2 {
    padding: 5px 0 5px 15px;
    text-align: left;
    font-weight: 600
}

.table-1 th {
    font-family: montserrat, roboto, Arial, Helvetica, sans-serif
}

.ui-c1.grey {
    padding: 5px 0;
    color: var(--second-text-2)
}

.user-info-edit .self_delete_link {
    display: flex;
    padding: .75rem;
    max-height: 40px;
    transition: .3s;
    cursor: pointer;
    justify-content: center;
    background-color: var(--red);
    color: #fff;
    text-align: center;
    text-decoration: none;
    border-radius: .75rem;
    border: none
}

.heading-info {
    color: var(--main-h1);
    font-size: 1.2em;
    text-align: left;
    margin: 10px
}

.profile-info {
    padding: 0 30px 15px
}

.avatar a {
    text-decoration: none;
    transition: .3s
}

.list-picked {
    position: absolute;
    right: 10px;
    bottom: 10px
}

.pm select,
.pm-container {
    background-color: var(--main)
}

.user-info-edit {
    transform: scale(.8);
    opacity: 0;
    pointer-events: none;
    display: block;
    width: 600px;
    height: 100%;
    z-index: 9000;
    overflow-y: auto;
    transition: transform .17s, opacity .17s
}

.expand {
    opacity: 1;
    pointer-events: all;
    transform: scale(1)
}

.edit-profile-overlay .search-popup-btn-close {
    z-index: 9003
}

.user-save {
    background-color: #34a739;
    text-shadow: 0 0 10px #00000096;
    border: none;
    font-size: 1em;
    font-weight: 400;
    cursor: pointer;
    transition: .3s
}

.user-save:hover {
    background-color: #3f8542 !important
}

.pm-container,
.pm-menu {
    position: relative;
    border-radius: 15px;
    overflow: hidden
}

.user-info-edit .self_delete_link:hover {
    background-color: #ff2727
}

.pm-container input[type=text] {
    border-radius: .75rem !important;
    padding: 10px !important
}

.ui-dialog label {
    color: var(--second-text) !important;
    margin-top: 5px
}

.ui-dialog {
    z-index: 9001 !important
}

.pm-container .avatar a,
.pm-menu a {
    color: var(--main-h1);
    transition: .3s
}

.pm-container {
    width: 920px;
    height: 100%;
    margin: 20px auto 0;
    padding: 15px
}

.pm select,
.pm-menu {
    width: 100%;
    display: flex
}

.pm-menu {
    height: 50px;
    margin-bottom: 20px;
    flex-direction: row;
    justify-content: center;
    align-items: center
}

.pm-menu ul {
    display: flex;
    flex-direction: row;
    justify-content: center
}

.pm-menu a {
    padding: 1rem;
    text-align: center;
    cursor: pointer;
    text-decoration: none
}

.pm tbody tr td {
    padding: 5px;
    border-radius: .25rem
}

.pm_list a,
.pm_list b {
    color: var(--active);
    text-decoration: none;
    transition: .3s;
    font-weight: 400
}

.bbcodes,
.pm select,
.season-title b {
    color: var(--main-text)
}

.pm-container img {
    border-radius: 50%;
    max-width: 60px
}

.pm select {
    border-color: var(--clr)
}

.bbcodes {
    border: none;
    background: var(--hsl-back);
    border-radius: 10px;
    display: flex;
    padding: 10px 20px;
    align-items: center;
    cursor: pointer;
    margin-right: 5px;
    font-weight: 600
}

.accept-btn input[type=button] {
    background: 0 0 !important;
    text-decoration: underline gray;
    padding: 10px 5px !important
}

.meta ul a {
    display: flex;
    color: var(--btn-active-font-clr);
    align-items: center;
    justify-content: center;
    height: auto;
    border-radius: .5rem;
    width: auto;
    padding: 8px;
    transition: .3s;
    text-decoration: none
}

.meta ul li {
    display: flex;
    margin-right: 7px
}

.meta ul li:last-child a {
    background-color: #ff4848;
    color: #fff
}

.pm-container .com_content .text {
    background-color: var(--clr);
    border-radius: 15px;
    color: var(--main-text);
    padding: 15px;
    margin: 7px 0 15px
}

.pm-container .com_info .com_user {
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
    color: var(--main-text) !important;
    padding: 0 5px;
    align-items: center
}

.pm-container .avatar-pm-box {
    display: flex;
    align-items: center;
    padding: 15px;
    border-radius: 15px;
    width: auto
}

.full-story-body .season-main,
.season-container,
.season-main {
    background-color: #fff0;
    border-radius: 15px
}

.pm-container .avata-pm-text .name {
    margin-left: 10px;
    color: var(--main-h1) !important;
    font-weight: 400;
    font-size: 1em
}

.pm-container .avata-pm-text {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.pm-container .avata-pm-text .offline,
.pm-container .avata-pm-text .online {
    margin-left: 11px;
    font-size: .9em
}

.pm-container .line {
    padding-top: 25px
}

.pm-container .user-group {
    font-size: .8em;
    margin-left: 11px
}

.pm-container .com_user span p {
    font-size: .9em;
    color: var(--font-color-dark);
    margin-left: 5px;
    background-color: var(--second-text);
    padding: .25rem .5rem;
    border-radius: .5rem
}

.wrote-a-message {
    font-size: 1.1em;
    font-weight: 400;
    color: var(--main-h1);
    margin-top: 40px;
    text-align: center
}

.season-overlay-right {
    display: none;
    background: linear-gradient(0deg, #000, #00000000)
}

.season-box {
    display: flex !important;
    justify-content: center !important
}

.season .poster-box,
.season article,
.season-box {
    width: 183px
}

.season .news-block .title-text {
    margin-top: 10px;
    margin-left: 0;
    width: 183px;
    font-size: .95em;
    font-family: montserrat, roboto, Arial, Helvetica, sans-serif;
    font-weight: 400;
    text-decoration: none;
    white-space: nowrap
}

.season-title b {
    display: block;
    font-size: 15px;
    font-weight: 600;
    text-align: left
}

.full_player .line {
    padding-top: 0
}

.swiper-button-prev {
    position: absolute;
    left: -35px;
    top: 40%;
    z-index: 900
}

.season-main {
    position: relative;
    padding: 15px 0;
    margin: 0 -15px
}

.season-overlay-right {
    position: absolute;
    background: linear-gradient(270deg, var(--body), #00000000);
    right: 0;
    top: 0;
    z-index: 1;
    height: 400px;
    width: 120px
}

.season .box {
    box-shadow: unset !important;
    margin-bottom: 0
}

.season-main .poster-box img {
    height: 265px;
    width: 185px
}

.poster-box img {
    object-fit: cover
}

.season-main .season article {
    width: 185px
}

.season-main .season {
    padding: 0 15px
}

.сontinue-watching-main {
    position: relative;
    padding: 15px 0 0;
    margin: 20px -15px 0;
    z-index: 1
}

.сontinue-watching-main .poster-box,
.сontinue-watching-main .poster-box img {
    width: 300px;
    height: 150px
}

.сontinue-watching-main .ongoing-info {
    margin-left: 0
}

.сontinue-watching-main .description {
    padding-top: 85px;
    justify-content: flex-start
}

.сontinue-watching-main .title-overlay {
    opacity: 1;
    display: block !important;
    transform: translateY(0) !important
}

.сontinue-watching-main .history-view-info li p {
    font-size: .95em
}

@media (max-width:1276px) {
    .сontinue-watching-main .swiper-slide {
        flex-shrink: unset
    }
}

.history-is-empty {
    border: 1px solid var(--active-2);
    padding: 5px;
    border-radius: .35rem;
    margin: 0 auto
}

.сontinue-watching-main .info-debug {
    margin: 0 15px;
    width: 100%;
    font-size: 15px
}

.ongoing.profile_view_history .info-debug::before,
.сontinue-watching-main .info-debug::before {
    content: "?" !important
}

.user-no-login-history .w186 {
    height: 188px
}

.user-no-login-history {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}

.swiper.user-no-login-history {
    z-index: 1;
    opacity: .4;
    filter: blur(3px)
}

.сontinue-watching-main .user-no-login-history>a {
    top: 57%
}

.user-no-login-history>a {
    background: var(--main-gradient-btn);
    padding: 10px 15px;
    color: #fff;
    width: max-content
}

.title-text-main-cont-1.user-no-login {
    z-index: 4
}

#persons_block h3,
.title-text-main {
    color: var(--title-text);
    font-size: 18px;
    line-height: 28px;
    font-family: 'font-1';
    font-weight: 600
}

.title-text-main-cont-1 {
    position: relative;
    padding: 0 0 15px 20px
}

.user-profile-text_history {
    padding: 0 0 0 20px
}

.title-text-main-cont-2 {
    padding: 0
}

.linepd {
    padding: 0 10px
}

.schedule-container .title-text-main-cont-1 {
    padding: 15px 0 15px 15px
}

.full-history-watch,
.title-text-main-cont-1,
.title-text-main-cont-2 {
    display: flex;
    justify-content: center;
    flex-direction: column
}

.title-text-main-cont-2.subscription .title-icon {
    justify-content: center !important;
    margin-bottom: 15px
}

.title-text-main-cont-2.subscription {
    padding: 0 0 0 15px
}

.title-text-main-cont-2.main {
    padding: 15px 0 0;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

.full-story-body .title-text-main-cont-1 {
    justify-content: center
}

.title-text-main-cont-1 .icon .ionicon,
.title-text-main-cont-2 .icon .ionicon {
    display: flex;
    align-items: center;
    width: 20.8px
}

.udner-title-text {
    font-size: .9em;
    color: var(--second-text-2);
    font-family: montserrat, roboto, Arial, Helvetica, sans-serif;
    font-weight: 500;
    display: none
}

.title-icon .icon .ionicon {
    margin-right: 5px;
    width: 20.8px;
    fill: #e63647;
    stroke: #e63647;
    color: #e63647;
}

.sort-main {
    height: 45px;
    display: flex;
    align-items: center;
    border-radius: .75rem;
    justify-content: space-between;
    margin-top: 15px;
    margin-bottom: 15px
}

.sort-main span {
    color: var(--main-text);
    margin-left: 15px;
    font-size: .85em
}

.sort-main a {
    display: flex;
    font-size: .85em;
    padding: 10px;
    margin: 0;
    transition: .3s;
    cursor: pointer;
    text-decoration: none;
    color: var(--active);
    border-radius: .75rem
}

.sort-main form ul {
    display: flex;
    flex-direction: row
}

.sort-main>p {
    font-size: .85em;
    font-weight: 400;
    margin-left: 15px
}

.current-sort-text p {
    margin: 0 3px
}

.sort-main .sort {
    border-radius: .5rem;
    max-height: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    min-width: 160px;
    box-shadow: 0 0 20px rgb(0 0 0 / .63);
    transition: .3s;
    flex-direction: column;
    z-index: 999
}

.sort-main .sort.open {
    max-height: 500px
}

.sort-main .sort li a {
    color: var(--active);
    padding: 12px 16px;
    text-decoration: none;
    font-size: .85em;
    display: block
}

.current-sort {
    display: flex;
    align-items: flex-start;
    margin-left: 5px;
    font-size: .85em
}

.current-sort .current-sort-text {
    margin-left: 5px;
    margin-right: 5px;
    background-color: var(--body);
    color: var(--active);
    padding: 7px;
    border-radius: .5rem;
    cursor: pointer;
    transition: .3s;
    display: flex;
    align-items: center
}

.current-sort .icon {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.3em
}

.sort-out {
    display: flex;
    border-radius: .5rem;
    padding: 5px
}

@media (max-width:1280px) {
    .full-story-body {
        width: 920px
    }
    .season-main {
        margin: unset
    }
}

@media (max-width:830px) {
    .privacy-policy,
    .rules-page {
        width: auto;
        padding: 30px
    }
}

@media (max-width:980px) {
    .main-comment-block .lastcomm {
        column-count: 1;
        display: flex;
        flex-direction: column;
        align-items: center
    }
    .ongoing {
        display: flex;
        flex-direction: column
    }
}

@media (max-width:1322px) {
    .сontinue-watching-container {
        margin: 15px;
        width: 100%;
        padding: 15px
    }
    .main,
    .top-block-main,
    .top-menu-block {
        width: 100%
    }
    .side-block-main,
    .side-block-related-news {
        display: none
    }
    .contaner-flex,
    .season-container {
        width: 100%;
        margin: auto;
        padding: 15px
    }
    .top-block-main {
        height: auto
    }
    .main {
        margin: auto
    }
    .full-story-body {
        width: 1200px
    }
}

@media (min-width:960px) {
    .filter-form-box {
        max-height: none;
        opacity: 1;
        overflow: visible;
        pointer-events: auto
    }
    .swiper-pagination {
        display: none
    }
}

@media (min-width:1277px) {
    .season-overlay-right,
    .сontinue-watching-container .season-overlay-right {
        display: none
    }
    .season-main .season {
        padding: 0
    }
}

@media (max-width:1250px) {
    body.scrolled .header {
        padding: 0 15px;
        transition: top .25s ease-in-out
    }
}

@media (max-width:960px) {
    .copyright-footer-text.mobile,
    .countdown-text,
    .description-short,
    .description-short-box,
    .description-text-short,
    .logo-footer,
    .miku-ai-availability,
    .news-container-chapter .poster-badge,
    .news-container-chapter .title-bookmarks-icon,
    .news-container-chapter .title-overlay,
    .profile,
    .season-main .title-overlay,
    .side-block-main,
    .side-block-related-news,
    .sort-main>span,
    .speedbar,
    .team-aianime,
    .top-menu-block,
    .udner-title-text,
    .user-logreg-header {
        display: none
    }
    .miku-footer {
        position: absolute;
        background-image: url(../images/miku-facts.webp);
        background-repeat: no-repeat;
        background-size: 100%;
        width: 186px;
        height: 186px;
        right: -9px;
        bottom: -29px
    }
    .second-footer {
        margin: 20px 10px 0;
        width: auto
    }
    .miku-plug {
        width: 445px
    }
    .filter-toggle-btn {
        display: flex;
        margin: 0 0 0 10px
    }
    .filter-form-box.is-open {
        max-height: 5000px;
        opacity: 1;
        pointer-events: auto
    }
    .сontinue-watching-main .user-no-login-history>a {
        top: 50%
    }
    .anime-filter,
    .filter-content,
    .list-picked {
        position: relative
    }
    .main-comment-block {
        padding: 15px 10px
    }
    .anime-filter {
        margin: 10px;
        transition: opacity .3s ease-in-out
    }
    .filter-empty-wrapper {
        margin: 0 3px
    }
    .filter-sort-standalone-wrapper.anime-filter,
    .selected-filters-wrapper[data-has-filters=true] {
        margin: 10px 10px 0
    }
    .mass_comments_action,
    .schedule-time-conitainer,
    .selected-filters-wrapper,
    .user-info .user-1 {
        flex-direction: column
    }
    .filter-section.filter-section--standalone {
        width: 100%;
        max-width: unset
    }
    .agreement-text,
    .news-commnets {
        margin: 0 15px
    }
    .btn-desc-short {
        margin: 5px 0 0
    }
    .avatar-photo {
        width: 85px;
        height: 85px
    }
    .user-info .avatar .user-name-profile {
        display: block;
        font-size: 2em;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 100%
    }
    .ongoing.profile_view_history.historymain,
    .pad15 {
        padding: 0 15px
    }
    .footer-cop-text {
        display: contents
    }
    .user-profile-text_history {
        padding: 10px 0 5px 15px
    }
    .ongoing {
        margin: 0 auto 10px;
        width: 100%
    }
    .list-picked {
        right: 0;
        bottom: 0;
        margin: 10px 0 3px
    }
    .b-simple_episode__item {
        width: 32.5%
    }
    .b-simple_episode__item,
    .b-translator__item {
        padding: 8px
    }
    .table-1 th {
        font-size: 13.5px
    }
    .DLEPush-icon .icon {
        background-color: #fff0
    }
    .DLEPush .icon .ionicon {
        color: var(--active-2);
        fill: var(--active-2);
        stroke: var(--active-2)
    }
    .DLEPush-message {
        margin: 12px 0
    }
    .reward-btn {
        margin-right: 15px
    }
    .b-translator__item {
        display: block;
        text-align: left
    }
    .availability-contaner,
    .b-translator__item .ep_count,
    .bottom-items .badge,
    .mobile-description .badge {
        margin-left: 0
    }
    .b-translators__list {
        max-height: 215px;
        overflow-y: auto
    }
    .mobile-menu-m .availability {
        margin: 0 0 10px !important;
        background: 0 0;
        padding: 5px;
        background-color: var(--user-menu-elemenet)
    }
    .DLEPush {
        bottom: 60px;
        right: 20px;
        left: 20px;
        top: unset
    }
    .сontinue-watching-main .info-debug {
        margin: unset
    }
    .panel-clr {
        height: unset
    }
    .user-stat-chart {
        margin: 0 auto
    }
    .availability .discord-avail {
        font-size: 1.2em
    }
    .availability .news-avail {
        font-size: .85em
    }
    .search-popup-btn {
        margin-right: 15px;
        display: none
    }
    .search-container {
        justify-content: center
    }
    #searchsuggestions,
    .search-container,
    .search-history {
        width: 80%
    }
    .search-history {
        top: 48%
    }
    #searchsuggestions,
    .search-history {
        overflow-y: auto;
        max-height: 70%
    }
    #userinfo .user-stat-container,
    .contaner-flex,
    .d3,
    .d3 form,
    .header,
    .main,
    footer {
        width: 100%
    }
    .main-content-advertising {
        margin: 20px 10px 0
    }
    .contaner-flex,
    .title-text-main-cont-2.center {
        padding: 0
    }
    .mobile-badge,
    .schedule-box.selected,
    .season-main .title-text {
        display: block
    }
    .ongoing-block.schedule-box-main .schedule-box.selected {
        padding: 10px 10px 15px;
        width: auto;
        border-radius: 15px;
        margin: 10px 15px 0;
        background-color: var(--comment)
    }
    .season-overlay-right {
        width: 50px;
        height: 285px
    }
    .season .box,
    .season-main .season {
        border-radius: 0
    }
    .сontinue-watching-container {
        margin: 0 15px;
        padding: 0 15px
    }
    .сontinue-watching-container .title-text-main-cont-1 {
        padding: 0 0 10px
    }
    .side_bt-in {
        margin-top: 5px
    }
    .сontinue-watching-main {
        padding: 0;
        margin: 20px -15px 0
    }
    .schedule-time-box {
        justify-content: center;
        margin-top: 10px
    }
    .col-auto {
        flex-direction: row;
        align-items: center
    }
    .ms-1 {
        margin-bottom: 0;
        margin-left: 10px
    }
    .progress-bar-rating {
        height: 30px
    }
    .popup-window-review {
        width: 90%
    }
    .user-review {
        column-count: 1;
        margin: 0 0 15px
    }
    .news-container-chapter .description-short {
        font-size: 1em
    }
    .availability-button .discord {
        font-size: .8em;
        border-radius: .35rem;
        padding: 7px 20px
    }
    .availability-button a,
    .ongoing-info p {
        font-size: 15px
    }
    .list-picked-short .active span {
        margin-bottom: 1px
    }
    .ongoing-info .ongoing-original-name {
        font-size: .75em
    }
    .about-anime,
    .form_submit button,
    .ongoing-block .title-text-main-cont-2,
    .self_delete_link {
        margin-top: 10px
    }
    .related-anime-main {
        padding-bottom: 10px
    }
    .profile-text-main {
        text-align: center
    }
    .navigation {
        padding: 0 10px
    }
    .poster-box-w {
        width: 95px
    }
    #userinfo .title-text-main-cont-1 {
        margin-top: 0;
        margin-left: 20px
    }
    #userinfo .items_news {
        padding: 7px
    }
    .copyright-footer-text {
        padding-bottom: 75px
    }
    .swiper-button-prev {
        position: absolute;
        left: 20px;
        top: 40%;
        z-index: 900
    }
    .season-container {
        background-color: unset;
        border-radius: 0;
        padding: 0
    }
    .title-text-main-cont-1 {
        padding: 10px 0 10px 15px
    }
    .full-story-body .title-text-main-cont-1 {
        padding: 0 0 15px 15px
    }
    .title-text-main-cont-2 {
        display: flex;
        padding: 15px 0 0 15px;
        justify-content: space-between
    }
    .title-text-main-cont-2.main {
        padding: 15px 10px 0 15px
    }
    .title-text-main-cont-1 {
        justify-content: unset
    }
    .title-text-main {
        font-size: 18px
    }
    .watchonlinepanelMobile .title-text-main {
        color: var(--main-text);
        font-size: 14px;
        font-weight: 600;
        margin-left: 10px
    }
    .news-container-chapter {
        position: relative;
        display: flex;
        flex-direction: row;
        padding: 15px;
        margin: 10px;
        font-size: 1em
    }
    .news-container-chapter .poster-box img {
        height: 117px;
        width: 82px;
        opacity: 1 !important;
        transform: unset !important
    }
    .news-container-chapter .poster-box {
        height: 117px;
        width: 82px;
        margin-right: 15px
    }
    .news-container-chapter .news-block .title-text {
        text-align: left;
        font-size: 15px;
        font-weight: 600
    }
    .anime-search-info {
        margin: 3px 0 0
    }
    .news-container-chapter .description-short-box h3 {
        font-size: .85em;
        font-weight: 300
    }
    .news-container-chapter .description-short a {
        font-size: .9em;
        font-weight: 400
    }
    .news-container-chapter .box {
        margin-bottom: 15px !important
    }
    .remove-fav-btn {
        position: relative;
        right: unset;
        bottom: unset;
        height: 27px
    }
    .bottom-items,
    .watch-pannel {
        right: unset !important
    }
    .sim-slider-dots,
    .watch-pannel {
        bottom: 0 !important
    }
    .remove-fav-btn-content {
        top: -2px
    }
    .news-block .title-text {
        margin-left: 0;
        margin-top: 0
    }
    .news-block>.description-short-box {
        margin-top: 5px;
        margin-left: 0
    }
    .season-title::after,
    .season-title::before,
    .slider-title::after,
    .slider-title::before {
        width: 30% !important
    }
    .season .poster-box img {
        width: 119px;
        height: 175px;
        opacity: 1;
        transform: scale(1);
        transition: opacity .5s, transform .3s
    }
    .season .poster-box {
        height: 175px
    }
    .fullstory-season .season .poster-box {
        height: 162px
    }
    .description-mobile,
    .welcome-message-text {
        display: block !important
    }
    .season-main {
        padding: 0;
        margin: 15px 0 0
    }
    .season-main .season article {
        width: 119px
    }
    .fullstory-season article {
        width: 103px !important
    }
    .season .poster-box,
    .season article,
    .season-box {
        width: 117px
    }
    .fullstory-season .season .poster-box,
    .fullstory-season .season-box {
        width: 103px
    }
    .pretimer .lt,
    .pretimer .rt {
        width: 100% !important
    }
    .season .news-block .title-text {
        margin-top: 10px;
        margin-left: 0;
        width: 117px;
        font-size: .8em !important;
        font-weight: 400;
        text-decoration: none
    }
    .form-registration {
        max-width: 412px
    }
    .slick-dots {
        margin-bottom: 20px
    }
    .wrap {
        margin-top: 55px
    }
    .mobile-menu,
    .openbtn {
        display: flex;
        visibility: visible;
        pointer-events: all
    }
    .sort-main {
        justify-content: space-between;
        width: 95%;
        margin: 0 10px
    }
    .main__content {
        max-width: auto !important
    }
    .about-anime,
    .full-story-body,
    .main-container,
    .original-title {
        max-width: 100% !important
    }
    .main-container {
        margin-top: 0 !important;
        margin: auto
    }
    .footerColumns .column {
        margin-right: 20px
    }
    .title-text {
        font-size: 1.2em;
        font-weight: 700
    }
    .scrollToTopBtn {
        display: none !important
    }
    .watch-pannel {
        position: relative !important;
        text-align: center !important;
        margin-bottom: 20px
    }
    .original-title {
        font-size: 1.1em !important;
        font-weight: 500 !important;
        margin-bottom: 15px
    }
    .header form,
    .pretimer,
    .schedule {
        width: auto !important
    }
    .b-player iframe {
        height: 215px
    }
    .header-title {
        margin-left: 12px
    }
    .header-link {
        padding: 5px 10px
    }
    .pretimer {
        box-shadow: 0 0 17px #00000054;
        left: 0 !important;
        margin-top: 15px !important;
        border-radius: 15px !important;
        display: flex !important;
        align-items: center !important;
        background-color: var(--clr) !important;
        flex-direction: column;
        text-align: center;
        margin-bottom: 15px !important
    }
    .pretimer .rt {
        display: flex !important;
        justify-content: center !important
    }
    .form_submit {
        flex-direction: column;
        display: flex
    }
    .countdown-text,
    .countdown-title {
        text-align: center !important;
        font-size: 1.1em !important
    }
    .pretimer .points,
    .pretimer .value {
        font-size: 3em !important;
        font-weight: 700 !important
    }
    .sim-slider-arrow-right {
        right: 10px !important;
        top: 50% !important
    }
    .sim-slider-arrow-left {
        left: 10px !important;
        top: 50% !important
    }
    .kodik-player {
        height: 233px !important
    }
    .feedback-container {
        width: 395px !important
    }
    .welcome-message {
        bottom: 70px;
        width: 90%;
        border-radius: 15px;
        box-shadow: 0 0 15px #000000a1
    }
    .welcome-message-content {
        justify-content: space-between;
        flex-direction: column
    }
    .welcome-message span {
        width: 100%;
        padding: 8px;
        margin-top: 15px
    }
    .welcome-message a {
        margin-left: 0;
        margin-right: 0
    }
    .comment-box .c-captcha {
        display: flex;
        margin-top: 20px;
        justify-content: space-around;
        align-items: center
    }
    .c-captcha span {
        border-radius: .75rem !important
    }
    #news_set_sort {
        position: relative;
        display: inline-block
    }
    .pm-container,
    .user-info {
        flex-direction: column;
        padding: 0 15px
    }
    .mobile-menu-m .user-info {
        flex-direction: unset;
        width: 100%
    }
    .table-1 table {
        max-width: 100%
    }
    .meta ul {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: center
    }
    .schedule .main-title {
        line-height: normal
    }
}

@media (max-width:480px) {
    .main-comment-block .lastcomm li {
        width: 100%
    }
    .w186 {
        width: 117px
    }
    #searchsuggestions .w186 {
        width: 95px;
        height: 190px
    }
    #searchsuggestions .poster-box,
    #searchsuggestions .poster-box img {
        width: 95px;
        height: 145px
    }
}

@media (max-width:395px) {
    .footerColumns {
        flex-direction: column
    }
}

@media (max-width:400px) {
    .header-title img {
        display: none
    }
}

#no-friends {
    padding: 6px;
    border: 1px solid #c0d4de;
    background-color: #f3f7f9;
    color: #507d98
}

.friends {
    margin-bottom: 10px
}

.friends li {
    width: 100px;
    text-align: center;
    float: left;
    margin-right: 10px
}

.friends img {
    display: block;
    margin: 0 auto;
    width: 100px;
    height: 100px
}

.friends_table h3 {
    margin-bottom: 6px;
    font-size: 14px;
    line-height: 14px;
    font-weight: 700
}

.friends_table h3 a span {
    font-size: 12px;
    font-weight: 400;
    color: #6c838e
}

.friends_table ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.friends_table td {
    padding: 10px;
    border-bottom: 1px solid #eee;
    font-size: 12px;
    vertical-align: top
}

.friends_table .active {
    background-color: #f8f8f8
}

.contact_friends {
    width: 140px
}

.contact_friends a,
.contact_friends span {
    display: block;
    padding: 6px;
    margin-bottom: 4px;
    line-height: 11px
}

.contact_friends a:hover {
    background-color: #dae7ed;
    text-decoration: none
}

#allfriends .rcol {
    margin-top: 4px
}

#friends_feed {
    margin: 0 15px
}

#friends_feed table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 25px
}

#friends_feed td {
    vertical-align: top;
    text-align: left
}

#friends_feed td.f_author,
#friends_feed td.f_avatar {
    border: 1px solid;
    border-color: #acccda #e2edf2 #e2edf2;
    vertical-align: middle;
    background-color: #f4f8fa
}

#friends_feed td.f_avatar {
    width: 50px;
    border-spacing: 10px;
    padding: 2px;
    border-right-width: 0
}

#friends_feed td.f_avatar img {
    width: 50px;
    height: 50px
}

#friends_feed td.f_author {
    padding: 0 10px;
    border-left-width: 0;
    border-style: solid;
    font-size: 11px
}

#friends_feed td.f_author h3 {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 4px
}

#friends_feed td.f_story {
    padding: 15px 0
}

#friends_feed .f_cover {
    width: 104px;
    max-height: 104px;
    overflow: hidden;
    margin-right: 10px;
    float: left;
    border: 1px solid #e2edf2;
    background-color: #f4f8fa
}

.gif_avatar_button .overlay,
.loading-kodik .arc {
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0
}

#friends_feed .f_cover img {
    width: 100px;
    padding: 2px
}

#friends_feed td.f_det {
    border-top: 1px solid #e2edf2;
    padding: 5px 0
}

.feed_loader {
    padding: 10px;
    text-align: center;
    border-top: 1px solid #e2edf2;
    color: #284b5a;
    margin-bottom: 20px
}

.f_active:hover {
    border-color: #acccda;
    background-color: #f4f8fa;
    cursor: pointer
}

#footer_ads {
    position: absolute;
    height: 500px;
    width: 1000px;
    left: 0;
    right: 0;
    margin: 150px auto
}

.schedule-day {
    color: #0f0
}

.loading-kodik {
    position: absolute;
    width: 5rem;
    height: 5rem;
    transform-style: preserve-3d;
    perspective: 800px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.loading-kodik .arc {
    content: "";
    width: 100%;
    height: 100%;
    border-bottom: 3px solid var(--primary-color)
}

.loading-kodik .arc:first-child {
    animation: 1.15s linear -.8s infinite rotate1
}

.loading-kodik .arc:nth-child(2) {
    animation: 1.15s linear -.4s infinite rotate2
}

.loading-kodik .arc:nth-child(3) {
    animation: 1.15s linear infinite rotate3
}

@keyframes rotate1 {
    from {
        transform: rotateX(35deg) rotateY(-45deg) rotateZ(0)
    }
    to {
        transform: rotateX(35deg) rotateY(-45deg) rotateZ(1turn)
    }
}

@keyframes rotate2 {
    from {
        transform: rotateX(50deg) rotateY(10deg) rotateZ(0)
    }
    to {
        transform: rotateX(50deg) rotateY(10deg) rotateZ(1turn)
    }
}

@keyframes rotate3 {
    from {
        transform: rotateX(35deg) rotateY(55deg) rotateZ(0)
    }
    to {
        transform: rotateX(35deg) rotateY(55deg) rotateZ(1turn)
    }
}

li {
    list-style-type: none
}

.gif_avatar_button img {
    transition: opacity .3s
}

.gif_avatar_button:hover img {
    opacity: .4
}

.gif_avatar_button .overlay {
    display: block;
    width: 100px;
    height: 100px;
    overflow: hidden;
    margin: 0 auto;
    object-fit: cover;
    background: rgb(0 0 0 / 24%);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    opacity: 0;
    transition: opacity .3s;
    pointer-events: none
}

.box-user-profile .overlay .icon {
    width: 30px;
    fill: #fff;
    color: #fff
}

@font-face{font-family:font-1;src:url('https://animeb.ge/font-1.ttf');font-weight:bold;}
@font-face{font-family:font-2;src:url('https://animeb.ge/font-2.otf');font-weight:bold;}
@font-face{font-family:font-3;src:url('https://animeb.ge/font-3.ttf');font-weight:bold;}
@font-face{font-family:font-4;src:url('https://animeb.ge/font-4.otf');}
@font-face{font-family:font-6;src:url('https://animeb.ge/font-4.ttf');}
@font-face{font-family:font-7;src:url('https://animeb.ge/font-7.ttf');}