.eye-loader{--eye-size:20px;--eye-gap:10px;--eye-bg:#f7f4ed;--eye-fg:#111312;align-items:center;gap:12px;display:inline-flex}.eye-loader--sm{--eye-size:14px;--eye-gap:7px}.eye-loader--lg{--eye-size:28px;--eye-gap:12px}.eye-loader--light{--eye-bg:#111312;--eye-fg:#f7f4ed}.eye-loader__eyes{gap:var(--eye-gap);display:inline-flex}.eye-loader__eyes:before,.eye-loader__eyes:after{content:"";width:var(--eye-size);aspect-ratio:1;border-radius:50%;flex:none}.eye-loader--gaze .eye-loader__eyes:before,.eye-loader--gaze .eye-loader__eyes:after{background:radial-gradient(farthest-side, var(--eye-fg) 95%, transparent) 35% 35% / 30% 30% no-repeat, var(--eye-bg);animation:3s infinite eye-gaze}.eye-loader--blink .eye-loader__eyes:before,.eye-loader--blink .eye-loader__eyes:after{background:linear-gradient(var(--eye-fg) 0 0) top / 100% 40% no-repeat, radial-gradient(farthest-side, var(--eye-fg) 95%, transparent) 50% / 40% 40% no-repeat, var(--eye-bg);animation:1.5s ease-in infinite alternate eye-blink}.eye-loader--spin .eye-loader__eyes:before,.eye-loader--spin .eye-loader__eyes:after{background:radial-gradient(farthest-side, var(--eye-fg) 95%, transparent) 35% 35% / 30% 30% no-repeat, var(--eye-bg);transform:scaleX(var(--eye-direction,1)) rotate(0deg);animation:1s linear infinite eye-spin}.eye-loader--spin .eye-loader__eyes:after{--eye-direction:-1;animation-delay:-.1s}.eye-loader--fill .eye-loader__eyes:before,.eye-loader--fill .eye-loader__eyes:after{background:linear-gradient(var(--eye-fg) 0 0) top / 100% 0% no-repeat, radial-gradient(farthest-side, var(--eye-fg) 95%, transparent) 50% / 40% 40% no-repeat, var(--eye-bg);animation:4s ease-in infinite eye-fill}.eye-loader__label{letter-spacing:.14em;text-transform:uppercase;opacity:.55;font-family:inherit;font-size:9px;line-height:1}@keyframes eye-gaze{0%,11%{background-position:35% 35%}14%,36%{background-position:65% 35%}38%,61%{background-position:65% 65%}64%,86%{background-position:35% 65%}88%,to{background-position:35% 35%}}@keyframes eye-blink{0%,70%{background-size:100% 40%,40% 40%}85%{background-size:100% 120%,40% 40%}to{background-size:100% 40%,40% 40%}}@keyframes eye-spin{to{transform:scaleX(var(--eye-direction,1)) rotate(360deg)}}@keyframes eye-fill{0%{background-position:top,50%;background-size:100% 0%,40% 40%}80%{background-position:top,50% 70%;background-size:100% 70%,40% 40%}84%,to{background-position:top,50%;background-size:100% 0%,40% 40%}}@media (prefers-reduced-motion:reduce){.eye-loader__eyes:before,.eye-loader__eyes:after{animation:none!important}}