.s54-loader.svelte-lwxd0i{--size: 24px;--thickness: 3px;--arc: 90deg;--speed: .9s;--loader-color: #fff;--loader-bg-opacity: .3;width:var(--size);aspect-ratio:1;display:inline-block;border-radius:50%;position:relative;color:var(--loader-color)}.s54-loader.svelte-lwxd0i:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:currentColor;opacity:var(--loader-bg-opacity);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - var(--thickness)),#000 calc(100% - var(--thickness)));mask:radial-gradient(farthest-side,transparent calc(100% - var(--thickness)),#000 calc(100% - var(--thickness)))}.s54-loader.svelte-lwxd0i:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:conic-gradient(from 0deg,currentColor 0 var(--arc),transparent var(--arc));-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - var(--thickness)),#000 calc(100% - var(--thickness)));mask:radial-gradient(farthest-side,transparent calc(100% - var(--thickness)),#000 calc(100% - var(--thickness)));animation:svelte-lwxd0i-spin var(--speed) linear infinite}@keyframes svelte-lwxd0i-spin{to{transform:rotate(360deg)}}