.fab-spinner{display:flex;aspect-ratio:1/1}@keyframes spin{to{transform:rotate(1turn)}}.fab-spinner{animation:spin 1s linear infinite;place-items:center;color:rgb(var(--primary-color));animation-direction:reverse;width:var(--width);height:var(--width);border-radius:50%;position:relative}.fab-spinner--sm{--width:2rem;--ring-width:0.25rem}.fab-spinner--md{--width:3rem;--ring-width:0.5rem}.fab-spinner--lg{--width:5rem;--ring-width:0.75rem}.fab-spinner:before{border-radius:9999px;width:var(--width);height:var(--width);content:"";border-radius:50%;background-image:conic-gradient(currentColor 54deg,transparent 1turn);-webkit-mask:radial-gradient(closest-side,transparent calc(100% - var(--ring-width)),currentColor 0);mask:radial-gradient(closest-side,transparent calc(100% - var(--ring-width)),currentColor 0)}.fab-spinner:after{content:"";width:var(--ring-width);height:var(--ring-width);border-radius:50%;background:currentColor;position:absolute;left:calc(50% - var(--ring-width) / 2);top:0}