.loader[data-v-2bfad84a]{--text:#6c7486;--page:hsla(0,0%,100%,0.36);--page-fold:hsla(0,0%,100%,0.52);--duration:3s;width:200px;height:140px;position:relative;z-index:111;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.loader[data-v-2bfad84a]:after,.loader[data-v-2bfad84a]:before{--r:-6deg;content:"";position:absolute;bottom:8px;width:120px;top:80%;-webkit-box-shadow:0 16px 12px rgba(196,0,1,.28);box-shadow:0 16px 12px rgba(196,0,1,.28);-webkit-transform:rotate(var(--r));transform:rotate(var(--r))}.loader[data-v-2bfad84a]:before{left:4px}.loader[data-v-2bfad84a]:after{--r:6deg;right:4px}.loader div[data-v-2bfad84a]{width:100%;height:100%;border-radius:13px;position:relative;z-index:1;-webkit-perspective:600px;perspective:600px;-webkit-box-shadow:0 4px 6px rgba(196,0,1,.28);box-shadow:0 4px 6px rgba(196,0,1,.28);background-image:linear-gradient(135deg,#f96d66,#c40001)}.loader div ul[data-v-2bfad84a]{margin:0;padding:0;list-style:none;position:relative}.loader div ul li[data-v-2bfad84a]{--r:180deg;--o:0;--c:var(--page);position:absolute;top:10px;left:10px;-webkit-transform-origin:100% 50%;transform-origin:100% 50%;color:var(--c);opacity:var(--o);-webkit-transform:rotateY(var(--r));transform:rotateY(var(--r));-webkit-animation:var(--duration) ease infinite;animation:var(--duration) ease infinite}.loader div ul li[data-v-2bfad84a]:nth-child(2){--c:var(--page-fold);-webkit-animation-name:page-2-2bfad84a;animation-name:page-2-2bfad84a}.loader div ul li[data-v-2bfad84a]:nth-child(3){--c:var(--page-fold);-webkit-animation-name:page-3-2bfad84a;animation-name:page-3-2bfad84a}.loader div ul li[data-v-2bfad84a]:nth-child(4){--c:var(--page-fold);-webkit-animation-name:page-4-2bfad84a;animation-name:page-4-2bfad84a}.loader div ul li[data-v-2bfad84a]:nth-child(5){--c:var(--page-fold);-webkit-animation-name:page-5-2bfad84a;animation-name:page-5-2bfad84a}.loader div ul li svg[data-v-2bfad84a]{width:90px;height:120px;display:block}.loader div ul li[data-v-2bfad84a]:first-child{--r:0deg;--o:1}.loader div ul li[data-v-2bfad84a]:last-child{--o:1}.loader span[data-v-2bfad84a]{display:block;left:0;right:0;top:100%;margin-top:20px;text-align:center;color:var(--text)}@-webkit-keyframes page-2-2bfad84a{0%{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);opacity:0}20%{opacity:1}35%,to{opacity:0}50%,to{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}}@keyframes page-2-2bfad84a{0%{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);opacity:0}20%{opacity:1}35%,to{opacity:0}50%,to{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}}@-webkit-keyframes page-3-2bfad84a{15%{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);opacity:0}35%{opacity:1}50%,to{opacity:0}65%,to{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}}@keyframes page-3-2bfad84a{15%{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);opacity:0}35%{opacity:1}50%,to{opacity:0}65%,to{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}}@-webkit-keyframes page-4-2bfad84a{30%{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);opacity:0}50%{opacity:1}65%,to{opacity:0}80%,to{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}}@keyframes page-4-2bfad84a{30%{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);opacity:0}50%{opacity:1}65%,to{opacity:0}80%,to{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}}@-webkit-keyframes page-5-2bfad84a{45%{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);opacity:0}65%{opacity:1}80%,to{opacity:0}95%,to{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}}@keyframes page-5-2bfad84a{45%{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);opacity:0}65%{opacity:1}80%,to{opacity:0}95%,to{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}}