@property --product-halo-1{syntax:"<color>";inherits:true;initial-value:oklch(65% .12 280)}@property --product-halo-2{syntax:"<color>";inherits:true;initial-value:oklch(70% .1 300)}@property --product-halo-highlight{syntax:"<color>";inherits:true;initial-value:oklch(80% .08 280)}.product-sheet-halo-vars{--product-halo-1:var(--primary);--product-halo-2:var(--brand);--product-halo-highlight:var(--primary);transition:--product-halo-1 .48s,--product-halo-2 .48s,--product-halo-highlight .48s}.product-sheet-layers{--product-sheet-frost-tint:60%;--product-sheet-frost-blur:25px;--product-sheet-frost-bg:color-mix(in oklch, var(--background) var(--product-sheet-frost-tint), transparent)}.product-sheet-frost-fill{pointer-events:none;background-color:var(--product-sheet-frost-bg);-webkit-backdrop-filter:blur(var(--product-sheet-frost-blur));backdrop-filter:blur(var(--product-sheet-frost-blur))}.product-sheet-frost{pointer-events:none;z-index:0;display:none;position:absolute;inset:0}@media not (min-width:48rem){.product-sheet-frost{display:block}}.product-sheet-layers[data-debug-layer=base-only] .product-sheet-frost{display:none}@media (prefers-reduced-motion:reduce){.product-sheet-halo-vars{transition:none}.product-sheet-frost-fill{-webkit-backdrop-filter:none;backdrop-filter:none}}