.spinner{--spinner-size:42px;--spinner-thickness:max(2px, calc(var(--spinner-size) / 16));--spinner-outer-color:var(--ld-2);--spinner-inner-color:var(--gcz-primary,var(--ld-5));width:var(--spinner-size);height:var(--spinner-size);max-width:var(--spinner-size);max-height:var(--spinner-size);aspect-ratio:1;box-sizing:border-box;border:var(--spinner-thickness) dotted var(--spinner-outer-color);border-style:solid solid dotted dotted;border-radius:50%;flex-shrink:0;animation:2s linear infinite spinner-spin;display:inline-block;position:relative}.spinner:after{content:"";box-sizing:border-box;border:var(--spinner-thickness) dotted var(--spinner-inner-color);transform-origin:50%;border-style:solid solid dotted;border-radius:50%;width:50%;height:50%;margin:auto;animation:1s linear infinite spinner-spin-reverse;position:absolute;inset:0}@keyframes spinner-spin{to{transform:rotate(360deg)}}@keyframes spinner-spin-reverse{to{transform:rotate(-360deg)}}