html{scrollbar-width:none}html::-webkit-scrollbar{width:0;height:0}.scroll-ruler{--ruler-color:#A0A8B3;position:fixed;right:4px;top:50%;width:40px;height:190px;transform:translateY(-50%);z-index:25;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;color:var(--ruler-color);touch-action:none;cursor:ns-resize;border:0;background:transparent;padding:0}.scroll-ruler.is-visible{opacity:1;visibility:visible}.scroll-ruler-track{position:absolute;right:8px;top:0;width:10px;height:100%;background:repeating-linear-gradient(to bottom,currentColor 0 1px,transparent 1px 10px);opacity:.5;pointer-events:none}.scroll-ruler-track:after{content:"";position:absolute;right:0;top:0;width:18px;height:100%;background:repeating-linear-gradient(to bottom,currentColor 0 1px,transparent 1px 50px)}.scroll-ruler-thumb{position:absolute;right:8px;top:0;width:24px;height:2px;background:currentColor;transform:translateY(var(--ruler-position,0px));pointer-events:none}.scroll-ruler:focus-visible{outline:1px solid currentColor;outline-offset:1px;border-radius:6px}body.modal-open .scroll-ruler,html.is-loading .scroll-ruler{opacity:0;visibility:hidden}@media(max-width:600px){.scroll-ruler{right:0;width:28px;height:140px}.scroll-ruler-track,.scroll-ruler-thumb{right:4px}.scroll-ruler-thumb{width:18px}}@media(prefers-reduced-motion:reduce){.scroll-ruler{transition:none}}