@layer components{.loader{--loader-size:var(--s-size-icon-normal,24px);--loader-color:var(--s-color-brand-primary);block-size:100%;inline-size:100%;min-block-size:var(--loader-size);justify-content:center;align-items:center;display:flex}.loader.loader--micro{--loader-size:var(--s-size-icon-micro,12px)}.loader.loader--tiny{--loader-size:var(--s-size-icon-tiny,16px)}.loader.loader--small{--loader-size:var(--s-size-icon-small,20px)}.loader.loader--large{--loader-size:var(--s-size-icon-large,32px)}.loader.loader--display{--loader-size:var(--s-size-icon-display,48px)}.loader.loader--full-screen{z-index:100;position:fixed;inset:0}.loader .loader__icon{color:var(--loader-color);transform-origin:50%;animation:.8s ease-in-out infinite loader-spin}.loaderCSS{--loader-css-size:var(--s-size-icon-display,48px);--loader-css-color:var(--s-color-brand-primary);--loader-css-overlay-color:#fff;--loader-css-overlay-opacity:.8;--loader-css-border-size:max(2px, calc(var(--loader-css-size) / 10));isolation:isolate;position:relative}.loaderCSS:before{content:"";z-index:2;inline-size:var(--loader-css-size);block-size:var(--loader-css-size);border:var(--loader-css-border-size) solid transparent;border-block-start-color:var(--loader-css-color);border-block-end-color:var(--loader-css-color);transform-origin:50%;pointer-events:none;border-radius:50%;margin-block-start:calc(var(--loader-css-size) / -2);margin-inline-start:calc(var(--loader-css-size) / -2);animation:.8s ease-in-out infinite loader-spin;position:absolute;top:50%}.loaderCSS:dir(ltr):before{left:50%}.loaderCSS:dir(rtl):before{right:50%}.loaderCSS:after{content:"";z-index:1;background-color:var(--loader-css-overlay-color);opacity:var(--loader-css-overlay-opacity);pointer-events:none;position:absolute;inset:0}@keyframes loader-spin{to{rotate:1turn}}}