.rd-ruler{--rd-after-sweep:1.9s}[data-motion=ready]:not([data-inview=true]) :is(.rd-ruler-pending,.rd-ruler-pending-v,.rd-ruler-status,.rd-ruler-ring){opacity:0}[data-inview=true] :is(.rd-ruler-pending,.rd-ruler-pending-v,.rd-ruler-status){animation:rd-ruler-fade-in .6s cubic-bezier(.32, .72, 0, 1) var(--rd-after-sweep) both}.rd-ruler-ring{border:2px solid var(--primary);opacity:0;pointer-events:none}[data-inview=true] .rd-ruler-ring{animation:rd-ruler-ring 2.4s cubic-bezier(.22, .61, .36, 1) var(--rd-after-sweep) infinite}@keyframes rd-ruler-ring{0%{opacity:.45;scale:1}80%,to{opacity:0;scale:2.8}}.rd-ruler-glint{opacity:0;background:linear-gradient(90deg,#0000,#ffffffd9,#0000);translate:-100%}[data-inview=true] .rd-ruler-glint{animation:rd-ruler-glint 4.2s cubic-bezier(.45, 0, .55, 1) var(--rd-after-sweep) infinite}@keyframes rd-ruler-glint{0%{opacity:0;translate:-100%}8%{opacity:1}55%{opacity:1;translate:640%}62%,to{opacity:0;translate:640%}}.rd-ruler-flow{background:repeating-linear-gradient(90deg, color-mix(in oklab, var(--primary) 55%, transparent) 0 6px, transparent 6px 12px)}[data-inview=true] .rd-ruler-flow{animation:rd-ruler-flow 1.2s linear var(--rd-after-sweep) infinite}@keyframes rd-ruler-flow{0%{translate:0}to{translate:12px}}.rd-ruler-flow-v{background:repeating-linear-gradient(180deg, color-mix(in oklab, var(--primary) 55%, transparent) 0 6px, transparent 6px 12px)}[data-inview=true] .rd-ruler-flow-v{animation:rd-ruler-flow-v 1.2s linear var(--rd-after-sweep) infinite}@keyframes rd-ruler-flow-v{0%{translate:0}to{translate:0 12px}}[data-inview=true] .rd-ruler-beacon{animation:rd-ruler-beacon 2.4s ease-in-out var(--rd-after-sweep) infinite}@keyframes rd-ruler-beacon{0%,to{opacity:1;scale:1}50%{opacity:.35;scale:.8}}@keyframes rd-ruler-fade-in{0%{opacity:0}to{opacity:1}}.rd-ruler[data-active=false] .rd-ruler-loop{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.rd-ruler :is(.rd-ruler-loop,.rd-ruler-pending,.rd-ruler-pending-v,.rd-ruler-status){animation:none!important}.rd-ruler-ring,.rd-ruler-glint{display:none}[data-motion=ready]:not([data-inview=true]) :is(.rd-ruler-pending,.rd-ruler-pending-v,.rd-ruler-status){opacity:1}}