.spotlight-focus-rings__surface{pointer-events:none;backface-visibility:hidden;width:100vw;height:100vh;position:fixed;inset:0;overflow:visible;transform:translateZ(0)}.spotlight-focus-rings__ring{transform-box:fill-box;transform-origin:50%;animation-name:spotlight-focus-ring;animation-timing-function:cubic-bezier(.15,.8,.25,1);animation-fill-mode:both}.spotlight-focus-rings__ring--0{animation-duration:.9s;animation-delay:.15s}.spotlight-focus-rings__ring--1{animation-duration:.98s;animation-delay:.28s}.spotlight-focus-rings__ring--2{animation-duration:1.06s;animation-delay:.41s}.spotlight-focus-rings__frame{box-shadow:0 0 0 1.5px color-mix(in oklch, var(--oklch-accent-primary) 92%, white), 0 0 0 7px color-mix(in oklch, var(--oklch-accent-primary) 20%, transparent), 0 0 18px color-mix(in oklch, var(--oklch-accent-primary) 20%, transparent), 0 0 42px color-mix(in oklch, var(--oklch-accent-primary) 11%, transparent)}@keyframes spotlight-focus-ring{0%{opacity:0;transform:scale(2.6)}15%{opacity:.9}78%{opacity:.35}to{opacity:0;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.spotlight-focus-rings__ring{opacity:0;animation:none}.spotlight-focus-rings__frame{box-shadow:0 0 0 2px color-mix(in oklch, var(--oklch-accent-primary) 94%, white), 0 0 0 7px color-mix(in oklch, var(--oklch-accent-primary) 22%, transparent), 0 0 28px color-mix(in oklch, var(--oklch-accent-primary) 18%, transparent)}}