.chat-input-border-fade-down:before{content:"";border-radius:inherit;background:linear-gradient(to bottom, color-mix(in oklab, var(--color-base-300) 100%, transparent) 0%, transparent 100%);-webkit-mask-composite:xor;pointer-events:none;padding:1px;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}@media not print{:where(.dark,.dark *) .chat-input-border-fade-down:before{background:linear-gradient(to bottom, color-mix(in oklab, var(--color-base-700) 60%, transparent) 0%, transparent 100%)}}.chat-input-border-fade-down{position:relative}
@property --beam-angle{syntax:"<angle>";inherits:true;initial-value:0deg}@property --beam-opacity{syntax:"<number>";inherits:true;initial-value:0}@property --beam-hue-range{syntax:"<angle>";inherits:true;initial-value:30deg}@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%{filter:hue-rotate(calc(-1 * var(--beam-hue-range))) brightness(var(--beam-brightness,1.3)) saturate(var(--beam-saturation,1.2))}50%{filter:hue-rotate(var(--beam-hue-range)) brightness(var(--beam-brightness,1.3)) saturate(var(--beam-saturation,1.2))}to{filter:hue-rotate(calc(-1 * var(--beam-hue-range))) brightness(var(--beam-brightness,1.3)) saturate(var(--beam-saturation,1.2))}}[data-beam]{border-radius:var(--beam-radius);position:relative;overflow:hidden}[data-beam][data-active]{animation:beam-spin var(--beam-duration) linear infinite, beam-fade-in .6s ease forwards}[data-beam][data-fading]{animation:beam-spin var(--beam-duration) linear infinite, beam-fade-out .5s ease forwards}[data-beam][data-beam-theme=dark]{--beam-stroke-opacity:.48;--beam-inner-opacity:.7;--beam-bloom-opacity:.8;--beam-saturation:1.2;--beam-inner-shadow:#ffffff4d;--beam-overlay-gradient: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%);--beam-bloom-gradient: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][data-beam-theme=light]{--beam-stroke-opacity:.33;--beam-inner-opacity:.46;--beam-bloom-opacity:.54;--beam-saturation:.96;--beam-inner-shadow:#00000024;--beam-overlay-gradient: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%);--beam-bloom-gradient: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][data-beam-size=md][data-beam-theme=dark]{--beam-inner-shadow:#ffffff45}[data-beam][data-beam-color=mono]{--beam-mono-mult:.5}[data-beam][data-active]:after,[data-beam][data-fading]:after{content:"";border-radius:max(0px, calc(var(--beam-radius) - 1px));clip-path:inset(0 round var(--beam-radius));background:var(--beam-overlay-gradient), var(--beam-color-gradient);-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-mono-mult,1) * var(--beam-strength,1));padding:1px;position:absolute;inset:0;-webkit-mask-composite:source-in,xor;mask-composite:intersect,exclude}[data-beam][data-beam-hue][data-active]:after,[data-beam][data-beam-hue][data-fading]:after{animation:12s ease-in-out infinite beam-hue-shift}[data-beam][data-beam-size=sm][data-active]:before,[data-beam][data-beam-size=sm][data-fading]:before{content:"";border-radius:var(--beam-radius);clip-path:inset(0 round var(--beam-radius));background:var(--beam-inner-gradient);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-mono-mult,1) * var(--beam-strength,1));position:absolute;inset:0;-webkit-mask-composite:source-over;mask-composite:add}[data-beam][data-beam-size=md][data-active]:before,[data-beam][data-beam-size=md][data-fading]:before{content:"";border-radius:var(--beam-radius);clip-path:inset(0 round var(--beam-radius));background:var(--beam-inner-gradient);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-mono-mult,1) * var(--beam-strength,1));position:absolute;inset:0;-webkit-mask-composite:source-in,source-over;mask-composite:intersect,add}[data-beam][data-beam-hue][data-active]:before,[data-beam][data-beam-hue][data-fading]:before{animation:12s ease-in-out infinite beam-hue-shift}[data-beam] [data-beam-bloom]{border-radius:max(0px, calc(var(--beam-radius) - 1px));clip-path:inset(0 round var(--beam-radius));background:var(--beam-bloom-gradient);-webkit-mask-composite:xor;filter:blur(8px) brightness(var(--beam-brightness,1.3)) saturate(var(--beam-saturation,1.2));pointer-events:none;z-index:3;opacity:0;padding:1px;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}[data-beam][data-active] [data-beam-bloom],[data-beam][data-fading] [data-beam-bloom]{opacity:calc(var(--beam-opacity) * var(--beam-bloom-opacity) * var(--beam-mono-mult,1) * var(--beam-strength,1));display:block}[data-beam][data-beam-size=sm][data-beam-color=colorful]{--beam-color-gradient: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-gradient: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][data-beam-size=sm][data-beam-color=mono]{--beam-color-gradient: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-gradient: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][data-beam-size=sm][data-beam-color=ocean]{--beam-color-gradient: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-gradient: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][data-beam-size=sm][data-beam-color=sunset]{--beam-color-gradient: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-gradient: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][data-beam-size=md][data-beam-color=colorful]{--beam-color-gradient: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-gradient: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][data-beam-size=md][data-beam-color=mono]{--beam-color-gradient: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-gradient: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][data-beam-size=md][data-beam-color=ocean]{--beam-color-gradient: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-gradient: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][data-beam-size=md][data-beam-color=sunset]{--beam-color-gradient: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-gradient: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)}