.animated-ruler-ticks.animated-ruler-ticks{pointer-events:none;isolation:isolate;--ruler-inset:13px;left:var(--ruler-inset);right:var(--ruler-inset)}.animated-ruler-ticks.animated-ruler-ticks:before{content:"";background:radial-gradient(ellipse 49px 19px at var(--ruler-hover-x,50%) 50%,#ff70642b,transparent 100%);opacity:var(--ruler-hover-opacity,0);pointer-events:none;z-index:-1;border-radius:3px;position:absolute;inset:-10px -12px}.animated-ruler-ticks.animated-ruler-ticks>i{--ruler-tick-growth:1.8;--ruler-tick-base:#73767c;transform-origin:50%;transform:translateX(-50%) scale(calc(1 + var(--ruler-strength,0)*1.15),calc(1 + var(--ruler-strength,0)*var(--ruler-tick-growth)));background:color-mix(in srgb,var(--ruler-tick-base),#fff calc(var(--ruler-strength,0)*100%));box-shadow:0 0 5px rgb(255 255 255/calc(.09 + var(--ruler-strength,0)*.38));pointer-events:none;flex-shrink:0;position:absolute}.animated-ruler-ticks.animated-ruler-ticks>i.major{--ruler-tick-growth:.82;--ruler-tick-base:#aeb0b5}@media (max-width:700px){.animated-ruler-ticks.animated-ruler-ticks{--ruler-inset:12px}.animated-ruler-ticks.animated-ruler-ticks:before{background:radial-gradient(ellipse 39px 14px at var(--ruler-hover-x,50%) 50%,#ff70642b,transparent 100%);inset:-7px -11px}.animated-ruler-ticks.animated-ruler-ticks>i{--ruler-tick-growth:2.28;height:7px}.animated-ruler-ticks.animated-ruler-ticks>i.major{--ruler-tick-growth:1.08;height:12px}}@media (prefers-reduced-motion:reduce){.animated-ruler-ticks.animated-ruler-ticks>i{transform:translate(-50%)}}