.header--color_colored {
    background-color: var(--theme-base-color);
}

.color-theme {
    color: var(--theme-base-color);
}

.white_text_black_reverse {
    color: var(--white_text_black);
}

.stroke-grey-parent .stroke-grey-target use {
    --stroke-opacity: 16%;
    stroke: color-mix(in oklab, var(--white_text_black) var(--stroke-opacity), transparent);
}

@media (any-hover:hover) {

    .color-theme-hover:hover,
    .color-theme-parent:hover>.color-theme-target,
    .color-theme-parent-all:hover .color-theme-target,
    .color-theme-hover-no-active:not(.active):hover {
        --text-opacity: 72%
    }

    .bg-theme-hover:hover,
    .bg-theme-parent-hover:hover .bg-theme-target {
        background-color: var(--theme-base-color)
    }

    .bg-theme-parent-hover:hover .bg-theme-target.btn-transparent-border {
        color: #fff
    }

    .bg-theme-white-hover:hover,
    .bg-theme-white-parent-hover:hover .bg-theme-target {
        background-color: var(--fill_dark_lite_white_hover)
    }

    .bg-theme-hover-active:hover.active {
        background-color: var(--theme-base-color) !important
    }

    .bg-theme-hover-active:hover.active {
        background-color: var(--theme-more-color) !important
    }

    .fill-theme-hover:hover *,
    .fill-theme-use-svg-hover:hover *,
    .fill-theme-parent:hover>.fill-theme-target *,
    .fill-theme-parent-all:hover .fill-theme-target * {
        fill: var(--fill_theme_hover)
    }

    .stroke-theme-hover:hover *,
    .stroke-theme-use-svg-hover:hover *,
    .stroke-theme-parent:hover>.stroke-theme-target,
    .stroke-theme-parent-all:hover .stroke-theme-target * {
        stroke: var(--theme-base-color)
    }

    .stroke-grey-parent:hover .stroke-grey-target use {
        --stroke-opacity: 100%
    }

    .colored_theme_hover_bg-block:hover .colored_theme_hover_bg-el-svg svg path {
        fill: var(--fill_dark_lite_white_hover)
    }

    .fill-dark-light-block:hover *:is(path, use) {
        opacity: .72
    }

    .stroke-dark-light-block:hover *:is(path, use) {
        opacity: .72
    }

    .color-dark-parent:hover>.color-dark-target,
    .color-dark-parent-all:hover .color-dark-target {
        --text-opacity: 72%
    }

    .fill-dark-parent:hover>.fill-dark-target,
    .fill-dark-parent-all:hover .fill-dark-target *:is(path, use) {
        opacity: .72
    }

    .stroke-dark-parent:hover>.stroke-dark-target,
    .stroke-dark-parent-all:hover .stroke-dark-target *:is(path, use) {
        opacity: .72
    }

    .stroke-black-parent:hover>.stroke-black-target,
    .stroke-black-parent-all:hover .stroke-black-target *:is(path, use) {
        stroke: var(--white_text_black)
    }

    .bg-opacity-theme-parent-hover:hover .bg-opacity-theme-target {
        background-color: var(--secondary)
    }
}

.bg-theme,
.bg-theme-before:before,
.bg-theme-after:after,
.bg-theme-active.active,
.active .bg-theme-active-child {
    background-color: var(--theme-base-color);
}

.bg-theme-active.active,
.active .bg-theme-active-child {
    background-color: var(--theme-more-color);
}

.bg-opacity-theme,
.bg-opacity-theme-before:before,
.bg-opacity-theme-after:after,
.bg-opacity-theme-hover:hover,
.bg-opacity-theme-parent-hover:hover .bg-opacity-theme-target,
.bg-opacity-theme-active.active {
    background-color: var(--opacity_dark_lite_hover);
}

.border-theme,
.border-theme-hover:hover,
.border-theme-active.active,
.border-theme-parent-hover:hover .border-theme-target,
.active .border-theme-active-child {
    box-shadow: inset 0 0 0 1px var(--theme-base-color);
}

.fill-theme svg *,
.fill-theme-use-svg svg,
.fill-theme-svg,
#main .colored_theme_svg svg path,
.colored_theme_svg {
    fill: var(--theme-base-color);
}

.fill-use-svg-button-color,
.fill-use-button-color svg {
    fill: var(--button_color_text);
}

.fill-use-icon-on-card use {
    fill: var(--icon_on_card);
}

@media (any-hover:hover) {
    .fill-use-icon-on-card--hover:hover use {
        fill: var(--fill_dark_light)
    }
}

.fill-use-svg-999,
.fill-use-999 svg {
    fill: #999;
}

.fill-use-svg-888,
.fill-use-888 svg {
    fill: #888;
}

.fill-use-svg-grey,
.fill-use-grey svg {
    fill: #b8b8b8;
}

.fill-use-svg-fff,
.fill-use-fff svg {
    fill: #fff;
}

.stroke-use-svg-button-color,
.stroke-use-button-color svg {
    stroke: var(--button_color_text);
}

.stroke-use-icon-on-card use {
    stroke: var(--icon_on_card);
}

.stroke-use-svg-999,
.stroke-use-999 svg {
    stroke: #999;
}

.stroke-use-svg-888,
.stroke-use-888 svg {
    stroke: #888;
}

.stroke-use-svg-grey,
.stroke-use-grey svg {
    stroke: #b8b8b8;
}

.stroke-use-svg-fff,
.stroke-use-fff svg {
    stroke: #fff;
}

.stroke_999 * {
    stroke: var(--secondary, #8d8d8d);
}

.stroke_secondary * {
    stroke: var(--secondary, #8d8d8d);
}

.stroke-theme *,
.stroke-theme-use-svg svg,
.stroke-theme-svg {
    stroke: var(--theme-base-color);
}

.svg.colored:not(.svg-inline-icon) * {
    fill: var(--fill_theme_hover);
}

.fancybox-slide--html .fancybox-close-small:hover path,
.fancybox-button:hover path {
    fill: var(--white_text_black);
}

@media (max-width:1200px) {
    .header-menu--bottom-1200.header-menu--color_colored {
        background-color: var(--theme-base-color)
    }
}

.bg-more-theme {
    background-color: var(--theme-more-color);
}

.fill-more-theme {
    fill: var(--theme-more-color) !important;
}

.colored_theme {
    color: var(--fill_dark_lite_white_hover);
}

.colored_theme_bg,
.colored_theme_bg_hover:hover,
.colored_theme_hover_bg-block:hover .colored_theme_hover_bg-el {
    background-color: var(--theme-base-color)
}

body .colored_bg_in_dark {
    background-color: var(--theme-base-color);
}

.colored_theme_bg2_hover:hover {
    background-color: hsl(var(--dark_light-wtheme-hue), var(--dark_light-wtheme-saturation), var(--dark_light-wtheme-lightness));
}

.dark-color:hover,
a.colored,
.colored-link,
.colored {
    color: var(--fill_dark_lite_white_hover);
}

a.colored:hover,
.colored:hover {
    color: var(--fill_theme_hover);
}

.colored-link:hover {
    color: var(--fill_dark_lite_hover);
}

.fill-dark-light,
.fill-dark-light path,
.fill-dark-light use,
.fill-dark-light-block path,
.fill-dark-light-block use {
    fill: var(--fill_dark_light);
}

.fill-grey path,
.fill-grey use,
.fill-grey-hover path,
.fill-grey-hover use {
    fill: var(--gray_bg_black);
}

.fill-grey-hover:hover path,
.fill-grey-hover:hover use {
    fill: var(--white_text_black);
}

.stroke-dark-light,
.stroke-dark-light *,
.stroke-dark-light-block path,
.stroke-dark-light-block use {
    stroke: var(--fill_dark_light);
}

.fill_card_bg_hover_black {
    fill: var(--card_bg_hover_black);
}

.style-switcher .options>div.more_color.current>span,
.style-switcher .options>div.more_color.current>span:hover {
    border-color: var(--theme-more-color);
}

.uploader.hover {
    background-color: var(--theme-base-color);
}

.uploader .resetfile:hover {
    background-color: var(--theme-base-color);
    border-color: var(--theme-base-color);
}

.opened .link-with-flag:before {
    background-color: var(--theme-more-color);
}

.bx_filter .bx_ui_slider_track .bx_ui_slider_handle:after {
    background-color: var(--theme-base-color);
}

.colored_more_theme_bg2_hover:hover {
    background-color: hsl(var(--theme-more-color-hue), var(--theme-more-color-saturation), calc(var(--theme-more-color-lightness) + var(--theme-lightness-hover-diff)));
}

.colored_theme_bg_opacity {
    background-color: hsl(var(--theme-more-color-hue), var(--theme-more-color-saturation), var(--theme-more-color-lightness), .1);
}

.bg_red_opacity {
    background: #FF4F6414;
}

.link-button-color-target:not(a) {
    --text-opacity: 100%;
}

.link-button-color-parent-all .link-button-color-target {
    color: color-mix(in oklab, var(--button_color_text) var(--text-opacity), transparent);
}

.fill-button-color-parent-all .fill-button-color-target *:where(path, use) {
    fill: var(--button_color_text);
}