@layer component{.header{--thickness:3px;z-index:2;background:#000000f2;width:100%;max-width:none;height:55px;position:sticky;top:0}.header__content{contain:content;max-width:1400px;margin-inline:auto}@supports ((-webkit-backdrop-filter:blur(16px)) or (backdrop-filter:blur(16px))){.header{background:0 0}.header__backdrop{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:none;background:linear-gradient(#000 -5%,#0000 50%);position:absolute;inset:0}.header__backdropEdge{height:var(--thickness);-webkit-backdrop-filter:blur(12px)brightness(.96);backdrop-filter:blur(12px)brightness(.96);pointer-events:none;background:#0000001a;position:absolute;bottom:0;left:0;right:0;transform:translateY(calc(100% - 1px))}}}@supports ((-webkit-mask-image:none) or (mask-image:none)){@layer component{.header__backdrop{height:200%;-webkit-mask-image:linear-gradient(#000 0 50%,#0000 50% 100%);mask-image:linear-gradient(#000 0 50%,#0000 50% 100%)}.header__backdropEdge{height:100%;-webkit-mask-image:linear-gradient(to bottom,#000 0,#000 var(--thickness),#0000 var(--thickness));mask-image:linear-gradient(to bottom,#000 0,#000 var(--thickness),#0000 var(--thickness));inset:0}}}