.si{--si-r:0px;--si-d:7px;--si-amp:2px;--si-ahead:color-mix(in oklab, var(--color-ink) 26%, transparent);--si-passed:color-mix(in oklab, var(--color-ink) 44%, transparent);top:50%;right:var(--si-r);z-index:30;font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;pointer-events:none;opacity:0;transition:opacity var(--motion-base) var(--motion-ease);font-size:.625rem;line-height:12px;position:fixed;transform:translateY(-50%)}@media (min-width:40rem){.si{--si-d:15px;--si-amp:6px}}@media (min-width:64rem){.si{--si-d:18px;--si-amp:10px}}@media (min-width:90rem){.si{--si-r:4px;--si-d:20px;--si-amp:12px}}@media (min-width:120rem){.si{--si-r:24px;--si-d:22px;--si-amp:14px}}.si[data-shown],.si:focus-within{opacity:1}.si[data-shown] a,.si:focus-within a{pointer-events:auto}@media (max-width:63.99rem){.si[data-shown]:not([data-awake]):not(:focus-within){opacity:0;transition-duration:.48s}.si[data-shown]:not(:focus-within) a{pointer-events:none}}.si ol{margin:0;padding:0;list-style:none}.si li{height:44px;transform:translateY(var(--shift,0px));transition:transform .42s var(--motion-ease), opacity var(--motion-base) var(--motion-ease)}.si li[hidden]{display:none}.si li[data-far]{opacity:0}.si li[data-far] a{pointer-events:none}.si a{width:44px;height:44px;color:var(--color-ink-2);-webkit-tap-highlight-color:transparent;text-decoration:none;display:block;position:relative}.si a:focus-visible{outline:none}.si a:focus-visible .si-dot{outline:1px solid var(--color-ink);outline-offset:4px}.si-dot{top:50%;right:calc(var(--si-d) + var(--k,0) * var(--si-amp) - 4.5px);width:9px;height:9px;margin-top:-4.5px;position:absolute}.si-dot:before,.si-dot:after{content:"";border-radius:50%;position:absolute}.si-dot:before{background:radial-gradient(closest-side, color-mix(in oklab, var(--color-accent) 58%, #000) 0 26%, var(--color-accent) 52%, var(--color-accent) 80%, color-mix(in oklab, var(--color-accent) 82%, #000) 100%);opacity:0;transition:opacity var(--motion-fast) var(--motion-ease), transform .36s var(--motion-ease);inset:0;transform:scale(.4)}.si-dot:after{background:var(--si-ahead);transition:opacity var(--motion-fast) var(--motion-ease), background-color var(--motion-fast) var(--motion-ease);inset:2px}.si li[data-state=passed] .si-dot:after{background:var(--si-passed)}.si li[data-state=active] .si-dot:before{opacity:1;transform:none}.si li[data-state=active] .si-dot:after{opacity:0}.si a:hover .si-dot:after{background:var(--color-ink-2)}.si-label{top:50%;right:calc(var(--si-d) + var(--k,0) * var(--si-amp) + 14px);white-space:nowrap;color:var(--color-ink-3);opacity:0;pointer-events:none;transition:opacity var(--motion-fast) var(--motion-ease-leave), transform var(--motion-fast) var(--motion-ease-leave);margin-top:-6px;position:absolute;transform:translate(6px)}.si li[data-open] .si-label{opacity:1;pointer-events:auto;animation:si-slide .3s var(--motion-ease) 60ms both;transform:none}.si[data-flash] li[data-state=active] .si-label{pointer-events:none}.si li[data-state=active] .si-label{color:var(--color-ink-2)}@keyframes si-slide{0%{opacity:0;transform:translate(10px)}}@media (64rem<=width<104rem){.si li[data-open]:not(:hover,:focus-within) .si-label{opacity:0;pointer-events:none;animation:none;transform:translate(6px)}}@media (max-width:63.99rem){.si .si-label{clip-path:inset(50%);width:1px;height:1px;animation:none;overflow:hidden}}