*,:after,:before{box-sizing:border-box}.spinner{justify-content:center;align-items:center;width:110px;height:110px;font-size:2rem;animation:2s ease-in-out infinite alternate text-color;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:15px solid #0000;border-radius:50%;position:absolute}.spinner-sector-red{--duration:1s;--timing:ease-in-out;border-top-color:#d4b548}.spinner-sector-blue{--duration:1s;--timing:ease-in-out;border-left-color:#d4b548}.spinner-sector-green{--duration:1s;border-right-color:#d4b548}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes text-color{0%{color:#000}50%{color:#00000080}to{color:#0000001a}}