Aarav Sareen
33 lines
684 B
CSS
33 lines
684 B
CSS
[data-component="loader-v2"] {
|
|
--_duration: 900ms;
|
|
display: block;
|
|
flex-shrink: 0;
|
|
color: var(--v2-icon-icon-muted, #808080);
|
|
animation: loader-v2-spin var(--_duration) linear infinite;
|
|
transform-origin: center;
|
|
}
|
|
|
|
[data-component="loader-v2"] [data-slot="loader-v2-background"] {
|
|
stroke: currentColor;
|
|
opacity: 0.2;
|
|
}
|
|
|
|
[data-component="loader-v2"] [data-slot="loader-v2-progress"] {
|
|
stroke: currentColor;
|
|
stroke-linecap: round;
|
|
transform: rotate(-90deg);
|
|
transform-origin: center;
|
|
}
|
|
|
|
@keyframes loader-v2-spin {
|
|
to {
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
|
|
@media (prefers-reduced-motion: reduce) {
|
|
[data-component="loader-v2"] {
|
|
animation: none;
|
|
}
|
|
}
|