@layer components{:where(svg,body main svg.svg){width:var(--svg--width,auto);height:var(--svg--height,unset);min-width:var(--svg--min-width,12px);max-width:var(--svg--max-width,auto);max-height:var(--svg--max-height);fill:var(--svg--fill,currentColor);stroke:var(--svg--stroke);flex-shrink:var(--svg--shrink,0);transition:all .15s ease-in-out}.svg-micro{--spinner--icon-width:var(--s-size-icon-micro);width:var(--s-size-icon-micro);height:var(--s-size-icon-micro)}.svg-tiny{--spinner--icon-width:var(--s-size-icon-tiny);width:var(--s-size-icon-tiny);height:var(--s-size-icon-tiny)}.svg-small{--spinner--icon-width:var(--s-size-icon-small);width:var(--s-size-icon-small);height:var(--s-size-icon-small)}.svg-normal{--spinner--icon-width:var(--s-size-icon-normal);width:var(--s-size-icon-normal);height:var(--s-size-icon-normal)}.svg-large{--spinner--icon-width:var(--s-size-icon-large);width:var(--s-size-icon-large);height:var(--s-size-icon-large)}.svg-display{--spinner--icon-width:var(--s-size-icon-display);width:var(--s-size-icon-display);height:var(--s-size-icon-display)}.svg-backdrop{background:var(--s-color-surface-primary-subtle);width:var(--s-size-icon-display);height:var(--s-size-icon-display);border-radius:var(--s-radius-circle);justify-content:center;align-items:center;display:flex}}
@layer components{.icon-rotate{animation:2s linear infinite rotate}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}