.block[data-v-884da6c6]{position:absolute;z-index:4;width:100%;height:calc(100% - 3.125rem)}.block .shade[data-v-884da6c6]{position:absolute;width:100%;height:100%;background-color:rgba(255,255,255,.4);transition:ease .35s all}.block .icon[data-v-884da6c6]{position:absolute;top:50%;left:50%;display:flex;align-items:center;justify-content:center;width:5.625rem;height:5.625rem;transform:translate(-50%,-50%)}.block .icon .logo[data-v-884da6c6]{font-size:2.5rem}.block .icon .circle[data-v-884da6c6]{position:absolute;top:0;left:0;width:100%;height:100%;transform-origin:center center;animation:rotate-884da6c6 2s linear infinite}.block .icon .circle .loader-path[data-v-884da6c6]{fill:none;stroke:var(--primary-color);stroke-dasharray:150,200;stroke-dashoffset:-10;stroke-linecap:round;stroke-width:.5;animation:dash-884da6c6 1.5s ease-in-out infinite,color 3s ease-in-out infinite}.block.enter .shade[data-v-884da6c6]{opacity:1}.block.enter .icon[data-v-884da6c6]{animation:start-show-884da6c6 .3s ease-out 1;animation-fill-mode:forwards}.block.leave .shade[data-v-884da6c6]{opacity:0}.block.leave .icon[data-v-884da6c6]{animation:start-hide-884da6c6 .3s ease-in 1;animation-fill-mode:forwards}@keyframes rotate-884da6c6{0%{transform:rotate(0)}50%{transform:rotate(180deg)}to{transform:rotate(360deg)}}@keyframes dash-884da6c6{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35}to{stroke-dasharray:89,200;stroke-dashoffset:-124}}@keyframes start-show-884da6c6{0%{opacity:0;transform:translateY(-50%)}to{opacity:1;transform:translateY(0)}}@keyframes start-hide-884da6c6{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-50%)}}