.loader{place-content:center;width:100%;height:100svh;margin-top:-40px;display:grid}.dots{justify-content:center;align-items:center;gap:8px;display:flex}.dot{border-radius:50%;width:12px;height:12px;animation:1.2s ease-in-out infinite wave}@keyframes wave{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-6px)}}.dot-1{background:var(--tertiary-color);animation-delay:0s}.dot-2{background:var(--secondary-color);animation-delay:.2s}.dot-3{background:var(--primary-color);animation-delay:.4s}.progress{z-index:3;height:3px;position:fixed;top:0;left:0;right:0}.progress div{background:linear-gradient(90deg, var(--primary-color), var(--secondary-color), var(--tertiary-color));transform-origin:0;background-size:200% 100%;height:100%;animation:.25s cubic-bezier(.1,.9,.2,1) forwards grow,.8s linear infinite shimmer}@keyframes grow{0%{transform:scaleX(.3)}to{transform:scaleX(1)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.spinner{aspect-ratio:1;background-color:#0000;background-image:linear-gradient(0deg,#00000080 30%,#0000 0 70%,#000 0),linear-gradient(90deg,#00000040 30%,#0000 0 70%,#000000bf 0);background-position:50%,50%;background-repeat:no-repeat;background-size:8% 100%,100% 8%;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-radius:50%;width:15px;animation:1s steps(12,end) infinite spin;display:grid}@keyframes spin{to{transform:rotate(1turn)}}.spinner:before,.spinner:after{content:"";background:inherit;opacity:.915;border-radius:50%;grid-area:1/1;transform:rotate(30deg)}.spinner:after{opacity:.83;transform:rotate(60deg)}.skeleton{background-color:#f2f2f2;background-image:linear-gradient(90deg,#f2f2f2 0%,#e6e6e6 20%,#f2f2f2 40% 100%);background-size:200% 100%;border-radius:20px;animation:1.5s ease-in-out infinite shimmer;display:block}@media (width>=1024px){.loader{margin-top:0}.progress{left:16rem}}