:root{--loadingTime:60s}.loader__text{color:red;width:max-content;margin:0 auto;font-size:1.5em;position:relative}.loader__text:after{content:attr(data-content);color:#fff;white-space:nowrap;box-sizing:border-box;width:max-content;height:max-content;animation:anim__loaderText var(--loadingTime) ease-in infinite;position:absolute;left:0;overflow:hidden}@keyframes anim__loaderText{0%{width:0}50%{width:100%}to{width:0}}.loader__bar{box-sizing:border-box;width:0;height:4.8px;animation:anim__loaderBar var(--loadingTime) linear forwards;background:#fff;display:block;position:relative;box-shadow:0 0 10px #ffffff80}.loader__bar:after,.loader__bar:before{content:"";opacity:0;box-sizing:border-box;background:#fff;width:5px;height:1px;animation:.3s linear infinite anim__loaderBarCol1;position:absolute;top:9px;right:-2px;transform:rotate(-45deg)translate(0)}.loader__bar:before{animation:.3s linear infinite anim__loaderBarCol2;top:-4px;transform:rotate(45deg)}@keyframes anim__loaderBar{0%{width:0}to{width:100%}}@keyframes anim__loaderBarCol1{0%{opacity:.7;transform:rotate(-45deg)translate(0)}to{opacity:0;transform:rotate(-45deg)translate(-45px)}}@keyframes anim__loaderBarCol2{0%{opacity:1;transform:rotate(45deg)translate(0)}to{opacity:.7;transform:rotate(45deg)translate(-45px)}}.loader__timer{text-align:center;font-size:1.1em;font-weight:300}#loaderVideo{border:4px solid #f3f3f3;border-top-color:#3498db;border-radius:50%;width:50px;height:50px;animation:2s linear infinite animLoaderVideo;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes animLoaderVideo{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}