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