@keyframes DetailRuler-module__e08Xlq__rulerIn{0%{opacity:0}to{opacity:1}}.DetailRuler-module__e08Xlq__ruler{top:var(--page-padding-desktop);z-index:5;min-height:var(--tap-target);pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:8px;animation:.42s cubic-bezier(.16,1,.3,1) .12s both DetailRuler-module__e08Xlq__rulerIn;display:flex;position:fixed;left:50%;transform:translate(-50%)}.DetailRuler-module__e08Xlq__ticks{align-items:flex-end;gap:4px;height:12px;display:flex}.DetailRuler-module__e08Xlq__tick{background:var(--muted);width:1px;height:6px}.DetailRuler-module__e08Xlq__tick[data-active=true]{background:var(--accent);height:12px}.DetailRuler-module__e08Xlq__counter{font-family:var(--font-mono);font-size:var(--text-mono-index);letter-spacing:.04em;color:var(--muted)}.DetailRuler-module__e08Xlq__counter>span{color:var(--accent)}@media (prefers-reduced-motion:reduce){.DetailRuler-module__e08Xlq__ruler{animation:none}}@media (max-width:767px){.DetailRuler-module__e08Xlq__ruler{display:none}}