/* Base Styles and CSS Variables */

body,
html {
    background: transparent;
    border: 0;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline
}

body {
    --scrollbar-width: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px
}

body,
html {
    height: 100%
}

body {
    overflow-x: auto;
    overflow-y: scroll
}

body:not(.responsive) #site-root {
    min-width: var(--site-width);
    width: 100%
}

body:not([data-js-loaded]) [data-hide-prejs] {
    visibility: hidden
}

interact-element {
    display: contents
}

#SITE_CONTAINER {
    position: relative
}

/* CSS Variables */
:root {
    --one-unit: 1vw;
    --section-max-width: 9999px;
    --spx-stopper-max: 9999px;
    --spx-stopper-min: 0px;
    --browser-zoom: 1
}

@supports(-webkit-appearance:none) and (stroke-color:transparent) {
    :root {
        --safari-sticky-fix: opacity;
        --experimental-safari-sticky-fix: translateZ(0)
    }
}

@supports(container-type:inline-size) {
    :root {
        --one-unit: 1cqw
    }
}

/* Hover Box Styles */
[id^=oldHoverBox-] {
    mix-blend-mode: plus-lighter;
    transition: opacity .5s ease, visibility .5s ease
}

[data-mesh-id$=inlineContent-gridContainer]:has(>[id^=oldHoverBox-]) {
    isolation: isolate
}