.spinnerWrapper{border-right:4px solid var(--color-primary);border-radius:100%;width:8vmax;height:8vmax;animation:1.2s linear infinite spinRight;position:relative}.spinnerWrapper:before,.spinnerWrapper:after{content:"";border-left:3px solid var(--color-primary);border-radius:100%;width:6vmax;height:6vmax;animation:1.2s linear infinite spinLeft;display:block;position:absolute;top:calc(50% - 3vmax);left:calc(50% - 3vmax)}.spinnerWrapper:after{border:0;border-right:2px solid var(--color-primary);width:4vmax;height:4vmax;animation:none;top:calc(50% - 2vmax);left:calc(50% - 2vmax)}@keyframes spinLeft{0%{transform:rotate(0)}to{transform:rotate(720deg)}}@keyframes spinRight{0%{transform:rotate(360deg)}to{transform:rotate(0)}}.bodyWrapper{background-color:var(--color-background);place-content:center;align-items:center;width:100vw;height:100vh;margin:0;display:flex}.loader-container{flex-direction:column;justify-content:center;align-items:center;height:100vh;display:flex}.loader{border:8px solid var(--color-background);border-top:8px solid var(--color-primary);border-radius:50%;width:50px;height:50px;animation:2s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}