.spinner{will-change:transform;backface-visibility:hidden;justify-content:center;align-items:center;animation:.8s linear infinite spinner-rotate;display:inline-flex;transform:translateZ(0)}.spinner svg{width:100%;height:100%;display:block}.spinner__circle{stroke-dasharray:60;stroke-dashoffset:45px;stroke-linecap:round;opacity:.7;will-change:stroke-dasharray, stroke-dashoffset;animation:1.5s ease-in-out infinite spinner-dash}.spinner--xs{width:12px;height:12px}.spinner--sm{width:16px;height:16px}.spinner--md{width:20px;height:20px}.spinner--lg{width:32px;height:32px}.spinner--primary{color:var(--primary)}.spinner--white{color:#fff}.spinner--muted{color:var(--text-muted)}@keyframes spinner-rotate{to{transform:rotate(360deg)}}@keyframes spinner-dash{0%{stroke-dasharray:1 150;stroke-dashoffset:0}50%{stroke-dasharray:90 150;stroke-dashoffset:-35px}to{stroke-dasharray:90 150;stroke-dashoffset:-124px}}