@layer components{.c-loader-spinner{--_loader-spinner-size:1rem;--_loader-spinner-color:currentColor;--_loader-spinner-color-background:transparent;z-index:1;width:var(--loader-spinner-size,var(--_loader-spinner-size));aspect-ratio:1;background-color:var(--loader-spinner-color-background,var(--_loader-spinner-color-background));opacity:0;pointer-events:none;transition:opacity var(--transition-duration)var(--ease);will-change:opacity;justify-content:center;align-items:center;display:flex;position:absolute;top:0;left:0}.c-loader-spinner:before{content:"";border:2px solid #0000;border-top-color:var(--loader-spinner-color,var(--_loader-spinner-color));border-right-color:var(--loader-spinner-color,var(--_loader-spinner-color));border-radius:50%;width:100%;height:100%;animation-name:anim-loader-spinner;animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite;animation-play-state:paused;display:block}.c-loader-spinner.is-loading .c-loader-spinner,.c-loader-spinner.is-loading.c-loader-spinner{cursor:wait;pointer-events:initial;opacity:1}:is(.c-loader-spinner.is-loading .c-loader-spinner,.c-loader-spinner.is-loading.c-loader-spinner):before{animation-play-state:running}@keyframes anim-loader-spinner{0%{transform:rotate(0)}to{transform:rotate(1turn)}}}