*{box-sizing:border-box;margin:0;padding:0}#root,body,html{height:100%}#root{display:flex;flex-direction:column}#loading-container{align-items:center;background-color:#fff;display:flex;height:100%;justify-content:center;position:absolute;top:0;transition-duration:.5s;transition-property:opacity;transition-timing-function:ease-in-out;width:100%;z-index:1}#root:not(:empty)+#loading-container>.loading{animation:exit .5s ease-out;opacity:0}#root:not(:empty)+#loading-container>.loading>.bar>.progress{animation:none;width:100%}@keyframes exit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(10%)}}#loading-container>.loading{align-items:center;animation:splash-fade-in 2s cubic-bezier(.25,.46,.45,.94) forwards,splash-scale .5s cubic-bezier(.25,.46,.45,.94) 2s forwards;display:flex;flex-direction:column;font-family:Inter,sans-serif;justify-items:center;margin:0 auto;width:150px}@keyframes splash-fade-in{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(.5)}}@keyframes splash-scale{0%{transform:scale(.5)}to{transform:scale(1)}}#loading-container>.loading>:not(.canvas){animation:status-entrance 1s ease-in 2.8s forwards;opacity:0}@keyframes status-entrance{0%{opacity:0}to{opacity:1}}#loading-container>.loading>.bar{background-color:#dce0e5;border-radius:8px;height:8px;margin-top:32px;position:relative;width:100%}#loading-container>.loading>.bar>.progress{animation:loading 15s cubic-bezier(.16,1,.3,1) 2.8s forwards;background-color:#10b981;border-radius:8px;height:100%;overflow:hidden;position:relative;width:0}@keyframes loading{0%{width:0}to{width:85%}}#loading-container>.loading>.bar>.progress:after{animation:loading-shimmer 1.5s ease-out infinite;background:linear-gradient(90deg,#0000 0,#ffffff4d 50%,#0000 99%,#0000);content:"";height:100%;left:0;position:absolute;top:0;transform:translateX(100%);width:100%}@keyframes loading-shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}#loading-container>.loading>.status{color:#9ca3af;margin-top:16px}#loading-container .canvas{padding-top:100%;position:relative;width:100%}#loading-container .brand{animation:brand-background-transition .2s ease-out 2s forwards,brand-swing-entrance 1s cubic-bezier(.65,0,.35,1) 2.85s forwards,brand-swing-loop 1s cubic-bezier(.65,0,.35,1) 3.85s infinite;background-color:#eaeef1;bottom:0;left:0;position:absolute;right:0;text-align:center;top:0}@keyframes brand-swing-entrance{0%{transform:rotate(0)}50%{transform:rotate(20deg)}to{transform:rotate(-20deg)}}@keyframes brand-swing-loop{0%,to{transform:rotate(-20deg)}50%{transform:rotate(20deg)}}@keyframes brand-background-transition{0%{background-color:#eaeef1}to{background-color:initial}}#loading-container .circle{animation:circle-entrance .5s cubic-bezier(.68,-.6,.32,1.6) 2.2s forwards,circle-background-transition 1.5s linear 2.2s forwards;background-color:#fff;border-radius:0 0 50% 50%/0 0 100% 100%;height:42%;left:8%;position:absolute;top:58%;transform:rotate(180deg);width:84%}@keyframes circle-entrance{0%{transform:rotate(180deg)}to{transform:rotate(0deg)}}@keyframes circle-background-transition{0%{background-color:#fff}to{background-color:#dce0e5}}#loading-container .circle-hole{animation:circle-hole-background-transition .2s ease-out 2s forwards;background-color:#eaeef1;border-radius:0 0 50% 50%/0 0 100% 100%;height:50%;left:50%;position:relative;top:0;transform:translateX(-50%);width:50%}@keyframes circle-hole-background-transition{0%{background-color:#eaeef1}to{background-color:#fff}}#loading-container .pendulum{animation:pendulum-entrance 1s cubic-bezier(.65,0,.35,1) 2.85s forwards,pendulum-loop 1s cubic-bezier(.65,0,.35,1) 3.85s infinite;background-color:red;height:0;left:50%;position:absolute;top:0;transform-origin:top left;width:50%}@keyframes pendulum-entrance{0%{transform:rotate(0deg)}50%{transform:rotate(220deg)}to{transform:rotate(-40deg)}}@keyframes pendulum-loop{0%,to{transform:rotate(-40deg)}50%{transform:rotate(220deg)}}#loading-container .ball{animation:ball-entrance .5s ease-in 2.5s forwards;bottom:0;opacity:0;padding-top:80%;position:absolute;right:0;width:80%}@keyframes ball-entrance{0%{opacity:1;transform:translate(50%,-700px)}to{opacity:1;transform:translate(50%,50%)}}#loading-container .ball:after{animation:ball-spin 1s linear infinite;background:linear-gradient(0deg,#eaeef1 50%,#dce0e5 0);border-radius:50%;bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes ball-spin{0%,to{transform:translateX(-50%) rotate(0deg)}50%{transform:translateX(-50%) rotate(1turn)}}