.scroll-thread[hidden]{display:none}
.scroll-thread{position:fixed;inset-block-start:124px;inset-block-end:92px;inset-inline-end:max(10px,env(safe-area-inset-right,0px));width:34px;z-index:9;pointer-events:none;user-select:none;contain:layout style;opacity:.92;transition:opacity .2s ease}
.scroll-thread__drawing{display:block;width:100%;height:100%;overflow:visible}
.scroll-thread__drawing path{fill:none;stroke:var(--clay,#a66049);stroke-linecap:round;vector-effect:non-scaling-stroke}
.scroll-thread__trace{stroke-width:1;opacity:.09}
.scroll-thread__strand{stroke-width:1.65;stroke-dasharray:1 1;stroke-dashoffset:1}
.scroll-thread__tip{position:absolute;inset:0 auto auto 0;width:8px;height:8px;border:1.5px solid var(--clay,#a66049);border-radius:50%;background:var(--paper,#f8f5ee);box-shadow:0 2px 6px #64371f30,0 0 0 3px #f8f5ee66;will-change:transform}
.scroll-thread.is-muted{opacity:0}
.scroll-thread.is-still .scroll-thread__tip{will-change:auto}
@media(min-width:1440px){.scroll-thread{inset-inline-end:clamp(18px,calc((100vw - 1280px)/4),72px);width:40px}}
@media(max-width:800px){.scroll-thread{width:24px;inset-inline-end:4px;inset-block-start:112px;inset-block-end:112px}}
@media(max-width:640px){.scroll-thread{width:17px;inset-inline-end:max(1px,env(safe-area-inset-right,0px));inset-block-start:110px;inset-block-end:calc(112px + env(safe-area-inset-bottom,0px));opacity:.8}.scroll-thread__strand{stroke-width:1.4}.scroll-thread__tip{width:6px;height:6px;border-width:1.25px;box-shadow:0 1px 4px #64371f20,0 0 0 2px #f8f5ee55}}
@media(max-height:480px){.scroll-thread{inset-block-start:104px;inset-block-end:76px}}
.motion-paused .scroll-thread,.page-hidden .scroll-thread{opacity:0!important}
@media(prefers-reduced-motion:reduce){.scroll-thread{display:none!important}}
@media print{.scroll-thread{display:none!important}}