.loader-container{position:fixed;inset:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100vw;height:100dvh;background-color:var(--black-60);backdrop-filter:blur(10px);z-index:1000}.loader{position:relative;width:180px;height:180px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.loader::after,.loader::before{content:"";display:block;top:0;left:0;width:inherit;height:inherit;position:absolute;border-radius:50%}.loader:before{-webkit-box-shadow:0 3px 0 0 var(--white);box-shadow:0 3px 0 0 var(--white);-webkit-animation:1s linear -.4s infinite rotate-1;animation:1s linear -.4s infinite rotate-1;-webkit-transform:rotateX(70deg);transform:rotateX(70deg)}.loader::after{-webkit-box-shadow:0 3px 0 0 var(--light-red);box-shadow:0 3px 0 0 var(--light-red);-webkit-animation:1s linear infinite rotate-2;animation:1s linear infinite rotate-2;-webkit-transform:rotateY(70deg);transform:rotateY(70deg)}@-webkit-keyframes rotate-1{0%{-webkit-transform:rotateX(70deg) rotateZ(0);transform:rotateX(70deg) rotateZ(0)}100%{-webkit-transform:rotateX(70deg) rotateZ(360deg);transform:rotateX(70deg) rotateZ(360deg)}}@keyframes rotate-1{0%{-webkit-transform:rotateX(70deg) rotateZ(0);transform:rotateX(70deg) rotateZ(0)}100%{-webkit-transform:rotateX(70deg) rotateZ(360deg);transform:rotateX(70deg) rotateZ(360deg)}}@-webkit-keyframes rotate-2{0%{-webkit-transform:rotateY(70deg) rotateZ(0);transform:rotateY(70deg) rotateZ(0)}100%{-webkit-transform:rotateY(70deg) rotateZ(360deg);transform:rotateY(70deg) rotateZ(360deg)}}@keyframes rotate-2{0%{-webkit-transform:rotateY(70deg) rotateZ(0);transform:rotateY(70deg) rotateZ(0)}100%{-webkit-transform:rotateY(70deg) rotateZ(360deg);transform:rotateY(70deg) rotateZ(360deg)}}