.frosted{--thickness:2px}@supports (backdrop-filter:blur(16px)) or (-webkit-backdrop-filter:blur(16px)){.backdrop{inset:0;backdrop-filter:blur(.8rem)}.backdrop,.backdrop-edge{position:absolute;pointer-events:none}.backdrop-edge{left:0;right:0;bottom:0;height:var(--thickness);backdrop-filter:blur(.4rem) brightness(.98) saturate(4);transform:translateY(100%)}}@supports (mask-image:none) or (-webkit-mask-image:none){.backdrop{height:200%;mask-image:linear-gradient(180deg,black 0 50%,transparent 50% 100%)}.backdrop-edge{height:100%;inset:0;mask-image:linear-gradient(to bottom,black 0,black var(--thickness),transparent var(--thickness))}}