@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');body,p{margin:0}body{box-sizing:border-box;width:100%}.loader__wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;background-color:hsl(0deg,0%,5%);animation:2s linear 1s both background-change}@keyframes background-change{from{background-color:hsl(0deg,0%,5%)}to{background-color:hsl(240deg,2%,8%)}}.loader__container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:25px}.loader__loading{display:flex;align-items:stretch;gap:15px}.loader__text{font-family: 'Poppins', sans-serif;color:#dedede;font-size:clamp(1.125rem, 3vw, 1.375rem);font-weight:400;animation:.9s ease-in-out slidein}.dots__container{animation:1.4s ease-in-out slideinRight}.dots__container .dot{display:inline-block;width:12px;height:12px;margin-right:2px;border-radius:50%;background-color:rgba(88,253,28,.9411764706)}.dots__container .dot:last-child{animation:.9s ease-in .3s infinite fallingAnimation}.dots__container .dot:nth-last-child(2){animation:.9s ease-in .2s infinite fallingAnimation}.dots__container .dot:nth-last-child(3){animation:.9s ease-in .1s infinite fallingAnimation}@keyframes fallingAnimation{0%{transform:translate(0,-15px);opacity:0}25%,50%,75%{transform:translate(0,0);opacity:1}100%{transform:translate(0,15px);opacity:0}}@keyframes slidein{0%{transform:translateX(400px);opacity:0}100%{transform:translateX(0);opacity:1}}@keyframes slideinRight{0%{transform:translateX(400px);opacity:0}100%{transform:translateX(0);opacity:1}}@keyframes animate-svg-stroke-1{0%{stroke-dashoffset:558.9465332031px;stroke-dasharray:558.9465332031px}100%{stroke-dashoffset:0;stroke-dasharray:558.9465332031px}}@keyframes animate-svg-fill-1{0%{fill:transparent}100%{fill:rgb(88,253,28)}}.svg-elem-1{animation:2s linear 1s both animate-svg-stroke-1,2s ease-in-out 1.6s both animate-svg-fill-1}