@keyframes spin{to{transform:rotate(1turn)}}@keyframes spin-with-translate{to{transform:translate(-50%,-50%) rotate(1turn)}}.\#spinner{--size: 1rem;--color: var(--color-g-text);--thickness: .167em;--speed: 1s;--teal: #1FCAD3;--black: #111111;font-size:var(--size);display:block;width:5em;aspect-ratio:1;border-radius:50%;position:relative;background:conic-gradient(from 15deg,var(--teal) 0 28deg,transparent 28deg 55deg,var(--black) 55deg 83deg,transparent 83deg 110deg,var(--teal) 110deg 138deg,transparent 138deg 165deg,var(--black) 165deg 193deg,transparent 193deg 220deg,var(--teal) 220deg 248deg,transparent 248deg 275deg,var(--black) 275deg 303deg,transparent 303deg 330deg);-webkit-mask:radial-gradient(circle at 50% 50%,transparent calc(50% - var(--thickness)),#000 calc(50% - var(--thickness) + 1px));mask:radial-gradient(circle at 50% 50%,transparent calc(50% - var(--thickness)),#000 calc(50% - var(--thickness) + 1px));filter:drop-shadow(0 6px 10px rgba(0,0,0,.12));animation:spin var(--speed) linear infinite}.\#spinner.\@size\:xs{--size: .2rem;--thickness: .167em}.\#spinner.\@size\:sm{--size: .6rem;--thickness: .167em}.\#spinner.\@size\:lg{--size: 1.4rem;--thickness: .167em}.\#spinner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;pointer-events:none;-webkit-mask:radial-gradient(circle at 50% 50%,transparent calc(50% - var(--thickness) - 2px),#000 calc(50% - var(--thickness) - 1px));mask:radial-gradient(circle at 50% 50%,transparent calc(50% - var(--thickness) - 2px),#000 calc(50% - var(--thickness) - 1px))}.\#spinner>div{display:none}@media (prefers-reduced-motion: reduce){.\#spinner{animation:none}}.\#button .\#spinner{position:absolute!important;background:none!important;-webkit-mask:none!important;mask:none!important;filter:none!important;width:1.5em!important;height:1.5em!important;aspect-ratio:1;font-size:var(--size, .35em);border:2px solid var(--color, var(--button-text-color));border-top-color:transparent;border-right-color:transparent;border-radius:50%;top:50%!important;left:50%!important;transform:translate(-50%,-50%);transition:none!important;animation:spin-with-translate .6s linear infinite}.\#button .\#spinner:before{display:none}
/*# sourceMappingURL=/cdn/shop/t/73/assets/spinner.css.map */