.ui-loader{--loader-size: 32px;--loader-border-width: 4px}.ui-loader--medium{--loader-size: 24px;--loader-border-width: 3px}.ui-loader--small{--loader-size: 20px;--loader-border-width: 2px}.ui-loader--large{--loader-size: 36px;--loader-border-width: 4px}.ui-loader__spinner{box-sizing:border-box;width:var(--loader-size);animation:spinner-animation 1s infinite linear;border-style:solid;border-color:var(--color-gray-400);border-width:var(--loader-border-width);border-radius:50%;border-right-color:var(--color-primary-500);aspect-ratio:1}@keyframes spinner-animation{to{transform:rotate(1turn)}}