@property --ws-t1{syntax: "<color>"; inherits: false; initial-value: transparent;}@property --ws-t2{syntax: "<color>"; inherits: false; initial-value: transparent;}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--layer-backdrop);overflow:hidden;pointer-events:none}.backdrop__picture{position:absolute;inset:calc(var(--backdrop-blur) * -3);max-width:none;filter:blur(var(--backdrop-blur)) saturate(1.08)}.backdrop__image{width:100%;height:100%;object-fit:cover}.backdrop__tint,.backdrop__veil{position:absolute;top:0;right:0;bottom:0;left:0}.backdrop__tint{background:linear-gradient(100deg,var(--ws-t1) 0% 28%,var(--ws-t2) 72% 100%);mix-blend-mode:color;opacity:0;transition:opacity var(--duration-tint) var(--ease-out),--ws-t1 .9s var(--ease-out),--ws-t2 .9s var(--ease-out)}.is-tinted .backdrop__tint{opacity:var(--tint-strength)}.backdrop--flat .backdrop__tint{mix-blend-mode:normal}.is-tinted .backdrop--flat .backdrop__tint{opacity:calc(var(--tint-strength) * .35)}.backdrop__veil{background:rgb(var(--color-background-rgb) / var(--backdrop-veil))}@media(prefers-reduced-motion:reduce){.backdrop__tint{transition:opacity var(--duration-tint) var(--ease-out)}}@media(forced-colors:active){.backdrop{display:none}}tint-scope{display:contents}
/*# sourceMappingURL=/cdn/shop/t/41/assets/backdrop.css.map */