@layer components{.loading{--j-loading-width: 3rem;--j-loading-height: 3rem;--j-loading-animation-speed: 1s;--j-loading-animation-name: spinner;--j-loading-color: var(--uui-colors-foreground-fg-brand-primary);color:var(--j-loading-color)}.loading:not(.-inline){container-type:size;display:flex;align-items:center;justify-content:center;height:100%;width:100%;container-name:loading-container;position:absolute;inset:0}.loading>svg{width:var(--j-loading-width);height:var(--j-loading-height);animation:var(--j-loading-animation-speed) linear infinite var(--j-loading-animation-name)}@keyframes spinner{100%{transform:rotate(1turn)}}@media(prefers-reduced-motion: reduce){.loading{--j-loading-animation-speed: 1.5s}}.ajax-loading-component:not(.-inline){container-type:size;display:flex;align-items:center;justify-content:center;height:100%;width:100%;container-name:loading-container;position:absolute;inset:0}.ajax-loading-component .jalios-loading{aspect-ratio:1}.ajax-loading-component.-is-on-button{position:absolute;inset:0;background-color:var(--bs-btn-bg)}.ajax-loading-component.-is-on-button .jalios-loading{--j-loading-width: inherit;--j-loading-height: 80cqh;aspect-ratio:1}.btn:has(.loading){position:relative;overflow:hidden}.btn .loading{background-color:var(--bs-btn-bg);--j-loading-width: inherit;--j-loading-height: 80cqh;aspect-ratio:1}}
/*# sourceMappingURL=j-loading.css.map */