@layer components{.fx-beams-root{isolation:isolate;background:0 0;width:100%;position:relative;overflow:hidden}.fx-beams-stage{pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;position:absolute;inset:0;overflow:hidden}.fx-beams-glow{background:radial-gradient(ellipse 60% 50% at 50% 20%, color-mix(in oklch, var(--fx-beams-c) calc(var(--fx-beams-intensity,1) * 35%), transparent), color-mix(in oklch, var(--fx-beams-secondary,var(--fx-beams-c)) calc(var(--fx-beams-intensity,1) * 15%), transparent) 50%, color-mix(in oklch, var(--fx-beams-secondary,var(--fx-beams-c)) calc(var(--fx-beams-intensity,1) * 5%), transparent) 68%, transparent 92%);opacity:.85;border-radius:9999px;width:120%;height:60%;position:absolute;top:-20%;left:50%;transform:translate(-50%)}.dark .fx-beams-glow{opacity:.95;background:radial-gradient(ellipse 60% 50% at 50% 20%, color-mix(in oklch, var(--fx-beams-c) calc(var(--fx-beams-intensity,1) * 45%), transparent), color-mix(in oklch, var(--fx-beams-secondary,var(--fx-beams-c)) calc(var(--fx-beams-intensity,1) * 25%), transparent) 50%, color-mix(in oklch, var(--fx-beams-secondary,var(--fx-beams-c)) calc(var(--fx-beams-intensity,1) * 9%), transparent) 72%, transparent 95%)}.fx-beams-spotlight-wrapper{pointer-events:none;justify-content:center;align-items:flex-start;height:120%;display:flex;position:absolute;top:-10%;left:0;right:0;-webkit-mask-image:radial-gradient(90% 85% at 50% 5%,#000 30%,#0000 80%);mask-image:radial-gradient(90% 85% at 50% 5%,#000 30%,#0000 80%)}.fx-beams-spotlight-fan{transform-origin:50% 0;width:140%;height:100%;animation:fx-beams-spotlight-sway var(--fx-beams-speed,8s) ease-in-out infinite alternate;justify-content:center;display:flex;position:relative}.fx-beams-root[data-fx-running=true] .fx-beams-spotlight-fan,.fx-beams-root[data-fx-running=true] .fx-beams-ray-shimmer{will-change:transform, opacity}.fx-beams-spotlight-cone{background:conic-gradient(from 0deg at 50% 0%, transparent 0deg, transparent calc(180deg - var(--fx-beams-spread-deg,38deg) * 1.6), color-mix(in oklch, var(--fx-beams-secondary,var(--fx-beams-c)) calc(var(--fx-beams-intensity,1) * 12%), transparent) calc(180deg - var(--fx-beams-spread-deg,38deg)), color-mix(in oklch, var(--fx-beams-c) calc(var(--fx-beams-intensity,1) * 32%), transparent) 180deg, color-mix(in oklch, var(--fx-beams-secondary,var(--fx-beams-c)) calc(var(--fx-beams-intensity,1) * 12%), transparent) calc(180deg + var(--fx-beams-spread-deg,38deg)), transparent calc(180deg + var(--fx-beams-spread-deg,38deg) * 1.6), transparent 360deg);width:100%;height:140%}.dark .fx-beams-spotlight-cone{background:conic-gradient(from 0deg at 50% 0%, transparent 0deg, transparent calc(180deg - var(--fx-beams-spread-deg,38deg) * 1.6), color-mix(in oklch, var(--fx-beams-secondary,var(--fx-beams-c)) calc(var(--fx-beams-intensity,1) * 20%), transparent) calc(180deg - var(--fx-beams-spread-deg,38deg)), color-mix(in oklch, var(--fx-beams-c) calc(var(--fx-beams-intensity,1) * 48%), transparent) 180deg, color-mix(in oklch, var(--fx-beams-secondary,var(--fx-beams-c)) calc(var(--fx-beams-intensity,1) * 20%), transparent) calc(180deg + var(--fx-beams-spread-deg,38deg)), transparent calc(180deg + var(--fx-beams-spread-deg,38deg) * 1.6), transparent 360deg)}.fx-beams-spotlight-core{background:conic-gradient(from 0deg at 50% 0%, transparent 0deg, transparent calc(180deg - 30deg), color-mix(in oklch, var(--fx-beams-c) calc(var(--fx-beams-intensity,1) * 16%), transparent) calc(180deg - 14deg), color-mix(in oklch, #fff calc(var(--fx-beams-intensity,1) * 30%), transparent) 180deg, color-mix(in oklch, var(--fx-beams-c) calc(var(--fx-beams-intensity,1) * 16%), transparent) calc(180deg + 14deg), transparent calc(180deg + 30deg), transparent 360deg);width:50%;height:100%;position:absolute;top:0;left:25%}.fx-beams-rays-container{pointer-events:none;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 0%,#000 15% 80%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 15% 80%,#0000 100%)}.fx-beams-ray{width:var(--fx-ray-w,1.5px);top:0;bottom:0;left:var(--fx-ray-left,50%);background:linear-gradient(to bottom, transparent 0%, color-mix(in oklch, var(--fx-ray-c,var(--fx-beams-c)) calc(var(--fx-beams-intensity,1) * 22%), transparent) 30%, color-mix(in oklch, var(--fx-ray-c,var(--fx-beams-c)) calc(var(--fx-beams-intensity,1) * 32%), transparent) 60%, transparent 100%);opacity:var(--fx-ray-opacity,.45);position:absolute}.dark .fx-beams-ray{background:linear-gradient(to bottom, transparent 0%, color-mix(in oklch, var(--fx-ray-c,var(--fx-beams-c)) calc(var(--fx-beams-intensity,1) * 35%), transparent) 30%, color-mix(in oklch, var(--fx-ray-c,var(--fx-beams-c)) calc(var(--fx-beams-intensity,1) * 50%), transparent) 60%, transparent 100%);opacity:var(--fx-ray-opacity,.6)}.fx-beams-ray-shimmer{background:linear-gradient(to bottom, transparent 0%, color-mix(in oklch, var(--fx-ray-c,var(--fx-beams-c)) 80%, #fff) 50%, transparent 100%) center / 2px 100% no-repeat, radial-gradient(ellipse 50% 50% at 50% 50%, color-mix(in oklch, var(--fx-ray-c,var(--fx-beams-c)) 55%, transparent), transparent 100%);width:10px;height:12%;animation:fx-beams-shimmer-flow var(--fx-ray-dur,6s) linear infinite;animation-delay:var(--fx-ray-delay,0s);position:absolute;top:0;left:calc(50% - 5px)}.fx-beams-sparkle{left:var(--fx-ray-left,50%);top:var(--fx-sparkle-top,40%);width:var(--fx-sparkle-size,4px);height:var(--fx-sparkle-size,4px);box-shadow:0 0 8px 1px var(--fx-ray-c,var(--fx-beams-c));opacity:.8;background:#fff;border-radius:9999px;position:absolute;transform:translate(-50%,-50%)}.fx-beams-content{z-index:10;width:100%;position:relative}@keyframes fx-beams-spotlight-sway{0%{opacity:.85;transform:rotate(-3deg)scaleY(.98)}50%{opacity:1;transform:rotate(0)scaleY(1.02)}to{opacity:.85;transform:rotate(3deg)scaleY(.98)}}@keyframes fx-beams-shimmer-flow{0%{opacity:0;transform:translateY(-100%)}15%{opacity:.85}85%{opacity:.85}to{opacity:0;transform:translateY(840%)}}.fx-beams-root[data-fx-running=false] .fx-beams-spotlight-fan,.fx-beams-root[data-fx-running=false] .fx-beams-ray-shimmer{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.fx-beams-spotlight-fan,.fx-beams-ray-shimmer{animation:none}}.fx-beams-root[data-fx-motion=none] .fx-beams-spotlight-fan,.fx-beams-root[data-fx-motion=none] .fx-beams-ray-shimmer{animation:none}.fx-beams-root[data-fx-motion=none] .fx-beams-ray-shimmer{transform:translateY(var(--fx-ray-rest,300%));opacity:.7}}