.spinner,.spinner:after{border-radius:50%;width:10em;height:10em;font-size:10px}.spinner.md,.spinner.md:after{border-radius:50%;width:7.5em;height:7.5em;font-size:7.5px}.spinner.sm,.spinner.sm:after{border-radius:50%;width:5.5em;height:5.5em;font-size:5px}.spinner.xs,.spinner.xs:after{border-radius:50%;width:5em;height:5em;font-size:3px}.spinner{text-indent:-9999em;border:1.1em solid #3333;border-left-color:#333;animation:1.1s linear infinite spinnerLoad,.1s ease-out spinnerFadeIn;position:relative;transform:translateZ(0)}.spinner[data-color~=accent]{border-top-color:var(--grey-100);border-right-color:var(--grey-100);border-bottom-color:var(--grey-100);border-left-color:var(--accent-500)}.spinner[data-color~=secondary]{border-top-color:var(--grey-100);border-right-color:var(--grey-100);border-bottom-color:var(--grey-100);border-left-color:var(--secondary-500)}.spinner[data-color~=grey]{border-top-color:var(--grey-100);border-right-color:var(--grey-100);border-bottom-color:var(--grey-100);border-left-color:var(--grey-500)}.spinner[data-color~=black]{border-top-color:var(--grey-100);border-right-color:var(--grey-100);border-bottom-color:var(--grey-100);border-left-color:var(--grey-900)}@keyframes spinnerLoad{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinnerFadeIn{0%{opacity:0}to{opacity:1}}