header{--thickness:2px;background:transparent}@supports ((-webkit-backdrop-filter:blur(16px)) or (backdrop-filter:blur(16px))) or (-webkit-backdrop-filter:blur(16px)){.backdrop{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#11182780;top:0;right:0;bottom:0;left:0}.backdrop,.backdrop-edge{pointer-events:none;position:absolute}.backdrop-edge{-webkit-backdrop-filter:blur(12px) brightness(.96);backdrop-filter:blur(12px) brightness(.96);background:#ffffff1a;bottom:0;height:var(--thickness);left:0;right:0;transform:translateY(100%)}}@supports ((-webkit-mask-image:none) or (mask-image:none)) or (-webkit-mask-image:none){.backdrop{height:200%;-webkit-mask-image:linear-gradient(180deg,#000 0 50%,transparent 50% 100%);mask-image:linear-gradient(180deg,#000 0 50%,transparent 50% 100%)}.backdrop-edge{height:100%;top:0;right:0;bottom:0;left:0;-webkit-mask-image:linear-gradient(to bottom,#000 0,#000 var(--thickness),transparent var(--thickness));mask-image:linear-gradient(to bottom,#000 0,#000 var(--thickness),transparent var(--thickness))}}