*,:after,:before{box-sizing:border-box}.spinner{isolation:isolate;justify-content:center;align-items:center;width:150px;height:150px;font-size:2rem;display:flex;position:relative;overflow:hidden}.spinner-sector{mix-blend-mode:overlay;width:100%;height:100%;animation:rotate var(--duration) var(--timing) infinite;pointer-events:none;border:10px solid #0000;border-radius:50%;position:absolute}.spinner-sector-red{border-top-color:var(--color-teal);--duration:2s;--timing:ease-in-out}.spinner-sector-blue{border-left-color:var(--color-coral);--duration:2.5s;--timing:ease-in}.spinner-sector-green{border-right-color:var(--color-sunflower);--duration:3s;--timing:ease-out}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}