:root{--s-loading-text-margin-start:var(--s-size-xs);--s-loading-text-vertical-margin-top:var(--s-size-xs)}.s-loading{display:inline-flex;justify-content:center;align-items:center}.s-loading--vertical{flex-direction:column}.s-loading__icon{position:relative;display:flex;line-height:1}.s-loading__icon--circular,.s-loading__icon--clock{align-items:center;justify-content:center;width:1em;height:1em}.s-loading__icon--circular.s-loading__icon--animated{animation:s-loading-rotate .8s linear infinite}.s-loading__icon--clock.s-loading__icon--animated{animation:s-loading-rotate .8s steps(8) infinite}@keyframes s-loading-rotate{from{transform:rotate(0deg)}to{transform:rotate(1turn)}}.s-loading__spinner{width:100%;height:100%;border-radius:100%;background:conic-gradient(rgba(255, 255, 255, 0) 0deg, rgba(255, 255, 255, 0) 60deg, currentColor 330deg, rgba(255, 255, 255, 0) 360deg);-webkit-mask:radial-gradient(transparent calc(55% - 1px), var(--s-white) 55%)}.s-loading__scale{position:absolute;top:0;left:0;width:100%;height:100%}.s-loading__scale::before{display:flex;width:9.38%;min-width:2px;transform:scaleX(0.75);height:28%;margin:0 auto;border-radius:40%;content:"";background-color:currentColor}.s-loading__scale--1{opacity:.125;transform:rotate(45deg)}.s-loading__scale--2{opacity:.25;transform:rotate(90deg)}.s-loading__scale--3{opacity:.375;transform:rotate(135deg)}.s-loading__scale--4{opacity:.5;transform:rotate(180deg)}.s-loading__scale--5{opacity:.625;transform:rotate(225deg)}.s-loading__scale--6{opacity:.75;transform:rotate(270deg)}.s-loading__scale--7{opacity:.875;transform:rotate(315deg)}.s-loading__scale--8{opacity:1;transform:rotate(360deg)}.s-loading__scale--hidden{opacity:0}.s-loading__text{margin-inline-start:var(--s-loading-text-margin-start)}.s-loading--vertical .s-loading__text{margin-inline-start:0;margin-top:var(--s-loading-text-vertical-margin-top)}