.ruler-marquee{-webkit-user-select:none;user-select:none;pointer-events:none;background:var(--gold);border-top:1px solid var(--navy);border-bottom:2px solid var(--navy);width:100%;height:84px;position:relative;overflow:hidden}.ruler-marquee-track{will-change:transform;width:max-content;height:100%;animation:ruler-marquee-scroll var(--ruler-duration) linear infinite;display:flex}.ruler-marquee-group{min-width:100vw;height:100%;width:var(--ruler-group-width);flex-shrink:0;display:flex}.ruler-marquee-unit{flex:1;height:100%;position:relative}.ruler-marquee-tick{background:#253f685c;width:1px;height:13px;display:block;position:absolute;top:0}.ruler-marquee-tick.is-major{background:var(--navy);width:2px;height:35px}.ruler-marquee-tick.is-middle{background:#253f68a6;height:23px}.ruler-marquee-number{color:var(--navy);font-size:13px;font-weight:600;font-family:var(--font-body);font-variant-numeric:tabular-nums;position:absolute;top:45px;left:5px}.ruler-marquee--slim{background:var(--background);border-top:0;border-bottom:0;height:28px}.ruler-marquee--slim .ruler-marquee-track{animation-direction:reverse}.ruler-marquee--slim .ruler-marquee-tick{background:color-mix(in srgb, var(--ink) 25%, transparent);height:5px}.ruler-marquee--slim .ruler-marquee-tick.is-major{background:var(--gold);width:1px;height:12px}.ruler-marquee--slim .ruler-marquee-tick.is-middle{background:color-mix(in srgb, var(--ink) 45%, transparent);height:8px}.ruler-marquee--slim .ruler-marquee-number{color:color-mix(in srgb, var(--ink) 64%, transparent);font-size:8px;line-height:1;top:14px;left:4px}@keyframes ruler-marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.ruler-marquee-track{will-change:auto;animation:none}}