@layer components{.fx-gradient-text{--fx-c:var(--fx-tone,var(--primary));--fx-c2:var(--fx-tone-2,var(--chart-2));--fx-angle:135deg;--fx-duration:3.5s;--fx-glow-blur:16px;--fx-glow-opacity:.45;--fx-g1:color-mix(in oklch, var(--fx-c) 35%, #030712);--fx-g2:color-mix(in oklch, var(--fx-c2) 35%, #030712);--fx-shimmer-color:color-mix(in oklch, var(--fx-c) 50%, #0f172a);--fx-text-solid:color-mix(in oklch, var(--fx-c) 25%, #030712);overflow-wrap:break-word;word-break:break-word;max-width:100%;color:var(--fx-text-solid);background-image:linear-gradient(var(--fx-angle), var(--fx-g1) 0%, var(--fx-g2) 100%);background-position:0 0;background-repeat:no-repeat;background-size:100% 100%;font-weight:700;line-height:1.15;display:inline-block;position:relative}.dark .fx-gradient-text,.fx-gradient-text.dark{--fx-g1:color-mix(in oklch, var(--fx-c) 35%, #fff);--fx-g2:color-mix(in oklch, var(--fx-c2) 35%, #fff);--fx-shimmer-color:color-mix(in oklch, #fff 85%, var(--fx-c));--fx-text-solid:color-mix(in oklch, var(--fx-c) 25%, #fff)}@supports ((-webkit-background-clip:text) or (background-clip:text)){.fx-gradient-text:not([data-fx-fallback=true]):not([data-fx-variant=solid]){color:#0000;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}}.fx-gradient-text[data-fx-fallback=true],.fx-gradient-text[data-fx-variant=solid]{color:var(--fx-text-solid);-webkit-text-fill-color:var(--fx-text-solid);background-image:none;-webkit-background-clip:border-box;background-clip:border-box;animation:none}.fx-gradient-text[data-fx-variant=gradient]{background-image:linear-gradient(var(--fx-angle), var(--fx-g1) 0%, var(--fx-g2) 100%);background-position:0 0;background-size:100% 100%;animation:none}.fx-gradient-text__sheen{box-sizing:border-box;padding:inherit;pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(115deg,#0000 40%,#000 48% 52%,#0000 60%);mask-image:linear-gradient(115deg,#0000 40%,#000 48% 52%,#0000 60%)}.fx-gradient-text__sheen-copy{width:100%;height:100%;color:var(--fx-shimmer-color);-webkit-text-fill-color:var(--fx-shimmer-color);display:block}.fx-gradient-text[data-fx-variant=shimmer]:not([data-fx-motion=none]):not([data-fx-fallback=true]) .fx-gradient-text__sheen,.fx-gradient-text[data-fx-variant=shimmer]:not([data-fx-motion=none]):not([data-fx-fallback=true]) .fx-gradient-text__sheen-copy{animation-name:fx-gradient-text-shimmer;animation-duration:var(--fx-duration);animation-timing-function:linear;animation-iteration-count:infinite}.fx-gradient-text__sheen-copy{animation-direction:reverse}.fx-gradient-text__flow{box-sizing:border-box;padding:inherit;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:0;display:none;position:absolute;inset:0}@supports ((-webkit-background-clip:text) or (background-clip:text)){.fx-gradient-text__flow{background-image:linear-gradient(var(--fx-angle), var(--fx-g2) 0%, var(--fx-g1) 100%);color:#0000;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:block}}.fx-gradient-text[data-fx-variant=flow]:not([data-fx-motion=none]):not([data-fx-fallback=true]) .fx-gradient-text__flow{animation-name:fx-gradient-text-flow;animation-duration:calc(var(--fx-duration) * .75);animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate}.fx-gradient-text[data-fx-running=true] .fx-gradient-text__sheen,.fx-gradient-text[data-fx-running=true] .fx-gradient-text__sheen-copy{will-change:transform}.fx-gradient-text[data-fx-running=true] .fx-gradient-text__flow{will-change:opacity}.fx-gradient-text__glow{z-index:-1;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:var(--fx-glow-opacity);color:#0000;-webkit-text-fill-color:transparent;text-shadow:calc(var(--fx-glow-blur) * -.25) 0 var(--fx-glow-blur) var(--fx-g1), calc(var(--fx-glow-blur) * .25) 0 var(--fx-glow-blur) var(--fx-g2);position:absolute;inset:0}.fx-gradient-text__glow[data-fx-pulse=true]{animation-name:fx-gradient-text-pulse;animation-duration:calc(var(--fx-duration) * .8);animation-timing-function:ease-in-out;animation-iteration-count:infinite}.fx-gradient-text[data-fx-running=false],.fx-gradient-text[data-fx-running=false] .fx-gradient-text__sheen,.fx-gradient-text[data-fx-running=false] .fx-gradient-text__sheen-copy,.fx-gradient-text[data-fx-running=false] .fx-gradient-text__flow,.fx-gradient-text[data-fx-running=false] .fx-gradient-text__glow{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.fx-gradient-text,.fx-gradient-text__sheen,.fx-gradient-text__sheen-copy,.fx-gradient-text__flow,.fx-gradient-text__glow{animation:none}}.fx-gradient-text[data-fx-motion=none],.fx-gradient-text[data-fx-motion=none] .fx-gradient-text__sheen,.fx-gradient-text[data-fx-motion=none] .fx-gradient-text__sheen-copy,.fx-gradient-text[data-fx-motion=none] .fx-gradient-text__flow,.fx-gradient-text[data-fx-motion=none] .fx-gradient-text__glow{animation:none}@keyframes fx-gradient-text-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes fx-gradient-text-flow{0%{opacity:0}to{opacity:1}}@keyframes fx-gradient-text-pulse{0%,to{opacity:var(--fx-glow-opacity)}50%{opacity:calc(var(--fx-glow-opacity) * 1.5)}}}
