.ui-loader{animation:spin 1s steps(8,end) infinite;width:var(--ui-loader-size, 2rem);display:flex;align-items:center;justify-content:center;color:var(--ui-loader-color)}.ui-loader--block{display:inline-flex}.ui-loader--size-xs{--ui-loader-size: .75rem}.ui-loader--size-sm{--ui-loader-size: 1rem}.ui-loader--size-md{--ui-loader-size: 1.5rem}.ui-loader--size-lg{--ui-loader-size: 2.25rem}.ui-loader--size-xl{--ui-loader-size: 3rem}.ui-loader--color-default{--ui-loader-color: currentColor}.ui-loader--color-primary{--ui-loader-color: var(--ui-color-primary--30)}.ui-loader--color-secondary{--ui-loader-color: var(--ui-color-secondary--30)}.ui-loader--color-success{--ui-loader-color: var(--ui-color-success--30)}.ui-loader--color-warning{--ui-loader-color: var(--ui-color-warning--30)}.ui-loader--color-error{--ui-loader-color: var(--ui-color-error--30)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}