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



    /* ---------------------------------------------------------------------
       HECU design-token layer, simple and flexible
       ---------------------------------------------------------------------
       Pattern: primitive -> semantic -> component.
       JS updates primitive/semantic values; components inherit from them.
    */
    :root {
        /* Primitive/resolved colors. Route rules + sliders update these. */
        --hecu-brand: var(--hecu-theme-ui, #0070ee);
        --hecu-bg: var(--hecu-theme-bg, #ffffff);
        --hecu-text: #0f172a;
        --hecu-text-muted: #64748b;
        --hecu-border: color-mix(in srgb, var(--hecu-text) 14%, var(--hecu-bg));

        /* Semantic tokens. Use these in normal website CSS. */
        --hecu-primary: var(--hecu-brand);
        --hecu-accent: var(--hecu-brand);
        --hecu-secondary: color-mix(in srgb, var(--hecu-brand) 38%, var(--hecu-bg));
        --hecu-tertiary: color-mix(in srgb, var(--hecu-brand) 22%, var(--hecu-bg));
        --hecu-muted: var(--hecu-text-muted);
        --hecu-link: var(--hecu-brand);
        --hecu-focus: var(--hecu-brand);
        /* Neutral fallback surface. Default theme at default intensity stays #f5f5f7; other families and slider intensity override it through JS tokens. */
        --hecu-surface: #f5f5f7;
        --hecu-surface-2: color-mix(in srgb, var(--hecu-brand) 5%, var(--hecu-surface));
        --hecu-success: #16a34a;
        --hecu-warning: #f59e0b;
        --hecu-danger: #dc2626;
        --hecu-info: #2563eb;
        --hecu-on-primary: #ffffff;

        /* Compatibility aliases for earlier variable names. */
        --hecu-decent: var(--hecu-secondary);
        --hecu-descent: var(--hecu-secondary);
        --hecu-teritory: var(--hecu-tertiary);
        --hecu-body-bg: var(--hecu-bg);
        --hecu-section-bg: var(--hecu-surface);
        --hecu-section-text: var(--hecu-text);
        --hecu-section-border: var(--hecu-border);
        --hecu-container-bg: var(--hecu-surface);
        --hecu-container-text: var(--hecu-text);
        --hecu-container-border: var(--hecu-border);
        --hecu-card-bg: var(--hecu-surface-2);
        --hecu-card-text: var(--hecu-text);
        --hecu-card-border: var(--hecu-border);
        --hecu-panel-bg: var(--hecu-card-bg);
        --hecu-divider: var(--hecu-border);
        --hecu-text-soft: color-mix(in srgb, var(--hecu-text-muted) 70%, var(--hecu-bg));
        --hecu-on-accent: var(--hecu-on-primary);

        /* Short public names for Elementor/custom CSS. */
        --color-primary: var(--hecu-primary);
        --color-accent: var(--hecu-accent);
        --color-secondary: var(--hecu-secondary);
        --color-tertiary: var(--hecu-tertiary);
        --color-muted: var(--hecu-muted);
        --color-link: var(--hecu-link);
        --color-focus: var(--hecu-focus);
        --color-bg: var(--hecu-bg);
        --color-surface: var(--hecu-surface);
        --color-surface-2: var(--hecu-surface-2);
        --color-text: var(--hecu-text);
        --color-text-muted: var(--hecu-text-muted);
        --color-border: var(--hecu-border);
        --color-success: var(--hecu-success);
        --color-warning: var(--hecu-warning);
        --color-danger: var(--hecu-danger);
        --color-info: var(--hecu-info);

        /* Short, modern aliases for custom CSS / Elementor / demos. */
        --brand: var(--hecu-brand);
        --primary: var(--hecu-primary);
        --accent: var(--hecu-accent);
        --accent-2: var(--hecu-secondary);
        --secondary: var(--hecu-secondary);
        --tertiary: var(--hecu-tertiary);
        --teritory: var(--hecu-teritory);
        --decent: var(--hecu-decent);
        --descent: var(--hecu-descent);
        --success: var(--hecu-success);
        --warning: var(--hecu-warning);
        --danger: var(--hecu-danger);
        --info: var(--hecu-info);
        --bg: var(--hecu-bg);
        --body-bg: var(--hecu-body-bg);
        --surface: var(--hecu-surface);
        --surface-2: var(--hecu-surface-2);
        --surface-3: var(--hecu-card-bg);
        --panel: var(--hecu-panel-bg);
        --card: var(--hecu-card-bg);
        --text: var(--hecu-text);
        --text-2: var(--hecu-text-muted);
        --muted: var(--hecu-muted);
        --soft: var(--hecu-text-soft);
        --link: var(--hecu-link);
        --focus: var(--hecu-focus);
        --border: var(--hecu-border);
        --divider: var(--hecu-divider);
        --on-primary: var(--hecu-on-primary);
        --on-accent: var(--hecu-on-accent);

        /* Layout/feel tokens. These make demos and custom sections reusable. */
        --space: 1;
        --radius-sm: 8px;
        --radius: 16px;
        --radius-md: 16px;
        --radius-lg: 24px;
        --radius-pill: 999px;
        --shadow-sm: 0 1px 2px color-mix(in srgb, var(--hecu-text) 10%, transparent);
        --shadow: 0 16px 45px color-mix(in srgb, var(--hecu-text) 14%, transparent);
        --shadow-lg: 0 24px 80px color-mix(in srgb, var(--hecu-text) 18%, transparent);
        --motion-fast: 140ms ease;
        --motion: 240ms ease;
        --motion-slow: 420ms cubic-bezier(.16, 1, .3, 1);

        /* Component tokens derive from semantic tokens. */
        --button-bg: var(--color-primary);
        --button-text: var(--hecu-on-primary);
        --button-border: var(--color-primary);
        --button-hover-bg: color-mix(in srgb, var(--button-bg) 90%, #000000);
        --button-primary-bg: var(--button-bg);
        --button-primary-text: var(--button-text);
        --button-primary-border: var(--button-border);
        --button-primary-hover: var(--button-hover-bg);
        --button-secondary-bg: var(--color-secondary);
        --button-secondary-text: var(--color-text);
        --button-secondary-border: var(--color-secondary);
        --button-tertiary-bg: var(--color-tertiary);
        --button-tertiary-text: var(--color-text);
        --button-tertiary-border: var(--color-tertiary);
        --button-muted-bg: color-mix(in srgb, var(--color-muted) 20%, var(--color-bg));
        --button-muted-text: var(--color-text-muted);
        --button-muted-border: var(--color-border);
        --button-light-bg: #ffffff;
        --button-light-text: #0f172a;
        --button-light-border: color-mix(in srgb, #0f172a 12%, #ffffff);
        --button-light-hover: #f8fafc;
        --button-dark-bg: #020617;
        --button-dark-text: #ffffff;
        --button-dark-border: color-mix(in srgb, #ffffff 18%, #020617);
        --button-dark-hover: #111827;

        --section-bg: var(--hecu-section-bg);
        --section-text: var(--hecu-section-text);
        --section-border: var(--hecu-section-border);
        --container-bg: var(--hecu-container-bg);
        --container-text: var(--hecu-container-text);
        --container-border: var(--hecu-container-border);
        --card-bg: var(--hecu-card-bg);
        --card-text: var(--hecu-card-text);
        --card-border: var(--hecu-card-border);
        --panel-bg: var(--hecu-panel-bg);
    }

    body.hecu-body {
        background: var(--hecu-body-bg, var(--hecu-theme-bg, inherit));
        color: var(--hecu-text, inherit);
    }

    .hecu-bg-primary { background: var(--hecu-primary); color: var(--hecu-on-primary); }
    .hecu-bg-accent { background: var(--hecu-accent); color: var(--hecu-on-accent); }
    .hecu-bg-section { background: var(--hecu-section-bg); color: var(--hecu-section-text); }
    .hecu-bg-container { background: var(--hecu-container-bg); color: var(--hecu-container-text); }
    .hecu-bg-card { background: var(--hecu-card-bg); color: var(--hecu-card-text); border-color: var(--hecu-card-border); }

    .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: var(--hecu-brand, #0070ee);
        --bbtc-text: var(--hecu-brand, #0070ee);
        --bbtc-active-text: var(--hecu-on-primary, #fff);
        --bbtc-menu-bg: var(--hecu-surface, #fff);
        --bbtc-menu-text: var(--hecu-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
    }

    .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 {
        --hecu-family-label-text: var(--hecu-family-light, currentColor);
        --hecu-family-dot-bg: var(--hecu-family-light, currentColor);
        --hecu-family-hover-bg: var(--hecu-family-light, var(--toggle-color-fill));
        --hecu-family-active-bg: var(--hecu-family-light, var(--toggle-color-fill));
        --hecu-family-ring: var(--hecu-family-light, var(--toggle-color-fill));
        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[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
    }
/* Site footer follows the active theme surface/section token and Theme intensity. */
#bb-globalfooter {
    background-color: var(--section-bg, var(--hecu-section-bg, #f5f5f7));
    color: var(--section-text, var(--hecu-text, #1d1d1f));
    border-top-color: var(--section-border, var(--hecu-border, #d2d2d7));
    transition: none !important;
}

#bb-globalfooter a {
    color: var(--link, var(--hecu-link, currentColor));
}

#bb-globalfooter a:hover {
    color: var(--accent-2, var(--hecu-secondary, var(--link, currentColor)));
}