.sdots{z-index:40;color:var(--color-brown);opacity:0;pointer-events:none;flex-direction:column;align-items:stretch;gap:2px;padding:8px;transition:opacity .3s ease-out,color .4s ease-out;display:flex;position:fixed;top:50%;right:14px;transform:translateY(-50%)}.sdots[data-theme=dark]{color:var(--color-warm-white)}.sdots.up{opacity:1;pointer-events:auto}.sdots .sd{cursor:pointer;min-width:0;height:22px;color:inherit;background:0 0;border:0;justify-content:flex-end;align-items:center;gap:10px;padding:0 4px;display:flex}.sdots .sd-label{text-align:right;white-space:nowrap;min-width:0;font-family:var(--font-sans);letter-spacing:-.01em;opacity:0;flex:auto;font-size:12px;font-weight:400;line-height:1;transition:opacity .2s ease-out}.sdots:hover .sd-label{opacity:.35}.sdots:hover .sd:hover .sd-label,.sdots:hover .sd[aria-current=true] .sd-label{opacity:.9}.sdots .sd-bar{opacity:.4;transform-origin:100%;background:currentColor;border-radius:1px;flex:none;width:18px;height:2px;transition:transform .4s cubic-bezier(.2,.8,.2,1),opacity .4s ease-out;display:block;transform:scaleX(.55)}.sdots .sd[aria-current=true] .sd-bar{opacity:1;transform:scaleX(1)}.sdots .sd:focus-visible{outline:2px solid var(--blu);outline-offset:2px}@media (max-width:880px){.sdots{display:none}}@media (prefers-reduced-motion:reduce){.sdots,.sdots .sd-bar,.sdots .sd-label{transition:none}}