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