.loader-wrapper{align-items:center;background-color:#fff;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000000}.loader{animation:l2-0 2s steps(4) infinite;background:linear-gradient(#000 0,#000 0) 0 100%/100% 50%,linear-gradient(#000 0,#000 0) 0 0/33.3333333333% 100%;background-repeat:no-repeat;clip-path:inset(-100% 0 0 0);height:30px;position:relative;width:45px}.loader:after,.loader:before{animation:inherit;animation-name:l2-1;background:linear-gradient(#000 0,#000 0) 0 0/66.6666666667% 50%,linear-gradient(#000 0,#000 0) 100% 100%/66.6666666667% 50%;background-repeat:no-repeat;content:"";top:-50%;right:0;bottom:50%;left:0;position:absolute}.loader:after{animation-name:l2-2;background:linear-gradient(#000 0,#000 0) 0 0/100% 50%,linear-gradient(#000 0,#000 0) 100% 0/33.3333333333% 100%;background-repeat:no-repeat;top:-100%;right:0;bottom:100%;left:0}@keyframes l2-0{0%{clip-path:inset(100% 0 0 0);transform:translateY(-250%)}25%,to{clip-path:inset(-100% 0 0 0);transform:translateY(0)}}@keyframes l2-1{0%,25%{transform:translateY(-250%)}50%,to{transform:translateY(0)}}@keyframes l2-2{0%,50%{transform:translateY(-250%)}75%,to{transform:translateY(0)}}