@property --beam-angle{syntax:"<angle>";inherits:true;initial-value:0deg}@property --beam-opacity{syntax:"<number>";inherits:true;initial-value:0}@property --beam-x{syntax:"<number>";inherits:true;initial-value:0}@property --beam-w{syntax:"<number>";inherits:true;initial-value:1}@property --beam-h{syntax:"<number>";inherits:true;initial-value:1}@property --beam-spike{syntax:"<number>";inherits:true;initial-value:1}@property --beam-spike2{syntax:"<number>";inherits:true;initial-value:1}@property --beam-edge{syntax:"<number>";inherits:true;initial-value:1}@keyframes beam-spin{to{--beam-angle:360deg}}@keyframes beam-fade-in{to{--beam-opacity:1}}@keyframes beam-fade-out{0%{--beam-opacity:1}to{--beam-opacity:0}}@keyframes beam-hue-shift{0%,to{filter:hue-rotate(calc(-1 * var(--beam-hue-range))) brightness(var(--beam-brightness)) saturate(var(--beam-saturation))}50%{filter:hue-rotate(var(--beam-hue-range)) brightness(var(--beam-brightness)) saturate(var(--beam-saturation))}}@keyframes beam-hue-shift-bloom{0%,to{filter:blur(8px) hue-rotate(calc(-1 * (var(--beam-hue-range) + 10deg))) brightness(var(--beam-brightness)) saturate(var(--beam-saturation))}50%{filter:blur(8px) hue-rotate(calc(var(--beam-hue-range) + 10deg)) brightness(var(--beam-brightness)) saturate(var(--beam-saturation))}}@keyframes beam-travel{0%{--beam-x:.06;--beam-w:.5}10%{--beam-x:.15;--beam-w:.8}20%{--beam-x:.25;--beam-w:1.1}30%{--beam-x:.35;--beam-w:1.3}40%{--beam-x:.44;--beam-w:1.45}50%{--beam-x:.5;--beam-w:1.5}60%{--beam-x:.56;--beam-w:1.45}70%{--beam-x:.65;--beam-w:1.3}80%{--beam-x:.75;--beam-w:1.1}90%{--beam-x:.85;--beam-w:.8}to{--beam-x:.94;--beam-w:.5}}@keyframes beam-edge-fade{0%,12.5%,87.5%,to{--beam-edge:0}32.5%,67.5%{--beam-edge:1}}@keyframes beam-breathe{0%,to{--beam-h:.8}25%{--beam-h:1.25}55%{--beam-h:.85}80%{--beam-h:1.3}}@keyframes beam-spike{0%,to{--beam-spike:.8}25%{--beam-spike:1.3}50%{--beam-spike:.9}75%{--beam-spike:1.4}}@keyframes beam-spike2{0%,to{--beam-spike2:1.2}25%{--beam-spike2:.7}50%{--beam-spike2:1.4}75%{--beam-spike2:.8}}@layer components{[data-beam]{--beam-inner-radius:max(0px, calc(var(--beam-radius) - var(--beam-border-width)));border-radius:var(--beam-radius);position:relative;overflow:hidden}:is([data-beam-size=sm],[data-beam-size=md])[data-active]{animation:beam-spin var(--beam-duration) linear infinite, beam-fade-in .6s ease forwards}:is([data-beam-size=sm],[data-beam-size=md])[data-fading]{animation:beam-spin var(--beam-duration) linear infinite, beam-fade-out .5s ease forwards}:is([data-beam-size=sm],[data-beam-size=md]):is([data-active],[data-fading]):after{content:"";border-radius:var(--beam-inner-radius);padding:var(--beam-border-width);clip-path:inset(0 round var(--beam-radius));-webkit-mask:conic-gradient(from var(--beam-angle), transparent 0%, transparent 30%, #ffffff1a 36%, #ffffff59 44%, white 52%, white 80%, #ffffff59 86%, #ffffff1a 92%, transparent 95%, transparent 100%), linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite:source-in, xor;-webkit-mask:conic-gradient(from var(--beam-angle), transparent 0%, transparent 30%, #ffffff1a 36%, #ffffff59 44%, white 52%, white 80%, #ffffff59 86%, #ffffff1a 92%, transparent 95%, transparent 100%), linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);mask:conic-gradient(from var(--beam-angle), transparent 0%, transparent 30%, #ffffff1a 36%, #ffffff59 44%, white 52%, white 80%, #ffffff59 86%, #ffffff1a 92%, transparent 95%, transparent 100%), linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);pointer-events:none;z-index:2;opacity:calc(var(--beam-opacity) * var(--beam-stroke-opacity) * var(--beam-strength,1));position:absolute;inset:0;-webkit-mask-composite:source-in,xor;mask-composite:intersect,exclude}[data-beam-size=md]:is([data-active],[data-fading]):before{content:"";border-radius:var(--beam-radius);background:var(--beam-inner);box-shadow:inset 0 0 9px 1px var(--beam-inner-shadow);-webkit-mask-image:conic-gradient(from var(--beam-angle), transparent 0%, transparent 30%, #ffffff1a 36%, #ffffff59 44%, white 52%, white 80%, #ffffff59 86%, #ffffff1a 92%, transparent 95%, transparent 100%), linear-gradient(white, transparent 28px, transparent calc(100% - 28px), white), linear-gradient(to right, white, transparent 28px, transparent calc(100% - 28px), white);-webkit-mask-composite:source-in, source-over;-webkit-mask-image:conic-gradient(from var(--beam-angle), transparent 0%, transparent 30%, #ffffff1a 36%, #ffffff59 44%, white 52%, white 80%, #ffffff59 86%, #ffffff1a 92%, transparent 95%, transparent 100%), linear-gradient(white, transparent 28px, transparent calc(100% - 28px), white), linear-gradient(to right, white, transparent 28px, transparent calc(100% - 28px), white);mask-image:conic-gradient(from var(--beam-angle), transparent 0%, transparent 30%, #ffffff1a 36%, #ffffff59 44%, white 52%, white 80%, #ffffff59 86%, #ffffff1a 92%, transparent 95%, transparent 100%), linear-gradient(white, transparent 28px, transparent calc(100% - 28px), white), linear-gradient(to right, white, transparent 28px, transparent calc(100% - 28px), white);pointer-events:none;z-index:1;opacity:calc(var(--beam-opacity) * var(--beam-inner-opacity) * var(--beam-strength,1));clip-path:inset(0 round var(--beam-radius));position:absolute;inset:0;-webkit-mask-composite:source-in,source-over;mask-composite:intersect,add}[data-beam-size=sm]:is([data-active],[data-fading]):before{content:"";border-radius:var(--beam-radius);clip-path:inset(0 round var(--beam-radius));background:var(--beam-inner);box-shadow:inset 0 0 5px 1px var(--beam-inner-shadow);-webkit-mask-image:conic-gradient(from var(--beam-angle), transparent 0%, transparent 22%, #ffffff1f 28%, #fff6 36%, white 46%, white 82%, #fff6 88%, #ffffff1f 94%, transparent 97%, transparent 100%);-webkit-mask-composite:source-over;-webkit-mask-image:conic-gradient(from var(--beam-angle), transparent 0%, transparent 22%, #ffffff1f 28%, #fff6 36%, white 46%, white 82%, #fff6 88%, #ffffff1f 94%, transparent 97%, transparent 100%);mask-image:conic-gradient(from var(--beam-angle), transparent 0%, transparent 22%, #ffffff1f 28%, #fff6 36%, white 46%, white 82%, #fff6 88%, #ffffff1f 94%, transparent 97%, transparent 100%);pointer-events:none;z-index:1;opacity:calc(var(--beam-opacity) * var(--beam-inner-opacity) * var(--beam-strength,1));position:absolute;inset:0;-webkit-mask-composite:source-over;mask-composite:add}:is([data-beam-size=sm],[data-beam-size=md]) [data-beam-bloom]{border-radius:var(--beam-inner-radius);clip-path:inset(0 round var(--beam-radius));-webkit-mask-composite:xor;padding:var(--beam-border-width);filter:blur(8px) brightness(var(--beam-brightness)) saturate(var(--beam-saturation));pointer-events:none;z-index:3;opacity:0;display:none;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}:is([data-beam-size=sm],[data-beam-size=md]):is([data-active],[data-fading]) [data-beam-bloom]{opacity:calc(var(--beam-opacity) * var(--beam-bloom-opacity) * var(--beam-strength,1));display:block}:is([data-beam-size=sm],[data-beam-size=md]):not([data-beam-static]):is([data-active],[data-fading]):before,:is([data-beam-size=sm],[data-beam-size=md]):not([data-beam-static]):is([data-active],[data-fading]):after{animation:12s ease-in-out infinite beam-hue-shift}[data-beam-size=line][data-active]{animation:beam-travel var(--beam-duration) linear infinite, beam-edge-fade var(--beam-duration) linear infinite, beam-breathe calc(var(--beam-duration) * 1.3) ease-in-out infinite, beam-spike calc(var(--beam-duration) * 1.33) ease-in-out infinite, beam-spike2 calc(var(--beam-duration) * 1.7) ease-in-out infinite, beam-fade-in .6s ease forwards}[data-beam-size=line][data-fading]{animation:beam-travel var(--beam-duration) linear infinite, beam-edge-fade var(--beam-duration) linear infinite, beam-breathe calc(var(--beam-duration) * 1.3) ease-in-out infinite, beam-spike calc(var(--beam-duration) * 1.33) ease-in-out infinite, beam-spike2 calc(var(--beam-duration) * 1.7) ease-in-out infinite, beam-fade-out .5s ease forwards}[data-beam-size=line]:is([data-active],[data-fading]):after{content:"";border-radius:var(--beam-inner-radius);padding:var(--beam-border-width);clip-path:inset(0 round var(--beam-radius));-webkit-mask:radial-gradient(ellipse calc(78px * var(--beam-w)) calc(60px * var(--beam-h)) at calc(var(--beam-x) * 100%) 100%, white 0%, #ffffff80 45%, transparent 100%), linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite:source-in, xor;-webkit-mask:radial-gradient(ellipse calc(78px * var(--beam-w)) calc(60px * var(--beam-h)) at calc(var(--beam-x) * 100%) 100%, white 0%, #ffffff80 45%, transparent 100%), linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);mask:radial-gradient(ellipse calc(78px * var(--beam-w)) calc(60px * var(--beam-h)) at calc(var(--beam-x) * 100%) 100%, white 0%, #ffffff80 45%, transparent 100%), linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);pointer-events:none;z-index:2;opacity:calc(var(--beam-opacity) * var(--beam-edge) * var(--beam-stroke-opacity) * var(--beam-strength,1));position:absolute;inset:0;-webkit-mask-composite:source-in,xor;mask-composite:intersect,exclude}[data-beam-size=line]:is([data-active],[data-fading]):before{content:"";border-radius:var(--beam-radius);box-shadow:inset 0 0 9px 1px var(--beam-inner-shadow);-webkit-mask-image:radial-gradient(ellipse calc(78px * var(--beam-w)) calc(60px * var(--beam-h)) at calc(var(--beam-x) * 100%) 100%, white 0%, #ffffff80 45%, transparent 100%), linear-gradient(white, transparent 28px, transparent calc(100% - 28px), white), linear-gradient(to right, white, transparent 28px, transparent calc(100% - 28px), white);-webkit-mask-composite:source-in, source-over;-webkit-mask-image:radial-gradient(ellipse calc(78px * var(--beam-w)) calc(60px * var(--beam-h)) at calc(var(--beam-x) * 100%) 100%, white 0%, #ffffff80 45%, transparent 100%), linear-gradient(white, transparent 28px, transparent calc(100% - 28px), white), linear-gradient(to right, white, transparent 28px, transparent calc(100% - 28px), white);mask-image:radial-gradient(ellipse calc(78px * var(--beam-w)) calc(60px * var(--beam-h)) at calc(var(--beam-x) * 100%) 100%, white 0%, #ffffff80 45%, transparent 100%), linear-gradient(white, transparent 28px, transparent calc(100% - 28px), white), linear-gradient(to right, white, transparent 28px, transparent calc(100% - 28px), white);pointer-events:none;z-index:1;opacity:calc(var(--beam-opacity) * var(--beam-edge) * var(--beam-inner-opacity) * var(--beam-strength,1));clip-path:inset(0 round var(--beam-radius));position:absolute;inset:0;-webkit-mask-composite:source-in,source-over;mask-composite:intersect,add}[data-beam-size=line] [data-beam-bloom]{border-radius:var(--beam-inner-radius);clip-path:inset(0 round var(--beam-radius));-webkit-mask:radial-gradient(ellipse calc(84px * var(--beam-w)) calc(110px * var(--beam-h)) at calc(var(--beam-x) * 100%) 100%, white 0%, #ffffff80 35%, transparent 100%);-webkit-mask-composite:source-over;-webkit-mask:radial-gradient(ellipse calc(84px * var(--beam-w)) calc(110px * var(--beam-h)) at calc(var(--beam-x) * 100%) 100%, white 0%, #ffffff80 35%, transparent 100%);mask:radial-gradient(ellipse calc(84px * var(--beam-w)) calc(110px * var(--beam-h)) at calc(var(--beam-x) * 100%) 100%, white 0%, #ffffff80 35%, transparent 100%);pointer-events:none;z-index:3;opacity:0;padding:0;display:none;position:absolute;inset:0;-webkit-mask-composite:source-over;mask-composite:add}[data-beam-size=line][data-beam-color=mono] [data-beam-bloom]{filter:blur(6px)}[data-beam-size=line]:is([data-active],[data-fading]) [data-beam-bloom]{opacity:calc(var(--beam-opacity) * var(--beam-edge) * var(--beam-bloom-opacity) * var(--beam-strength,1));display:block}[data-beam-size=line]:not([data-beam-static]):is([data-active],[data-fading]):before,[data-beam-size=line]:not([data-beam-static]):is([data-active],[data-fading]):after{animation:12s ease-in-out infinite beam-hue-shift}[data-beam-size=line]:not([data-beam-static]):is([data-active],[data-fading]) [data-beam-bloom]{animation:8s ease-in-out infinite beam-hue-shift-bloom}[data-beam-size=sm][data-beam-color=colorful]{--beam-colors:radial-gradient(ellipse 9px 18px at 2% 68%, #32c850, transparent), radial-gradient(ellipse 4px 8px at 2% 68%, #1eb9aa, transparent), radial-gradient(ellipse 59px 9px at 72% -3%, #ff7828, transparent), radial-gradient(ellipse 42px 7px at 74% 100%, #6446ff, transparent), radial-gradient(ellipse 10px 17px at 100% 27%, #f032b4, transparent), radial-gradient(ellipse 10px 18px at 100% 27%, #b428f0, transparent), radial-gradient(ellipse 5px 10px at 100% 27%, #288cff, transparent), radial-gradient(ellipse 11px 12px at 100% 27%, #ff3264, transparent);--beam-inner:radial-gradient(ellipse 9px 18px at 2% 68%, #32c85080, transparent), radial-gradient(ellipse 4px 8px at 2% 68%, #1eb9aa73, transparent), radial-gradient(ellipse 59px 9px at 72% -3%, #ff782859, transparent), radial-gradient(ellipse 42px 7px at 74% 100%, #6446ff59, transparent), radial-gradient(ellipse 10px 17px at 100% 27%, #f032b44d, transparent), radial-gradient(ellipse 10px 18px at 100% 27%, #b428f066, transparent), radial-gradient(ellipse 5px 10px at 100% 27%, #288cff4d, transparent), radial-gradient(ellipse 11px 12px at 100% 27%, #ff32644d, transparent)}[data-beam-size=sm][data-beam-color=mono]{--beam-colors:radial-gradient(ellipse 9px 18px at 2% 68%, #a0a0a0, transparent), radial-gradient(ellipse 4px 8px at 2% 68%, #8c8c8c, transparent), radial-gradient(ellipse 59px 9px at 72% -3%, #b4b4b4, transparent), radial-gradient(ellipse 42px 7px at 74% 100%, #969696, transparent), radial-gradient(ellipse 10px 17px at 100% 27%, #aaa, transparent), radial-gradient(ellipse 10px 18px at 100% 27%, #9b9b9b, transparent), radial-gradient(ellipse 5px 10px at 100% 27%, #919191, transparent), radial-gradient(ellipse 11px 12px at 100% 27%, #a5a5a5, transparent);--beam-inner:radial-gradient(ellipse 9px 18px at 2% 68%, #a0a0a040, transparent), radial-gradient(ellipse 4px 8px at 2% 68%, #8c8c8c38, transparent), radial-gradient(ellipse 59px 9px at 72% -3%, #b4b4b42b, transparent), radial-gradient(ellipse 42px 7px at 74% 100%, #9696962b, transparent), radial-gradient(ellipse 10px 17px at 100% 27%, #aaaaaa26, transparent), radial-gradient(ellipse 10px 18px at 100% 27%, #9b9b9b33, transparent), radial-gradient(ellipse 5px 10px at 100% 27%, #91919126, transparent), radial-gradient(ellipse 11px 12px at 100% 27%, #a5a5a526, transparent)}[data-beam-size=sm][data-beam-color=ocean]{--beam-colors:radial-gradient(ellipse 9px 18px at 2% 68%, #3c8cc8, transparent), radial-gradient(ellipse 4px 8px at 2% 68%, #3278b4, transparent), radial-gradient(ellipse 59px 9px at 72% -3%, #6450dc, transparent), radial-gradient(ellipse 42px 7px at 74% 100%, #5064ff, transparent), radial-gradient(ellipse 10px 17px at 100% 27%, #7846f0, transparent), radial-gradient(ellipse 10px 18px at 100% 27%, #5a50dc, transparent), radial-gradient(ellipse 5px 10px at 100% 27%, #466eff, transparent), radial-gradient(ellipse 11px 12px at 100% 27%, #6e5ae6, transparent);--beam-inner:radial-gradient(ellipse 9px 18px at 2% 68%, #3c8cc880, transparent), radial-gradient(ellipse 4px 8px at 2% 68%, #3278b473, transparent), radial-gradient(ellipse 59px 9px at 72% -3%, #6450dc59, transparent), radial-gradient(ellipse 42px 7px at 74% 100%, #5064ff59, transparent), radial-gradient(ellipse 10px 17px at 100% 27%, #7846f04d, transparent), radial-gradient(ellipse 10px 18px at 100% 27%, #5a50dc66, transparent), radial-gradient(ellipse 5px 10px at 100% 27%, #466eff4d, transparent), radial-gradient(ellipse 11px 12px at 100% 27%, #6e5ae64d, transparent)}[data-beam-size=sm][data-beam-color=sunset]{--beam-colors:radial-gradient(ellipse 9px 18px at 2% 68%, #ffb432, transparent), radial-gradient(ellipse 4px 8px at 2% 68%, #ff9628, transparent), radial-gradient(ellipse 59px 9px at 72% -3%, #ff503c, transparent), radial-gradient(ellipse 42px 7px at 74% 100%, #ff6450, transparent), radial-gradient(ellipse 10px 17px at 100% 27%, #ff3c50, transparent), radial-gradient(ellipse 10px 18px at 100% 27%, #ff783c, transparent), radial-gradient(ellipse 5px 10px at 100% 27%, #ffc832, transparent), radial-gradient(ellipse 11px 12px at 100% 27%, #ff5a46, transparent);--beam-inner:radial-gradient(ellipse 9px 18px at 2% 68%, #ffb43280, transparent), radial-gradient(ellipse 4px 8px at 2% 68%, #ff962873, transparent), radial-gradient(ellipse 59px 9px at 72% -3%, #ff503c59, transparent), radial-gradient(ellipse 42px 7px at 74% 100%, #ff645059, transparent), radial-gradient(ellipse 10px 17px at 100% 27%, #ff3c504d, transparent), radial-gradient(ellipse 10px 18px at 100% 27%, #ff783c66, transparent), radial-gradient(ellipse 5px 10px at 100% 27%, #ffc8324d, transparent), radial-gradient(ellipse 11px 12px at 100% 27%, #ff5a464d, transparent)}[data-beam-size=sm][data-beam-theme=dark]:is([data-active],[data-fading]):after{background:conic-gradient(from var(--beam-angle), transparent 0%, transparent 54%, #ffffff1a 57%, #ffffff4d 60%, #fff9 63%, #ffffffbf 66%, #fff9 69%, #ffffff4d 72%, #ffffff1a 75%, transparent 78%, transparent 100%), var(--beam-colors)}[data-beam-size=sm][data-beam-theme=dark] [data-beam-bloom]{background:conic-gradient(from var(--beam-angle), transparent 0%, transparent 58%, #ffffff08 62%, #ffffff14 65%, #fff3 67%, #ffffff73 69%, #ffffffd9 70%, #ffffffd9 70.5%, #ffffff73 71.5%, #fff3 73%, #ffffff14 75%, #ffffff08 78%, transparent 82%)}[data-beam-size=sm][data-beam-theme=light]:is([data-active],[data-fading]):after{background:conic-gradient(from var(--beam-angle), transparent 0%, transparent 54%, #00000014 57%, #0003 60%, #0006 63%, #0000008c 66%, #0006 69%, #0003 72%, #00000014 75%, transparent 78%, transparent 100%), var(--beam-colors)}[data-beam-size=sm][data-beam-theme=light] [data-beam-bloom]{background:conic-gradient(from var(--beam-angle), transparent 0%, transparent 58%, #00000005 62%, #00000014 65%, #0003 67%, #0006 69%, #0009 70%, #0009 70.5%, #0006 71.5%, #0003 73%, #00000014 75%, #00000005 78%, transparent 82%)}[data-beam-size=md][data-beam-color=colorful]{--beam-colors:radial-gradient(ellipse 70px 40px at 33% -7.4%, #ff3264, transparent), radial-gradient(ellipse 60px 35px at 12% -5%, #288cff, transparent), radial-gradient(ellipse 40px 70px at 2.1% 68.3%, #32c850, transparent), radial-gradient(ellipse 20px 35px at 2.1% 68.3%, #1eb9aa, transparent), radial-gradient(ellipse 180px 32px at 74.4% 100%, #6446ff, transparent), radial-gradient(ellipse 85px 26px at 55% 100%, #288cff, transparent), radial-gradient(ellipse 74px 32px at 93.9% 0%, #ff7828, transparent), radial-gradient(ellipse 26px 42px at 100% 27.1%, #f032b4, transparent), radial-gradient(ellipse 52px 48px at 100% 27.1%, #b428f0, transparent);--beam-inner:radial-gradient(ellipse 63px 36px at 33% -7.4%, #ff326473, transparent), radial-gradient(ellipse 54px 32px at 12% -5%, #288cff73, transparent), radial-gradient(ellipse 36px 63px at 2.1% 68.3%, #32c85073, transparent), radial-gradient(ellipse 18px 32px at 2.1% 68.3%, #1eb9aa73, transparent), radial-gradient(ellipse 162px 29px at 74.4% 100%, #6446ff73, transparent), radial-gradient(ellipse 77px 23px at 55% 100%, #288cff73, transparent), radial-gradient(ellipse 67px 29px at 93.9% 0%, #ff782873, transparent), radial-gradient(ellipse 23px 38px at 100% 27.1%, #f032b473, transparent), radial-gradient(ellipse 47px 43px at 100% 27.1%, #b428f073, transparent)}[data-beam-size=md][data-beam-color=mono]{--beam-colors:radial-gradient(ellipse 70px 40px at 33% -7.4%, #b4b4b4, transparent), radial-gradient(ellipse 60px 35px at 12% -5%, #8c8c8c, transparent), radial-gradient(ellipse 40px 70px at 2.1% 68.3%, #a0a0a0, transparent), radial-gradient(ellipse 20px 35px at 2.1% 68.3%, #828282, transparent), radial-gradient(ellipse 180px 32px at 74.4% 100%, #aaa, transparent), radial-gradient(ellipse 85px 26px at 55% 100%, #969696, transparent), radial-gradient(ellipse 74px 32px at 93.9% 0%, #bebebe, transparent), radial-gradient(ellipse 26px 42px at 100% 27.1%, #919191, transparent), radial-gradient(ellipse 52px 48px at 100% 27.1%, #a5a5a5, transparent);--beam-inner:radial-gradient(ellipse 63px 36px at 33% -7.4%, #b4b4b439, transparent), radial-gradient(ellipse 54px 32px at 12% -5%, #8c8c8c39, transparent), radial-gradient(ellipse 36px 63px at 2.1% 68.3%, #a0a0a039, transparent), radial-gradient(ellipse 18px 32px at 2.1% 68.3%, #82828239, transparent), radial-gradient(ellipse 162px 29px at 74.4% 100%, #aaaaaa39, transparent), radial-gradient(ellipse 77px 23px at 55% 100%, #96969639, transparent), radial-gradient(ellipse 67px 29px at 93.9% 0%, #bebebe39, transparent), radial-gradient(ellipse 23px 38px at 100% 27.1%, #91919139, transparent), radial-gradient(ellipse 47px 43px at 100% 27.1%, #a5a5a539, transparent)}[data-beam-size=md][data-beam-color=ocean]{--beam-colors:radial-gradient(ellipse 70px 40px at 33% -7.4%, #6450dc, transparent), radial-gradient(ellipse 60px 35px at 12% -5%, #3c78ff, transparent), radial-gradient(ellipse 40px 70px at 2.1% 68.3%, #5064c8, transparent), radial-gradient(ellipse 20px 35px at 2.1% 68.3%, #328cdc, transparent), radial-gradient(ellipse 180px 32px at 74.4% 100%, #7850ff, transparent), radial-gradient(ellipse 85px 26px at 55% 100%, #4682ff, transparent), radial-gradient(ellipse 74px 32px at 93.9% 0%, #8c64f0, transparent), radial-gradient(ellipse 26px 42px at 100% 27.1%, #5a6ee6, transparent), radial-gradient(ellipse 52px 48px at 100% 27.1%, #8246ff, transparent);--beam-inner:radial-gradient(ellipse 63px 36px at 33% -7.4%, #6450dc73, transparent), radial-gradient(ellipse 54px 32px at 12% -5%, #3c78ff73, transparent), radial-gradient(ellipse 36px 63px at 2.1% 68.3%, #5064c873, transparent), radial-gradient(ellipse 18px 32px at 2.1% 68.3%, #328cdc73, transparent), radial-gradient(ellipse 162px 29px at 74.4% 100%, #7850ff73, transparent), radial-gradient(ellipse 77px 23px at 55% 100%, #4682ff73, transparent), radial-gradient(ellipse 67px 29px at 93.9% 0%, #8c64f073, transparent), radial-gradient(ellipse 23px 38px at 100% 27.1%, #5a6ee673, transparent), radial-gradient(ellipse 47px 43px at 100% 27.1%, #8246ff73, transparent)}[data-beam-size=md][data-beam-color=sunset]{--beam-colors:radial-gradient(ellipse 70px 40px at 33% -7.4%, #ff5032, transparent), radial-gradient(ellipse 60px 35px at 12% -5%, #ffa028, transparent), radial-gradient(ellipse 40px 70px at 2.1% 68.3%, #ff783c, transparent), radial-gradient(ellipse 20px 35px at 2.1% 68.3%, #ffc832, transparent), radial-gradient(ellipse 180px 32px at 74.4% 100%, #ff6450, transparent), radial-gradient(ellipse 85px 26px at 55% 100%, #ffb43c, transparent), radial-gradient(ellipse 74px 32px at 93.9% 0%, #ff3c3c, transparent), radial-gradient(ellipse 26px 42px at 100% 27.1%, #ff8c32, transparent), radial-gradient(ellipse 52px 48px at 100% 27.1%, #ff5a46, transparent);--beam-inner:radial-gradient(ellipse 63px 36px at 33% -7.4%, #ff503273, transparent), radial-gradient(ellipse 54px 32px at 12% -5%, #ffa02873, transparent), radial-gradient(ellipse 36px 63px at 2.1% 68.3%, #ff783c73, transparent), radial-gradient(ellipse 18px 32px at 2.1% 68.3%, #ffc83273, transparent), radial-gradient(ellipse 162px 29px at 74.4% 100%, #ff645073, transparent), radial-gradient(ellipse 77px 23px at 55% 100%, #ffb43c73, transparent), radial-gradient(ellipse 67px 29px at 93.9% 0%, #ff3c3c73, transparent), radial-gradient(ellipse 23px 38px at 100% 27.1%, #ff8c3273, transparent), radial-gradient(ellipse 47px 43px at 100% 27.1%, #ff5a4673, transparent)}[data-beam-size=md][data-beam-theme=dark]:is([data-active],[data-fading]):after{background:conic-gradient(from var(--beam-angle), transparent 0%, transparent 54%, #ffffff1a 57%, #ffffff4d 60%, #fff9 63%, #ffffffbf 66%, #fff9 69%, #ffffff4d 72%, #ffffff1a 75%, transparent 78%, transparent 100%), var(--beam-colors)}[data-beam-size=md][data-beam-theme=dark] [data-beam-bloom]{background:conic-gradient(from var(--beam-angle), transparent 0%, transparent 58%, #ffffff08 62%, #ffffff14 65%, #fff3 67%, #ffffff73 69%, #ffffffd9 70%, #ffffffd9 70.5%, #ffffff73 71.5%, #fff3 73%, #ffffff14 75%, #ffffff08 78%, transparent 82%)}[data-beam-size=md][data-beam-theme=light]:is([data-active],[data-fading]):after{background:conic-gradient(from var(--beam-angle), transparent 0%, transparent 54%, #00000014 57%, #0003 60%, #0006 63%, #0000008c 66%, #0006 69%, #0003 72%, #00000014 75%, transparent 78%, transparent 100%), var(--beam-colors)}[data-beam-size=md][data-beam-theme=light] [data-beam-bloom]{background:conic-gradient(from var(--beam-angle), transparent 0%, transparent 58%, #00000005 62%, #00000014 65%, #0003 67%, #0006 69%, #0009 70%, #0009 70.5%, #0006 71.5%, #0003 73%, #00000014 75%, #00000005 78%, transparent 82%)}[data-beam-size=line][data-beam-color=colorful]:is([data-active],[data-fading]):before{background:radial-gradient(ellipse calc(33px * var(--beam-w)) calc(30px * var(--beam-h)) at calc(var(--beam-x) * 100%) calc(100%), #ff32647a, transparent), radial-gradient(ellipse calc(24px * var(--beam-w)) calc(26px * var(--beam-h)) at calc(var(--beam-x) * 100% + 39px) calc(100% - 3px), #28b4dc6b, transparent), radial-gradient(ellipse calc(27px * var(--beam-w)) calc(24px * var(--beam-h)) at calc(var(--beam-x) * 100% - 36px) calc(100%), #32c8507a, transparent), radial-gradient(ellipse calc(23px * var(--beam-w)) calc(28px * var(--beam-h)) at calc(var(--beam-x) * 100% - 54px) calc(100% - 2px), #b428f06b, transparent), radial-gradient(ellipse calc(24px * var(--beam-w)) calc(24px * var(--beam-h)) at calc(var(--beam-x) * 100% + 51px) calc(100% - 1px), #ffa01e80, transparent), radial-gradient(ellipse calc(30px * var(--beam-w)) calc(20px * var(--beam-h)) at calc(var(--beam-x) * 100% + 21px) calc(100%), #6446ff73, transparent), radial-gradient(ellipse calc(25px * var(--beam-w)) calc(18px * var(--beam-h)) at calc(var(--beam-x) * 100% - 21px) calc(100% - 2px), #288cff66, transparent), radial-gradient(ellipse calc(21px * var(--beam-w)) calc(24px * var(--beam-h)) at calc(var(--beam-x) * 100% + 66px) calc(100%), #f032b473, transparent), radial-gradient(ellipse calc(18px * var(--beam-w)) calc(26px * var(--beam-h)) at calc(var(--beam-x) * 100% - 66px) calc(100% - 1px), #1eb9aa85, transparent)}[data-beam-size=line][data-beam-color=colorful][data-beam-theme=dark]:is([data-active],[data-fading]):after{background:radial-gradient(ellipse calc(24px * var(--beam-w)) calc(28px * var(--beam-h)) at calc(var(--beam-x) * 100%) calc(100% + 2px), #ffffff61 0%, #ffffff1f 30%, transparent 65%), radial-gradient(ellipse calc(36px * var(--beam-w)) calc(36px * var(--beam-h)) at calc(var(--beam-x) * 100%) calc(100% + 2px), #ff3264, transparent), radial-gradient(ellipse calc(30px * var(--beam-w)) calc(32px * var(--beam-h)) at calc(var(--beam-x) * 100% + 39px) calc(100%), #28b4dc, transparent), radial-gradient(ellipse calc(33px * var(--beam-w)) calc(28px * var(--beam-h)) at calc(var(--beam-x) * 100% - 36px) calc(100% + 2px), #32c850, transparent), radial-gradient(ellipse calc(29px * var(--beam-w)) calc(34px * var(--beam-h)) at calc(var(--beam-x) * 100% - 54px) calc(100%), #b428f0, transparent), radial-gradient(ellipse calc(27px * var(--beam-w)) calc(30px * var(--beam-h)) at calc(var(--beam-x) * 100% + 51px) calc(100% - 1px), #ffa01e, transparent), radial-gradient(ellipse calc(36px * var(--beam-w)) calc(24px * var(--beam-h)) at calc(var(--beam-x) * 100% + 21px) calc(100% + 1px), #6446ff, transparent), radial-gradient(ellipse calc(30px * var(--beam-w)) calc(22px * var(--beam-h)) at calc(var(--beam-x) * 100% - 21px) calc(100%), #288cff, transparent), radial-gradient(ellipse calc(25px * var(--beam-w)) calc(28px * var(--beam-h)) at calc(var(--beam-x) * 100% + 66px) calc(100% + 1px), #f032b4, transparent), radial-gradient(ellipse calc(23px * var(--beam-w)) calc(30px * var(--beam-h)) at calc(var(--beam-x) * 100% - 66px) calc(100% - 1px), #1eb9aa, transparent)}[data-beam-size=line][data-beam-color=colorful][data-beam-theme=dark] [data-beam-bloom]{background:radial-gradient(ellipse calc(.8px * var(--beam-spike)) calc(92px * var(--beam-h)) at 8% calc(100% - 2px), #ff3c50, #ff3c50 30%, transparent 88%), radial-gradient(ellipse calc(10px * var(--beam-spike2)) calc(35px * var(--beam-h)) at 22% calc(100% - 4px), #28beb4fa, #28beb47d 50%, transparent 95%), radial-gradient(ellipse calc(2px * (2 - var(--beam-spike))) calc(72px * var(--beam-h)) at 36% calc(100% - 3px), #6446ff, #6446ff 40%, transparent 90%), radial-gradient(ellipse calc(14px * var(--beam-spike2)) calc(28px * var(--beam-h)) at 50% calc(100% - 2px), #ffaa2896, #ffaa284a 55%, transparent 96%), radial-gradient(ellipse calc(1.2px * (2 - var(--beam-spike2))) calc(85px * var(--beam-h)) at 64% calc(100% - 4px), #32c864, #32c864 35%, transparent 89%), radial-gradient(ellipse calc(7px * var(--beam-spike)) calc(45px * var(--beam-h)) at 78% calc(100% - 2px), #c832f0e8, #c832f073 48%, transparent 94%), radial-gradient(ellipse calc(.6px * (2 - var(--beam-spike))) calc(60px * var(--beam-h)) at 92% calc(100% - 3px), #288cff, #288cff 42%, transparent 91%), radial-gradient(ellipse calc(21px * var(--beam-spike)) calc(15px * var(--beam-spike2)) at calc(var(--beam-x) * 100%) calc(100% + 1px), #fff 0%, #ffffffe6 20%, #ffffff80 50%, transparent 100%), radial-gradient(ellipse calc(42px * var(--beam-w)) calc(40px * var(--beam-h)) at calc(var(--beam-x) * 100%) 100%, #ffffff4d 0%, #ffffff1f 25%, #ffffff08 55%, transparent 80%)}[data-beam-size=line][data-beam-color=colorful][data-beam-theme=light]:is([data-active],[data-fading]):after{background:radial-gradient(ellipse calc(35px * var(--beam-w)) calc(28px * var(--beam-h)) at calc(var(--beam-x) * 100%) calc(100% + 2px), #0009 0%, #00000040 35%, transparent 70%), radial-gradient(ellipse calc(45px * var(--beam-w)) calc(36px * var(--beam-h)) at calc(var(--beam-x) * 100%) calc(100% + 2px), #ff3264, transparent), radial-gradient(ellipse calc(35px * var(--beam-w)) calc(32px * var(--beam-h)) at calc(var(--beam-x) * 100% + 65px) calc(100%), #288cff, transparent), radial-gradient(ellipse calc(40px * var(--beam-w)) calc(28px * var(--beam-h)) at calc(var(--beam-x) * 100% - 60px) calc(100% + 2px), #32c850, transparent), radial-gradient(ellipse calc(35px * var(--beam-w)) calc(34px * var(--beam-h)) at calc(var(--beam-x) * 100% - 90px) calc(100%), #b428f0, transparent), radial-gradient(ellipse calc(38px * var(--beam-w)) calc(30px * var(--beam-h)) at calc(var(--beam-x) * 100% + 85px) calc(100% - 1px), #1eb9aa, transparent), radial-gradient(ellipse calc(50px * var(--beam-w)) calc(24px * var(--beam-h)) at calc(var(--beam-x) * 100% + 35px) calc(100% + 1px), #6446ff, transparent), radial-gradient(ellipse calc(40px * var(--beam-w)) calc(22px * var(--beam-h)) at calc(var(--beam-x) * 100% - 35px) calc(100%), #288cff, transparent), radial-gradient(ellipse calc(35px * var(--beam-w)) calc(28px * var(--beam-h)) at calc(var(--beam-x) * 100% + 110px) calc(100% + 1px), #ff7828, transparent), radial-gradient(ellipse calc(30px * var(--beam-w)) calc(30px * var(--beam-h)) at calc(var(--beam-x) * 100% - 110px) calc(100% - 1px), #f032b4, transparent)}[data-beam-size=line][data-beam-color=colorful][data-beam-theme=light] [data-beam-bloom]{background:radial-gradient(ellipse calc(.8px * var(--beam-spike)) calc(92px * var(--beam-h)) at 8% calc(100% - 2px), #c81e3c, #c81e3cd9 30%, transparent 88%), radial-gradient(ellipse calc(10px * var(--beam-spike2)) calc(35px * var(--beam-h)) at 22% calc(100% - 4px), #14968c, #14968cb3 50%, transparent 95%), radial-gradient(ellipse calc(2px * (2 - var(--beam-spike))) calc(72px * var(--beam-h)) at 36% calc(100% - 3px), #5032c8, #5032c8cc 40%, transparent 90%), radial-gradient(ellipse calc(14px * var(--beam-spike2)) calc(28px * var(--beam-h)) at 50% calc(100% - 2px), #d28200b3, #d2820075 55%, transparent 96%), radial-gradient(ellipse calc(1.2px * (2 - var(--beam-spike2))) calc(85px * var(--beam-h)) at 64% calc(100% - 4px), #1ea046, #1ea046d1 35%, transparent 89%), radial-gradient(ellipse calc(7px * var(--beam-spike)) calc(45px * var(--beam-h)) at 78% calc(100% - 2px), #a01ebe, #a01ebeb3 48%, transparent 94%), radial-gradient(ellipse calc(1px * (2 - var(--beam-spike))) calc(60px * var(--beam-h)) at 92% calc(100% - 3px), #1e64c8, #1e64c8c7 42%, transparent 91%), radial-gradient(ellipse calc(50px * var(--beam-w)) calc(32px * var(--beam-h)) at calc(var(--beam-x) * 100%) calc(100%), #00000080 0%, #0000002e 30%, #00000008 60%, transparent 85%)}[data-beam-size=line][data-beam-color=mono]:is([data-active],[data-fading]):before{background:radial-gradient(ellipse calc(33px * var(--beam-w)) calc(30px * var(--beam-h)) at calc(var(--beam-x) * 100%) calc(100%), #c8c8c87a, transparent), radial-gradient(ellipse calc(24px * var(--beam-w)) calc(26px * var(--beam-h)) at calc(var(--beam-x) * 100% + 39px) calc(100% - 3px), #aaaaaa6b, transparent), radial-gradient(ellipse calc(27px * var(--beam-w)) calc(24px * var(--beam-h)) at calc(var(--beam-x) * 100% - 36px) calc(100%), #9b9b9b7a, transparent), radial-gradient(ellipse calc(23px * var(--beam-w)) calc(28px * var(--beam-h)) at calc(var(--beam-x) * 100% - 54px) calc(100% - 2px), #b9b9b96b, transparent), radial-gradient(ellipse calc(24px * var(--beam-w)) calc(24px * var(--beam-h)) at calc(var(--beam-x) * 100% + 51px) calc(100% - 1px), #a5a5a580, transparent), radial-gradient(ellipse calc(30px * var(--beam-w)) calc(20px * var(--beam-h)) at calc(var(--beam-x) * 100% + 21px) calc(100%), #b4b4b473, transparent), radial-gradient(ellipse calc(25px * var(--beam-w)) calc(18px * var(--beam-h)) at calc(var(--beam-x) * 100% - 21px) calc(100% - 2px), #a0a0a066, transparent), radial-gradient(ellipse calc(21px * var(--beam-w)) calc(24px * var(--beam-h)) at calc(var(--beam-x) * 100% + 66px) calc(100%), #afafaf73, transparent), radial-gradient(ellipse calc(18px * var(--beam-w)) calc(26px * var(--beam-h)) at calc(var(--beam-x) * 100% - 66px) calc(100% - 1px), #bebebe85, transparent)}[data-beam-size=line][data-beam-color=mono][data-beam-theme=dark]:is([data-active],[data-fading]):after{background:radial-gradient(ellipse calc(24px * var(--beam-w)) calc(28px * var(--beam-h)) at calc(var(--beam-x) * 100%) calc(100% + 2px), #ffffff61 0%, #ffffff1f 30%, transparent 65%), radial-gradient(ellipse calc(36px * var(--beam-w)) calc(36px * var(--beam-h)) at calc(var(--beam-x) * 100%) calc(100% + 2px), #c8c8c8, transparent), radial-gradient(ellipse calc(30px * var(--beam-w)) calc(32px * var(--beam-h)) at calc(var(--beam-x) * 100% + 39px) calc(100%), #aaa, transparent), radial-gradient(ellipse calc(33px * var(--beam-w)) calc(28px * var(--beam-h)) at calc(var(--beam-x) * 100% - 36px) calc(100% + 2px), #9b9b9b, transparent), radial-gradient(ellipse calc(29px * var(--beam-w)) calc(34px * var(--beam-h)) at calc(var(--beam-x) * 100% - 54px) calc(100%), #b9b9b9, transparent), radial-gradient(ellipse calc(27px * var(--beam-w)) calc(30px * var(--beam-h)) at calc(var(--beam-x) * 100% + 51px) calc(100% - 1px), #a5a5a5, transparent), radial-gradient(ellipse calc(36px * var(--beam-w)) calc(24px * var(--beam-h)) at calc(var(--beam-x) * 100% + 21px) calc(100% + 1px), #b4b4b4, transparent), radial-gradient(ellipse calc(30px * var(--beam-w)) calc(22px * var(--beam-h)) at calc(var(--beam-x) * 100% - 21px) calc(100%), #a0a0a0, transparent), radial-gradient(ellipse calc(25px * var(--beam-w)) calc(28px * var(--beam-h)) at calc(var(--beam-x) * 100% + 66px) calc(100% + 1px), #afafaf, transparent), radial-gradient(ellipse calc(23px * var(--beam-w)) calc(30px * var(--beam-h)) at calc(var(--beam-x) * 100% - 66px) calc(100% - 1px), #bebebe, transparent)}[data-beam-size=line][data-beam-color=mono][data-beam-theme=dark] [data-beam-bloom]{background:radial-gradient(ellipse calc(12px * var(--beam-spike)) calc(42px * var(--beam-h)) at 8% calc(100% - 2px), #c8c8c824, #c8c8c817 30%, transparent 88%), radial-gradient(ellipse calc(10px * var(--beam-spike2)) calc(35px * var(--beam-h)) at 22% calc(100% - 4px), #aaaaaa1f, #aaaaaa0f 50%, transparent 95%), radial-gradient(ellipse calc(14px * (2 - var(--beam-spike))) calc(38px * var(--beam-h)) at 36% calc(100% - 3px), #c8c8c824, #c8c8c81a 40%, transparent 90%), radial-gradient(ellipse calc(14px * var(--beam-spike2)) calc(28px * var(--beam-h)) at 50% calc(100% - 2px), #b4b4b414, #b4b4b408 55%, transparent 96%), radial-gradient(ellipse calc(12px * (2 - var(--beam-spike2))) calc(40px * var(--beam-h)) at 64% calc(100% - 4px), #bebebe24, #bebebe1a 35%, transparent 89%), radial-gradient(ellipse calc(7px * var(--beam-spike)) calc(45px * var(--beam-h)) at 78% calc(100% - 2px), #aaaaaa21, #aaaaaa0a 48%, transparent 94%), radial-gradient(ellipse calc(10px * (2 - var(--beam-spike))) calc(32px * var(--beam-h)) at 92% calc(100% - 3px), #b9b9b924, #b9b9b91a 42%, transparent 91%), radial-gradient(ellipse calc(21px * var(--beam-spike)) calc(15px * var(--beam-spike2)) at calc(var(--beam-x) * 100%) calc(100% + 1px), #ffffff80 0%, #ffffff73 20%, #ffffff40 50%, transparent 100%), radial-gradient(ellipse calc(42px * var(--beam-w)) calc(40px * var(--beam-h)) at calc(var(--beam-x) * 100%) 100%, #ffffff26 0%, #ffffff0f 25%, #ffffff04 55%, transparent 80%)}[data-beam-size=line][data-beam-color=mono][data-beam-theme=light]:is([data-active],[data-fading]):after{background:radial-gradient(ellipse calc(35px * var(--beam-w)) calc(28px * var(--beam-h)) at calc(var(--beam-x) * 100%) calc(100% + 2px), #0009 0%, #00000040 35%, transparent 70%), radial-gradient(ellipse calc(45px * var(--beam-w)) calc(36px * var(--beam-h)) at calc(var(--beam-x) * 100%) calc(100% + 2px), #646464, transparent), radial-gradient(ellipse calc(35px * var(--beam-w)) calc(32px * var(--beam-h)) at calc(var(--beam-x) * 100% + 65px) calc(100%), #505050, transparent), radial-gradient(ellipse calc(40px * var(--beam-w)) calc(28px * var(--beam-h)) at calc(var(--beam-x) * 100% - 60px) calc(100% + 2px), #5a5a5a, transparent), radial-gradient(ellipse calc(35px * var(--beam-w)) calc(34px * var(--beam-h)) at calc(var(--beam-x) * 100% - 90px) calc(100%), #464646, transparent), radial-gradient(ellipse calc(38px * var(--beam-w)) calc(30px * var(--beam-h)) at calc(var(--beam-x) * 100% + 85px) calc(100% - 1px), #555, transparent), radial-gradient(ellipse calc(50px * var(--beam-w)) calc(24px * var(--beam-h)) at calc(var(--beam-x) * 100% + 35px) calc(100% + 1px), #5f5f5f, transparent), radial-gradient(ellipse calc(40px * var(--beam-w)) calc(22px * var(--beam-h)) at calc(var(--beam-x) * 100% - 35px) calc(100%), #4b4b4b, transparent), radial-gradient(ellipse calc(35px * var(--beam-w)) calc(28px * var(--beam-h)) at calc(var(--beam-x) * 100% + 110px) calc(100% + 1px), #696969, transparent), radial-gradient(ellipse calc(30px * var(--beam-w)) calc(30px * var(--beam-h)) at calc(var(--beam-x) * 100% - 110px) calc(100% - 1px), #414141, transparent)}[data-beam-size=line][data-beam-color=mono][data-beam-theme=light] [data-beam-bloom]{background:radial-gradient(ellipse calc(12px * var(--beam-spike)) calc(42px * var(--beam-h)) at 8% calc(100% - 2px), #50505024, #5050501c 30%, transparent 88%), radial-gradient(ellipse calc(10px * var(--beam-spike2)) calc(35px * var(--beam-h)) at 22% calc(100% - 4px), #7878781f, #78787817 50%, transparent 95%), radial-gradient(ellipse calc(14px * (2 - var(--beam-spike))) calc(38px * var(--beam-h)) at 36% calc(100% - 3px), #50505024, #50505014 40%, transparent 90%), radial-gradient(ellipse calc(14px * var(--beam-spike2)) calc(28px * var(--beam-h)) at 50% calc(100% - 2px), #6464641a, #6464640d 55%, transparent 96%), radial-gradient(ellipse calc(12px * (2 - var(--beam-spike2))) calc(40px * var(--beam-h)) at 64% calc(100% - 4px), #46464624, #46464614 35%, transparent 89%), radial-gradient(ellipse calc(7px * var(--beam-spike)) calc(45px * var(--beam-h)) at 78% calc(100% - 2px), #5a5a5a24, #5a5a5a12 48%, transparent 94%), radial-gradient(ellipse calc(12px * (2 - var(--beam-spike))) calc(32px * var(--beam-h)) at 92% calc(100% - 3px), #55555524, #55555514 42%, transparent 91%), radial-gradient(ellipse calc(50px * var(--beam-w)) calc(32px * var(--beam-h)) at calc(var(--beam-x) * 100%) calc(100%), #00000080 0%, #0000002e 30%, #00000008 60%, transparent 85%)}[data-beam-size=line][data-beam-color=ocean]:is([data-active],[data-fading]):before{background:radial-gradient(ellipse calc(33px * var(--beam-w)) calc(30px * var(--beam-h)) at calc(var(--beam-x) * 100%) calc(100%), #6450dc7a, transparent), radial-gradient(ellipse calc(24px * var(--beam-w)) calc(26px * var(--beam-h)) at calc(var(--beam-x) * 100% + 39px) calc(100% - 3px), #3c78ff6b, transparent), radial-gradient(ellipse calc(27px * var(--beam-w)) calc(24px * var(--beam-h)) at calc(var(--beam-x) * 100% - 36px) calc(100%), #5064c87a, transparent), radial-gradient(ellipse calc(23px * var(--beam-w)) calc(28px * var(--beam-h)) at calc(var(--beam-x) * 100% - 54px) calc(100% - 2px), #8246ff6b, transparent), radial-gradient(ellipse calc(24px * var(--beam-w)) calc(24px * var(--beam-h)) at calc(var(--beam-x) * 100% + 51px) calc(100% - 1px), #4682ff80, transparent), radial-gradient(ellipse calc(30px * var(--beam-w)) calc(20px * var(--beam-h)) at calc(var(--beam-x) * 100% + 21px) calc(100%), #7850ff73, transparent), radial-gradient(ellipse calc(25px * var(--beam-w)) calc(18px * var(--beam-h)) at calc(var(--beam-x) * 100% - 21px) calc(100% - 2px), #5a6ee666, transparent), radial-gradient(ellipse calc(21px * var(--beam-w)) calc(24px * var(--beam-h)) at calc(var(--beam-x) * 100% + 66px) calc(100%), #6e5af073, transparent), radial-gradient(ellipse calc(18px * var(--beam-w)) calc(26px * var(--beam-h)) at calc(var(--beam-x) * 100% - 66px) calc(100% - 1px), #8c64ff85, transparent)}[data-beam-size=line][data-beam-color=ocean][data-beam-theme=dark]:is([data-active],[data-fading]):after{background:radial-gradient(ellipse calc(24px * var(--beam-w)) calc(28px * var(--beam-h)) at calc(var(--beam-x) * 100%) calc(100% + 2px), #ffffff61 0%, #ffffff1f 30%, transparent 65%), radial-gradient(ellipse calc(36px * var(--beam-w)) calc(36px * var(--beam-h)) at calc(var(--beam-x) * 100%) calc(100% + 2px), #6450dc, transparent), radial-gradient(ellipse calc(30px * var(--beam-w)) calc(32px * var(--beam-h)) at calc(var(--beam-x) * 100% + 39px) calc(100%), #3c78ff, transparent), radial-gradient(ellipse calc(33px * var(--beam-w)) calc(28px * var(--beam-h)) at calc(var(--beam-x) * 100% - 36px) calc(100% + 2px), #5064c8, transparent), radial-gradient(ellipse calc(29px * var(--beam-w)) calc(34px * var(--beam-h)) at calc(var(--beam-x) * 100% - 54px) calc(100%), #8246ff, transparent), radial-gradient(ellipse calc(27px * var(--beam-w)) calc(30px * var(--beam-h)) at calc(var(--beam-x) * 100% + 51px) calc(100% - 1px), #4682ff, transparent), radial-gradient(ellipse calc(36px * var(--beam-w)) calc(24px * var(--beam-h)) at calc(var(--beam-x) * 100% + 21px) calc(100% + 1px), #7850ff, transparent), radial-gradient(ellipse calc(30px * var(--beam-w)) calc(22px * var(--beam-h)) at calc(var(--beam-x) * 100% - 21px) calc(100%), #5a6ee6, transparent), radial-gradient(ellipse calc(25px * var(--beam-w)) calc(28px * var(--beam-h)) at calc(var(--beam-x) * 100% + 66px) calc(100% + 1px), #6e5af0, transparent), radial-gradient(ellipse calc(23px * var(--beam-w)) calc(30px * var(--beam-h)) at calc(var(--beam-x) * 100% - 66px) calc(100% - 1px), #8c64ff, transparent)}[data-beam-size=line][data-beam-color=ocean][data-beam-theme=dark] [data-beam-bloom]{background:radial-gradient(ellipse calc(.8px * var(--beam-spike)) calc(92px * var(--beam-h)) at 8% calc(100% - 2px), #6478ff, #6478ff 30%, transparent 88%), radial-gradient(ellipse calc(10px * var(--beam-spike2)) calc(35px * var(--beam-h)) at 22% calc(100% - 4px), #8264dcfa, #8264dc7d 50%, transparent 95%), radial-gradient(ellipse calc(2px * (2 - var(--beam-spike))) calc(72px * var(--beam-h)) at 36% calc(100% - 3px), #6450ff, #6450ff 40%, transparent 90%), radial-gradient(ellipse calc(14px * var(--beam-spike2)) calc(28px * var(--beam-h)) at 50% calc(100% - 2px), #5082dc96, #5082dc4a 55%, transparent 96%), radial-gradient(ellipse calc(1.2px * (2 - var(--beam-spike2))) calc(85px * var(--beam-h)) at 64% calc(100% - 4px), #3c64ff, #3c64ff 35%, transparent 89%), radial-gradient(ellipse calc(7px * var(--beam-spike)) calc(45px * var(--beam-h)) at 78% calc(100% - 2px), #5a78c8e8, #5a78c873 48%, transparent 94%), radial-gradient(ellipse calc(.6px * (2 - var(--beam-spike))) calc(60px * var(--beam-h)) at 92% calc(100% - 3px), #785aff, #785aff 42%, transparent 91%), radial-gradient(ellipse calc(21px * var(--beam-spike)) calc(15px * var(--beam-spike2)) at calc(var(--beam-x) * 100%) calc(100% + 1px), #fff 0%, #ffffffe6 20%, #ffffff80 50%, transparent 100%), radial-gradient(ellipse calc(42px * var(--beam-w)) calc(40px * var(--beam-h)) at calc(var(--beam-x) * 100%) 100%, #ffffff4d 0%, #ffffff1f 25%, #ffffff08 55%, transparent 80%)}[data-beam-size=line][data-beam-color=ocean][data-beam-theme=light]:is([data-active],[data-fading]):after{background:radial-gradient(ellipse calc(35px * var(--beam-w)) calc(28px * var(--beam-h)) at calc(var(--beam-x) * 100%) calc(100% + 2px), #0009 0%, #00000040 35%, transparent 70%), radial-gradient(ellipse calc(45px * var(--beam-w)) calc(36px * var(--beam-h)) at calc(var(--beam-x) * 100%) calc(100% + 2px), #503cc8, transparent), radial-gradient(ellipse calc(35px * var(--beam-w)) calc(32px * var(--beam-h)) at calc(var(--beam-x) * 100% + 65px) calc(100%), #3264dc, transparent), radial-gradient(ellipse calc(40px * var(--beam-w)) calc(28px * var(--beam-h)) at calc(var(--beam-x) * 100% - 60px) calc(100% + 2px), #465abe, transparent), radial-gradient(ellipse calc(35px * var(--beam-w)) calc(34px * var(--beam-h)) at calc(var(--beam-x) * 100% - 90px) calc(100%), #6e3cdc, transparent), radial-gradient(ellipse calc(38px * var(--beam-w)) calc(30px * var(--beam-h)) at calc(var(--beam-x) * 100% + 85px) calc(100% - 1px), #3c6ee6, transparent), radial-gradient(ellipse calc(50px * var(--beam-w)) calc(24px * var(--beam-h)) at calc(var(--beam-x) * 100% + 35px) calc(100% + 1px), #6446f0, transparent), radial-gradient(ellipse calc(40px * var(--beam-w)) calc(22px * var(--beam-h)) at calc(var(--beam-x) * 100% - 35px) calc(100%), #5064d2, transparent), radial-gradient(ellipse calc(35px * var(--beam-w)) calc(28px * var(--beam-h)) at calc(var(--beam-x) * 100% + 110px) calc(100% + 1px), #5a50e1, transparent), radial-gradient(ellipse calc(30px * var(--beam-w)) calc(30px * var(--beam-h)) at calc(var(--beam-x) * 100% - 110px) calc(100% - 1px), #785af5, transparent)}[data-beam-size=line][data-beam-color=ocean][data-beam-theme=light] [data-beam-bloom]{background:radial-gradient(ellipse calc(.8px * var(--beam-spike)) calc(92px * var(--beam-h)) at 8% calc(100% - 2px), #3c3cb4, #3c3cb4d9 30%, transparent 88%), radial-gradient(ellipse calc(10px * var(--beam-spike2)) calc(35px * var(--beam-h)) at 22% calc(100% - 4px), #5064c8, #5064c8b3 50%, transparent 95%), radial-gradient(ellipse calc(2px * (2 - var(--beam-spike))) calc(72px * var(--beam-h)) at 36% calc(100% - 3px), #3228b4, #3228b4cc 40%, transparent 90%), radial-gradient(ellipse calc(14px * var(--beam-spike2)) calc(28px * var(--beam-h)) at 50% calc(100% - 2px), #2850c8b3, #2850c875 55%, transparent 96%), radial-gradient(ellipse calc(1.2px * (2 - var(--beam-spike2))) calc(85px * var(--beam-h)) at 64% calc(100% - 4px), #1e32be, #1e32bed1 35%, transparent 89%), radial-gradient(ellipse calc(7px * var(--beam-spike)) calc(45px * var(--beam-h)) at 78% calc(100% - 2px), #3c5ab4, #3c5ab4b3 48%, transparent 94%), radial-gradient(ellipse calc(1px * (2 - var(--beam-spike))) calc(60px * var(--beam-h)) at 92% calc(100% - 3px), #463cc8, #463cc8c7 42%, transparent 91%), radial-gradient(ellipse calc(50px * var(--beam-w)) calc(32px * var(--beam-h)) at calc(var(--beam-x) * 100%) calc(100%), #00000080 0%, #0000002e 30%, #00000008 60%, transparent 85%)}[data-beam-size=line][data-beam-color=sunset]:is([data-active],[data-fading]):before{background:radial-gradient(ellipse calc(33px * var(--beam-w)) calc(30px * var(--beam-h)) at calc(var(--beam-x) * 100%) calc(100%), #ff643c7a, transparent), radial-gradient(ellipse calc(24px * var(--beam-w)) calc(26px * var(--beam-h)) at calc(var(--beam-x) * 100% + 39px) calc(100% - 3px), #ffb4326b, transparent), radial-gradient(ellipse calc(27px * var(--beam-w)) calc(24px * var(--beam-h)) at calc(var(--beam-x) * 100% - 36px) calc(100%), #ff8c467a, transparent), radial-gradient(ellipse calc(23px * var(--beam-w)) calc(28px * var(--beam-h)) at calc(var(--beam-x) * 100% - 54px) calc(100% - 2px), #ff50506b, transparent), radial-gradient(ellipse calc(24px * var(--beam-w)) calc(24px * var(--beam-h)) at calc(var(--beam-x) * 100% + 51px) calc(100% - 1px), #ffc83c80, transparent), radial-gradient(ellipse calc(30px * var(--beam-w)) calc(20px * var(--beam-h)) at calc(var(--beam-x) * 100% + 21px) calc(100%), #ff783273, transparent), radial-gradient(ellipse calc(25px * var(--beam-w)) calc(18px * var(--beam-h)) at calc(var(--beam-x) * 100% - 21px) calc(100% - 2px), #ffa05066, transparent), radial-gradient(ellipse calc(21px * var(--beam-w)) calc(24px * var(--beam-h)) at calc(var(--beam-x) * 100% + 66px) calc(100%), #ff5a3c73, transparent), radial-gradient(ellipse calc(18px * var(--beam-w)) calc(26px * var(--beam-h)) at calc(var(--beam-x) * 100% - 66px) calc(100% - 1px), #ff464685, transparent)}[data-beam-size=line][data-beam-color=sunset][data-beam-theme=dark]:is([data-active],[data-fading]):after{background:radial-gradient(ellipse calc(24px * var(--beam-w)) calc(28px * var(--beam-h)) at calc(var(--beam-x) * 100%) calc(100% + 2px), #ffffff61 0%, #ffffff1f 30%, transparent 65%), radial-gradient(ellipse calc(36px * var(--beam-w)) calc(36px * var(--beam-h)) at calc(var(--beam-x) * 100%) calc(100% + 2px), #ff643c, transparent), radial-gradient(ellipse calc(30px * var(--beam-w)) calc(32px * var(--beam-h)) at calc(var(--beam-x) * 100% + 39px) calc(100%), #ffb432, transparent), radial-gradient(ellipse calc(33px * var(--beam-w)) calc(28px * var(--beam-h)) at calc(var(--beam-x) * 100% - 36px) calc(100% + 2px), #ff8c46, transparent), radial-gradient(ellipse calc(29px * var(--beam-w)) calc(34px * var(--beam-h)) at calc(var(--beam-x) * 100% - 54px) calc(100%), #ff5050, transparent), radial-gradient(ellipse calc(27px * var(--beam-w)) calc(30px * var(--beam-h)) at calc(var(--beam-x) * 100% + 51px) calc(100% - 1px), #ffc83c, transparent), radial-gradient(ellipse calc(36px * var(--beam-w)) calc(24px * var(--beam-h)) at calc(var(--beam-x) * 100% + 21px) calc(100% + 1px), #ff7832, transparent), radial-gradient(ellipse calc(30px * var(--beam-w)) calc(22px * var(--beam-h)) at calc(var(--beam-x) * 100% - 21px) calc(100%), #ffa050, transparent), radial-gradient(ellipse calc(25px * var(--beam-w)) calc(28px * var(--beam-h)) at calc(var(--beam-x) * 100% + 66px) calc(100% + 1px), #ff5a3c, transparent), radial-gradient(ellipse calc(23px * var(--beam-w)) calc(30px * var(--beam-h)) at calc(var(--beam-x) * 100% - 66px) calc(100% - 1px), #ff4646, transparent)}[data-beam-size=line][data-beam-color=sunset][data-beam-theme=dark] [data-beam-bloom]{background:radial-gradient(ellipse calc(.8px * var(--beam-spike)) calc(92px * var(--beam-h)) at 8% calc(100% - 2px), #ff8c50, #ff8c50 30%, transparent 88%), radial-gradient(ellipse calc(10px * var(--beam-spike2)) calc(35px * var(--beam-h)) at 22% calc(100% - 4px), #ff643cfa, #ff643c7d 50%, transparent 95%), radial-gradient(ellipse calc(2px * (2 - var(--beam-spike))) calc(72px * var(--beam-h)) at 36% calc(100% - 3px), #ff6450, #ff6450 40%, transparent 90%), radial-gradient(ellipse calc(14px * var(--beam-spike2)) calc(28px * var(--beam-h)) at 50% calc(100% - 2px), #ff965096, #ff96504a 55%, transparent 96%), radial-gradient(ellipse calc(1.2px * (2 - var(--beam-spike2))) calc(85px * var(--beam-h)) at 64% calc(100% - 4px), #ff503c, #ff503c 35%, transparent 89%), radial-gradient(ellipse calc(7px * var(--beam-spike)) calc(45px * var(--beam-h)) at 78% calc(100% - 2px), #ff7832e8, #ff783273 48%, transparent 94%), radial-gradient(ellipse calc(.6px * (2 - var(--beam-spike))) calc(60px * var(--beam-h)) at 92% calc(100% - 3px), #ff8c46, #ff8c46 42%, transparent 91%), radial-gradient(ellipse calc(21px * var(--beam-spike)) calc(15px * var(--beam-spike2)) at calc(var(--beam-x) * 100%) calc(100% + 1px), #fff 0%, #ffffffe6 20%, #ffffff80 50%, transparent 100%), radial-gradient(ellipse calc(42px * var(--beam-w)) calc(40px * var(--beam-h)) at calc(var(--beam-x) * 100%) 100%, #ffffff4d 0%, #ffffff1f 25%, #ffffff08 55%, transparent 80%)}[data-beam-size=line][data-beam-color=sunset][data-beam-theme=light]:is([data-active],[data-fading]):after{background:radial-gradient(ellipse calc(35px * var(--beam-w)) calc(28px * var(--beam-h)) at calc(var(--beam-x) * 100%) calc(100% + 2px), #0009 0%, #00000040 35%, transparent 70%), radial-gradient(ellipse calc(45px * var(--beam-w)) calc(36px * var(--beam-h)) at calc(var(--beam-x) * 100%) calc(100% + 2px), #dc5028, transparent), radial-gradient(ellipse calc(35px * var(--beam-w)) calc(32px * var(--beam-h)) at calc(var(--beam-x) * 100% + 65px) calc(100%), #e6961e, transparent), radial-gradient(ellipse calc(40px * var(--beam-w)) calc(28px * var(--beam-h)) at calc(var(--beam-x) * 100% - 60px) calc(100% + 2px), #d26e32, transparent), radial-gradient(ellipse calc(35px * var(--beam-w)) calc(34px * var(--beam-h)) at calc(var(--beam-x) * 100% - 90px) calc(100%), #c83c3c, transparent), radial-gradient(ellipse calc(38px * var(--beam-w)) calc(30px * var(--beam-h)) at calc(var(--beam-x) * 100% + 85px) calc(100% - 1px), #dcaa28, transparent), radial-gradient(ellipse calc(50px * var(--beam-w)) calc(24px * var(--beam-h)) at calc(var(--beam-x) * 100% + 35px) calc(100% + 1px), #d2641e, transparent), radial-gradient(ellipse calc(40px * var(--beam-w)) calc(22px * var(--beam-h)) at calc(var(--beam-x) * 100% - 35px) calc(100%), #e6823c, transparent), radial-gradient(ellipse calc(35px * var(--beam-w)) calc(28px * var(--beam-h)) at calc(var(--beam-x) * 100% + 110px) calc(100% + 1px), #be4632, transparent), radial-gradient(ellipse calc(30px * var(--beam-w)) calc(30px * var(--beam-h)) at calc(var(--beam-x) * 100% - 110px) calc(100% - 1px), #b43232, transparent)}[data-beam-size=line][data-beam-color=sunset][data-beam-theme=light] [data-beam-bloom]{background:radial-gradient(ellipse calc(.8px * var(--beam-spike)) calc(92px * var(--beam-h)) at 8% calc(100% - 2px), #c85028, #c85028d9 30%, transparent 88%), radial-gradient(ellipse calc(10px * var(--beam-spike2)) calc(35px * var(--beam-h)) at 22% calc(100% - 4px), #dc781e, #dc781eb3 50%, transparent 95%), radial-gradient(ellipse calc(2px * (2 - var(--beam-spike))) calc(72px * var(--beam-h)) at 36% calc(100% - 3px), #c83c1e, #c83c1ecc 40%, transparent 90%), radial-gradient(ellipse calc(14px * var(--beam-spike2)) calc(28px * var(--beam-h)) at 50% calc(100% - 2px), #dc6414b3, #dc641475 55%, transparent 96%), radial-gradient(ellipse calc(1.2px * (2 - var(--beam-spike2))) calc(85px * var(--beam-h)) at 64% calc(100% - 4px), #b42814, #b42814d1 35%, transparent 89%), radial-gradient(ellipse calc(7px * var(--beam-spike)) calc(45px * var(--beam-h)) at 78% calc(100% - 2px), #d2500a, #d2500ab3 48%, transparent 94%), radial-gradient(ellipse calc(1px * (2 - var(--beam-spike))) calc(60px * var(--beam-h)) at 92% calc(100% - 3px), #be461e, #be461ec7 42%, transparent 91%), radial-gradient(ellipse calc(50px * var(--beam-w)) calc(32px * var(--beam-h)) at calc(var(--beam-x) * 100%) calc(100%), #00000080 0%, #0000002e 30%, #00000008 60%, transparent 85%)}}