@import url('/assets/css/font.css');
@import url('./variable.css');


*, *::before, *::after{padding: 0;margin: 0;box-sizing: border-box;transition: 0.3s all linear;}
body{font: 400 12px/1.5 var(--font--family-poppins);color:var(--text--color--black);background: var(--background--color);height: 100vh;transition:0.3s all linear;position: relative;width: 100vw;overflow: hidden;}
body.loading > *{opacity: 0 !important;pointer-events: none;}
body.loading::before{content:'';position: fixed;top:50%;left:50%;width: 50px;padding: 8px;aspect-ratio: 1;border-radius: 50%;background: #000;--_m: conic-gradient(#0000 10%,#000),linear-gradient(#000 0 0) content-box;-webkit-mask: var(--_m);mask: var(--_m);-webkit-mask-composite: source-out;mask-composite: subtract;animation: body_loader 1s infinite linear;z-index: 1;}
@keyframes body_loader {
    to{transform: rotate(1turn);}
}