@layer components{.astronaut-loading{perspective:180px;vertical-align:middle;flex:none;justify-content:center;align-items:center;width:22px;height:30px;display:inline-flex}.astronaut-loading-mark{transform-origin:bottom;width:18px;display:block}.astronaut-loading-body{transform-origin:bottom;display:block;position:relative}.astronaut-loading-mark svg{width:100%;height:auto;display:block}.astronaut-loading[data-loading-animation=bounce] .astronaut-loading-mark{animation:1.2s linear infinite astronaut-bounce}.astronaut-loading[data-loading-animation=bounce] .astronaut-loading-body{animation:1.2s linear infinite astronaut-impact}.astronaut-loading[data-loading-animation=spin] .astronaut-loading-mark{transform-origin:50%;animation:2.2s ease-in-out infinite astronaut-spin}.astronaut-loading[data-loading-animation=spin-bounce] .astronaut-loading-mark{perspective:180px}.astronaut-loading-rotor{transform-origin:50%;display:block}.astronaut-loading-rotor[data-spinning]{animation:2.2s ease-in-out infinite astronaut-spin}.astronaut-loading[data-loading-animation=spin-bounce][data-bouncing] .astronaut-loading-mark{animation:1.2s linear astronaut-bounce}.astronaut-loading[data-loading-animation=spin-bounce][data-bouncing] .astronaut-loading-body{animation:1.2s linear astronaut-impact}.astronaut-loading[data-loading-animation=spin-3d] .astronaut-loading-mark{transform-origin:50%;transform-style:preserve-3d;animation:3.2s linear infinite astronaut-spin}.astronaut-loading[data-loading-animation=spin-3d] .astronaut-loading-body{transform-style:preserve-3d}.astronaut-loading-layer{transform:translateZ(var(--depth));position:absolute;inset:0}.astronaut-loading-layer[data-face=edge]{color:color-mix(in srgb, currentColor 65%, #64748b)}.astronaut-loading-side{transform-origin:0 0;background:color-mix(in srgb, currentColor var(--side-shade), #64748b);width:4px;display:block;position:absolute}.astronaut-loading[data-loading-animation=build] .astronaut-loading-mark{animation:3.2s linear infinite astronaut-build}@keyframes astronaut-bounce{0%{animation-timing-function:cubic-bezier(.333333,.666667,.666667,1);transform:translateY(0)}45%{animation-timing-function:cubic-bezier(.333333,0,.666667,.333333);transform:translateY(-8px)}90%,to{transform:translateY(0)}}@keyframes astronaut-impact{0%,45%,90%,to{transform:scale(1)}5%,85%{transform:scale(.925926,1.08)}95%{transform:scale(1.2,.833333)}}@keyframes astronaut-spin{0%{transform:var(--spin-transform-start,rotateY(0deg))}to{transform:var(--spin-transform-end,rotateY(360deg))}}@keyframes astronaut-build{0%{clip-path:inset(100% 0 0);opacity:1}75%,90%{clip-path:inset(0);opacity:1}to{clip-path:inset(0);opacity:0}}@media (prefers-reduced-motion:reduce){.astronaut-loading[data-loading-animation] .astronaut-loading-mark{clip-path:none;opacity:1;animation:none;transform:none}.astronaut-loading[data-loading-animation] .astronaut-loading-body,.astronaut-loading[data-loading-animation] .astronaut-loading-rotor{animation:none;transform:none}.astronaut-loading-mark .astronaut-loading-layer,.astronaut-loading-side{display:none}}}
