.conic-loader{position:relative;flex-shrink:0;aspect-ratio:1;display:grid;color:var(--conic-loader-color,#1e3a8a);background:conic-gradient(from 90deg at 3px 3px,#0000 90deg,currentColor 0) -3px -3px /calc(50% + 1.5px) calc(50% + 1.5px);animation:conic-loader-spin 2s linear infinite}.conic-loader__ring{grid-area:1/1;width:100%;height:100%;border-radius:50%;background:repeating-conic-gradient(#0000 0 35deg,currentColor 0 90deg);-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 0);mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 0)}.conic-loader__ring--inner{margin:20%;width:auto;height:auto}@keyframes conic-loader-spin{to{transform:rotate(1turn)}}