.search-skater-form { position: relative; }
.search-skater-track { position: absolute; overflow: hidden; pointer-events: none; border-radius: 8px; z-index: 1; }
.search-skater-track[hidden] { display: none !important; }
.search-skater { position: absolute; top: 50%; left: -76px; width: 63px; height: 42px; margin-top: -21px; animation: search-skater-pass 9s linear infinite; }
.search-skater svg { display: block; width: 63px; height: 42px; }
.skater-back-leg { transform-origin: 44px 43px; animation: search-skater-stride .8s ease-in-out infinite alternate; }
@keyframes search-skater-pass {
    0% { left: -76px; opacity: 0; }
    4% { opacity: 1; }
    52% { opacity: 1; }
    58%, 100% { left: 100%; opacity: 0; }
}
@keyframes search-skater-stride { to { transform: rotate(-18deg); } }
@media (prefers-reduced-motion: reduce) { .search-skater-track { display: none !important; } }

.skater-body { animation: search-skater-bob .8s ease-in-out infinite alternate; }
.skater-front-leg { transform-origin: 49px 48px; animation: search-skater-front .8s ease-in-out infinite alternate; }
.skater-ice { animation: search-skater-ice .8s ease-out infinite; }
@keyframes search-skater-bob { to { transform: translateY(-1.5px); } }
@keyframes search-skater-front { from { transform: rotate(-4deg); } to { transform: rotate(7deg); } }
@keyframes search-skater-ice { 0% { opacity: 0; transform: translateX(5px); } 30% { opacity: .7; } 100% { opacity: 0; transform: translateX(-6px); } }