.uxa-loader,:host{display:inline-flex;--uxa-loader-block__size: calc(var(--uxa-loader__width) / 4);gap:calc(var(--uxa-loader-block__size) / 2)}.uxa-loader.uxa-primary,:host.uxa-primary{--uxa-loader-block__background-color: var(--uxa-loader-block__background-color--primary)}.uxa-loader.uxa-secondary,:host.uxa-secondary{--uxa-loader-block__background-color: var(--uxa-loader-block__background-color--secondary)}.uxa-loader-block{height:var(--uxa-loader-block__size);width:var(--uxa-loader-block__size);border-radius:var(--uxa-loader-block__border-radius);background-color:var(--uxa-loader-block__background-color);animation-name:uxa-loader-block-animation;animation-duration:var(--uxa-loader-block__animation-duration);animation-iteration-count:infinite;animation-timing-function:ease-in}.uxa-loader-block:nth-child(1){animation-delay:calc(var(--uxa-loader-block__animation-delay) * 0)}.uxa-loader-block:nth-child(2){animation-delay:calc(var(--uxa-loader-block__animation-delay) * 1)}.uxa-loader-block:nth-child(3){animation-delay:calc(var(--uxa-loader-block__animation-delay) * 2)}@keyframes uxa-loader-block-animation{0%,70%,to{transform:translateY(0)}5%,10%{transform:translateY(25%)}25%,30%{transform:translateY(-75%)}50%,55%{transform:translateY(50%)}}