:root{--loader-size:150px;--text-color:#cecece;--color-one:#2979ff;--color-two:#ff1744;--color-three:#ffff8d;--color-four:#b2ff59;--light-size:3px}.Loader{width:150px;width:var(--loader-size,150px);border-radius:50%;min-width:110px;margin:20px;position:relative;overflow:visible;box-shadow:inset 0 0 8px rgba(255,255,255,.4),0 0 25px rgba(255,255,255,.8)}.Loader:after{content:attr(data-text);color:var(--text-color,#cecece);text-transform:uppercase;letter-spacing:5px;font-size:calc(70% + .1vw);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.Loader:before{content:"";float:left;padding-top:100%}.Loader__Circle{opacity:.8;mix-blend-mode:screen;filter:brightness(120%);border-radius:50%;animation-name:SpinAround;animation-duration:2s;animation-timing-function:linear;animation-iteration-count:infinite;animation-fill-mode:both;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.Loader__Circle:first-of-type{box-shadow:inset 1px 0 0 1px #2979ff,3px 0 0 3px #2979ff;box-shadow:inset 1px 0 0 1px var(--color-one,#2979ff),var(--light-size,4px)0 0 var(--light-size,4px)var(--color-one,#2979ff);transform-origin:49.6% 49.8%;animation-direction:reverse}.Loader__Circle:nth-of-type(2){box-shadow:inset 1px 0 0 1px #ff1744,3px 0 0 3px #ff1744;box-shadow:inset 1px 0 0 1px var(--color-two,#ff1744),var(--light-size,4px)0px 0 var(--light-size,4px)var(--color-two,#ff1744);transform-origin:49.5% 49.8%}.Loader__Circle:nth-of-type(3){box-shadow:inset 1px 0 0 1px #ffff8d,0 3px 0 3px #ffff8d;box-shadow:inset 1px 0 0 1px var(--color-three,#ffff8d),0 var(--light-size,4px)0 var(--light-size,4px)var(--color-three,#ffff8d);transform-origin:49.8% 49.8%}.Loader__Circle:nth-of-type(4){box-shadow:inset 1px 0 0 1px #b2ff59,0 3px 0 3px #b2ff59;box-shadow:inset 1px 0 0 1px var(--color-four,#b2ff59),0 var(--light-size,4px)0 var(--light-size,4px)var(--color-four,#b2ff59);transform-origin:49.7% 49.7%}@keyframes SpinAround{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}