.loader{--main-size:4em;--text-color:#f1c40f;--shine-color:#fff;--shadow-color:#aaa;-webkit-user-select:none;user-select:none;font-size:var(--main-size);text-transform:uppercase;color:var(--text-color);width:7.3em;height:1em;filter:drop-shadow(0 0 .05em var(--shine-color));justify-content:center;align-items:center;font-weight:900;display:flex;position:relative;overflow:hidden}.loader .text{text-align:center;white-space:nowrap;justify-content:center;align-items:center;display:flex;position:absolute;overflow:hidden}.loader .text:first-child{clip-path:polygon(0% 0%,11.11% 0%,11.11% 100%,0% 100%);font-size:calc(var(--main-size)/20);opacity:.6;margin-left:-2.1em}.loader .text:nth-child(2){clip-path:polygon(11.11% 0%,22.22% 0%,22.22% 100%,11.11% 100%);font-size:calc(var(--main-size)/16);opacity:.7;margin-left:-.98em}.loader .text:nth-child(3){clip-path:polygon(22.22% 0%,33.33% 0%,33.33% 100%,22.22% 100%);font-size:calc(var(--main-size)/13);opacity:.8;margin-left:-.33em}.loader .text:nth-child(4){clip-path:polygon(33.33% 0%,44.44% 0%,44.44% 100%,33.33% 100%);font-size:calc(var(--main-size)/11);opacity:.9;margin-left:-.05em}.loader .text:nth-child(5){clip-path:polygon(44.44% 0%,55.55% 0%,55.55% 100%,44.44% 100%);font-size:calc(var(--main-size)/10);opacity:1;margin-left:0}.loader .text:nth-child(6){clip-path:polygon(55.55% 0%,66.66% 0%,66.66% 100%,55.55% 100%);font-size:calc(var(--main-size)/11);opacity:.9;margin-left:.05em}.loader .text:nth-child(7){clip-path:polygon(66.66% 0%,77.77% 0%,77.77% 100%,66.66% 100%);font-size:calc(var(--main-size)/13);opacity:.8;margin-left:.33em}.loader .text:nth-child(8){clip-path:polygon(77.77% 0%,88.88% 0%,88.88% 100%,77.77% 100%);font-size:calc(var(--main-size)/16);opacity:.7;margin-left:.98em}.loader .text:nth-child(9){clip-path:polygon(88.88% 0%,100% 0%,100% 100%,88.88% 100%);font-size:calc(var(--main-size)/20);opacity:.6;margin-left:2.1em}.loader .text span{animation:2s cubic-bezier(.1,.6,.9,.4) infinite scrolling,2s cubic-bezier(.1,.6,.9,.4) infinite shadow}.loader .text:first-child span{background:linear-gradient(to right,var(--text-color)4%,var(--shadow-color)7%);color:#0000;background-size:200%;-webkit-background-clip:text;background-clip:text}.loader .text:nth-child(2) span{background:linear-gradient(to right,var(--text-color)9%,var(--shadow-color)13%);color:#0000;background-size:200%;-webkit-background-clip:text;background-clip:text}.loader .text:nth-child(3) span{background:linear-gradient(to right,var(--text-color)15%,var(--shadow-color)18%);color:#0000;background-size:200%;-webkit-background-clip:text;background-clip:text}.loader .text:nth-child(4) span{background:linear-gradient(to right,var(--text-color)20%,var(--shadow-color)23%);color:#0000;background-size:200%;-webkit-background-clip:text;background-clip:text}.loader .text:nth-child(6) span{background:linear-gradient(to right,var(--shadow-color)29%,var(--text-color)32%);color:#0000;background-size:200%;-webkit-background-clip:text;background-clip:text}.loader .text:nth-child(7) span{background:linear-gradient(to right,var(--shadow-color)34%,var(--text-color)37%);color:#0000;background-size:200%;-webkit-background-clip:text;background-clip:text}.loader .text:nth-child(8) span{background:linear-gradient(to right,var(--shadow-color)39%,var(--text-color)42%);color:#0000;background-size:200%;-webkit-background-clip:text;background-clip:text}.loader .text:nth-child(9) span{background:linear-gradient(to right,var(--shadow-color)45%,var(--text-color)48%);color:#0000;background-size:200%;-webkit-background-clip:text;background-clip:text}.loader .line{height:.05em;width:calc(var(--main-size)/2);border-radius:.05em;justify-content:center;align-items:center;margin-top:.9em;display:flex;position:relative;overflow:hidden}.loader .line:before{content:"";background-color:var(--text-color);opacity:.3;width:100%;height:100%;position:absolute}.loader .line:after{content:"";background-color:var(--text-color);border-radius:.05em;width:100%;height:100%;animation:2s cubic-bezier(.5,.8,.5,.2) infinite wobble;position:absolute;transform:translate(-90%)}@keyframes wobble{0%{transform:translate(-90%)}50%{transform:translate(90%)}to{transform:translate(-90%)}}@keyframes scrolling{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes shadow{0%{background-position:-98% 0}to{background-position:102% 0}}