.spinner{animation:spin 1s ease-in-out infinite;border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top:4px solid var(--sky-echo);display:inline-block;height:40px;opacity:1;position:relative;visibility:visible;width:40px;z-index:100}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spinner.primary{border-top-color:var(--sky-echo)}.spinner.secondary{border-top-color:var(--emerald-surge)}.spinner.danger{border-top-color:var(--scarlet-flare)}.spinner.warning{border-top-color:var(--sunset-gold)}.spinner.light{border-top-color:var(--soft-ivory)}.spinner.dark{border-top-color:var(--graphite-shadow)}.spinner-container{align-items:center;display:flex;justify-content:center;min-height:100px;width:100%}