.sl-loader{--loader-size:50px;width:var(--loader-size);height:var(--loader-size);background-color:var(--white-01);border-width:calc(var(--loader-size)*.04);border-color:var(--dark-01) var(--dark-01) var(--dark-01) transparent;border-style:solid;border-radius:50%;animation:1.5s cubic-bezier(.5,0,.5,1) infinite sl-loader-spin}.sl-loader__wrapper{justify-content:center;align-items:center;width:100%;height:100vh;display:flex}@keyframes sl-loader-spin{0%{transform:rotate(0)}50%{opacity:.8}to{transform:rotate(1turn)}}