.fx{--light-1:hsl(from var(--c) h s calc(l * 1.2));--light-2:hsl(from var(--c) h s calc(l * 1.6));--dark-1:hsl(from var(--c) h s calc(l * .6));--dark-2:hsl(from var(--c) h s calc(l * .2));--toon-stroke:hsl(from var(--c) h s calc(l * .4));--neon-stroke:hsl(from var(--c) h s 60%);vertical-align:top;caret-color:var(--c);display:inline-block;position:relative}.fx-solid{color:var(--c)}.fx-gradient{background-image:linear-gradient(to bottom right, var(--light-1), var(--c), var(--dark-1));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.fx-neon{--r:calc(4px + .12em);--glow-core:.09em;--glow-halo:.28em;paint-order:stroke fill;-webkit-text-stroke:calc(1px + .04em) var(--neon-stroke);color:#fff;isolation:isolate;margin:calc(var(--r) * -2);padding:calc(var(--r) * 2);animation:4s cubic-bezier(.24,.31,.36,.93) infinite fx-neon}.fx-neon:before,.fx-neon:after{content:attr(data-name);padding:calc(var(--r) * 2);pointer-events:none;z-index:-1;-webkit-text-stroke:0;color:var(--c);white-space:normal;overflow-wrap:normal;position:absolute;inset:0}.fx-neon:before{filter:blur(var(--glow-core))}.fx-neon:after{filter:blur(var(--glow-halo));opacity:.7}@keyframes fx-neon{0%,15%,18%,20%,23%,25%,50%,51%,to{color:#fff}16%,22%,28%{color:hsl(from var(--c) h s 85%)}}.fx-toon{--sw:calc(1.6px + .04em);--pad:.3em;paint-order:stroke fill;-webkit-text-stroke:var(--sw) var(--toon-stroke);color:var(--toon-stroke);margin-inline:calc(var(--pad) * -1);margin-bottom:calc(var(--sw) * -1);padding-inline:var(--pad);padding-bottom:var(--sw)}.fx-toon:before{content:attr(data-name);pointer-events:none;padding-inline:var(--pad);background-image:linear-gradient(180deg, #fff 0, var(--light-2) 8%, var(--light-1) 15%, var(--c) 25%, var(--light-2) 45%, var(--c) 55%, #fff 75%, var(--light-2) 83%, var(--light-1) 90%, var(--c) 100%);-webkit-text-fill-color:transparent;-webkit-text-stroke:0;white-space:normal;overflow-wrap:normal;background-size:100% 400%;-webkit-background-clip:text;background-clip:text;animation:4s cubic-bezier(.44,.29,.48,1) infinite fx-toon;position:absolute;inset:0}@keyframes fx-toon{0%,5%{background-position:50% 0}55%,to{background-position:50% 100%}}.fx-pop{--sw:calc(1.2px + .04em);--dz:.08em;paint-order:stroke fill;color:#fff;-webkit-text-stroke:var(--sw) var(--dark-2);margin-bottom:calc(var(--sw) * -1 - var(--dz));padding-bottom:calc(var(--sw) + var(--dz));margin-inline-start:calc(var(--sw) * -1);padding-inline-start:var(--sw);animation:4s cubic-bezier(.44,.29,.48,1) infinite fx-pop-main;display:inline-block}.fx-pop:before{content:attr(data-name);pointer-events:none;z-index:-1;top:0;bottom:calc(var(--dz) * -1 - var(--sw));width:100%;color:var(--c);-webkit-text-stroke:var(--sw) transparent;background-image:linear-gradient(to bottom left, var(--light-1) 0, var(--light-1) 6%, var(--c) 20%, var(--c) 50%, var(--light-1) 56%, var(--c) 70%, var(--c) 100%);-webkit-text-fill-color:transparent;transform:translate3d(0, var(--dz), 0);white-space:normal;overflow-wrap:normal;background-position:100% 0;background-size:200% 200%;-webkit-background-clip:text;background-clip:text;margin-inline-start:calc(var(--sw) * -1);padding-inline-start:var(--sw);animation:4s cubic-bezier(.44,.29,.48,1) infinite fx-pop-shadow;position:absolute}@keyframes fx-pop-main{0%{transform:translateZ(0)}18%{transform:translateY(-.05em)}35%{transform:translateY(.08em)}50%,to{transform:translateZ(0)}}@keyframes fx-pop-shadow{0%{background-position:100% 0;transform:translateY(.08em)}18%{transform:translateY(.13em)}35%{transform:translateZ(0)}50%,to{background-position:0 100%;transform:translateY(.08em)}}@media (prefers-reduced-motion:reduce){.fx-neon,.fx-toon:before,.fx-pop,.fx-pop:before{animation:none!important}}.truncate.fx-toon:before,.truncate.fx-pop:before,.truncate.fx-neon:before,.truncate.fx-neon:after{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}