.header{--thickness:4px;position:sticky;top:0;background:hsl(0deg 0% 100%/.95);z-index:50;width:100%;display:flex;align-items:center;justify-content:space-between}@supports (backdrop-filter:blur(16px)) or (-webkit-backdrop-filter:blur(16px)){.header{background:hsl(0deg 0% 100%/.4)}.backdrop{inset:0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(180deg,hsl(0deg 0% 95%),transparent 50%)}.backdrop,.backdrop-edge{position:absolute;pointer-events:none}.backdrop-edge{left:0;right:0;bottom:0;height:var(--thickness);background:hsl(0deg 0% 100%/.1);-webkit-backdrop-filter:blur(12px) brightness(.96);backdrop-filter:blur(12px) brightness(.96);transform:translateY(100%)}}@supports (mask-image:none) or (-webkit-mask-image:none){.backdrop{height:200%;-webkit-mask-image:linear-gradient(180deg,black 0 50%,transparent 50% 100%);mask-image:linear-gradient(180deg,black 0 50%,transparent 50% 100%)}.backdrop-edge{height:100%;inset:0;-webkit-mask-image:linear-gradient(to bottom,black 0,black var(--thickness),transparent var(--thickness));mask-image:linear-gradient(to bottom,black 0,black var(--thickness),transparent var(--thickness))}}