.scroll-measurement-overlay{--hud-color:#64cb0ccc;--hud-color-bright:#64cb0c;--hud-muted:#64cb0c59;--hud-number-color:#edf1eae0;--hud-axis-color:#64cb0c73;pointer-events:none;z-index:20;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.scroll-measurement-overlay--hidden{display:none}.scroll-measurement-overlay .hud-svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.scroll-measurement-overlay .hud-svg line,.scroll-measurement-overlay .hud-svg circle{vector-effect:non-scaling-stroke}.scroll-measurement-overlay .hud-tick{stroke:var(--hud-color);stroke-linecap:round}.scroll-measurement-overlay .hud-line-main{stroke:var(--hud-color-bright);stroke-linecap:round}.scroll-measurement-overlay .hud-corner-dot{fill:var(--hud-color-bright);opacity:.65}.scroll-measurement-overlay .hud-counter-axis{font-family:var(--font-geist-mono,"Courier New",monospace);letter-spacing:.14em;text-transform:uppercase;fill:#fff9;font-size:7px;font-weight:400}.scroll-measurement-overlay .hud-counter-value{font-family:var(--font-geist-mono,"Courier New",monospace);letter-spacing:.08em;fill:#fff9;font-size:10px;font-weight:500}.scroll-measurement-overlay .hud-ruler-label{font-family:var(--font-geist-sans,sans-serif);letter-spacing:.02em;fill:#ffffffd1;opacity:0;-webkit-font-smoothing:antialiased;font-size:10px;font-weight:500;transition:opacity .45s cubic-bezier(.4,0,.2,1)}@media (max-width:1279px){.scroll-measurement-overlay{display:none}}