.classolved-loader{--loader-size:1.5rem;--loader-blue:var(--blue);--loader-cyan:var(--cyan);width:var(--loader-size);height:var(--loader-size);vertical-align:middle;isolation:isolate;flex:none;place-items:center;display:inline-grid;position:relative}.classolved-loader[data-variant=block]{--loader-size:4rem}.classolved-loader[data-variant=button]{--loader-size:1.25rem;--loader-blue:currentColor;--loader-cyan:color-mix(in srgb, currentColor 62%, white)}.classolved-loader__motion{opacity:0;place-items:center;transition:opacity .1s ease-out;display:grid;position:absolute;inset:0}.classolved-loader[data-visible=true] .classolved-loader__motion{opacity:1}.classolved-loader__glyph{fill:currentColor;transform-origin:50%;will-change:transform, opacity, filter;width:72%;height:72%;position:absolute;top:50%;left:50%;overflow:visible}.classolved-loader__glyph--left{z-index:2;color:var(--loader-blue);filter:drop-shadow(0 0 calc(var(--loader-size) * .12) color-mix(in srgb, var(--loader-blue) 20%, transparent));animation:2.8s linear infinite classolved-loader-left}.classolved-loader__glyph--right{z-index:1;color:var(--loader-cyan);animation:2.8s linear infinite classolved-loader-right}.classolved-loader__ring{z-index:0;border:max(1px, calc(var(--loader-size) * .025)) solid var(--loader-blue);opacity:0;border-radius:999px;width:46%;height:46%;animation:2.8s ease-out infinite classolved-loader-ring;position:absolute}.classolved-loader__sparks,.classolved-loader__sparks i{pointer-events:none;position:absolute;inset:0}.classolved-loader__sparks i{--spark-x:0px;--spark-y:0px;width:max(2px, calc(var(--loader-size) * .065));height:max(2px, calc(var(--loader-size) * .065));background:var(--loader-cyan);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);opacity:0;animation:2.8s ease-out infinite classolved-loader-spark;inset:50% auto auto 50%}.classolved-loader__sparks i:first-child{--spark-x:calc(var(--loader-size) * -.38);--spark-y:calc(var(--loader-size) * -.26)}.classolved-loader__sparks i:nth-child(2){--spark-x:calc(var(--loader-size) * .34);--spark-y:calc(var(--loader-size) * -.32);animation-delay:35ms}.classolved-loader__sparks i:nth-child(3){--spark-x:calc(var(--loader-size) * .46);--spark-y:calc(var(--loader-size) * .12);animation-delay:70ms}.classolved-loader__sparks i:nth-child(4){--spark-x:calc(var(--loader-size) * -.31);--spark-y:calc(var(--loader-size) * .36);animation-delay:.105s}.classolved-loader__sparks i:nth-child(5){--spark-x:calc(var(--loader-size) * .18);--spark-y:calc(var(--loader-size) * .43);animation-delay:.14s}.pending-button-content{grid-template-columns:minmax(0,auto) 1.25rem;justify-content:center;align-items:center;gap:.55rem;display:inline-grid}.loading-activity{flex:0 0 1.5rem;place-items:center;width:1.5rem;height:1.5rem;display:inline-grid}.classolved-loading-block{place-items:center;min-height:6rem;display:grid}@keyframes classolved-loader-left{0%,4%{opacity:0;transform:translate(calc(-50% - var(--loader-size) * .78), -50%) scale(.96)}7%{opacity:1;transform:translate(calc(-50% - var(--loader-size) * .78), -50%) scale(1);animation-timing-function:cubic-bezier(.22,1,.36,1)}37%{opacity:1;filter:blur();transform:translate(calc(-50% - var(--loader-size) * .42), -50%);animation-timing-function:linear}45%{transform:translate(calc(-50% - var(--loader-size) * .42), -50%);animation-timing-function:cubic-bezier(.4,0,.2,1)}55%{transform:translate(calc(-50% - var(--loader-size) * .17), -50%) scale(1.015);animation-timing-function:cubic-bezier(.22,1,.36,1)}66%{opacity:.76;filter:blur(calc(var(--loader-size) * .038));transform:translate(calc(-50% - var(--loader-size) * .31), -50%) scale(.965);animation-timing-function:cubic-bezier(.4,0,.2,1)}77%{opacity:1;filter:blur();animation-timing-function:cubic-bezier(.22,1,.36,1);transform:translate(-50%,-50%)scale(1.035)}82%,93%{opacity:1;filter:blur();transform:translate(-50%,-50%)scale(1)}98%,to{opacity:0;transform:translate(-50%,-50%)scale(.92)}}@keyframes classolved-loader-right{0%,4%{opacity:0;transform:translate(calc(-50% + var(--loader-size) * .78), -50%) scale(.96)}7%{opacity:1;transform:translate(calc(-50% + var(--loader-size) * .78), -50%) scale(1);animation-timing-function:cubic-bezier(.22,1,.36,1)}37%{opacity:1;filter:blur();transform:translate(calc(-50% + var(--loader-size) * .42), -50%);animation-timing-function:linear}45%{transform:translate(calc(-50% + var(--loader-size) * .42), -50%);animation-timing-function:cubic-bezier(.4,0,.2,1)}55%{transform:translate(calc(-50% + var(--loader-size) * .17), -50%) scale(1.015);animation-timing-function:cubic-bezier(.22,1,.36,1)}66%{opacity:.76;filter:blur(calc(var(--loader-size) * .038));transform:translate(calc(-50% + var(--loader-size) * .31), -50%) scale(.965);animation-timing-function:cubic-bezier(.4,0,.2,1)}77%{opacity:0;filter:blur(calc(var(--loader-size) * .05));transform:translate(-50%,-50%)scale(.9)}to{opacity:0;transform:translate(-50%,-50%)scale(.9)}}@keyframes classolved-loader-ring{0%,73%{opacity:0;transform:scale(.34)}79%{opacity:.68}93%,to{opacity:0;transform:scale(2.4)}}@keyframes classolved-loader-spark{0%,78%{opacity:0;transform:translate(-50%,-50%)scale(.25)rotate(0)}83%{opacity:.9}96%,to{opacity:0;transform:translate(calc(-50% + var(--spark-x)), calc(-50% + var(--spark-y))) scale(1) rotate(70deg)}}@media (prefers-reduced-motion:reduce){.classolved-loader__glyph--left{opacity:1;filter:none;animation:1.2s ease-in-out infinite classolved-loader-reduced;transform:translate(-50%,-50%)}.classolved-loader__glyph--right,.classolved-loader__ring,.classolved-loader__sparks{animation:none;display:none}}@keyframes classolved-loader-reduced{50%{opacity:.58}}
