html.vsd-dark {
    color-scheme: dark;
}

.theme-toggle {
    width: 34px;
    height: 34px;
    margin-left: 20px;
    padding: 0;
    border: 1px solid rgba(0,0,0,0.12);
    border-radius: 50%;
    background: rgba(255,255,255,0.16);
    color: inherit;
    line-height: 32px;
    text-align: center;
    cursor: pointer;
    vertical-align: middle;
}

.theme-toggle .fa {
    font-size: 16px;
}

html.vsd-dark body {
    color: #d9dee7;
}

html.vsd-dark a {
    color: #d9dee7;
}

html.vsd-dark a:hover,
html.vsd-dark .movie-title a:hover,
html.vsd-dark .head-menu a:hover,
html.vsd-dark .hidden-menu li a:hover,
html.vsd-dark .mb-meta a:hover,
html.vsd-dark .movie-tools a:hover {
    color: #d6ad66;
}

html.vsd-dark .head-wr {
    background: #222222;
    color: #d9dee7;
    box-shadow: 0 1px 0 rgba(255,255,255,0.06);
}

html.vsd-dark .head {
    background: #252525;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

html.vsd-dark .head-one {
    border-bottom: 1px solid #363636;
}

html.vsd-dark .head-two {
    background: #252525;
}

html.vsd-dark .head-menu a,
html.vsd-dark .head-two a,
html.vsd-dark .log-btn,
html.vsd-dark .search-btn {
    color: #cfd5df;
}

html.vsd-dark .head-wr .active,
html.vsd-dark .log-btn:hover,
html.vsd-dark .search-btn:hover {
    color: #fff;
}

html.vsd-dark .head-one ul a:hover,
html.vsd-dark .head-menu a:hover,
html.vsd-dark .head-two a:hover {
    background: #333333;
    color: #f1f3f7;
    box-shadow: inset 0 -3px #d6ad66;
}

html.vsd-dark .theme-toggle {
    border-color: #343945;
    background: #2b2b2b;
    color: #d6ad66;
}

html.vsd-dark .theme-toggle:hover,
html.vsd-dark .theme-toggle.is-active {
    background: #333333;
    border-color: #d6ad66;
    color: #f0d399;
}

html.vsd-dark .search-wrap,
html.vsd-dark .hidden-menu,
html.vsd-dark .catalog-fullwidth,
html.vsd-dark .catalog-fullwidth-inner,
html.vsd-dark .login-box {
    background: #282828;
    color: #d9dee7;
    box-shadow: 0 18px 40px rgba(0,0,0,0.45);
}

html.vsd-dark .catalog-col-title,
html.vsd-dark .subtitle,
html.vsd-dark .title,
html.vsd-dark h1,
html.vsd-dark h2,
html.vsd-dark h3,
html.vsd-dark .section-title,
html.vsd-dark .comms-title {
    color: #f1f3f7;
}

html.vsd-dark .center,
html.vsd-dark .section,
html.vsd-dark .sectionrol,
html.vsd-dark .sectionrolful,
html.vsd-dark .sectiondextop,
html.vsd-dark .sectionmob,
html.vsd-dark .cols-r,
html.vsd-dark .movie-item,
html.vsd-dark .dcont,
html.vsd-dark .sres-wrap,
html.vsd-dark .user-prof,
html.vsd-dark .form-wrap,
html.vsd-dark .spoiler-wrap {
    background-color: #222222 !important;
    color: #d9dee7;
}

html.vsd-dark .cols-r:before,
html.vsd-dark .cols-r .sidebar,
html.vsd-dark .sidebox,
html.vsd-dark .rates,
html.vsd-dark .add-comm-form,
html.vsd-dark .comm-two,
html.vsd-dark .lc-body,
html.vsd-dark .lcomms,
html.vsd-dark .tops li:hover,
html.vsd-dark .pm tr:nth-child(2n+2),
html.vsd-dark .userstop tr:nth-child(2n+2),
html.vsd-dark #dle-poll-list,
html.vsd-dark #searchtable,
html.vsd-dark .pm-status,
html.vsd-dark .scriptcode,
html.vsd-dark .title_spoiler,
html.vsd-dark .text_spoiler,
html.vsd-dark .hide,
html.vsd-dark .inhide,
html.vsd-dark .quote,
html.vsd-dark .bb-pane,
html.vsd-dark .bb-btn,
html.vsd-dark .pm-menu a,
html.vsd-dark .login-menu a,
html.vsd-dark .navigation a,
html.vsd-dark .pnext a,
html.vsd-dark .pprev a {
    background-color: #2b2b2b !important;
    color: #d9dee7;
}

html.vsd-dark .movie-original,
html.vsd-dark .movie-meta,
html.vsd-dark .mb-meta,
html.vsd-dark .mb-meta a,
html.vsd-dark .movie-tools a,
html.vsd-dark .meta-date,
html.vsd-dark .comm-date,
html.vsd-dark .comm-group,
html.vsd-dark .checkbox,
html.vsd-dark .sres-date,
html.vsd-dark fieldset legend {
    color: #969eac;
}

html.vsd-dark .movie-lines,
html.vsd-dark .full-comms,
html.vsd-dark .signature,
html.vsd-dark .tableform td,
html.vsd-dark .tableform th,
html.vsd-dark .pm,
html.vsd-dark .pm tr td,
html.vsd-dark .userstop,
html.vsd-dark .userstop tr td,
html.vsd-dark .calendar td.day,
html.vsd-dark .calendar td.day-active-v,
html.vsd-dark .calendar th.workday,
html.vsd-dark .calendar td.weekday,
html.vsd-dark .calendar td.day-active,
html.vsd-dark .calendar th.weekday,
html.vsd-dark #searchtable fieldset,
html.vsd-dark .sres-wrap,
html.vsd-dark .add-comm-form,
html.vsd-dark .comm-two,
html.vsd-dark .dcont,
html.vsd-dark .spoiler-wrap,
html.vsd-dark .lc-body,
html.vsd-dark .alpha-sort a {
    border-color: #303642 !important;
}

html.vsd-dark .full-text,
html.vsd-dark .movie-desc,
html.vsd-dark .comm-body,
html.vsd-dark .static-page,
html.vsd-dark .search-page,
html.vsd-dark .tags-page,
html.vsd-dark .pm-page {
    color: #d9dee7;
}

html.vsd-dark .full-text img:not(.emoji) {
    border-color: #303642;
}

html.vsd-dark .full-text table tr:nth-child(2n+1),
html.vsd-dark .sres-wrap:nth-child(2n),
html.vsd-dark .up-second,
html.vsd-dark .up-third {
    background: #2b2b2b !important;
}

html.vsd-dark input,
html.vsd-dark textarea,
html.vsd-dark select,
html.vsd-dark .search-box input,
html.vsd-dark .search-box input:focus,
html.vsd-dark .ac-inputs input,
html.vsd-dark .ac-protect input {
    background-color: #1f1f1f !important;
    color: #e2e7ef !important;
    border-color: #303642 !important;
    box-shadow: none !important;
}

html.vsd-dark input::placeholder,
html.vsd-dark textarea::placeholder {
    color: #7f8796;
}

html.vsd-dark .button,
html.vsd-dark .up-second li a,
html.vsd-dark .up-edit a,
html.vsd-dark .qq-upload-button,
html.vsd-dark button:not(.color-btn):not(.theme-toggle),
html.vsd-dark input[type="button"],
html.vsd-dark input[type="reset"],
html.vsd-dark input[type="submit"] {
    background-color: #2a303b;
    color: #f1f3f7;
}

html.vsd-dark .button:hover,
html.vsd-dark .up-second li a:hover,
html.vsd-dark .up-edit a:hover,
html.vsd-dark .qq-upload-button:hover,
html.vsd-dark button:not(.color-btn):not(.theme-toggle):hover,
html.vsd-dark input[type="button"]:hover,
html.vsd-dark input[type="reset"]:hover,
html.vsd-dark input[type="submit"]:hover {
    background-color: #d6ad66;
    color: #11141a;
}

html.vsd-dark .movie-lines a,
html.vsd-dark .full-taglist a,
html.vsd-dark .comm-author a,
html.vsd-dark .sres-text h2,
html.vsd-dark .up-third li a,
html.vsd-dark .day-active a,
html.vsd-dark .day-active-v a {
    color: #d6ad66;
}

html.vsd-dark .navigation span,
html.vsd-dark .pagi-nav a:hover,
html.vsd-dark .menuactive > a,
html.vsd-dark li.menuactive > a:hover {
    background-color: #d6ad66 !important;
    color: #11141a !important;
}

html.vsd-dark .img-box,
html.vsd-dark .movie-img,
html.vsd-dark .movie-img2,
html.vsd-dark .movie-img3,
html.vsd-dark .movie-img4,
html.vsd-dark .movie-img5,
html.vsd-dark .movie-imgforum,
html.vsd-dark .comm-av {
    background-color: #1f1f1f;
}

html.vsd-dark .berrors {
    background: #3b2a1b;
    color: #f0c08c;
}

html.vsd-dark .quote {
    border-left-color: #d6ad66;
}

html.vsd-dark .up-first {
    background: #20242d;
}

html.vsd-dark .up-img {
    border-color: #303642;
}

html.vsd-dark .bb-btn {
    box-shadow: none;
}

html.vsd-dark .catalog-close-btn {
    background: #2a303b;
    color: #f1f3f7;
}

html.vsd-dark .catalog-close-btn:hover {
    background: #d6ad66;
    color: #11141a;
}

html.vsd-dark .addlist .trigger {
    background: #303030 !important;
    border: 0 !important;
    color: #f1f3f7 !important;
    box-shadow: 0 8px 18px rgba(0,0,0,0.24);
}

html.vsd-dark .addlist .trigger:hover {
    background: #383838 !important;
}

html.vsd-dark .addlist .trigger .edit-trigger .text {
    color: #f1f3f7 !important;
    text-shadow: none;
}

html.vsd-dark .addlist .trigger-arrow {
    border-top-color: #f1f3f7 !important;
}

html.vsd-dark .addlist.completed .trigger {
    background: #1f3a2a !important;
}

html.vsd-dark .addlist.completed .trigger .edit-trigger .text {
    color: #b7e3c2 !important;
}

html.vsd-dark .addlist.completed .trigger-arrow {
    border-top-color: #b7e3c2 !important;
}

html.vsd-dark .addlist.dropped .trigger {
    background: #343434 !important;
}

html.vsd-dark .addlist.dropped .trigger .edit-trigger .text {
    color: #d8d8d8 !important;
}

html.vsd-dark .addlist.dropped .trigger-arrow {
    border-top-color: #d8d8d8 !important;
}

html.vsd-dark .addlist.on_hold .trigger {
    background: #7b4a25 !important;
}

html.vsd-dark .addlist.on_hold .trigger .edit-trigger .text {
    color: #ffd7a6 !important;
}

html.vsd-dark .addlist.on_hold .trigger-arrow {
    border-top-color: #ffd7a6 !important;
}

html.vsd-dark .addlist.planned .trigger {
    background: #20364d !important;
}

html.vsd-dark .addlist.planned .trigger .edit-trigger .text {
    color: #c9e3ff !important;
}

html.vsd-dark .addlist.planned .trigger-arrow {
    border-top-color: #c9e3ff !important;
}

html.vsd-dark .addlist.rewatching .trigger {
    background: #3b2d52 !important;
}

html.vsd-dark .addlist.rewatching .trigger .edit-trigger .text {
    color: #e1d2ff !important;
}

html.vsd-dark .addlist.rewatching .trigger-arrow {
    border-top-color: #e1d2ff !important;
}

html.vsd-dark .addlist .expanded-options {
    background: #292929 !important;
    border-color: #464646 !important;
    box-shadow: 0 18px 42px rgba(0,0,0,0.42);
}

html.vsd-dark .addlist .option {
    color: #e6eaf1 !important;
    background: transparent !important;
}

html.vsd-dark .addlist .option:hover {
    background: #343434 !important;
    color: #fff !important;
    border-left-color: #d6ad66 !important;
}

html.vsd-dark .addlist .option.remove-trigger {
    color: #ffb5b5 !important;
    border-top-color: #464646 !important;
}

html.vsd-dark .addlist .option.remove-trigger:hover {
    background: #472828 !important;
    color: #ffd0d0 !important;
    border-left-color: #d46d6d !important;
}

html.vsd-dark .head-wr:before {
    background-color: #252525 !important;
}

html.vsd-dark .head {
    background-color: #252525 !important;
    border: 0 !important;
}

html.vsd-dark .head-one,
html.vsd-dark .head-two {
    border-color: #353535 !important;
}

html.vsd-dark .cols-r:before {
    background-color: #252525 !important;
    border-left-color: #3a3a3a !important;
}

html.vsd-dark .cols-r .sidebar {
    border-left-color: #3a3a3a !important;
}

html.vsd-dark .slice-masked:before {
    background: linear-gradient(to bottom, rgba(34,34,34,0) 0%, #222222 100%) !important;
}

html.vsd-dark .sidebar-module#sidebar-fav-list {
    background: #292929 !important;
    border: 1px solid #464646 !important;
    box-shadow: 0 18px 42px rgba(0,0,0,0.35);
}

html.vsd-dark .sidebar-module#sidebar-fav-list .sidebar-title {
    color: #f1f3f7 !important;
    border-bottom-color: #3f3f3f !important;
}

html.vsd-dark .sidebar-module#sidebar-fav-list .sidebar-content {
    color: #e6eaf1 !important;
}

html.vsd-dark .sidebar-module#sidebar-fav-list .line {
    color: #e6eaf1 !important;
}

html.vsd-dark .sidebar-module#sidebar-fav-list .x_label {
    color: #e6eaf1 !important;
    font-weight: 700;
}

html.vsd-dark .sidebar-module#sidebar-fav-list .bar-container {
    background: #333333 !important;
}

html.vsd-dark .sidebar-module#sidebar-fav-list .bar-container .bar .value {
    color: #f4f6fb !important;
    text-shadow: 0 1px 2px rgba(0,0,0,0.75);
}

html.vsd-dark .sidebar-module#sidebar-fav-list .line:nth-child(1) .bar.s3 {
    background: #58bd86 !important;
}

html.vsd-dark .sidebar-module#sidebar-fav-list .line:nth-child(2) .bar.s3 {
    background: #e26d6d !important;
}

html.vsd-dark .sidebar-module#sidebar-fav-list .line:nth-child(3) .bar.s3 {
    background: #e9a877 !important;
}

html.vsd-dark .sidebar-module#sidebar-fav-list .line:nth-child(4) .bar.s3 {
    background: #25a8b9 !important;
}

html.vsd-dark .sidebar-module#sidebar-fav-list .line:nth-child(5) .bar.s3 {
    background: #7e56d9 !important;
}

@media (max-width: 760px) {
    .theme-toggle {
        margin-left: 12px;
    }
}

@media (max-width: 760px) {
    .theme-toggle {
        width: 32px;
        height: 32px;
        line-height: 30px;
        margin-left: 10px;
        border-radius: 4px;
    }

    .action-btns {
        display: flex !important;
        align-items: center;
        justify-content: flex-end;
        gap: 14px;
        height: 60px;
        line-height: normal !important;
        white-space: nowrap;
    }

    .action-btns .theme-toggle,
    .action-btns .search-btn,
    .action-btns .log-btn {
        flex: 0 0 auto;
        margin-left: 0 !important;
    }

    .action-btns .search-btn {
        width: 24px;
        text-align: center;
    }

    .action-btns .log-btn {
        width: 42px;
        overflow: hidden;
    }

    .action-btns .log-btn > span:not(.fa) {
        display: none !important;
    }

    .head-two {
        height: 0 !important;
        min-height: 0 !important;
        overflow: visible !important;
    }

    .show-menu {
        position: absolute !important;
        right: 8px;
        top: -60px;
        float: none !important;
        width: 42px !important;
        height: 60px !important;
        line-height: 60px !important;
        z-index: 20;
    }

    html.vsd-dark .show-menu {
        color: #f1f3f7 !important;
        background: transparent !important;
    }
}

html.vsd-dark .movie-lines a,
html.vsd-dark .movie-lines b,
html.vsd-dark .movie-text .full-text a,
html.vsd-dark .full-text a[href],
html.vsd-dark .xfields a {
    color: #f0b64f !important;
}

html.vsd-dark ul.fav_type_list {
    background: #292929 !important;
    border: 1px solid #3f3f3f !important;
    border-radius: 0 !important;
    padding: 18px !important;
    margin: 16px 0 !important;
    box-shadow: none !important;
}

html.vsd-dark ul.fav_type_list li {
    background: #333333 !important;
    border-color: #464646 !important;
    box-shadow: none !important;
}

html.vsd-dark ul.fav_type_list li:hover {
    border-color: #5a5a5a !important;
    background: #383838 !important;
    box-shadow: none !important;
}

html.vsd-dark ul.fav_type_list li a {
    color: #f1f3f7 !important;
}

html.vsd-dark ul.fav_type_list li a:hover {
    color: #f0b64f !important;
}

html.vsd-dark ul.fav_type_list li.active {
    background: rgba(240, 182, 79, 0.16) !important;
    border-color: #f0b64f !important;
    box-shadow: 0 0 0 1px rgba(240, 182, 79, 0.25) !important;
}

html.vsd-dark ul.fav_type_list li.active a {
    color: #f0b64f !important;
}

html.vsd-dark body.profile-page-active .profile-card,
html.vsd-dark body.profile-page-active .profile-panel,
html.vsd-dark body.profile-page-active .profile-social-card,
html.vsd-dark body.profile-page-active .profile-edit-form {
    background: #252525 !important;
    border-color: #3f3f3f !important;
    color: #e6eaf1 !important;
}

html.vsd-dark body.profile-page-active .profile-card__title,
html.vsd-dark body.profile-page-active .profile-name h1,
html.vsd-dark body.profile-page-active .profile-panel__head,
html.vsd-dark body.profile-page-active .profile-about,
html.vsd-dark body.profile-page-active .info-tile__value,
html.vsd-dark body.profile-page-active .profile-stat b,
html.vsd-dark body.profile-page-active .link-item a,
html.vsd-dark body.profile-page-active .profile-social-feed ul li a,
html.vsd-dark body.profile-page-active .profile-social-feed__link {
    color: #f1f3f7 !important;
}

html.vsd-dark body.profile-page-active .profile-group,
html.vsd-dark body.profile-page-active .profile-stat span,
html.vsd-dark body.profile-page-active .info-tile__label,
html.vsd-dark body.profile-page-active .profile-edit-form__subtitle,
html.vsd-dark body.profile-page-active .edit-field__hint {
    color: #aeb8c8 !important;
}

html.vsd-dark body.profile-page-active .profile-avatar,
html.vsd-dark body.profile-page-active .profile-stat,
html.vsd-dark body.profile-page-active .info-tile,
html.vsd-dark body.profile-page-active .link-item,
html.vsd-dark body.profile-page-active .spoiler-wrap,
html.vsd-dark body.profile-page-active .spoiler-body .favall_catalog_form,
html.vsd-dark body.profile-page-active .profile-social-feed--boxed,
html.vsd-dark body.profile-page-active .profile-action {
    background: #2c2c2c !important;
    border-color: #444444 !important;
    color: #e6eaf1 !important;
}

html.vsd-dark body.profile-page-active .profile-hero__cover {
    border-bottom-color: #3f3f3f !important;
}

html.vsd-dark body.profile-page-active .spoiler-head {
    background: #333333 !important;
    color: #f1f3f7 !important;
}

html.vsd-dark body.profile-page-active .spoiler-head:hover {
    background: #3a3a3a !important;
}

html.vsd-dark body.profile-page-active .spoiler-wrap.active .spoiler-head {
    background: #214b35 !important;
    color: #d7ffe5 !important;
}

html.vsd-dark body.profile-page-active .profile-action:hover,
html.vsd-dark body.profile-page-active .profile-edit .profile-edit-btn,
html.vsd-dark body.profile-page-active .edit-field__submit-btn {
    background: #f0542e !important;
    border-color: #f0542e !important;
    color: #fff !important;
}

html.vsd-dark body.profile-page-active .edit-field__input,
html.vsd-dark body.profile-page-active .edit-field__textarea,
html.vsd-dark body.profile-page-active .edit-field__select-wrapper select,
html.vsd-dark body.profile-page-active .edit-field__twofactor select,
html.vsd-dark body.profile-page-active .edit-field__xfields input,
html.vsd-dark body.profile-page-active .edit-field__xfields select,
html.vsd-dark body.profile-page-active .edit-field__xfields textarea {
    background: #2b2b2b !important;
    border-color: #464646 !important;
    color: #f1f3f7 !important;
}

html.vsd-dark body.profile-page-active .profile-social-feed ul li,
html.vsd-dark body.profile-page-active .profile-social-feed__item {
    border-bottom-color: #3f3f3f !important;
}

html.vsd-dark .js-thanks {
    background: #2f3948 !important;
    border: 1px solid #465366 !important;
    color: #fff !important;
}

html.vsd-dark .js-thanks:hover {
    background: #3b4658 !important;
}

html.vsd-dark .js-thanks-count,
html.vsd-dark .js-thanks-show,
html.vsd-dark .js-thanks-list,
html.vsd-dark .js-thanks-list a,
html.vsd-dark .js-thanks-list span {
    color: #e6eaf1 !important;
}

html.vsd-dark .js-thanks-show:before,
html.vsd-dark .js-thanks-show:after {
    color: #aeb8c8 !important;
}

html.vsd-dark .js-thanks-list {
    background: #292929 !important;
    border-color: #464646 !important;
}

html.vsd-dark .movie-text div[style*="background-color: #f4f4f6"],
html.vsd-dark .movie-text div[style*="background-color:#f4f4f6"],
html.vsd-dark article div[style*="background-color: #f4f4f6"],
html.vsd-dark article div[style*="background-color:#f4f4f6"] {
    background-color: #292929 !important;
    border: 1px solid #3f3f3f !important;
    color: #e6eaf1 !important;
}

html.vsd-dark [class*="zapom"],
html.vsd-dark [id*="zapom"] {
    background-color: #252525 !important;
    color: #e6eaf1 !important;
    border-color: #3f3f3f !important;
}

html.vsd-dark [class*="zapom"] [class*="head"],
html.vsd-dark [id*="zapom"] [class*="head"],
html.vsd-dark [class*="zapom"] [class*="title"],
html.vsd-dark [id*="zapom"] [class*="title"] {
    background: #2d2d2d !important;
    color: #f1f3f7 !important;
    border-color: #464646 !important;
}

html.vsd-dark [class*="zapom"] button,
html.vsd-dark [id*="zapom"] button,
html.vsd-dark [class*="zapom"] a,
html.vsd-dark [id*="zapom"] a,
html.vsd-dark [class*="zapom"] span,
html.vsd-dark [id*="zapom"] span {
    color: #f1f3f7 !important;
}

html.vsd-dark [class*="zapom"] button,
html.vsd-dark [id*="zapom"] button,
html.vsd-dark [class*="zapom"] .button,
html.vsd-dark [id*="zapom"] .button,
html.vsd-dark [class*="zapom"] .item,
html.vsd-dark [id*="zapom"] .item {
    background: #243044 !important;
    border-color: #3f4b5f !important;
    color: #fff !important;
}

html.vsd-dark [class*="zapom"] .active,
html.vsd-dark [id*="zapom"] .active,
html.vsd-dark [class*="zapom"] .selected,
html.vsd-dark [id*="zapom"] .selected {
    background: #f0542e !important;
    border-color: #f0542e !important;
    color: #fff !important;
}

html.vsd-dark [class*="zapom"] [style*="background"],
html.vsd-dark [id*="zapom"] [style*="background"] {
    background-color: #2b2b2b !important;
    color: #e6eaf1 !important;
}
