.agent-loader{--color-one:#ffbf48;--color-two:#be4a1d;--color-three:#ffbf4780;--color-four:#bf4a1d80;--color-five:#ffbf4740;--time-animation:2s;--size:1;position:relative;transform:scale(var(--size));box-shadow:0 0 25px 0 var(--color-three),0 20px 50px 0 var(--color-four);animation:colorize calc(var(--time-animation) * 3) ease-in-out infinite;display:flex;align-items:center;justify-content:center}.agent-loader,.agent-loader:before{width:100px;height:100px;border-radius:50%}.agent-loader:before{content:"";position:absolute;top:0;left:0;border-top:1px solid var(--color-one);border-bottom:1px solid var(--color-two);background:linear-gradient(180deg,var(--color-five),var(--color-four));box-shadow:inset 0 10px 10px 0 var(--color-three),inset 0 -10px 10px 0 var(--color-four)}.agent-loader .box{width:100px;height:100px;background:linear-gradient(180deg,var(--color-one) 30%,var(--color-two) 70%);mask:url(#clipping);-webkit-mask:url(#clipping)}.agent-loader svg{position:absolute;width:0;height:0}.agent-loader svg #clipping{filter:contrast(15);animation:roundness calc(var(--time-animation) / 2) linear infinite}.agent-loader svg #clipping polygon{filter:blur(7px)}.agent-loader svg #clipping polygon:first-child{transform-origin:75% 25%;transform:rotate(90deg)}.agent-loader svg #clipping polygon:nth-child(2){transform-origin:50% 50%;animation:rotation var(--time-animation) linear infinite reverse}.agent-loader svg #clipping polygon:nth-child(3){transform-origin:50% 60%;animation:rotation var(--time-animation) linear infinite;animation-delay:calc(var(--time-animation) / -3)}.agent-loader svg #clipping polygon:nth-child(4),.agent-loader svg #clipping polygon:nth-child(5){transform-origin:40% 40%;animation:rotation var(--time-animation) linear infinite reverse}.agent-loader svg #clipping polygon:nth-child(5){animation-delay:calc(var(--time-animation) / -2)}.agent-loader svg #clipping polygon:nth-child(6),.agent-loader svg #clipping polygon:nth-child(7){transform-origin:60% 40%;animation:rotation var(--time-animation) linear infinite}.agent-loader svg #clipping polygon:nth-child(7){animation-delay:calc(var(--time-animation) / -1.5)}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes roundness{0%{filter:contrast(15)}20%{filter:contrast(3)}40%{filter:contrast(3)}60%{filter:contrast(15)}to{filter:contrast(15)}}@keyframes colorize{0%{filter:hue-rotate(0deg)}20%{filter:hue-rotate(-30deg)}40%{filter:hue-rotate(-60deg)}60%{filter:hue-rotate(-90deg)}80%{filter:hue-rotate(-45deg)}to{filter:hue-rotate(0deg)}}