@property --spinner-arc{syntax:"<angle>";inherits:false;initial-value:120deg}.spinner{--spinner-size:var(--loader-size,2.25rem);--spinner-color:var(--loader-color,var(--mantine-primary-color-filled,#228be6));--spinner-thickness:max(2px, calc(var(--spinner-size) * .1));width:var(--spinner-size);height:var(--spinner-size);background:conic-gradient(transparent calc(360deg - var(--spinner-arc)), var(--spinner-color) calc(360deg - var(--spinner-arc) * .45)), color-mix(in srgb, var(--spinner-color) 20%, transparent);-webkit-mask:radial-gradient(farthest-side, transparent calc(100% - var(--spinner-thickness)), #000 calc(100% - var(--spinner-thickness) + .5px));mask:radial-gradient(farthest-side, transparent calc(100% - var(--spinner-thickness)), #000 calc(100% - var(--spinner-thickness) + .5px));border-radius:50%;flex-shrink:0;animation:1.4s linear infinite spinner-rotate,1.4s cubic-bezier(.45,0,.55,1) infinite alternate spinner-arc;display:inline-block;position:relative}.spinner:after{content:"";width:var(--spinner-thickness);height:var(--spinner-thickness);background:var(--spinner-color);border-radius:50%;position:absolute;top:0;left:50%;transform:translate(-50%)}@keyframes spinner-rotate{to{transform:rotate(360deg)}}@keyframes spinner-arc{0%{--spinner-arc:70deg}to{--spinner-arc:250deg}}@media (prefers-reduced-motion:reduce){.spinner{animation:2.8s linear infinite spinner-rotate}}