.ds-header-start{box-shadow:0 0 #d8ff0d00,0 0 10px #d8ff0d30,0 2px 26px #d8ff0d66,inset 0 1px 8px #ffffff30}.ds-header-start:hover{box-shadow:0 0 0 2px #d8ff0d15,0 0 12px #d8ff0d40,0 2px 30px #d8ff0d73,inset 0 1px 8px #ffffff40}.ds-header-demo{border:0;box-shadow:inset 0 0 0 1px #ffffff0d,0 5px 16px #0004}.ds-header-demo:is(:hover,:focus-visible){box-shadow:inset 0 0 0 1px #ffffff12,0 7px 20px #0006}:is(.ds-demo,.ds-mobile-demo,.ds-header-demo){position:relative}:is(.ds-demo,.ds-mobile-demo,.ds-header-demo):before{content:"";border-radius:inherit;pointer-events:none;opacity:.8;transition:opacity .18s;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff50;-webkit-mask-image:radial-gradient(85% 120% at 10% 0,#000 0%,#0005 35%,#0000 75%);mask-image:radial-gradient(85% 120% at 10% 0,#000 0%,#0005 35%,#0000 75%)}:is(.ds-demo,.ds-mobile-demo,.ds-header-demo):is(:hover,:focus-visible):before{opacity:1}@media (prefers-reduced-motion:reduce){:is(.ds-demo,.ds-mobile-demo,.ds-header-demo):before{transition:none}}.ds-legacy-header[data-mobile-open=false]{background-color:rgb(9 9 11/calc(.6 * var(--ds-header-scroll-progress,0)));border-bottom-color:rgb(255 255 255/calc(.1 * var(--ds-header-scroll-progress,0)));-webkit-backdrop-filter:blur(calc(24px * var(--ds-header-scroll-progress,0)));backdrop-filter:blur(calc(24px * var(--ds-header-scroll-progress,0)))}