.scrub-ruler{--scrub-ink:color-mix(in oklab,var(--foreground)46%,transparent);--scrub-ink-strong:color-mix(in oklab,var(--foreground)82%,transparent);--scrub-accent:var(--gold-ink);touch-action:none;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-family:var(--font-code),monospace;font-variant-numeric:tabular-nums;letter-spacing:.02em;color:var(--scrub-ink);outline:none;font-size:10px;position:relative;overflow:hidden}.scrub-ruler[data-dragging]{cursor:grabbing}.scrub-ruler:focus-visible{box-shadow:0 0 0 2px var(--ring);border-radius:6px}.scrub-ruler[data-orientation=vertical]{width:64px;height:220px;-webkit-mask-image:linear-gradient(transparent,#000 28%,#000 72%,transparent);mask-image:linear-gradient(transparent,#000 28%,#000 72%,transparent)}.scrub-ruler[data-orientation=horizontal]{width:300px;height:44px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 22%,#000 78%,transparent);mask-image:linear-gradient(90deg,transparent,#000 22%,#000 78%,transparent)}.scrub-ruler-tape{will-change:transform;position:absolute}.scrub-ruler[data-orientation=vertical] .scrub-ruler-tape{top:50%;left:0;right:0}.scrub-ruler[data-orientation=horizontal] .scrub-ruler-tape{top:0;bottom:0;left:50%}.scrub-ruler-tick{opacity:.55;background:currentColor;display:block;position:absolute}.scrub-ruler-tick[data-major]{opacity:1}.scrub-ruler-tick em{white-space:nowrap;font-style:normal;line-height:1;position:absolute}.scrub-ruler[data-orientation=vertical] .scrub-ruler-tick{width:8px;height:1px;left:6px}.scrub-ruler[data-orientation=vertical] .scrub-ruler-tick[data-major]{width:14px}.scrub-ruler[data-orientation=vertical] .scrub-ruler-tick em{top:-5px;left:22px}.scrub-ruler[data-orientation=horizontal] .scrub-ruler-tick{width:1px;height:7px;top:8px}.scrub-ruler[data-orientation=horizontal] .scrub-ruler-tick[data-major]{height:12px}.scrub-ruler[data-orientation=horizontal] .scrub-ruler-tick em{top:18px;left:0;translate:-50%}.scrub-ruler-cursor{pointer-events:none;color:var(--scrub-accent);position:absolute}.scrub-ruler-cursor b{background:var(--background);color:var(--scrub-ink-strong);border-radius:4px;padding:2px 4px;font-weight:500;line-height:1;position:absolute}.scrub-ruler[data-orientation=vertical] .scrub-ruler-cursor{background:linear-gradient(90deg,currentColor 0,currentColor 20px,transparent 20px);height:1px;top:50%;left:2px;right:0}.scrub-ruler[data-orientation=vertical] .scrub-ruler-cursor b{top:-8px;left:20px}.scrub-ruler[data-orientation=horizontal] .scrub-ruler-cursor{background:linear-gradient(currentColor 0,currentColor 18px,transparent 18px);width:1px;top:4px;bottom:0;left:50%}.scrub-ruler[data-orientation=horizontal] .scrub-ruler-cursor b{top:15px;translate:-50%}