.site-bar{z-index:30;isolation:isolate;position:sticky;top:0}.site-bar:before{content:"";z-index:-1;background:color-mix(in srgb, var(--bg) 80%, transparent);-webkit-backdrop-filter:saturate(1.8)blur(20px);backdrop-filter:saturate(1.8)blur(20px);position:absolute;inset:0}.site-bar:after{content:"";inset-inline:0;pointer-events:none;background:linear-gradient(to bottom, color-mix(in srgb, var(--bg) 45%, transparent), transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);height:22px;position:absolute;top:100%;-webkit-mask-image:linear-gradient(#000,#0000);mask-image:linear-gradient(#000,#0000)}@supports (animation-timeline:scroll()){.site-bar:after{opacity:0;animation:linear both site-edge;animation-timeline:scroll(root);animation-range:0 40px}}@keyframes site-edge{to{opacity:1}}.site-bar :is(.btn,summary){transition-property:scale,translate,transform,color,background-color,border-color,box-shadow,opacity;transition-duration:var(--spring-t,.5s), .15s, .15s, .15s, .15s, .15s, .15s, .15s;transition-timing-function:var(--spring,ease-out), ease-out, ease-out, ease-out, ease-out, ease-out, ease-out, ease-out}.site-bar :is(.btn,summary):active{transition-duration:90ms,.15s,.15s,.15s,.15s,.15s,.15s,.15s;transition-timing-function:ease-out;scale:.97}@media (prefers-reduced-transparency:reduce){.site-bar:before{background:var(--bg);-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:1px solid var(--line)}.site-bar:after{display:none}}@media (prefers-contrast:more){.site-bar:before{background:var(--bg);-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:1px solid var(--line-2)}.site-bar:after{display:none}}@media (prefers-reduced-motion:reduce){.site-bar :is(.btn,summary):active{scale:1}}.site-root ::selection{background:color-mix(in srgb, var(--gl) 32%, transparent);color:var(--ink)}.site-root :focus-visible{outline:2px solid var(--gl);outline-offset:3px}.site-root a{text-underline-offset:.24em;text-decoration-thickness:from-font}html:has(.site-root){scrollbar-color:color-mix(in srgb, var(--ink) 28%, transparent) var(--bg)}
