@layer components{.fx-beam-root{border-radius:var(--fx-beam-radius,var(--radius,.75rem));isolation:isolate;vertical-align:middle;display:inline-flex;position:relative}.fx-beam-track{border-radius:inherit;pointer-events:none;z-index:1;padding:var(--fx-beam-thickness,1.5px);-webkit-mask-composite:xor;position:absolute;inset:0;overflow:hidden;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);container-type:size}.fx-beam-track__base{background:var(--fx-beam-track-color,var(--border));position:absolute;inset:0}.fx-beam-ray{background:conic-gradient(from 0deg, transparent 0deg, transparent calc(360deg - var(--fx-beam-arc,80deg)), var(--fx-beam-c2,color-mix(in oklch, var(--fx-beam-c) 40%, transparent)) calc(360deg - calc(var(--fx-beam-arc,80deg) * .5)), var(--fx-beam-c) calc(360deg - calc(var(--fx-beam-arc,80deg) * .05)), transparent 360deg);width:250cqmax;height:250cqmax;translate:-50% -50%;transform:rotate(var(--fx-beam-static-angle,45deg));position:absolute;top:50%;left:50%}.fx-beam-glow{--fx-beam-glow-bleed:calc(var(--fx-beam-glow-blur,8px) * 2);--fx-beam-glow-feather:calc(var(--fx-beam-glow-blur,8px) * 3);inset:calc(var(--fx-beam-glow-bleed) * -1);pointer-events:none;z-index:0;-webkit-mask:linear-gradient(to right, transparent, #000 var(--fx-beam-glow-feather), #000 calc(100% - var(--fx-beam-glow-feather)), transparent), linear-gradient(to bottom, transparent, #000 var(--fx-beam-glow-feather), #000 calc(100% - var(--fx-beam-glow-feather)), transparent);-webkit-mask-composite:source-in;-webkit-mask:linear-gradient(to right, transparent, #000 var(--fx-beam-glow-feather), #000 calc(100% - var(--fx-beam-glow-feather)), transparent) intersect, linear-gradient(to bottom, transparent, #000 var(--fx-beam-glow-feather), #000 calc(100% - var(--fx-beam-glow-feather)), transparent);mask:linear-gradient(to right, transparent, #000 var(--fx-beam-glow-feather), #000 calc(100% - var(--fx-beam-glow-feather)), transparent) intersect, linear-gradient(to bottom, transparent, #000 var(--fx-beam-glow-feather), #000 calc(100% - var(--fx-beam-glow-feather)), transparent);opacity:var(--fx-beam-glow-opacity,.6);position:absolute;overflow:hidden;container-type:size}.fx-beam-glow__ray{background:conic-gradient(from 0deg, transparent 0deg, transparent calc(360deg - var(--fx-beam-arc,80deg)), var(--fx-beam-c2,color-mix(in oklch, var(--fx-beam-c) 40%, transparent)) calc(360deg - calc(var(--fx-beam-arc,80deg) * .5)), var(--fx-beam-c) calc(360deg - calc(var(--fx-beam-arc,80deg) * .2)), transparent 360deg);width:250cqmax;height:250cqmax;translate:-50% -50%;transform:rotate(var(--fx-beam-static-angle,45deg));position:absolute;top:50%;left:50%}.fx-beam-content{z-index:2;width:100%;position:relative}.fx-beam-root[data-variant=card]{flex-direction:column;display:flex}.fx-beam-root[data-variant=card]>.fx-beam-content{border-radius:inherit;background:var(--card);color:var(--card-foreground);height:100%;padding:1.5rem}.fx-beam-root[data-variant=button]{cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:none;padding:0;font-family:inherit;text-decoration:none}.fx-beam-root[data-variant=button]:focus-visible{outline:2px solid var(--ring,var(--primary));outline-offset:3px}.fx-beam-root[data-variant=button]>.fx-beam-content{border-radius:inherit;background:var(--background);color:var(--foreground);justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;line-height:1.25rem;transition:background-color .15s,opacity .15s;display:inline-flex}.fx-beam-root[data-variant=button]:hover>.fx-beam-content{background:color-mix(in oklch, var(--fx-beam-c) 12%, var(--background))}.fx-beam-root[data-variant=button]:active>.fx-beam-content{opacity:.92}.fx-beam-root[data-variant=button]:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.fx-beam-root[data-variant=frame]{display:block;overflow:hidden}.fx-beam-root[data-variant=frame]>.fx-beam-content{border-radius:inherit;background:var(--card);overflow:hidden}@keyframes fx-beam-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fx-beam-spin-reverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}.fx-beam-root[data-fx-motion=expressive]>.fx-beam-track>.fx-beam-ray,.fx-beam-root[data-fx-motion=expressive]>.fx-beam-glow>.fx-beam-glow__ray,.fx-beam-root[data-fx-motion=subtle]>.fx-beam-track>.fx-beam-ray,.fx-beam-root[data-fx-motion=subtle]>.fx-beam-glow>.fx-beam-glow__ray{animation:fx-beam-spin var(--fx-beam-duration,6s) linear infinite}.fx-beam-root[data-reverse=true][data-fx-motion=expressive]>.fx-beam-track>.fx-beam-ray,.fx-beam-root[data-reverse=true][data-fx-motion=expressive]>.fx-beam-glow>.fx-beam-glow__ray,.fx-beam-root[data-reverse=true][data-fx-motion=subtle]>.fx-beam-track>.fx-beam-ray,.fx-beam-root[data-reverse=true][data-fx-motion=subtle]>.fx-beam-glow>.fx-beam-glow__ray{animation:fx-beam-spin-reverse var(--fx-beam-duration,6s) linear infinite}.fx-beam-root[data-fx-motion=subtle]>.fx-beam-track>.fx-beam-ray{opacity:.75}.fx-beam-root[data-fx-motion=subtle]>.fx-beam-glow>.fx-beam-glow__ray{opacity:.35}.fx-beam-root[data-fx-running=true]>.fx-beam-track>.fx-beam-ray,.fx-beam-root[data-fx-running=true]>.fx-beam-glow>.fx-beam-glow__ray{will-change:transform}.fx-beam-root[data-fx-running=false]>.fx-beam-track>.fx-beam-ray,.fx-beam-root[data-fx-running=false]>.fx-beam-glow>.fx-beam-glow__ray{animation-play-state:paused}.fx-beam-root[data-fx-motion=none]>.fx-beam-track>.fx-beam-ray,.fx-beam-root[data-fx-motion=none]>.fx-beam-glow>.fx-beam-glow__ray{animation:none}@media (prefers-reduced-motion:reduce){.fx-beam-root>.fx-beam-track>.fx-beam-ray,.fx-beam-root>.fx-beam-glow>.fx-beam-glow__ray{will-change:auto;animation:none}}.dark .fx-beam-root{--fx-beam-track-color:color-mix(in oklch, var(--fx-beam-c) 14%, var(--border))}.dark .fx-beam-glow{opacity:calc(var(--fx-beam-glow-opacity,.6) * 1.25)}}