#hop-shader-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;width:100vw;height:100vh;pointer-events:none;opacity:.7;transition:opacity var(--duration-base, .32s) var(--easing-standard, cubic-bezier(.2, 0, 0, 1))}#hop-shader-bg[data-state=off]{opacity:0!important}#hop-shader-bg[data-state=off] canvas{display:none}#hop-shader-bg canvas{display:block;width:100%;height:100%}#hop-shader-bg.fallback canvas{display:none}#hop-shader-bg.fallback{background:linear-gradient(180deg,var(--bg-primary),var(--bg-secondary))}@media(prefers-reduced-motion:reduce){#hop-shader-bg canvas{display:none}#hop-shader-bg{background:linear-gradient(180deg,var(--bg-primary),var(--bg-secondary))}}.hop-shader-toggle{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-family:Inter,system-ui,sans-serif;font-size:.8125rem;font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);background:transparent;border:1px solid var(--border-subtle);border-radius:var(--radius-buttons, 16px);cursor:pointer;transition:color var(--duration-fast, .2s) var(--easing-standard),border-color var(--duration-fast, .2s) var(--easing-standard)}.hop-shader-toggle:hover,.hop-shader-toggle:focus-visible{color:var(--brand-plum-deep);border-color:var(--brand-plum);outline:none}.hop-shader-toggle .indicator{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--brand-sage);transition:background var(--duration-fast, .2s) var(--easing-standard)}.hop-shader-toggle[aria-pressed=false] .indicator{background:var(--text-muted)}.hop-shader-toggle[disabled]{opacity:.5;cursor:not-allowed}
/*# sourceMappingURL=/cdn/shop/t/8/assets/hop-shaders.css.map */