.loader{--loader-size:24px;width:var(--loader-size);height:var(--loader-size);vertical-align:middle;border-radius:50%;flex:none;animation:1s linear infinite loader-rotate;display:inline-block;position:relative}.loader:before{content:"";box-sizing:border-box;border:calc(var(--loader-size) * 5 / 48) solid currentColor;border-radius:50%;animation:2s linear infinite loader-clip;position:absolute;inset:0}@keyframes loader-rotate{to{transform:rotate(360deg)}}@keyframes loader-clip{0%{clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}25%{clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}50%{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}75%{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%)}to{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0)}}@media (prefers-reduced-motion:reduce){.loader,.loader:before{animation:none}.loader:before{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%)}}