.frosted-bar.svelte-1o9mslm{--frost-reach:2rem;--frost-fill:color-mix(in oklab, var(--color-canvas) 92%, var(--color-surface-sunken))}.frosted-bar.svelte-1o9mslm:before{content:"";inset:calc(-1 * var(--frost-reach)) 0 0 0;background:var(--frost-fill);-webkit-backdrop-filter:blur(var(--blur-glass-strong)) saturate(180%);backdrop-filter:blur(var(--blur-glass-strong)) saturate(180%);-webkit-mask-image:linear-gradient(to bottom, transparent 0, #0000002e calc(var(--frost-reach) * .45), #0000009e calc(var(--frost-reach) * .78), #000 var(--frost-reach), #000 100%);-webkit-mask-image:linear-gradient(to bottom, transparent 0, #0000002e calc(var(--frost-reach) * .45), #0000009e calc(var(--frost-reach) * .78), #000 var(--frost-reach), #000 100%);mask-image:linear-gradient(to bottom, transparent 0, #0000002e calc(var(--frost-reach) * .45), #0000009e calc(var(--frost-reach) * .78), #000 var(--frost-reach), #000 100%);pointer-events:none;opacity:0;transition:opacity .22s var(--ease-out-quint);position:absolute;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.frosted-bar.is-frosted.svelte-1o9mslm:before{opacity:1}@media (prefers-reduced-motion:reduce){.frosted-bar.svelte-1o9mslm:before{transition:none}}