.sh{pointer-events:none}.sh:before{content:"";z-index:-1;background:linear-gradient(var(--background) 60px, transparent);opacity:0;pointer-events:none;height:88px;transition:opacity .24s ease-out;position:fixed;inset:0 0 auto}.sh[data-scrolled]:before{opacity:1}.sh-capsule{isolation:isolate;height:2.75rem;color:var(--foreground);pointer-events:auto;border-radius:9999px;position:relative}.sh-capsule:before{content:"";z-index:-1;border-radius:inherit;background:linear-gradient(var(--glass), var(--glass)), color-mix(in oklab, var(--background) 64%, transparent);box-shadow:inset 0 0 0 1px var(--glass-edge);-webkit-backdrop-filter:blur(16px)saturate(140%);backdrop-filter:blur(16px)saturate(140%);opacity:.6;transition:opacity .24s ease-out;position:absolute;inset:0}.sh[data-scrolled] .sh-capsule:before{opacity:1}@keyframes sh-in{0%{opacity:0;transform:translateY(-8px)}}.sh-enter{animation:.42s cubic-bezier(.23,1,.32,1) backwards sh-in;animation-delay:calc(var(--i,0) * 60ms)}:root[data-nav-seen] .sh-enter{animation:none}.sh-link{height:2.75rem;color:var(--muted-foreground);border-radius:9999px;align-items:center;padding-inline:.75rem;font-size:.875rem;line-height:1.25rem;transition:color .15s ease-out}.sh-theme>button,.sh-icon-button{border-radius:9999px}.sh-icon-button{width:2.75rem;height:2.75rem;color:var(--muted-foreground);justify-content:center;align-items:center;transition:color .15s ease-out,background-color .15s ease-out}.sh-mark{transition:transform .48s cubic-bezier(.23,1,.32,1)}.sh-book-wrap{position:relative}.sh-book-glow{background:var(--spectrum-conic);filter:blur(10px);opacity:.32;pointer-events:none;border-radius:9999px;transition:opacity .24s ease-out;position:absolute;inset:0}.dark .sh-book-glow{opacity:.5}.sh-book{white-space:nowrap;border-radius:9999px;align-items:center;height:2.25rem;padding-inline:1rem;font-size:.875rem;font-weight:500;line-height:1.25rem;transition:transform .16s cubic-bezier(.23,1,.32,1),background-color .15s ease-out;position:relative}.sh-book:active{transform:scale(.97)}.sh-book:after{content:"";position:absolute;inset:-4px 0}.sh-panel{background:linear-gradient(var(--glass), var(--glass)),  color-mix(in oklab, var(--background) 96%, transparent);width:min(18rem,100vw - 2rem);box-shadow:inset 0 0 0 1px var(--glass-edge), 0 24px 48px -16px #0b0d102e;-webkit-backdrop-filter:blur(24px)saturate(140%);backdrop-filter:blur(24px)saturate(140%);border-radius:1rem;padding:.5rem;position:absolute;top:calc(100% + .5rem);right:0}.dark .sh-panel{box-shadow:inset 0 0 0 1px var(--glass-edge), 0 24px 48px -16px #0009}.sh-panel-link{height:2.75rem;color:var(--foreground);border-radius:.5rem;align-items:center;padding-inline:.75rem;font-size:1rem;line-height:1.5rem;transition:background-color .15s ease-out}.sh-panel-link:active{background:color-mix(in oklab, var(--foreground) 8%, transparent)}.sh-panel-last{border-top:1px solid var(--glass-edge);margin-top:.25rem;padding-top:.25rem}@media (hover:hover) and (pointer:fine){.sh-link:hover,.sh-icon-button:hover{color:var(--foreground)}.sh-icon-button:hover{background:color-mix(in oklab, var(--foreground) 6%, transparent)}.sh-brand:hover .sh-mark{transform:rotate(30deg)}.sh-book:hover{background:color-mix(in oklab, var(--primary) 88%, transparent)}.sh-book-wrap:hover .sh-book-glow{opacity:.56}.dark .sh-book-wrap:hover .sh-book-glow{opacity:.8}.sh-panel-link:hover{background:color-mix(in oklab, var(--foreground) 6%, transparent)}}@media (prefers-reduced-motion:reduce){.sh-enter{animation:none}.sh-capsule:before,.sh-link,.sh-icon-button,.sh-mark,.sh-book,.sh-book-glow,.sh-panel-link{transition:none}.sh-brand:hover .sh-mark{transform:none}}@media (prefers-reduced-transparency:reduce){.sh-capsule:before,.sh-panel{background:var(--card);-webkit-backdrop-filter:none;backdrop-filter:none}.sh-capsule:before{opacity:1}}@media (prefers-contrast:more){.sh-capsule:before,.sh-panel{box-shadow:inset 0 0 0 1px var(--border)}}
