.loader{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99999;display:flex;align-items:center;justify-content:center}.loader ul{position:absolute;top:0;left:0;width:100%;display:flex;flex-wrap:wrap}.loader ul li{width:25%;background:#fff;height:100vh}.loader img{position:relative;z-index:1;max-width:200px;margin:0 0 20px}.loading_line{position:relative;top:0px;left:0px;bottom:auto;right:auto;width:100%;height:100%;transform-origin:100% 0%;animation:kf_loading_line 2s cubic-bezier(0.645,0.045,0.355,1) 0s infinite;height:2px}.loading_line .loading_line_inner{position:absolute;top:0px;left:0px;bottom:auto;right:auto;width:100%;height:100%;background:#000;transform-origin:0 0}.loading_line_inner--1{opacity:0;animation:kf_loading_line_inner--1 2s cubic-bezier(0.645,0.045,0.355,1) 0s infinite}.loading_line_inner--2{opacity:1;animation:kf_loading_line_inner--2 2s cubic-bezier(0.645,0.045,0.355,1) 0s infinite}.loading_line_inner{position:absolute;top:0px;left:0px;bottom:auto;right:auto;width:100%;height:100%;background-color:red;transform-origin:0 0}@keyframes kf_loading_line{0%{transform:scaleX(1)}50%{transform:scaleX(1)}100%{transform:scaleX(0)}}@keyframes kf_loading_line_inner--1{0%{transform:scaleX(0)}25%{transform:scaleX(1)}100%{transform:scaleX(1)}}@keyframes kf_loading_line_inner--2{0%{transform:scaleX(0)}25%{transform:scaleX(0)}50%{transform:scaleX(1)}100%{transform:scaleX(1)}}