@layer components{.kso-spinner{--spinner-size:var(--icon-size-sm);--spinner-width:var(--border-width-thick);width:var(--spinner-size);height:var(--spinner-size);color:var(--color-accent-solid);flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.kso-spinner--tone-inherit{color:currentColor}.kso-spinner.is-success{color:var(--color-success-solid)}.kso-spinner.is-error{color:var(--color-danger-solid)}.kso-spinner__ring{inset:var(--space-0);border:var(--spinner-width) solid currentColor;border-radius:var(--radius-full);animation:kso-spin var(--duration-spinner) linear infinite;border-top-color:#0000;border-right-color:#0000;position:absolute}.kso-spinner:not(.is-loading) .kso-spinner__ring{transition:border-color var(--duration-2) var(--ease-standard),opacity var(--duration-2) var(--ease-standard);border-color:currentColor;animation:none}.kso-spinner__mark{animation:kso-spinner-mark var(--duration-2) var(--ease-emphasized)}.kso-spinner--xs{--spinner-size:var(--icon-size-2xs);--spinner-width:var(--border-width-hairline)}.kso-spinner--sm{--spinner-size:var(--icon-size-sm)}.kso-spinner--md{--spinner-size:var(--icon-size-lg)}.kso-spinner--lg{--spinner-size:var(--icon-size-xl);--spinner-width:var(--border-width-marker)}@media (prefers-reduced-motion:reduce){.kso-spinner__mark{animation:none}}}@keyframes kso-spin{to{transform:rotate(1turn)}}@keyframes kso-spinner-mark{0%{opacity:0;scale:.4}60%{opacity:1;scale:1.15}to{opacity:1;scale:1}}