.loader-wrap{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column;position:fixed;top:0;left:0;z-index:9999;background-color:rgba(0,0,0,.5)}.loader{width:100px;height:24px;padding:2px 0;box-sizing:border-box;display:flex;animation:l5-0 3s steps(6) infinite;background:linear-gradient(#000 0 0) 0 0/0 100% no-repeat,radial-gradient(circle 3px,#eeee89 90%,#0000) 0 0/20% 100% #000;overflow:hidden}.loader:before{content:"";width:20px;transform:translate(-100%);border-radius:50%;background:#ffff2d;animation:l5-1 .25s steps(5) .153s infinite alternate,l5-2 3s linear infinite}.loader-text{display:flex;margin-top:5px}@keyframes l5-1{0%{clip-path:polygon(50% 50%,100% 0,100% 0,0 0,0 100%,100% 100%,100% 100%)}to{clip-path:polygon(50% 50%,100% 65%,100% 0,0 0,0 100%,100% 100%,100% 35%)}}@keyframes l5-2{to{transform:translate(90px)}}@keyframes l5-0{to{background-size:120% 100%,20% 100%}}.underline-middle{display:inline-block;position:relative}.underline-middle:after{content:"";position:absolute;left:0;right:0;bottom:50%;height:6px;background-color:#38b2ac}