:root{--scrptd-navy: #222d3f;--glass-bg-soft: rgba(247, 249, 252, .34);--glass-bg: rgba(247, 249, 252, .5);--glass-bg-strong: rgba(247, 249, 252, .7);--glass-fallback-soft: rgba(247, 249, 252, .9);--glass-fallback: rgba(247, 249, 252, .94);--glass-fallback-strong: rgba(247, 249, 252, .97);--glass-border: rgba(255, 255, 255, .48);--glass-border-dark: rgba(34, 45, 63, .1);--glass-shadow: 0 16px 42px rgba(18, 28, 43, .12);--glass-shadow-strong: 0 24px 64px rgba(18, 28, 43, .18);--glass-highlight: inset 0 1px 0 rgba(255, 255, 255, .68), inset 0 -1px 0 rgba(34, 45, 63, .05);--glass-blur-soft: 8px;--glass-blur: 16px;--glass-blur-strong: 24px;--glass-saturation: 140%;--glass-radius: 24px;--glass-transition: .18s cubic-bezier(.2, .75, .25, 1);--scrptd-layer-branding: 0;--scrptd-layer-content: 1;--scrptd-layer-header: 1000;--scrptd-layer-overlay: 10000}.scrptd-branding-layer{position:fixed;z-index:-1;top:var(--scrptd-branding-y, 50%);left:var(--scrptd-branding-x, 50%);width:var(--scrptd-branding-width, 145vw);max-width:none;display:grid;place-items:center;pointer-events:none;opacity:var(--scrptd-branding-opacity, .06);color:var(--scrptd-branding-color, var(--scrptd-navy));filter:blur(var(--scrptd-branding-blur, 2px));transform:translate3d(-50%,calc(-50% + var(--scrptd-branding-shift, 0px)),0);transform-origin:center;contain:layout paint style;-webkit-user-select:none;user-select:none}.scrptd-branding-layer__image{display:block;width:100%;height:auto;max-width:none;object-fit:contain;filter:grayscale(1)}.scrptd-branding-layer__text{display:block;width:100%;overflow:hidden;font-family:var(--nav_font),Inconsolata,monospace;font-size:clamp(180px,29vw,620px);font-weight:800;line-height:.78;letter-spacing:0;text-align:center;white-space:nowrap}#container,.scrptd-page-layer{position:relative;z-index:var(--scrptd-layer-content)}.scrptd-branding-enabled #container{isolation:isolate;background-color:transparent!important}.scrptd-branding-enabled #container>.background-image,.scrptd-branding-enabled #container>[class*=background-image]{z-index:-2!important}.soft-glass,.standard-glass,.strong-glass,.scrptd-glass--soft,.scrptd-glass--standard,.scrptd-glass--strong{position:relative;box-sizing:border-box;isolation:isolate;border:1px solid var(--glass-border);color:var(--scrptd-navy);box-shadow:var(--glass-shadow),var(--glass-highlight);-webkit-font-smoothing:antialiased}.soft-glass,.scrptd-glass--soft{border-radius:max(8px,calc(var(--glass-radius) - 8px));background:linear-gradient(145deg,rgba(255,255,255,.2),transparent 44%),var(--glass-bg-soft);-webkit-backdrop-filter:blur(var(--glass-blur-soft)) saturate(var(--glass-saturation));backdrop-filter:blur(var(--glass-blur-soft)) saturate(var(--glass-saturation))}.standard-glass,.scrptd-glass--standard{border-radius:var(--glass-radius);background:linear-gradient(145deg,rgba(255,255,255,.28),transparent 48%),var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturation));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturation))}.strong-glass,.scrptd-glass--strong{border-radius:calc(var(--glass-radius) + 4px);background:linear-gradient(145deg,rgba(255,255,255,.38),transparent 52%),var(--glass-bg-strong);box-shadow:var(--glass-shadow-strong),var(--glass-highlight);-webkit-backdrop-filter:blur(var(--glass-blur-strong)) saturate(var(--glass-saturation));backdrop-filter:blur(var(--glass-blur-strong)) saturate(var(--glass-saturation))}.scrptd-glass__content{position:relative;z-index:1}.scrptd-glass--interactive{transition:transform var(--glass-transition),border-color var(--glass-transition),background-color var(--glass-transition),box-shadow var(--glass-transition)}.scrptd-glass--interactive:hover{border-color:#ffffffb8;box-shadow:0 18px 46px #121c2b26,var(--glass-highlight)}.scrptd-glass--interactive:active{transform:scale(.985)}.scrptd-glass--interactive:focus-visible{outline:2px solid var(--scrptd-navy);outline-offset:3px}.scrptd-glass-control{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;touch-action:manipulation}@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){.soft-glass,.scrptd-glass--soft{background:var(--glass-fallback-soft)}.standard-glass,.scrptd-glass--standard{background:var(--glass-fallback)}.strong-glass,.scrptd-glass--strong{background:var(--glass-fallback-strong)}}.scrptd-glass-performance-reduced .soft-glass,.scrptd-glass-performance-reduced .scrptd-glass--soft,.scrptd-glass-performance-reduced .standard-glass,.scrptd-glass-performance-reduced .scrptd-glass--standard,.scrptd-glass-performance-reduced .strong-glass,.scrptd-glass-performance-reduced .scrptd-glass--strong,.scrptd-glass-performance-reduced .uses-global-glass{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.scrptd-glass-performance-reduced .soft-glass,.scrptd-glass-performance-reduced .scrptd-glass--soft{background:var(--glass-fallback-soft)}.scrptd-glass-performance-reduced .standard-glass,.scrptd-glass-performance-reduced .scrptd-glass--standard{background:var(--glass-fallback)}.scrptd-glass-performance-reduced .strong-glass,.scrptd-glass-performance-reduced .scrptd-glass--strong,.scrptd-glass-performance-reduced .uses-global-glass{background:var(--glass-fallback-strong)}@media(max-width:749px){:root{--glass-blur-soft: min(var(--glass-blur-soft-config, 8px), 7px);--glass-blur: min(var(--glass-blur-config, 16px), 12px);--glass-blur-strong: min(var(--glass-blur-strong-config, 24px), 18px);--glass-shadow: 0 12px 32px rgba(18, 28, 43, .1);--glass-shadow-strong: 0 18px 48px rgba(18, 28, 43, .15)}.scrptd-branding-layer{top:var(--scrptd-branding-y-mobile, 50%);left:var(--scrptd-branding-x-mobile, 50%);width:var(--scrptd-branding-width-mobile, 160vw);opacity:var(--scrptd-branding-opacity-mobile, .05)}.scrptd-branding-layer__text{font-size:clamp(120px,43vw,280px)}}@media(prefers-reduced-motion:reduce){.scrptd-glass--interactive{transition-duration:.01ms}.scrptd-branding-layer{--scrptd-branding-shift: 0px !important}}@media(prefers-reduced-transparency:reduce){.soft-glass,.scrptd-glass--soft,.standard-glass,.scrptd-glass--standard,.strong-glass,.scrptd-glass--strong{-webkit-backdrop-filter:none;backdrop-filter:none}.soft-glass,.scrptd-glass--soft{background:var(--glass-fallback-soft)}.standard-glass,.scrptd-glass--standard{background:var(--glass-fallback)}.strong-glass,.scrptd-glass--strong{background:var(--glass-fallback-strong)}}
/*# sourceMappingURL=/cdn/shop/t/125/assets/scrptd-liquid-glass.css.map */
