:root {
        --color-button-text: #fff
    }

    .hecu-switcher {
        --gf-focus-color: var(--sk-focus-color, #0070ee);
        --bbtc-radius-outer: 20px;
        --bbtc-radius-inner: 20px;
        --bbtc-shadow: 0 10px 24px rgba(0, 0, 0, .14);
        --bbtc-border: #0070ee;
        --bbtc-text: #0070ee;
        --bbtc-active-text: #fff;
        --bbtc-menu-bg: #fff;
        --bbtc-menu-text: #111;
        --toggle-color-fill: var(--bbtc-border);
        --toggle-color-text: var(--bbtc-text);
        display: inline-flex;
        align-items: center;
        gap: 8px;
        flex-wrap: wrap;
        font: 14px/1.428572 "BB Text";
        letter-spacing: -.016em;
        vertical-align: middle;
    }
    
    @media only screen and (max-width: 767px) {
        .hecu-switcher {
            padding-top: 14px;
        }
    }

    .hecu-switcher[data-layout=stack] {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        width: max-content
    }

    .theme-light .hecu-switcher,
    .theme-default-light .hecu-switcher {
        --bbtc-border: #0070ee;
        --bbtc-text: #0070ee;
        --bbtc-menu-bg: #fff;
        --bbtc-menu-text: #111
    }

    .theme-dark .hecu-switcher,
    .theme-default-dark .hecu-switcher {
        --bbtc-border: #09f;
        --bbtc-text: #09f;
        --bbtc-menu-bg: #000;
        --bbtc-menu-text: #fff;
        --bbtc-shadow: 0 10px 24px rgba(0, 0, 0, .45)
    }

    .theme-green .hecu-switcher,
    .theme-green-light .hecu-switcher {
        --bbtc-border: #16a34a;
        --bbtc-text: #16a34a;
        --bbtc-menu-bg: #f3fff6;
        --bbtc-menu-text: #111
    }

    .theme-green-dark .hecu-switcher {
        --bbtc-border: #22c55e;
        --bbtc-text: #4ade80;
        --bbtc-active-text: #071b10;
        --bbtc-menu-bg: #071b10;
        --bbtc-menu-text: #fff
    }

    .theme-blue .hecu-switcher,
    .theme-blue-light .hecu-switcher {
        --bbtc-border: #2563eb;
        --bbtc-text: #2563eb;
        --bbtc-menu-bg: #ebf6ff;
        --bbtc-menu-text: #111
    }

    .theme-blue-dark .hecu-switcher {
        --bbtc-border: #93c5fd;
        --bbtc-text: #bfdbfe;
        --bbtc-active-text: #07111d;
        --bbtc-menu-bg: #111b25;
        --bbtc-menu-text: #fff
    }

    .theme-purple .hecu-switcher,
    .theme-purple-light .hecu-switcher {
        --bbtc-border: #7c3aed;
        --bbtc-text: #7c3aed;
        --bbtc-menu-bg: #fbf7ff;
        --bbtc-menu-text: #111
    }

    .theme-purple-dark .hecu-switcher {
        --bbtc-border: #c4b5fd;
        --bbtc-text: #ddd6fe;
        --bbtc-active-text: #16091f;
        --bbtc-menu-bg: #16091f;
        --bbtc-menu-text: #fff
    }

    .theme-orange .hecu-switcher,
    .theme-orange-light .hecu-switcher {
        --bbtc-border: #ea580c;
        --bbtc-text: #ea580c;
        --bbtc-menu-bg: #fff8ed;
        --bbtc-menu-text: #111
    }

    .theme-orange-dark .hecu-switcher {
        --bbtc-border: #fdba74;
        --bbtc-text: #fed7aa;
        --bbtc-active-text: #211003;
        --bbtc-menu-bg: #211003;
        --bbtc-menu-text: #fff
    }

    .theme-rose .hecu-switcher,
    .theme-rose-light .hecu-switcher {
        --bbtc-border: #e11d48;
        --bbtc-text: #e11d48;
        --bbtc-menu-bg: #fff5f7;
        --bbtc-menu-text: #111
    }

    .theme-rose-dark .hecu-switcher {
        --bbtc-border: #fda4af;
        --bbtc-text: #fecdd3;
        --bbtc-active-text: #210611;
        --bbtc-menu-bg: #210611;
        --bbtc-menu-text: #fff
    }

    .theme-slate .hecu-switcher,
    .theme-slate-light .hecu-switcher {
        --bbtc-border: #334155;
        --bbtc-text: #334155;
        --bbtc-menu-bg: #f8fafc;
        --bbtc-menu-text: #111
    }

    .theme-slate-dark .hecu-switcher {
        --bbtc-border: #cbd5e1;
        --bbtc-text: #e2e8f0;
        --bbtc-active-text: #020617;
        --bbtc-menu-bg: #020617;
        --bbtc-menu-text: #fff
    }

    .hecu-group {
        display: inline-flex;
        align-items: center;
        padding: 1px;
        border: 1px solid var(--toggle-color-fill);
        border-radius: var(--bbtc-radius-outer);
        background: transparent
    }

    .hecu-title {
        font-size: 12px;
        color: var(--toggle-color-text);
        padding-inline: 6px
    }

    .hecu-radio {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border: 0
    }

    .hecu-label,
    .hecu-summary,
    .hecu-select {
        box-sizing: border-box;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 44px;
        padding: 0 8px;
        border: 1px solid transparent;
        border-radius: var(--bbtc-radius-inner);
        color: var(--toggle-color-text);
        background: transparent;
        font: inherit;
        line-height: 1.285715;
        text-align: center;
        cursor: pointer;
        white-space: nowrap;
        transition: none;
        user-select: none;
        -webkit-tap-highlight-color: transparent
    }

    .hecu-label:hover,
    .hecu-summary:hover,
    .hecu-select:hover {
        border-color: var(--toggle-color-fill);
    }

    .hecu-label:active,
    .hecu-summary:active,
    .hecu-select:active {
        box-shadow: inset 0 0 0 2px var(--toggle-color-fill)
    }

    .hecu-label[aria-checked=true] {
        color: var(--bbtc-active-text);
        background: var(--toggle-color-fill);
        border-color: var(--toggle-color-fill)
    }

    .hecu-label:focus-visible,
    .hecu-summary:focus-visible,
    .hecu-select:focus-visible,
    .hecu-radio:focus-visible+.hecu-label,
    .hecu-slider-range:focus-visible,
    .hecu-night-toggle:focus-visible {
        outline: 2px solid var(--gf-focus-color);
        outline-offset: 3px;
        border-radius: 80px
    }

    .hecu-switcher[data-labels="0"] .hecu-title {
        display: none
    }

    .hecu-family-dropdown {
        position: relative;
        display: inline-block
    }

    .hecu-summary {
        gap: 4px;
        padding: 0 6px;
        border-color: var(--toggle-color-fill);
        list-style: none
    }

    .hecu-summary::-webkit-details-marker {
        display: none
    }

    .hecu-summary:after {
        content: "";
        width: 6px;
        height: 6px;
        border-right: 1.5px solid currentColor;
        border-bottom: 1.5px solid currentColor;
        transform: translateY(-2px) rotate(45deg)
    }


    /* Permanent Night Shift overlay.
       This must live in active CSS because the first-paint inline style is removed after JS boot. */
    html.hecu::after {
        content: "";
        position: fixed;
        inset: 0;
        z-index: 2147483646;
        pointer-events: none;
        background: var(--hecu-night-color, #ffd24a);
        opacity: var(--hecu-night-opacity, 0);
        mix-blend-mode: multiply;
        transition: opacity var(--hecu-night-transition, .5s) linear;
        visibility: visible;
    }

    html.hecu[data-hecu-night-active="0"]::after,
    html.hecu[data-hecu-night-enabled="0"]::after {
        opacity: 0;
    }

    .hecu-family-dropdown[open]>.hecu-summary {
        background: var(--toggle-color-fill);
        color: var(--bbtc-active-text)
    }

    .hecu-family-menu {
        position: absolute;
        z-index: 99999;
        left: 0;
        min-width: 176px;
        /*
        border: 1px solid var(--toggle-color-fill);
        */
        border-radius: var(--bbtc-radius-outer);
        background: #fffc;
        background: var(--bbtc-menu-bg);
        color: var(--bbtc-menu-text);
        box-shadow: var(--bbtc-shadow);
        overflow: hidden;
        -webkit-backdrop-filter: blur(10px) saturate(200%);
        backdrop-filter: blur(10px) saturate(200%);
    }


    .hecu-family-dropdown[data-hecu-drop=top] .hecu-family-menu {
        bottom: calc(100% + 8px);
        top: auto
    }

    .hecu-family-dropdown[data-hecu-drop=bottom] .hecu-family-menu {
        top: calc(100% + 8px);
        bottom: auto
    }

    .hecu-family-dropdown[data-hecu-measuring="1"] .hecu-family-menu {
        visibility: hidden
    }

    .hecu-family-dropdown[data-hecu-positioned="1"] .hecu-family-menu {
        visibility: visible
    }

    .hecu-family-menu-scroll {
        padding: 4px;
        overflow-y: auto;
        overflow-x: hidden;
        max-height: inherit;
        overscroll-behavior: contain;
        touch-action: pan-y;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: none;
        scrollbar-width: none
        
    }

    .hecu-family-menu-scroll::-webkit-scrollbar {
        width: 0;
        height: 0;
        display: none
    }

    .hecu-family-menu .hecu-label {
        display: block;
        width: 100%;
        min-width: 160px;
        margin: 2px 0;
        padding: 4px 9px;
        text-align: left;
        color: var(--hecu-family-label-text, inherit);
        background: transparent;
        border-color: transparent;
    }

    .hecu-family-menu .hecu-label:before {
        content: "";
        display: inline-block;
        width: .75em;
        height: .75em;
        margin-right: 7px;
        border: 0;
        border-radius: 50%;
        background: var(--hecu-family-dot-bg, currentColor);
        box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .45);
        vertical-align: -.05em
    }

    .hecu-family-menu .hecu-label[data-family=default] {
        --hecu-family-label-text: #0070ee;
        --hecu-family-dot-bg: #0070ee;
        --hecu-family-hover-bg: #0070ee;
        --hecu-family-active-bg: #0070ee;
        --hecu-family-ring: #0070ee;
    }

    .hecu-family-menu .hecu-label[data-family=green] {
        --hecu-family-label-text: #16a34a;
        --hecu-family-dot-bg: #16a34a;
        --hecu-family-hover-bg: #16a34a;
        --hecu-family-active-bg: #16a34a;
        --hecu-family-ring: #16a34a;
    }

    .hecu-family-menu .hecu-label[data-family=blue] {
        --hecu-family-label-text: #2563eb;
        --hecu-family-dot-bg: #2563eb;
        --hecu-family-hover-bg: #2563eb;
        --hecu-family-active-bg: #2563eb;
        --hecu-family-ring: #2563eb;
    }

    .hecu-family-menu .hecu-label[data-family=purple] {
        --hecu-family-label-text: #7c3aed;
        --hecu-family-dot-bg: #7c3aed;
        --hecu-family-hover-bg: #7c3aed;
        --hecu-family-active-bg: #7c3aed;
        --hecu-family-ring: #7c3aed;
    }

    .hecu-family-menu .hecu-label[data-family=orange] {
        --hecu-family-label-text: #ea580c;
        --hecu-family-dot-bg: #ea580c;
        --hecu-family-hover-bg: #ea580c;
        --hecu-family-active-bg: #ea580c;
        --hecu-family-ring: #ea580c;
    }

    .hecu-family-menu .hecu-label[data-family=rose] {
        --hecu-family-label-text: #e11d48;
        --hecu-family-dot-bg: #e11d48;
        --hecu-family-hover-bg: #e11d48;
        --hecu-family-active-bg: #e11d48;
        --hecu-family-ring: #e11d48;
    }

    .hecu-family-menu .hecu-label[data-family=slate] {
        --hecu-family-label-text: #334155;
        --hecu-family-dot-bg: #334155;
        --hecu-family-hover-bg: #334155;
        --hecu-family-active-bg: #334155;
        --hecu-family-ring: #334155;
    }


    html.hecu-dark .hecu-family-menu .hecu-label[data-family=default],
    .hecu-dark .hecu-family-menu .hecu-label[data-family=default] {
        --hecu-family-label-text: #7cc7ff;
        --hecu-family-dot-bg: #7cc7ff;
        --hecu-family-hover-bg: #0099ff;
        --hecu-family-active-bg: #0099ff;
        --hecu-family-ring: #0099ff;
    }

    html.hecu-dark .hecu-family-menu .hecu-label[data-family=green],
    .hecu-dark .hecu-family-menu .hecu-label[data-family=green] {
        --hecu-family-label-text: #86efac;
        --hecu-family-dot-bg: #86efac;
        --hecu-family-hover-bg: #22c55e;
        --hecu-family-active-bg: #22c55e;
        --hecu-family-ring: #22c55e;
    }

    html.hecu-dark .hecu-family-menu .hecu-label[data-family=blue],
    .hecu-dark .hecu-family-menu .hecu-label[data-family=blue] {
        --hecu-family-label-text: #bfdbfe;
        --hecu-family-dot-bg: #bfdbfe;
        --hecu-family-hover-bg: #3b82f6;
        --hecu-family-active-bg: #3b82f6;
        --hecu-family-ring: #3b82f6;
    }

    html.hecu-dark .hecu-family-menu .hecu-label[data-family=purple],
    .hecu-dark .hecu-family-menu .hecu-label[data-family=purple] {
        --hecu-family-label-text: #ddd6fe;
        --hecu-family-dot-bg: #ddd6fe;
        --hecu-family-hover-bg: #8b5cf6;
        --hecu-family-active-bg: #8b5cf6;
        --hecu-family-ring: #8b5cf6;
    }

    html.hecu-dark .hecu-family-menu .hecu-label[data-family=orange],
    .hecu-dark .hecu-family-menu .hecu-label[data-family=orange] {
        --hecu-family-label-text: #fed7aa;
        --hecu-family-dot-bg: #fed7aa;
        --hecu-family-hover-bg: #f97316;
        --hecu-family-active-bg: #f97316;
        --hecu-family-ring: #f97316;
    }

    html.hecu-dark .hecu-family-menu .hecu-label[data-family=rose],
    .hecu-dark .hecu-family-menu .hecu-label[data-family=rose] {
        --hecu-family-label-text: #fecdd3;
        --hecu-family-dot-bg: #fecdd3;
        --hecu-family-hover-bg: #f43f5e;
        --hecu-family-active-bg: #f43f5e;
        --hecu-family-ring: #f43f5e;
    }

    html.hecu-dark .hecu-family-menu .hecu-label[data-family=slate],
    .hecu-dark .hecu-family-menu .hecu-label[data-family=slate] {
        --hecu-family-label-text: #cbd5e1;
        --hecu-family-dot-bg: #cbd5e1;
        --hecu-family-hover-bg: #475569;
        --hecu-family-active-bg: #475569;
        --hecu-family-ring: #475569;
    }

    .hecu-family-menu .hecu-label[aria-checked=true] {
        color: #fff;
        background: var(--hecu-family-active-bg, var(--hecu-family-hover-bg, var(--toggle-color-fill)));
        border-color: transparent;
        font-weight: 600;
    }

    .hecu-family-menu .hecu-label[aria-checked=true]:before {
        background: rgba(255, 255, 255, .9);
        box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .6);
    }


    .hecu-family-menu .hecu-label:focus-visible,
    .hecu-family-menu .hecu-radio:focus-visible + .hecu-label {
        outline: 2px solid var(--hecu-family-ring, var(--hecu-family-hover-bg, var(--hecu-family-active-bg, var(--toggle-color-fill))));
        outline-offset: 3px;
        box-shadow: inset 0 0 0 2px var(--hecu-family-ring, var(--hecu-family-hover-bg, var(--hecu-family-active-bg, var(--toggle-color-fill))));
    }

    .hecu-family-menu .hecu-label:active,
    .hecu-family-menu .hecu-label[aria-checked=true]:active {
        border-color: transparent;
        box-shadow: inset 0 0 0 2px var(--hecu-family-ring, var(--hecu-family-hover-bg, var(--hecu-family-active-bg, var(--toggle-color-fill))));
    }

    .hecu-family-menu .hecu-label:hover,
    .hecu-family-menu .hecu-label[aria-checked=true]:hover {
        color: #fff;
        background: var(--hecu-family-hover-bg, var(--toggle-color-fill));
        border-color: transparent;
        filter: none;
    }

    .hecu-family-menu .hecu-label:hover:before,
    .hecu-family-menu .hecu-label[aria-checked=true]:hover:before {
        background: rgba(255, 255, 255, .9);
        box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .6);
    }

    .hecu-family-menu .hecu-label[aria-checked=true]:after {
        content: "✓";
        float: right
    }

    .hecu-premium-controls {
        min-width: 176px;
        padding: 6px;
        margin: 0 0 4px;
        border-radius: calc(var(--bbtc-radius-inner) + 6px);
        background: transparent
    }

    .hecu-slider-control {
        padding: 6px 4px 7px;
        color: var(--bbtc-menu-text)
    }

    .hecu-slider-control+.hecu-slider-control {
        border-top: 1px solid var(--toggle-color-fill)
    }

    .hecu-slider-head {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 10px;
        font-size: 12px;
        line-height: 1.2;
        margin-bottom: 7px
    }

    .hecu-slider-head strong {
        font-weight: 500;
        color: var(--toggle-color-text);
        min-width: 38px;
        text-align: right
    }

    .hecu-night-toggle-label {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        cursor: pointer;
        user-select: none
    }

    .hecu-night-toggle {
        width: 14px;
        height: 14px;
        margin: 0;
        accent-color: var(--toggle-color-fill)
    }

    .hecu-night-status {
        margin: -2px 0 7px;
        font-size: 11px;
        line-height: 1.25;
        color: var(--bbtc-menu-text);
        opacity: .78;
        white-space: normal
    }

    .hecu-night-mode {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 4px;
        margin: -1px 0 7px;
    }

    .hecu-night-mode-label {
        position: relative;
        display: block;
        min-width: 0;
        padding: 0;
        border: 0;
        border-radius: 999px;
        cursor: pointer;
        user-select: none;
    }

    .hecu-night-mode-radio {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        border: 0;
        clip: rect(0 0 0 0);
        overflow: hidden;
    }

    .hecu-night-mode-label span {
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 22px;
        padding: 3px 7px;
        border: 1px solid rgba(148, 163, 184, .28);
        border-radius: 999px;
        font-size: 11px;
        line-height: 1;
        color: var(--bbtc-menu-text);
        background: rgba(148, 163, 184, .08);
        transition: background .15s ease, color .15s ease, border-color .15s ease, box-shadow .15s ease;
    }

    .hecu-night-mode-label:hover span {
        color: var(--toggle-color-text);
        border-color: color-mix(in srgb, var(--hecu-night-color, #ffd24a) 55%, transparent);
        background: color-mix(in srgb, var(--hecu-night-color, #ffd24a) 14%, transparent);
    }

    .hecu-night-mode-radio:checked + span {
        color: #1f2937;
        border-color: color-mix(in srgb, var(--hecu-night-color, #ffd24a) 70%, transparent);
        background: color-mix(in srgb, var(--hecu-night-color, #ffd24a) 72%, white 28%);
        box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .45);
        font-weight: 600;
    }

    .hecu-night-mode-radio:focus-visible + span {
        outline: 2px solid var(--hecu-night-color, #ffd24a);
        outline-offset: 2px;
    }

    .hecu-intensity-range-wrap,
    .hecu-night-range-wrap {
        position: relative;
        height: 26px;
        padding: 0;
        isolation: isolate;
    }

    .hecu-intensity-preview,
    .hecu-night-preview {
        position: absolute;
        left: 0;
        right: 0;
        top: 50%;
        z-index: 1;
        height: 9px;
        margin: 0;
        overflow: hidden;
        border-radius: 999px;
        transform: translateY(-50%);
        box-shadow: inset 0 0 0 1px rgba(148, 163, 184, .26);
        pointer-events: none;
    }

    .hecu-intensity-preview {
        background:
            linear-gradient(to right,
                color-mix(in srgb, var(--toggle-color-fill) 8%, transparent) 0%,
                color-mix(in srgb, var(--toggle-color-fill) 36%, transparent) 52%,
                var(--toggle-color-fill) 100%);
        opacity: .72;
    }

    .hecu-night-preview {
        background:
            linear-gradient(to right,
                rgba(255, 210, 74, .08) 0%,
                color-mix(in srgb, var(--hecu-night-color, #ffd24a) 36%, transparent) 52%,
                var(--hecu-night-color, #ffd24a) 100%);
        opacity: var(--hecu-night-gradient-opacity, .5);
    }

    .hecu-intensity-preview span,
    .hecu-intensity-preview .hecu-intensity-progress,
    .hecu-night-preview span,
    .hecu-night-preview .hecu-night-progress {
        position: absolute;
        left: 0;
        top: 50%;
        z-index: 2;
        display: block;
        height: 2px;
        border-radius: 999px;
        box-shadow: 0 0 0 1px rgba(255, 255, 255, .22);
        transform: translateY(-50%);
    }

    .hecu-intensity-preview span,
    .hecu-intensity-preview .hecu-intensity-progress {
        width: var(--hecu-ui-slider-fill, 33.333%);
        background: var(--toggle-color-fill);
        opacity: .96;
    }

    .hecu-night-preview span,
    .hecu-night-preview .hecu-night-progress {
        width: var(--hecu-night-current-fill, 0%);
        background: var(--hecu-night-color, #ffd24a);
        opacity: var(--hecu-night-current-opacity, .92);
    }

    .hecu-intensity-preview:after,
    .hecu-night-preview:after {
        display: none;
    }

    .hecu-slider-control[data-night-enabled="0"] .hecu-night-preview {
        opacity: .16;
    }

    .hecu-slider-control[data-night-enabled="0"] .hecu-night-preview span,
    .hecu-slider-control[data-night-enabled="0"] .hecu-night-preview .hecu-night-progress,
    .hecu-slider-control[data-night-enabled="0"] .hecu-night-preview:after {
        opacity: .12;
    }

    /* HECU: thin inline slider indication inside the same range bar. */
    .hecu-slider-range {
        -webkit-appearance: none;
        appearance: none;
        display: block;
        width: 100%;
        height: 18px;
        margin: 0;
        cursor: pointer;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100% 5px;
        border-radius: 999px;
    }

    .hecu-intensity-range,
    .hecu-night-range {
        height: 24px;
        background-size: 100% 7px;
    }

    .hecu-intensity-range,
    .hecu-night-range {
        position: relative;
        z-index: 4;
        background-image: none;
        background-color: transparent;
    }

    .hecu-slider-range::-webkit-slider-runnable-track {
        height: 5px;
        background: transparent;
        border-radius: 999px
    }

    .hecu-slider-range::-moz-range-track {
        height: 5px;
        background: transparent;
        border-radius: 999px
    }

    .hecu-slider-range::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        width: 14px;
        height: 14px;
        margin-top: -4.5px;
        border-radius: 50%;
        border: 2px solid var(--bbtc-menu-bg, #fff);
        background: var(--toggle-color-fill);
        box-shadow: 0 1px 4px rgba(0, 0, 0, .25);
    }

    .hecu-intensity-range::-webkit-slider-runnable-track,
    .hecu-night-range::-webkit-slider-runnable-track {
        height: 7px;
    }

    .hecu-intensity-range::-webkit-slider-thumb,
    .hecu-night-range::-webkit-slider-thumb {
        width: 18px;
        height: 18px;
        margin-top: -5.5px;
    }

    .hecu-night-range::-webkit-slider-thumb {
        background: var(--hecu-night-color, #ffd24a)
    }

    .hecu-slider-range::-moz-range-thumb {
        width: 14px;
        height: 14px;
        border-radius: 50%;
        border: 2px solid var(--bbtc-menu-bg, #fff);
        background: var(--toggle-color-fill);
        box-shadow: 0 1px 4px rgba(0, 0, 0, .25);
    }

    .hecu-intensity-range::-moz-range-track,
    .hecu-night-range::-moz-range-track {
        height: 7px;
    }

    .hecu-intensity-range::-moz-range-thumb,
    .hecu-night-range::-moz-range-thumb {
        width: 18px;
        height: 18px;
    }

    .hecu-night-range::-moz-range-thumb {
        background: var(--hecu-night-color, #ffd24a)
    }

    .hecu-slider-range:disabled {
        opacity: .45;
        cursor: not-allowed
    }