.loading{position:fixed;left:0;top:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--logo-color);z-index:200;isolation:isolate;overflow:hidden;transition:var(--main-transition);transition-duration:1s;transition-timing-function:cubic-bezier(.23,1,.32,1)}.loading.loaded{height:0}:after,:before{box-sizing:border-box}.loader{margin:50px}:root{--duration:.85}.push-pop{height:100px;width:100px;position:relative;overflow:hidden}.push-pop>div:first-of-type{height:20px;width:20px;top:100%;left:0;background-color:#fff;border-radius:50%}.push-pop:after,.push-pop>div:first-of-type{position:absolute;animation:push-pop-flip calc(var(--duration) * 1s) infinite alternate ease-in-out}.push-pop:after{content:"";height:100%;width:100%}.push-pop>div:nth-of-type(2){background:#fff;height:30px;left:50%;position:absolute;top:100%;transform:translate(-50%,-100%);width:20px;border-radius:20px 20px 0 0}.push-pop:after,.push-pop:before{animation:push-pop-pushed calc(var(--duration) * 1s) alternate infinite ease;bottom:0;content:"";height:40px;position:absolute;width:20px;border-radius:20px 20px 0 0;background-color:var(--sec-color)}.push-pop:before{animation:push-pop-pushed calc(var(--duration) * 1s) alternate-reverse infinite ease;left:0;background-color:var(--main-color)}.push-pop:after{right:0}@keyframes push-pop-pushed{0%,72.5%{transform:translate(0)}to{transform:translateY(100%)}}@keyframes push-pop-flip{0%{transform:translate(-10px) rotate(0deg)}50%{transform:translate(40px,-100px) rotate(90deg)}to{transform:translate(90px) rotate(180deg)}}@keyframes push-pop-slide{to{transform:translateY(-100%) translate(80px)}}.push-out{--duration:.85;height:100px;width:100px;position:relative;overflow:hidden}.push-out>div:first-of-type{height:20px;width:20px;position:absolute;animation:push-out-slide calc(var(--duration) * 1s) infinite alternate ease-in-out;transform:translateY(-100%);top:100%;left:0}.push-out:after{animation:push-out-flip calc(var(--duration) * 1s) infinite alternate ease-in-out;background:#fff;content:"";height:100%;position:absolute;width:100%}.push-out>div:nth-of-type(2){background:#fff;height:30px;left:50%;position:absolute;top:100%;transform:translate(-50%,-100%);width:20px}.push-out:after,.push-out:before{animation-timing-function:ease;animation-iteration-count:infinite;animation-duration:calc(var(--duration) * 4s);background:#fff;bottom:0;content:"";height:40px;position:absolute;width:20px}.push-out:after{animation-name:push-out-pushed-1;right:0}.push-out:before{animation-name:push-out-pushed-2;left:0}@keyframes push-out-pushed-1{0%,18.125%,50%,68.125%,to{transform:translate(0)}25%,43.125%,75%,93.125%{transform:translateY(100%)}}@keyframes push-out-pushed-2{0%,18.125%,50%,68.125%,to{transform:translateY(100%)}25%,43.125%,75%,93.125%{transform:translate(0)}}@keyframes push-out-flip{0%{transform:translate(0) rotate(0deg)}50%{transform:translateY(-80px) rotate(90deg)}to{transform:translate(0) rotate(180deg)}}@keyframes push-out-slide{to{transform:translateY(-100%) translate(80px)}}