[data-grok-bot-demo],[data-grok-bot-demo]{--font-serif:ui-serif,Georgia,Cambria,"Times New Roman",Times,serif;--font-mono:var(--font-x-mono),ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-300:#ffa3a3;--color-red-400:#ff6568;--color-red-500:#fb2c36;--color-red-600:#e40014;--color-orange-300:#ffb96d;--color-orange-400:#ff8b1a;--color-orange-500:#fe6e00;--color-orange-600:#f05100;--color-yellow-300:#ffe02a;--color-yellow-400:#fac800;--color-yellow-500:#edb200;--color-yellow-600:#cd8900;--color-lime-300:#bbf451;--color-lime-400:#9de500;--color-green-100:#dcfce7;--color-green-200:#b9f8cf;--color-green-300:#7bf1a8;--color-green-400:#05df72;--color-green-500:#00c758;--color-green-600:#00a544;--color-green-800:#016630;--color-green-900:#0d542b;--color-emerald-400:#00d294;--color-emerald-600:#009767;--color-teal-300:#46ecd5;--color-teal-400:#00d3bd;--color-cyan-600:#0092b5;--color-blue-300:#90c5ff;--color-blue-400:#54a2ff;--color-blue-500:#3080ff;--color-blue-600:#155dfc;--color-violet-400:#a685ff;--color-violet-600:#7f22fe;--color-purple-300:#d9b3ff;--color-purple-400:#c07eff;--color-purple-500:#ac4bff;--color-pink-300:#fda5d5;--color-pink-400:#fb64b6;--color-pink-500:#f6339a;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5dc;--color-gray-400:#99a1af;--color-gray-800:#1e2939;--color-zinc-50:#fafafa;--color-zinc-100:#f4f4f5;--color-zinc-200:#e4e4e7;--color-zinc-300:#d4d4d8;--color-zinc-400:#9f9fa9;--color-zinc-600:#52525c;--color-zinc-800:#27272a;--color-zinc-900:#18181b;--color-zinc-950:#09090b;--color-neutral-50:#fafafa;--color-neutral-100:#f5f5f5;--color-neutral-200:#e5e5e5;--color-neutral-300:#d4d4d4;--color-neutral-400:#a1a1a1;--color-neutral-600:#525252;--color-neutral-700:#404040;--color-neutral-800:#262626;--color-neutral-900:#171717;--color-neutral-950:#0a0a0a;--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--container-6xl:72rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25/1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--text-5xl:3rem;--text-5xl--line-height:1;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tighter:-.02em;--tracking-tight:-.01em;--tracking-normal:0em;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--radius-sm:.125rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-4xl:2rem;--drop-shadow-2xl:0 25px 25px #00000026;--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--blur-sm:8px;--blur-lg:16px;--aspect-video:16/9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-x-vf),ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--default-mono-font-family:var(--font-x-mono),ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--radius:.25rem;--background:var(--white);--foreground:var(--black);--color-l4:hsl(var(--bg-l4));--color-fg:hsl(var(--fg));--color-primary:hsl(var(--primary));--color-border:hsl(var(--border-muted));--color-background:hsl(var(--background));--font-display:UniversalDisplay,UniversalText,sans-serif;--color-card:hsl(var(--bg-card));--color-card-hover:hsl(var(--primary))}@supports (color:lab(0% 0 0)){[data-grok-bot-demo],[data-grok-bot-demo]{--color-red-300:lab(76.5514% 36.422 15.5335);--color-red-400:lab(63.7053% 60.745 31.3109);--color-red-500:lab(55.4814% 75.0732 48.8528);--color-red-600:lab(48.4493% 77.4328 61.5452);--color-orange-300:lab(80.8059% 21.7313 50.4455);--color-orange-400:lab(70.0429% 42.5156 75.8207);--color-orange-500:lab(64.272% 57.1788 90.3583);--color-orange-600:lab(57.1026% 64.2584 89.8886);--color-yellow-300:lab(89.7033% -.480294 84.4917);--color-yellow-400:lab(83.2664% 8.65132 106.895);--color-yellow-500:lab(76.3898% 14.5258 98.4589);--color-yellow-600:lab(62.7799% 22.4197 86.1544);--color-lime-300:lab(89.9218% -35.6546 68.5254);--color-lime-400:lab(83.7876% -45.0447 88.4738);--color-green-100:lab(96.1861% -13.8464 6.52365);--color-green-200:lab(92.4222% -26.4702 12.9427);--color-green-300:lab(86.9953% -47.2691 25.0054);--color-green-400:lab(78.503% -64.9265 39.7492);--color-green-500:lab(70.5521% -66.5147 45.8073);--color-green-600:lab(59.0978% -58.6621 41.2579);--color-green-800:lab(37.4616% -36.7971 22.9692);--color-green-900:lab(30.797% -29.6927 17.382);--color-emerald-400:lab(75.0771% -60.7313 19.4147);--color-emerald-600:lab(55.0481% -49.9246 15.93);--color-teal-300:lab(84.8977% -48.1516 -1.3321);--color-teal-400:lab(76.0109% -53.3483 -2.27906);--color-cyan-600:lab(55.1767% -26.7496 -30.5139);--color-blue-300:lab(77.5052% -6.4629 -36.42);--color-blue-400:lab(65.0361% -1.42065 -56.9802);--color-blue-500:lab(54.1736% 13.3369 -74.6839);--color-blue-600:lab(44.0605% 29.0279 -86.0352);--color-violet-400:lab(62.8239% 34.9159 -60.0512);--color-violet-600:lab(41.088% 68.9966 -91.995);--color-purple-300:lab(78.3298% 26.2195 -34.9499);--color-purple-400:lab(63.6946% 47.6127 -59.2066);--color-purple-500:lab(52.0183% 66.11 -78.2316);--color-pink-300:lab(77.8308% 38.525 -10.5394);--color-pink-400:lab(64.5597% 64.3615 -12.7988);--color-pink-500:lab(56.9303% 76.8162 -8.07021);--color-gray-200:lab(91.6229% -.159115 -2.26791);--color-gray-300:lab(85.1236% -.612259 -3.7138);--color-gray-400:lab(65.9269% -.832707 -8.17473);--color-gray-800:lab(16.1051% -1.18239 -11.7533);--color-zinc-50:lab(98.26% 0 0);--color-zinc-100:lab(96.1634% .0993311 -.364041);--color-zinc-200:lab(90.6853% .399232 -1.45452);--color-zinc-300:lab(84.9837% .601262 -2.17986);--color-zinc-400:lab(65.6464% 1.53497 -5.42429);--color-zinc-600:lab(35.1166% 1.78212 -6.1173);--color-zinc-800:lab(15.7305% .613764 -2.16959);--color-zinc-900:lab(8.30603% .618205 -2.16572);--color-zinc-950:lab(2.51107% .242703 -.886115);--color-neutral-50:lab(98.26% 0 0);--color-neutral-100:lab(96.52% -.0000298023 .0000119209);--color-neutral-200:lab(90.952% 0 -.0000119209);--color-neutral-300:lab(84.92% 0 -.0000119209);--color-neutral-400:lab(66.128% -.0000298023 .0000119209);--color-neutral-600:lab(34.924% 0 0);--color-neutral-700:lab(27.036% 0 0);--color-neutral-800:lab(15.204% 0 -.00000596046);--color-neutral-900:lab(7.78201% -.0000149012 0);--color-neutral-950:lab(2.75381% 0 0)}}@supports (color:color-mix(in lab, red, red)){[data-grok-bot-demo],[data-grok-bot-demo]{--color-card-hover:color-mix(in srgb,hsl(var(--primary))5%,hsl(var(--bg-card)))}}[data-grok-bot-demo] *,[data-grok-bot-demo] :after,[data-grok-bot-demo] :before,[data-grok-bot-demo] ::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}[data-grok-bot-demo] ::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}[data-grok-bot-demo] hr{height:0;color:inherit;border-top-width:1px}[data-grok-bot-demo] abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}[data-grok-bot-demo] h1,[data-grok-bot-demo] h2,[data-grok-bot-demo] h3,[data-grok-bot-demo] h4,[data-grok-bot-demo] h5,[data-grok-bot-demo] h6{font-size:inherit;font-weight:inherit}[data-grok-bot-demo] a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}[data-grok-bot-demo] b,[data-grok-bot-demo] strong{font-weight:bolder}[data-grok-bot-demo] code,[data-grok-bot-demo] kbd,[data-grok-bot-demo] samp,[data-grok-bot-demo] pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}[data-grok-bot-demo] small{font-size:80%}[data-grok-bot-demo] sub,[data-grok-bot-demo] sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}[data-grok-bot-demo] sub{bottom:-.25em}[data-grok-bot-demo] sup{top:-.5em}[data-grok-bot-demo] table{text-indent:0;border-color:inherit;border-collapse:collapse}[data-grok-bot-demo] :-moz-focusring{outline:auto}[data-grok-bot-demo] progress{vertical-align:baseline}[data-grok-bot-demo] summary{display:list-item}[data-grok-bot-demo] ol,[data-grok-bot-demo] ul,[data-grok-bot-demo] menu{list-style:none}[data-grok-bot-demo] img,[data-grok-bot-demo] svg,[data-grok-bot-demo] video,[data-grok-bot-demo] canvas,[data-grok-bot-demo] audio,[data-grok-bot-demo] iframe,[data-grok-bot-demo] embed,[data-grok-bot-demo] object{vertical-align:middle;display:block}[data-grok-bot-demo] img,[data-grok-bot-demo] video{max-width:100%;height:auto}[data-grok-bot-demo] button,[data-grok-bot-demo] input,[data-grok-bot-demo] select,[data-grok-bot-demo] optgroup,[data-grok-bot-demo] textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}[data-grok-bot-demo] ::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}[data-grok-bot-demo] :where(select:is([multiple],[size])) optgroup{font-weight:bolder}[data-grok-bot-demo] :where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}[data-grok-bot-demo] ::file-selector-button{margin-inline-end:4px}[data-grok-bot-demo] ::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){[data-grok-bot-demo] ::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){[data-grok-bot-demo] ::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}[data-grok-bot-demo] textarea{resize:vertical}[data-grok-bot-demo] ::-webkit-search-decoration{-webkit-appearance:none}[data-grok-bot-demo] ::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}[data-grok-bot-demo] ::-webkit-datetime-edit{display:inline-flex}[data-grok-bot-demo] ::-webkit-datetime-edit-fields-wrapper{padding:0}[data-grok-bot-demo] ::-webkit-datetime-edit{padding-block:0}[data-grok-bot-demo] ::-webkit-datetime-edit-year-field{padding-block:0}[data-grok-bot-demo] ::-webkit-datetime-edit-month-field{padding-block:0}[data-grok-bot-demo] ::-webkit-datetime-edit-day-field{padding-block:0}[data-grok-bot-demo] ::-webkit-datetime-edit-hour-field{padding-block:0}[data-grok-bot-demo] ::-webkit-datetime-edit-minute-field{padding-block:0}[data-grok-bot-demo] ::-webkit-datetime-edit-second-field{padding-block:0}[data-grok-bot-demo] ::-webkit-datetime-edit-millisecond-field{padding-block:0}[data-grok-bot-demo] ::-webkit-datetime-edit-meridiem-field{padding-block:0}[data-grok-bot-demo] ::-webkit-calendar-picker-indicator{line-height:1}[data-grok-bot-demo] :-moz-ui-invalid{box-shadow:none}[data-grok-bot-demo] button,[data-grok-bot-demo] input:where([type=button],[type=reset],[type=submit]){appearance:button}[data-grok-bot-demo] ::file-selector-button{appearance:button}[data-grok-bot-demo] ::-webkit-inner-spin-button{height:auto}[data-grok-bot-demo] ::-webkit-outer-spin-button{height:auto}[data-grok-bot-demo] [hidden]:where(:not([hidden=until-found])){display:none!important}[data-grok-bot-demo] *{border-color:hsl(var(--border-muted))}[data-grok-bot-demo] button:not(:disabled),[data-grok-bot-demo] [role=button]:not(:disabled){cursor:pointer}[data-grok-bot-demo] input:-webkit-autofill{transition:background-color 600000s,color 600000s}[data-grok-bot-demo] input:-webkit-autofill:focus{transition:background-color 600000s,color 600000s}[data-grok-bot-demo] input[data-autocompleted]{background-color:#0000!important}[data-grok-bot-demo] .command-menu-scrollbar::-webkit-scrollbar{width:var(--sb-size)}[data-grok-bot-demo] .command-menu-scrollbar::-webkit-scrollbar-track{background:hsl(var(--color-sb-track-color))}[data-grok-bot-demo] .command-menu-scrollbar::-webkit-scrollbar-thumb{background:hsl(var(--color-sb-thumb-color));border:2px solid hsl(var(--color-sb-track-color));border-radius:9px}@supports not selector(::-webkit-scrollbar){[data-grok-bot-demo] .command-menu-scrollbar{scrollbar-color:hsl(var(--color-sb-thumb-color))hsl(var(--color-sb-track-color))}}[data-grok-bot-demo] .striped-bg{background-color:#0000;background-image:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23b8b8b8' fill-opacity='0.1' fill-rule='evenodd'%3E%3Cpath d='M0 40L40 0H20L0 20M40 40V20L20 40'/%3E%3C/g%3E%3C/svg%3E");background-size:10px}[data-grok-bot-demo] .font-display{font-weight:500}[data-grok-bot-demo]{font-synthesis:weight style}[data-grok-bot-demo] .gbm-frame :where(button){color:inherit;font:inherit;letter-spacing:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0;margin:0;padding:0}[data-grok-bot-demo] .gbm-frame :where(button):focus{outline:none}[data-grok-bot-demo] .gbm-frame :where(button):focus-visible{outline:2px solid var(--grok-bot-text-accent);outline-offset:-2px}[data-grok-bot-demo] :where(.grok-bot){aspect-ratio:1;width:100%;line-height:0;display:inline-block;position:relative}[data-grok-bot-demo] .\@container{container-type:inline-size}[data-grok-bot-demo] .pointer-events-none{pointer-events:none}[data-grok-bot-demo] .collapse{visibility:collapse}[data-grok-bot-demo] .invisible{visibility:hidden}[data-grok-bot-demo] .visible{visibility:visible}[data-grok-bot-demo] .sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}[data-grok-bot-demo] .absolute{position:absolute}[data-grok-bot-demo] .fixed{position:fixed}[data-grok-bot-demo] .relative{position:relative}[data-grok-bot-demo] .static{position:static}[data-grok-bot-demo] .sticky{position:sticky}[data-grok-bot-demo] .inset-0{inset:calc(var(--spacing)*0)}[data-grok-bot-demo] .inset-x-0{inset-inline:calc(var(--spacing)*0)}[data-grok-bot-demo] .inset-y-0{inset-block:calc(var(--spacing)*0)}[data-grok-bot-demo] .top-\[2px\]{top:2px}[data-grok-bot-demo] .top-\[12px\]{top:12px}[data-grok-bot-demo] .right-0{right:calc(var(--spacing)*0)}[data-grok-bot-demo] .bottom-0{bottom:calc(var(--spacing)*0)}[data-grok-bot-demo] .bottom-1\.5{bottom:calc(var(--spacing)*1.5)}[data-grok-bot-demo] .bottom-full{bottom:100%}[data-grok-bot-demo] .left-0{left:calc(var(--spacing)*0)}[data-grok-bot-demo] .left-1\/2{left:50%}[data-grok-bot-demo] .left-\[11px\]{left:11px}[data-grok-bot-demo] .isolate{isolation:isolate}[data-grok-bot-demo] .z-10{z-index:10}[data-grok-bot-demo] .z-30{z-index:30}[data-grok-bot-demo] .z-\[1\]{z-index:1}[data-grok-bot-demo] .z-\[3\]{z-index:3}[data-grok-bot-demo] .z-\[25\]{z-index:25}[data-grok-bot-demo] .container{width:100%}@media (min-width:40rem){[data-grok-bot-demo] .container{max-width:40rem}}@media (min-width:48rem){[data-grok-bot-demo] .container{max-width:48rem}}@media (min-width:64rem){[data-grok-bot-demo] .container{max-width:64rem}}@media (min-width:80rem){[data-grok-bot-demo] .container{max-width:80rem}}@media (min-width:96rem){[data-grok-bot-demo] .container{max-width:96rem}}[data-grok-bot-demo] .m-0{margin:calc(var(--spacing)*0)}[data-grok-bot-demo] .my-6{margin-block:calc(var(--spacing)*6)}[data-grok-bot-demo] .my-8{margin-block:calc(var(--spacing)*8)}[data-grok-bot-demo] .prose{color:var(--tw-prose-body);max-width:65ch}[data-grok-bot-demo] .prose :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}[data-grok-bot-demo] .prose :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-lead);margin-top:1.2em;margin-bottom:1.2em;font-size:1.25em;line-height:1.6}[data-grok-bot-demo] .prose :where(a):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-links);font-weight:500;text-decoration:underline}[data-grok-bot-demo] .prose :where(strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-bold);font-weight:600}[data-grok-bot-demo] .prose :where(a strong):not(:where([class~=not-prose],[class~=not-prose] *)),[data-grok-bot-demo] .prose :where(blockquote strong):not(:where([class~=not-prose],[class~=not-prose] *)),[data-grok-bot-demo] .prose :where(thead th strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}[data-grok-bot-demo] .prose :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em;list-style-type:decimal}[data-grok-bot-demo] .prose :where(ol[type=A]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}[data-grok-bot-demo] .prose :where(ol[type=a]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}[data-grok-bot-demo] .prose :where(ol[type=A s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}[data-grok-bot-demo] .prose :where(ol[type=a s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}[data-grok-bot-demo] .prose :where(ol[type=I]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}[data-grok-bot-demo] .prose :where(ol[type=i]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}[data-grok-bot-demo] .prose :where(ol[type=I s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}[data-grok-bot-demo] .prose :where(ol[type=i s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}[data-grok-bot-demo] .prose :where(ol[type="1"]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal}[data-grok-bot-demo] .prose :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em;list-style-type:disc}[data-grok-bot-demo] .prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-counters);font-weight:400}[data-grok-bot-demo] .prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-bullets)}[data-grok-bot-demo] .prose :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);margin-top:1.25em;font-weight:600}[data-grok-bot-demo] .prose :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){border-color:var(--tw-prose-hr);border-top-width:1px;margin-top:3em;margin-bottom:3em}[data-grok-bot-demo] .prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-quotes);border-inline-start-width:.25rem;border-inline-start-color:var(--tw-prose-quote-borders);quotes:"“""”""‘""’";margin-top:1.6em;margin-bottom:1.6em;padding-inline-start:1em;font-style:italic;font-weight:500}[data-grok-bot-demo] .prose :where(blockquote p:first-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:open-quote}[data-grok-bot-demo] .prose :where(blockquote p:last-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:close-quote}[data-grok-bot-demo] .prose :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);margin-top:0;margin-bottom:.888889em;font-size:2.25em;font-weight:800;line-height:1.11111}[data-grok-bot-demo] .prose :where(h1 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:900}[data-grok-bot-demo] .prose :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);margin-top:2em;margin-bottom:1em;font-size:1.5em;font-weight:700;line-height:1.33333}[data-grok-bot-demo] .prose :where(h2 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:800}[data-grok-bot-demo] .prose :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);margin-top:1.6em;margin-bottom:.6em;font-size:1.25em;font-weight:600;line-height:1.6}[data-grok-bot-demo] .prose :where(h3 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:700}[data-grok-bot-demo] .prose :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);margin-top:1.5em;margin-bottom:.5em;font-weight:600;line-height:1.5}[data-grok-bot-demo] .prose :where(h4 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:700}[data-grok-bot-demo] .prose :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}[data-grok-bot-demo] .prose :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em;display:block}[data-grok-bot-demo] .prose :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}[data-grok-bot-demo] .prose :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-kbd);box-shadow:0 0 0 1px var(--tw-prose-kbd-shadows),0 3px 0 var(--tw-prose-kbd-shadows);padding-top:.1875em;padding-inline-end:.375em;padding-bottom:.1875em;border-radius:.3125rem;padding-inline-start:.375em;font-family:inherit;font-size:.875em;font-weight:500}[data-grok-bot-demo] .prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-code);font-size:.875em;font-weight:600}[data-grok-bot-demo] .prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):before,[data-grok-bot-demo] .prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:"`"}[data-grok-bot-demo] .prose :where(a code):not(:where([class~=not-prose],[class~=not-prose] *)),[data-grok-bot-demo] .prose :where(h1 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}[data-grok-bot-demo] .prose :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.875em}[data-grok-bot-demo] .prose :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.9em}[data-grok-bot-demo] .prose :where(h4 code):not(:where([class~=not-prose],[class~=not-prose] *)),[data-grok-bot-demo] .prose :where(blockquote code):not(:where([class~=not-prose],[class~=not-prose] *)),[data-grok-bot-demo] .prose :where(thead th code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}[data-grok-bot-demo] .prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-pre-code);background-color:var(--tw-prose-pre-bg);padding-top:.857143em;padding-inline-end:1.14286em;padding-bottom:.857143em;border-radius:.375rem;margin-top:1.71429em;margin-bottom:1.71429em;padding-inline-start:1.14286em;font-size:.875em;font-weight:400;line-height:1.71429;overflow-x:auto}[data-grok-bot-demo] .prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:inherit;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit;background-color:#0000;border-width:0;border-radius:0;padding:0}[data-grok-bot-demo] .prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):before,[data-grok-bot-demo] .prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:none}[data-grok-bot-demo] .prose :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){table-layout:auto;width:100%;margin-top:2em;margin-bottom:2em;font-size:.875em;line-height:1.71429}[data-grok-bot-demo] .prose :where(thead):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-th-borders)}[data-grok-bot-demo] .prose :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);vertical-align:bottom;padding-inline-end:.571429em;padding-bottom:.571429em;padding-inline-start:.571429em;font-weight:600}[data-grok-bot-demo] .prose :where(tbody tr):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-td-borders)}[data-grok-bot-demo] .prose :where(tbody tr:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:0}[data-grok-bot-demo] .prose :where(tbody td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:baseline}[data-grok-bot-demo] .prose :where(tfoot):not(:where([class~=not-prose],[class~=not-prose] *)){border-top-width:1px;border-top-color:var(--tw-prose-th-borders)}[data-grok-bot-demo] .prose :where(tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:top}[data-grok-bot-demo] .prose :where(th,td):not(:where([class~=not-prose],[class~=not-prose] *)){text-align:start}[data-grok-bot-demo] .prose :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}[data-grok-bot-demo] .prose :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-captions);margin-top:.857143em;font-size:.875em;line-height:1.42857}[data-grok-bot-demo] .prose{--tw-prose-body:#364153;--tw-prose-headings:#101828;--tw-prose-lead:#4a5565;--tw-prose-links:#101828;--tw-prose-bold:#101828;--tw-prose-counters:#6a7282;--tw-prose-bullets:#d1d5dc;--tw-prose-hr:#e5e7eb;--tw-prose-quotes:#101828;--tw-prose-quote-borders:#e5e7eb;--tw-prose-captions:#6a7282;--tw-prose-kbd:#101828;--tw-prose-kbd-shadows:#1018281a;--tw-prose-code:#101828;--tw-prose-pre-code:#e5e7eb;--tw-prose-pre-bg:#1e2939;--tw-prose-th-borders:#d1d5dc;--tw-prose-td-borders:#e5e7eb;--tw-prose-invert-body:#d1d5dc;--tw-prose-invert-headings:#fff;--tw-prose-invert-lead:#99a1af;--tw-prose-invert-links:#fff;--tw-prose-invert-bold:#fff;--tw-prose-invert-counters:#99a1af;--tw-prose-invert-bullets:#4a5565;--tw-prose-invert-hr:#364153;--tw-prose-invert-quotes:#f3f4f6;--tw-prose-invert-quote-borders:#364153;--tw-prose-invert-captions:#99a1af;--tw-prose-invert-kbd:#fff;--tw-prose-invert-kbd-shadows:#ffffff1a;--tw-prose-invert-code:#fff;--tw-prose-invert-pre-code:#d1d5dc;--tw-prose-invert-pre-bg:#00000080;--tw-prose-invert-th-borders:#4a5565;--tw-prose-invert-td-borders:#364153;font-size:1rem;line-height:1.75}@supports (color:lab(0% 0 0)){[data-grok-bot-demo] .prose{--tw-prose-body:lab(27.1134% -.956401 -12.3224);--tw-prose-headings:lab(8.11897% .811279 -12.254);--tw-prose-lead:lab(35.6337% -1.58697 -10.8425);--tw-prose-links:lab(8.11897% .811279 -12.254);--tw-prose-bold:lab(8.11897% .811279 -12.254);--tw-prose-counters:lab(47.7841% -.393182 -10.0268);--tw-prose-bullets:lab(85.1236% -.612259 -3.7138);--tw-prose-hr:lab(91.6229% -.159115 -2.26791);--tw-prose-quotes:lab(8.11897% .811279 -12.254);--tw-prose-quote-borders:lab(91.6229% -.159115 -2.26791);--tw-prose-captions:lab(47.7841% -.393182 -10.0268);--tw-prose-kbd:lab(8.11897% .811279 -12.254);--tw-prose-kbd-shadows:lab(8.11897% .811279 -12.254/.1);--tw-prose-code:lab(8.11897% .811279 -12.254);--tw-prose-pre-code:lab(91.6229% -.159115 -2.26791);--tw-prose-pre-bg:lab(16.1051% -1.18239 -11.7533);--tw-prose-th-borders:lab(85.1236% -.612259 -3.7138);--tw-prose-td-borders:lab(91.6229% -.159115 -2.26791);--tw-prose-invert-body:lab(85.1236% -.612259 -3.7138);--tw-prose-invert-lead:lab(65.9269% -.832707 -8.17473);--tw-prose-invert-counters:lab(65.9269% -.832707 -8.17473);--tw-prose-invert-bullets:lab(35.6337% -1.58697 -10.8425);--tw-prose-invert-hr:lab(27.1134% -.956401 -12.3224);--tw-prose-invert-quotes:lab(96.1596% -.0823438 -1.13575);--tw-prose-invert-quote-borders:lab(27.1134% -.956401 -12.3224);--tw-prose-invert-captions:lab(65.9269% -.832707 -8.17473);--tw-prose-invert-pre-code:lab(85.1236% -.612259 -3.7138);--tw-prose-invert-th-borders:lab(35.6337% -1.58697 -10.8425);--tw-prose-invert-td-borders:lab(27.1134% -.956401 -12.3224)}}[data-grok-bot-demo] .prose :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}[data-grok-bot-demo] .prose :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;margin-bottom:.5em}[data-grok-bot-demo] .prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)),[data-grok-bot-demo] .prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}[data-grok-bot-demo] .prose :where(.prose>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}[data-grok-bot-demo] .prose :where(.prose>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}[data-grok-bot-demo] .prose :where(.prose>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}[data-grok-bot-demo] .prose :where(.prose>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}[data-grok-bot-demo] .prose :where(.prose>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}[data-grok-bot-demo] .prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}[data-grok-bot-demo] .prose :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}[data-grok-bot-demo] .prose :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;padding-inline-start:1.625em}[data-grok-bot-demo] .prose :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)),[data-grok-bot-demo] .prose :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)),[data-grok-bot-demo] .prose :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)),[data-grok-bot-demo] .prose :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}[data-grok-bot-demo] .prose :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}[data-grok-bot-demo] .prose :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}[data-grok-bot-demo] .prose :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top:.571429em;padding-inline-end:.571429em;padding-bottom:.571429em;padding-inline-start:.571429em}[data-grok-bot-demo] .prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}[data-grok-bot-demo] .prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}[data-grok-bot-demo] .prose :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}[data-grok-bot-demo] .prose :where(.prose>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}[data-grok-bot-demo] .prose :where(.prose>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}[data-grok-bot-demo] .-mt-0\.5{margin-top:calc(var(--spacing)*-.5)}[data-grok-bot-demo] .mt-0\.5{margin-top:calc(var(--spacing)*.5)}[data-grok-bot-demo] .mt-1{margin-top:calc(var(--spacing)*1)}[data-grok-bot-demo] .mt-1\.5{margin-top:calc(var(--spacing)*1.5)}[data-grok-bot-demo] .mt-2{margin-top:calc(var(--spacing)*2)}[data-grok-bot-demo] .mt-2\.5{margin-top:calc(var(--spacing)*2.5)}[data-grok-bot-demo] .mt-3{margin-top:calc(var(--spacing)*3)}[data-grok-bot-demo] .mt-\[3px\]{margin-top:3px}[data-grok-bot-demo] .mt-auto{margin-top:auto}[data-grok-bot-demo] .mt-px{margin-top:1px}[data-grok-bot-demo] .-mr-1{margin-right:calc(var(--spacing)*-1)}[data-grok-bot-demo] .-mr-4{margin-right:calc(var(--spacing)*-4)}[data-grok-bot-demo] .mb-1{margin-bottom:calc(var(--spacing)*1)}[data-grok-bot-demo] .mb-2{margin-bottom:calc(var(--spacing)*2)}[data-grok-bot-demo] .mb-3{margin-bottom:calc(var(--spacing)*3)}[data-grok-bot-demo] .mb-\[2px\]{margin-bottom:2px}[data-grok-bot-demo] .mb-\[3px\]{margin-bottom:3px}[data-grok-bot-demo] .mb-\[4px\]{margin-bottom:4px}[data-grok-bot-demo] .mb-\[14px\]{margin-bottom:14px}[data-grok-bot-demo] .-ml-0\.5{margin-left:calc(var(--spacing)*-.5)}[data-grok-bot-demo] .-ml-2{margin-left:calc(var(--spacing)*-2)}[data-grok-bot-demo] .ml-1{margin-left:calc(var(--spacing)*1)}[data-grok-bot-demo] .ml-auto{margin-left:auto}[data-grok-bot-demo] .ml-px{margin-left:1px}[data-grok-bot-demo] .block{display:block}[data-grok-bot-demo] .contents{display:contents}[data-grok-bot-demo] .flex{display:flex}[data-grok-bot-demo] .flow-root{display:flow-root}[data-grok-bot-demo] .grid{display:grid}[data-grok-bot-demo] .hidden{display:none}[data-grok-bot-demo] .inline{display:inline}[data-grok-bot-demo] .inline-block{display:inline-block}[data-grok-bot-demo] .inline-flex{display:inline-flex}[data-grok-bot-demo] .table{display:table}[data-grok-bot-demo] .table-cell{display:table-cell}[data-grok-bot-demo] .table-row{display:table-row}[data-grok-bot-demo] .aspect-\[4\/3\]{aspect-ratio:4/3}[data-grok-bot-demo] .aspect-\[7\/6\]{aspect-ratio:7/6}[data-grok-bot-demo] .aspect-\[16\/10\]{aspect-ratio:16/10}[data-grok-bot-demo] .size-3{width:calc(var(--spacing)*3);height:calc(var(--spacing)*3)}[data-grok-bot-demo] .size-3\.5{width:calc(var(--spacing)*3.5);height:calc(var(--spacing)*3.5)}[data-grok-bot-demo] .size-5{width:calc(var(--spacing)*5);height:calc(var(--spacing)*5)}[data-grok-bot-demo] .size-6{width:calc(var(--spacing)*6);height:calc(var(--spacing)*6)}[data-grok-bot-demo] .size-7{width:calc(var(--spacing)*7);height:calc(var(--spacing)*7)}[data-grok-bot-demo] .size-\[14px\]{width:14px;height:14px}[data-grok-bot-demo] .size-\[16px\]{width:16px;height:16px}[data-grok-bot-demo] .h-1\.5{height:calc(var(--spacing)*1.5)}[data-grok-bot-demo] .h-3{height:calc(var(--spacing)*3)}[data-grok-bot-demo] .h-6{height:calc(var(--spacing)*6)}[data-grok-bot-demo] .h-12{height:calc(var(--spacing)*12)}[data-grok-bot-demo] .h-\[1\.5px\]{height:1.5px}[data-grok-bot-demo] .h-\[2px\]{height:2px}[data-grok-bot-demo] .h-\[3px\]{height:3px}[data-grok-bot-demo] .h-\[4px\]{height:4px}[data-grok-bot-demo] .h-\[6px\]{height:6px}[data-grok-bot-demo] .h-\[7px\]{height:7px}[data-grok-bot-demo] .h-\[9px\]{height:9px}[data-grok-bot-demo] .h-\[11px\]{height:11px}[data-grok-bot-demo] .h-\[12px\]{height:12px}[data-grok-bot-demo] .h-\[14px\]{height:14px}[data-grok-bot-demo] .h-\[18px\]{height:18px}[data-grok-bot-demo] .h-\[54px\]{height:54px}[data-grok-bot-demo] .h-\[var\(--grok-bot-toolbar-height\)\]{height:var(--grok-bot-toolbar-height)}[data-grok-bot-demo] .h-full{height:100%}[data-grok-bot-demo] .max-h-full{max-height:100%}[data-grok-bot-demo] .min-h-0{min-height:calc(var(--spacing)*0)}[data-grok-bot-demo] .w-1\.5{width:calc(var(--spacing)*1.5)}[data-grok-bot-demo] .w-3{width:calc(var(--spacing)*3)}[data-grok-bot-demo] .w-6{width:calc(var(--spacing)*6)}[data-grok-bot-demo] .w-\[3px\]{width:3px}[data-grok-bot-demo] .w-\[8px\]{width:8px}[data-grok-bot-demo] .w-\[13\%\]{width:13%}[data-grok-bot-demo] .w-\[14px\]{width:14px}[data-grok-bot-demo] .w-\[17\%\]{width:17%}[data-grok-bot-demo] .w-\[18px\]{width:18px}[data-grok-bot-demo] .w-\[19\%\]{width:19%}[data-grok-bot-demo] .w-\[22\%\]{width:22%}[data-grok-bot-demo] .w-\[30px\]{width:30px}[data-grok-bot-demo] .w-\[36\%\]{width:36%}[data-grok-bot-demo] .w-\[45\%\]{width:45%}[data-grok-bot-demo] .w-\[50\%\]{width:50%}[data-grok-bot-demo] .w-\[52px\]{width:52px}[data-grok-bot-demo] .w-\[60\%\]{width:60%}[data-grok-bot-demo] .w-\[65\%\]{width:65%}[data-grok-bot-demo] .w-\[70\%\]{width:70%}[data-grok-bot-demo] .w-\[calc\(100\%-min\(78\%\,42rem\)\)\]{width:calc(100% - min(78%,42rem))}[data-grok-bot-demo] .w-\[min\(78\%\,42rem\)\]{width:min(78%,42rem)}[data-grok-bot-demo] .w-full{width:100%}[data-grok-bot-demo] .w-px{width:1px}[data-grok-bot-demo] .max-w-\[min\(420px\,85\%\)\]{max-width:min(420px,85%)}[data-grok-bot-demo] .max-w-\[min\(420px\,92\%\)\]{max-width:min(420px,92%)}[data-grok-bot-demo] .max-w-\[min\(560px\,92\%\)\]{max-width:min(560px,92%)}[data-grok-bot-demo] .min-w-0{min-width:calc(var(--spacing)*0)}[data-grok-bot-demo] .flex-1{flex:1}[data-grok-bot-demo] .flex-none{flex:none}[data-grok-bot-demo] .shrink{flex-shrink:1}[data-grok-bot-demo] .shrink-0{flex-shrink:0}[data-grok-bot-demo] .grow{flex-grow:1}[data-grok-bot-demo] .border-collapse{border-collapse:collapse}[data-grok-bot-demo] .origin-top-left{transform-origin:0 0}[data-grok-bot-demo] .-translate-x-1\/2{--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}[data-grok-bot-demo] .-scale-x-100{--tw-scale-x:calc(100%*-1);scale:var(--tw-scale-x)var(--tw-scale-y)}[data-grok-bot-demo] .scale-\[0\.6\]{scale:.6}[data-grok-bot-demo] .transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}[data-grok-bot-demo] .animate-pulse{animation:var(--animate-pulse)}[data-grok-bot-demo] .cursor-default{cursor:default}[data-grok-bot-demo] .cursor-grab{cursor:grab}[data-grok-bot-demo] .cursor-pointer{cursor:pointer}[data-grok-bot-demo] .touch-none{touch-action:none}[data-grok-bot-demo] .snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)}[data-grok-bot-demo] .snap-mandatory{--tw-scroll-snap-strictness:mandatory}[data-grok-bot-demo] .snap-start{scroll-snap-align:start}[data-grok-bot-demo] .\[scroll-snap-stop\:always\]{scroll-snap-stop:always}[data-grok-bot-demo] .list-decimal{list-style-type:decimal}[data-grok-bot-demo] .list-disc{list-style-type:disc}[data-grok-bot-demo] .flex-col{flex-direction:column}[data-grok-bot-demo] .flex-wrap{flex-wrap:wrap}[data-grok-bot-demo] .items-center{align-items:center}[data-grok-bot-demo] .items-end{align-items:flex-end}[data-grok-bot-demo] .items-start{align-items:flex-start}[data-grok-bot-demo] .justify-between{justify-content:space-between}[data-grok-bot-demo] .justify-center{justify-content:center}[data-grok-bot-demo] .justify-end{justify-content:flex-end}[data-grok-bot-demo] .gap-0{gap:calc(var(--spacing)*0)}[data-grok-bot-demo] .gap-0\.5{gap:calc(var(--spacing)*.5)}[data-grok-bot-demo] .gap-1{gap:calc(var(--spacing)*1)}[data-grok-bot-demo] .gap-1\.5{gap:calc(var(--spacing)*1.5)}[data-grok-bot-demo] .gap-2{gap:calc(var(--spacing)*2)}[data-grok-bot-demo] .gap-2\.5{gap:calc(var(--spacing)*2.5)}[data-grok-bot-demo] .gap-3{gap:calc(var(--spacing)*3)}[data-grok-bot-demo] .gap-\[2\.5px\]{gap:2.5px}[data-grok-bot-demo] .gap-\[2px\]{gap:2px}[data-grok-bot-demo] .gap-\[3px\]{gap:3px}[data-grok-bot-demo] .gap-\[4px\]{gap:4px}[data-grok-bot-demo] .gap-\[5px\]{gap:5px}[data-grok-bot-demo] .gap-\[7px\]{gap:7px}[data-grok-bot-demo] .gap-\[calc\(min\(78\%\,42rem\)\*0\.015\)\]{gap:calc(min(78%,42rem)/66.6667)}[data-grok-bot-demo] .self-start{align-self:flex-start}[data-grok-bot-demo] .truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}[data-grok-bot-demo] .\!overflow-visible{overflow:visible!important}[data-grok-bot-demo] .overflow-clip{overflow:clip}[data-grok-bot-demo] .overflow-hidden{overflow:hidden}[data-grok-bot-demo] .overflow-visible{overflow:visible}[data-grok-bot-demo] .overflow-x-auto{overflow-x:auto}[data-grok-bot-demo] .overflow-x-hidden{overflow-x:hidden}[data-grok-bot-demo] .overflow-y-auto{overflow-y:auto}[data-grok-bot-demo] .overflow-y-visible{overflow-y:visible}[data-grok-bot-demo] .overscroll-x-contain{overscroll-behavior-x:contain}[data-grok-bot-demo] .\!rounded-none{border-radius:0!important}[data-grok-bot-demo] .rounded-3xl{border-radius:var(--radius-3xl)}[data-grok-bot-demo] .rounded-\[2px\]{border-radius:2px}[data-grok-bot-demo] .rounded-\[3\.3cqi\]{border-radius:3.3cqi}[data-grok-bot-demo] .rounded-\[3px\]{border-radius:3px}[data-grok-bot-demo] .rounded-\[5px\]{border-radius:5px}[data-grok-bot-demo] .rounded-\[6px\]{border-radius:6px}[data-grok-bot-demo] .rounded-\[10px\]{border-radius:10px}[data-grok-bot-demo] .rounded-full{border-radius:2147480000px}[data-grok-bot-demo] .rounded-md{border-radius:var(--radius-md)}[data-grok-bot-demo] .rounded-sm{border-radius:var(--radius-sm)}[data-grok-bot-demo] .border{border-style:var(--tw-border-style);border-width:1px}[data-grok-bot-demo] .border-\[1\.5px\]{border-style:var(--tw-border-style);border-width:1.5px}[data-grok-bot-demo] .border-y{border-block-style:var(--tw-border-style);border-block-width:1px}[data-grok-bot-demo] .border-s{border-inline-start-style:var(--tw-border-style);border-inline-start-width:1px}[data-grok-bot-demo] .border-t{border-top-style:var(--tw-border-style);border-top-width:1px}[data-grok-bot-demo] .border-r{border-right-style:var(--tw-border-style);border-right-width:1px}[data-grok-bot-demo] .border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}[data-grok-bot-demo] .border-l{border-left-style:var(--tw-border-style);border-left-width:1px}[data-grok-bot-demo] .border-white{border-color:var(--color-white)}[data-grok-bot-demo] .bg-\[\#28c840\]{background-color:#28c840}[data-grok-bot-demo] .bg-\[\#febc2e\]{background-color:#febc2e}[data-grok-bot-demo] .bg-\[\#ff5f57\]{background-color:#ff5f57}[data-grok-bot-demo] .bg-\[var\(--cursor-bg-active\)\]{background-color:var(--cursor-bg-active)}[data-grok-bot-demo] .bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab, red, red)){[data-grok-bot-demo] .bg-black\/50{background-color:color-mix(in oklab,var(--color-black)50%,transparent)}}[data-grok-bot-demo] .bg-foreground,[data-grok-bot-demo] .bg-foreground\/10,[data-grok-bot-demo] .bg-foreground\/20{background-color:hsl(var(--fg))}@supports (color:color-mix(in lab, red, red)){[data-grok-bot-demo] .bg-foreground\/20{background-color:color-mix(in oklab,hsl(var(--fg))20%,transparent)}}[data-grok-bot-demo] .bg-white{background-color:var(--color-white)}[data-grok-bot-demo] .bg-repeat{background-repeat:repeat}[data-grok-bot-demo] .object-cover{object-fit:cover}[data-grok-bot-demo] .p-0{padding:calc(var(--spacing)*0)}[data-grok-bot-demo] .p-\[3px\]{padding:3px}[data-grok-bot-demo] .p-\[4px\]{padding:4px}[data-grok-bot-demo] .p-\[5px\]{padding:5px}[data-grok-bot-demo] .px-1{padding-inline:calc(var(--spacing)*1)}[data-grok-bot-demo] .px-1\.5{padding-inline:calc(var(--spacing)*1.5)}[data-grok-bot-demo] .px-2{padding-inline:calc(var(--spacing)*2)}[data-grok-bot-demo] .px-3{padding-inline:calc(var(--spacing)*3)}[data-grok-bot-demo] .px-4{padding-inline:calc(var(--spacing)*4)}[data-grok-bot-demo] .px-5{padding-inline:calc(var(--spacing)*5)}[data-grok-bot-demo] .px-\[4px\]{padding-inline:4px}[data-grok-bot-demo] .px-\[5px\]{padding-inline:5px}[data-grok-bot-demo] .px-\[8px\]{padding-inline:8px}[data-grok-bot-demo] .px-\[22\%\]{padding-inline:22%}[data-grok-bot-demo] .py-0\.5{padding-block:calc(var(--spacing)*.5)}[data-grok-bot-demo] .py-1{padding-block:calc(var(--spacing)*1)}[data-grok-bot-demo] .py-1\.5{padding-block:calc(var(--spacing)*1.5)}[data-grok-bot-demo] .py-2{padding-block:calc(var(--spacing)*2)}[data-grok-bot-demo] .py-4{padding-block:calc(var(--spacing)*4)}[data-grok-bot-demo] .py-\[1\.5px\]{padding-block:1.5px}[data-grok-bot-demo] .py-\[6px\]{padding-block:6px}[data-grok-bot-demo] .py-\[7px\]{padding-block:7px}[data-grok-bot-demo] .ps-5{padding-inline-start:calc(var(--spacing)*5)}[data-grok-bot-demo] .pt-0{padding-top:calc(var(--spacing)*0)}[data-grok-bot-demo] .pt-1{padding-top:calc(var(--spacing)*1)}[data-grok-bot-demo] .pt-2{padding-top:calc(var(--spacing)*2)}[data-grok-bot-demo] .pt-4{padding-top:calc(var(--spacing)*4)}[data-grok-bot-demo] .pt-\[3px\]{padding-top:3px}[data-grok-bot-demo] .pt-\[5px\]{padding-top:5px}[data-grok-bot-demo] .pt-\[6px\]{padding-top:6px}[data-grok-bot-demo] .pb-0{padding-bottom:calc(var(--spacing)*0)}[data-grok-bot-demo] .pb-1{padding-bottom:calc(var(--spacing)*1)}[data-grok-bot-demo] .pb-2{padding-bottom:calc(var(--spacing)*2)}[data-grok-bot-demo] .pb-3{padding-bottom:calc(var(--spacing)*3)}[data-grok-bot-demo] .pb-4{padding-bottom:calc(var(--spacing)*4)}[data-grok-bot-demo] .pb-12{padding-bottom:calc(var(--spacing)*12)}[data-grok-bot-demo] .pb-\[4px\]{padding-bottom:4px}[data-grok-bot-demo] .pb-\[5px\]{padding-bottom:5px}[data-grok-bot-demo] .pb-\[7px\]{padding-bottom:7px}[data-grok-bot-demo] .pb-\[10\%\]{padding-bottom:10%}[data-grok-bot-demo] .text-center{text-align:center}[data-grok-bot-demo] .font-display{font-family:var(--font-x-vf),ui-sans-serif,system-ui,sans-serif}[data-grok-bot-demo] .text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}[data-grok-bot-demo] .text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}[data-grok-bot-demo] .text-\[4\.5px\]{font-size:4.5px}[data-grok-bot-demo] .text-\[5px\]{font-size:5px}[data-grok-bot-demo] .text-\[10px\]{font-size:10px}[data-grok-bot-demo] .text-\[11px\]{font-size:11px}[data-grok-bot-demo] .text-\[12px\]{font-size:12px}[data-grok-bot-demo] .text-\[13px\]{font-size:13px}[data-grok-bot-demo] .text-\[14px\]{font-size:14px}[data-grok-bot-demo] .leading-4{--tw-leading:calc(var(--spacing)*4);line-height:calc(var(--spacing)*4)}[data-grok-bot-demo] .leading-5{--tw-leading:calc(var(--spacing)*5);line-height:calc(var(--spacing)*5)}[data-grok-bot-demo] .leading-7{--tw-leading:calc(var(--spacing)*7);line-height:calc(var(--spacing)*7)}[data-grok-bot-demo] .leading-\[18px\]{--tw-leading:18px;line-height:18px}[data-grok-bot-demo] .leading-none{--tw-leading:1;line-height:1}[data-grok-bot-demo] .font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}[data-grok-bot-demo] .tracking-\[-0\.08px\]{--tw-tracking:-.08px;letter-spacing:-.08px}[data-grok-bot-demo] .tracking-\[-0\.15px\]{--tw-tracking:-.15px;letter-spacing:-.15px}[data-grok-bot-demo] .tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}[data-grok-bot-demo] .text-pretty{text-wrap:pretty}[data-grok-bot-demo] .text-wrap{text-wrap:wrap}[data-grok-bot-demo] .text-ellipsis{text-overflow:ellipsis}[data-grok-bot-demo] .whitespace-nowrap{white-space:nowrap}[data-grok-bot-demo] .whitespace-pre-wrap{white-space:pre-wrap}[data-grok-bot-demo] .text-\[var\(--cursor-text-primary\)\]{color:var(--cursor-text-primary)}[data-grok-bot-demo] .text-\[var\(--cursor-text-secondary\)\]{color:var(--cursor-text-secondary)}[data-grok-bot-demo] .text-\[var\(--grok-bot-text-danger\)\]{color:var(--grok-bot-text-danger)}[data-grok-bot-demo] .text-\[var\(--grok-bot-text-success\)\]{color:var(--grok-bot-text-success)}[data-grok-bot-demo] .text-foreground,[data-grok-bot-demo] .text-foreground\/60{color:hsl(var(--fg))}@supports (color:color-mix(in lab, red, red)){[data-grok-bot-demo] .text-foreground\/60{color:color-mix(in oklab,hsl(var(--fg))60%,transparent)}}[data-grok-bot-demo] .text-primary\/60{color:hsl(var(--primary))}@supports (color:color-mix(in lab, red, red)){[data-grok-bot-demo] .text-primary\/60{color:color-mix(in oklab,hsl(var(--primary))60%,transparent)}}[data-grok-bot-demo] .text-white{color:var(--color-white)}[data-grok-bot-demo] .capitalize{text-transform:capitalize}[data-grok-bot-demo] .lowercase{text-transform:lowercase}[data-grok-bot-demo] .normal-case{text-transform:none}[data-grok-bot-demo] .uppercase{text-transform:uppercase}[data-grok-bot-demo] .italic{font-style:italic}[data-grok-bot-demo] .tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}[data-grok-bot-demo] .no-underline{text-decoration-line:none}[data-grok-bot-demo] .underline{text-decoration-line:underline}[data-grok-bot-demo] .antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-grok-bot-demo] .opacity-0{opacity:0}[data-grok-bot-demo] .shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}[data-grok-bot-demo] .shadow-\[0_1px_2px_rgba\(0\,0\,0\,0\.28\)\]{--tw-shadow:0 1px 2px var(--tw-shadow-color,#00000047);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}[data-grok-bot-demo] .shadow-\[inset_0_0_0_0\.5px_rgba\(0\,0\,0\,0\.2\)\]{--tw-shadow:inset 0 0 0 .5px var(--tw-shadow-color,#0003);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}[data-grok-bot-demo] .ring-inset{--tw-ring-color:hsl(var(--bg-inset))}[data-grok-bot-demo] .-outline-offset-1{outline-offset:calc(1px*-1)}[data-grok-bot-demo] .outline-black\/10{outline-color:#0000001a}@supports (color:color-mix(in lab, red, red)){[data-grok-bot-demo] .outline-black\/10{outline-color:color-mix(in oklab,var(--color-black)10%,transparent)}}[data-grok-bot-demo] .blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}[data-grok-bot-demo] .drop-shadow-\[0_0\.5px_1px_rgba\(0\,0\,0\,0\.3\)\]{--tw-drop-shadow-size:drop-shadow(0 .5px 1px var(--tw-drop-shadow-color,#0000004d));--tw-drop-shadow:var(--tw-drop-shadow-size);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}[data-grok-bot-demo] .backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}[data-grok-bot-demo] .transition-\[width\]{transition-property:width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}[data-grok-bot-demo] .transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}[data-grok-bot-demo] .transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}[data-grok-bot-demo] .duration-200{--tw-duration:.2s;transition-duration:.2s}[data-grok-bot-demo] .duration-300{--tw-duration:.3s;transition-duration:.3s}[data-grok-bot-demo] .outline-none{--tw-outline-style:none;outline-style:none}[data-grok-bot-demo] .\[scrollbar-width\:none\]{scrollbar-width:none}[data-grok-bot-demo] .ring-inset{--tw-ring-inset:inset}[data-grok-bot-demo] .running{animation-play-state:running}@media (hover:hover){[data-grok-bot-demo] .group-hover\:bg-foreground\/35:is(:where(.group):hover *){background-color:hsl(var(--fg))}@supports (color:color-mix(in lab, red, red)){[data-grok-bot-demo] .group-hover\:bg-foreground\/35:is(:where(.group):hover *){background-color:color-mix(in oklab,hsl(var(--fg))35%,transparent)}}}[data-grok-bot-demo] .marker\:text-\[var\(--cursor-text-tertiary\)\] ::marker{color:var(--cursor-text-tertiary)}[data-grok-bot-demo] .marker\:text-\[var\(--cursor-text-tertiary\)\]::marker{color:var(--cursor-text-tertiary)}[data-grok-bot-demo] .marker\:text-\[var\(--cursor-text-tertiary\)\] ::-webkit-details-marker{color:var(--cursor-text-tertiary)}[data-grok-bot-demo] .marker\:text-\[var\(--cursor-text-tertiary\)\]::-webkit-details-marker{color:var(--cursor-text-tertiary)}[data-grok-bot-demo] .first\:mt-0:first-child{margin-top:calc(var(--spacing)*0)}@media (hover:hover){[data-grok-bot-demo] .hover\:bg-\[color-mix\(in_srgb\,var\(--cursor-text-primary\)_4\%\,transparent\)\]:hover{background-color:var(--cursor-text-primary)}@supports (color:color-mix(in lab, red, red)){[data-grok-bot-demo] .hover\:bg-\[color-mix\(in_srgb\,var\(--cursor-text-primary\)_4\%\,transparent\)\]:hover{background-color:color-mix(in srgb,var(--cursor-text-primary)4%,transparent)}}[data-grok-bot-demo] .hover\:bg-\[var\(--cursor-bg-hover\)\]:hover{background-color:var(--cursor-bg-hover)}[data-grok-bot-demo] .hover\:bg-\[var\(--grok-bot-sidebar-hover\)\]:hover{background-color:var(--grok-bot-sidebar-hover)}[data-grok-bot-demo] .hover\:text-\[var\(--cursor-text-primary\)\]:hover{color:var(--cursor-text-primary)}[data-grok-bot-demo] .hover\:underline:hover{text-decoration-line:underline}}[data-grok-bot-demo] .focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}[data-grok-bot-demo] .focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}[data-grok-bot-demo] .focus-visible\:outline-primary:focus-visible{outline-color:hsl(var(--primary))}[data-grok-bot-demo] .active\:cursor-grabbing:active{cursor:grabbing}@media (min-width:64rem){[data-grok-bot-demo] .lg\:-mr-6{margin-right:calc(var(--spacing)*-6)}}@media (min-width:80rem){[data-grok-bot-demo] .xl\:mr-0{margin-right:calc(var(--spacing)*0)}}@media (min-width:96rem){[data-grok-bot-demo] .\32 xl\:-mx-24{margin-inline:calc(var(--spacing)*-24)}[data-grok-bot-demo] .\32 xl\:mx-auto{margin-inline:auto}[data-grok-bot-demo] .\32 xl\:my-6{margin-block:calc(var(--spacing)*6)}[data-grok-bot-demo] .\32 xl\:ml-0{margin-left:calc(var(--spacing)*0)}[data-grok-bot-demo] .\32 xl\:max-h-96{max-height:calc(var(--spacing)*96)}[data-grok-bot-demo] .\32 xl\:w-\(--sidebar-width\){width:var(--sidebar-width)}[data-grok-bot-demo] .\32 xl\:max-w-96{max-width:calc(var(--spacing)*96)}[data-grok-bot-demo] .\32 xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}[data-grok-bot-demo] .\32 xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}[data-grok-bot-demo] .\32 xl\:justify-center{justify-content:center}[data-grok-bot-demo] .\32 xl\:gap-x-12{column-gap:calc(var(--spacing)*12)}[data-grok-bot-demo] .\32 xl\:gap-x-20{column-gap:calc(var(--spacing)*20)}}:root[data-theme=dark] [data-grok-bot-demo] .dark\:block{display:block}:root[data-theme=dark] [data-grok-bot-demo] .dark\:hidden{display:none}:root[data-theme=dark] [data-grok-bot-demo] .dark\:outline-white\/10{outline-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){:root[data-theme=dark] [data-grok-bot-demo] .dark\:outline-white\/10{outline-color:color-mix(in oklab,var(--color-white)10%,transparent)}}[data-grok-bot-demo] .\[\&_img\]\:size-full img{width:100%;height:100%}[data-grok-bot-demo] .\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar{display:none}[data-grok-bot-demo] .\[\&\>\*\]\:shrink-0>*{flex-shrink:0}[data-grok-bot-demo]{--white:0 0% 100%;--black:222.2 0% 4.9%;--solar:22 100% 52%;--darksolar:26 61% 50%;--chart-1:12 76% 61%;--chart-2:173 58% 39%;--chart-3:197 37% 24%;--chart-4:43 74% 66%;--chart-5:27 87% 67%;--neutral2:0 0% 3%;--neutral5:0 0% 7%;--neutral10:0 1% 11%;--neutral15:0 0% 15%;--neutral20:0 0% 19%;--neutral25:0 0% 23%;--neutral30:0 1% 28%;--neutral35:0 0% 33%;--neutral40:0 0% 37%;--neutral45:0 0% 42%;--neutral50:0 0% 47%;--neutral55:0 1% 52%;--neutral60:0 1% 57%;--neutral65:0 1% 62%;--neutral70:0 1% 67%;--neutral75:0 1% 73%;--neutral80:0 1% 78%;--neutral85:0 1% 83%;--neutral90:0 1% 88%;--neutral95:0 2% 94%;--neutral98:0 4% 98%;--bg-inset-hover:0 0% 91%;--bg-inset:0 0% 93%;--bg-base:0 0% 96%;--bg-l1:0 0% 99%;--bg-l2:0 0% 100%;--bg-l3:0 0% 100%;--bg-l4:0 0% 100%;--bg-l4-hover:0 0% 100%;--bg-overlay-hover:var(--foreground)/5%;--fg:var(--neutral2);--fg-muted:var(--neutral50);--fg-loading:var(--neutral70);--fg-tertiary:36 2% 52%;--fg-quaternary:var(--neutral85);--fg-danger:353 53% 43%;--fg-info:228 47% 49%;--fg-warning:44 80% 34%;--primary:var(--neutral2);--primary-hover:var(--neutral10);--primary-foreground:var(--neutral98);--success:132 41% 42%;--success-foreground:0 100% 99%;--warning:41 100% 68%;--warning-foreground:34 87% 18%;--destructive:0 55% 55%;--destructive-dark:0 47% 41%;--destructive-subtle:0 32% 89%;--destructive-foreground:210 40% 98%;--fg-success:132 41% 42%;--border-bold:60 9% 9%;--border-subtle:0 0% 80%;--border-muted:0 0% 90%;--sh-class:210 53% 40%;--sh-identifier:213 15% 23%;--sh-sign:209 10% 59%;--sh-property:216 91% 36%;--sh-entity:179 58% 41%;--sh-jsxliterals:237 48% 57%;--sh-string:175 100% 33%;--sh-keyword:4 88% 69%;--sh-comment:0 6% 61%;--card:0 0% 100%;--card-foreground:222.2 0% 4.9%;--popover:0 0% 100%;--popover-foreground:222.2 0% 4.9%;--secondary:240 4.76% 95.88%;--secondary-foreground:0 0% 20%;--muted:240 4.76% 95.88%;--muted-foreground:0 0% 20%;--accent:0 0% 7%;--accent-foreground:0 0% 15%;--sidebar-background:var(--bg-l2);--sidebar-foreground:240 5.3% 26.1%;--sidebar-primary:240 5.9% 10%;--sidebar-primary-foreground:0 0% 98%;--sidebar-accent:240 4.8% 95.9%;--sidebar-accent-foreground:240 5.9% 10%;--sidebar-border:220 13% 91%;--sidebar-ring:217.2 91.2% 59.8%;--container-center:true;--container-padding:2rem;--breakpoint-2xl:1400px;--noise:url("data:image/svg+xml,%3Csvg viewBox='0 0 250 250' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}:root[data-theme=dark] [data-grok-bot-demo]{--background:222.2 0% 4.9%;--foreground:210 40% 98%;--bg-inset-hover:0 0% 0%;--bg-inset:0 0% 2%;--bg-base:0 0% 5%;--bg-l1:0 0% 8%;--bg-l2:0 0% 10%;--bg-l3:0 0% 13%;--bg-l4:0 0% 15%;--bg-l4-hover:0 0% 17%;--bg-overlay-hover:var(--foreground)/5%;--fg:var(--neutral98);--fg-muted:var(--neutral70);--fg-loading:var(--neutral50);--fg-tertiary:225 2% 62%;--fg-quaternary:var(--neutral40);--fg-danger:356 80% 71%;--fg-info:226 84% 73%;--fg-warning:41 100% 78%;--primary:var(--neutral98);--primary-hover:var(--neutral95);--primary-foreground:var(--neutral2);--sb-track-color:var(--bg-l4)/0%;--sb-thumb-color:var(--bg-overlay-hover);--warning:41 100% 68%;--warning-foreground:34 87% 18%;--success:132 41% 42%;--success-foreground:0 100% 99%;--destructive:0 62.8% 30.6%;--destructive-foreground:210 40% 98%;--border-bold:60 5% 89%;--border-subtle:0 0% 37%;--border-muted:0 0% 19%;--border:var(--border-muted);--input:var(--border-muted);--ring:var(--primary);--card:222.2 0% 4.9%;--card-foreground:210 0% 98%;--popover:222.2 0% 4.9%;--popover-foreground:210 0% 98%;--secondary:217.2 0% 17.5%;--secondary-foreground:210 0% 98%;--muted:217.2 0% 17.5%;--muted-foreground:0 0% 60%;--accent:217.2 0% 17.5%;--accent-foreground:210 0% 98%;--background-screen:180 1% 11%;--background-level-1:60 5% 89%/20%;--background-level-2:60 5% 89%/4%;--background-vignette:0 0% 0%;--background-striped:repeating-linear-gradient(-55deg,#fbf4f433,#fbf4f433 10px,transparent 10px,transparent 20px);--content-regular:var(--neutral60);--content-subtle:var(--neutral60);--content-muted:var(--neutral60);--alert:0 91% 54%;--on-alert:0 100% 99%;--chart-1:220 70% 50%;--chart-2:160 60% 45%;--chart-3:30 80% 55%;--chart-4:280 65% 60%;--chart-5:340 75% 55%;--sidebar-background:var(--bg-l1);--sidebar-foreground:240 4.8% 95.9%;--sidebar-primary:224.3 76.3% 48%;--sidebar-primary-foreground:0 0% 100%;--sidebar-accent:240 3.7% 15.9%;--sidebar-accent-foreground:240 4.8% 95.9%;--sidebar-border:240 3.7% 15.9%;--sidebar-ring:217.2 91.2% 59.8%}[data-grok-bot-demo]{--scrollbar-color:#ccc;--topbar-height:3.5rem;--sidebar-width:0;--shiki-dark-bg:#121212;--bg-inset-hover:40 14% 91%;--bg-inset:40 16% 93%;--bg-base:0 0% 100%;--bg-l1:0 0% 100%;--bg-l2:0 0% 100%;--bg-l3:0 0% 100%;--bg-l4:0 0% 100%;--bg-l4-hover:40 14% 95%;--bg-card:40 18% 97%;--bg-codeblock:0 0% 7%;--background:0 0% 100%;--primary:0 0% 4%;--primary-hover:221 12% 14%;--primary-foreground:40 18% 97%;--fg:var(--primary);--fg-muted:var(--primary)/.6;--fg-loading:var(--primary)/.4;--fg-tertiary:var(--primary)/.6;--border-bold:0 0% 4%;--border-subtle:222 19% 86%;--border-muted:222 19% 86%/.55}:root[data-theme=dark] [data-grok-bot-demo]{--scrollbar-color:#333;--shiki-dark-bg:#0a0a0a;--bg-inset-hover:0 0% 0%;--bg-inset:0 0% 7%;--bg-base:0 0% 4%;--bg-l1:0 0% 7%;--bg-l2:0 0% 10%;--bg-l3:0 0% 13%;--bg-l4:0 0% 15%;--bg-l4-hover:0 0% 17%;--bg-card:0 0% 10%;--background:0 0% 4%;--primary:0 0% 100%;--primary-hover:40 18% 97%;--primary-foreground:0 0% 4%;--fg:222 19% 86%;--fg-muted:var(--primary)/.6;--fg-loading:var(--primary)/.4;--fg-tertiary:var(--primary)/.6;--border-bold:222 19% 86%;--border-subtle:216 4% 22%;--border-muted:221 12% 14%/.6}[data-grok-bot-demo] .gba-tile{width:var(--gba-s);height:var(--gba-s);border-radius:calc(var(--gba-s) * .28);outline-offset:-1px;background:#fff;outline:1px solid #0000001a;flex:none;justify-content:center;align-items:center;display:inline-flex}:root[data-theme=dark] [data-grok-bot-demo] .gba-tile{outline-color:#ffffff1a}[data-grok-bot-demo] .gba-tile>svg{width:58%;height:58%;display:block}[data-grok-bot-demo] .gba-tile[data-off]{filter:grayscale();opacity:.45}:root[data-theme=dark] [data-grok-bot-demo] .gba-tile[data-off]{opacity:.4}[data-grok-bot-demo] .gba-inline{vertical-align:-.2em;width:1.05em;height:1.05em;margin-inline-end:.35em;display:inline-block}[data-grok-bot-demo] .product-carousel-progress{transform-origin:0;animation-name:product-carousel-progress;animation-timing-function:linear;animation-play-state:paused;animation-fill-mode:forwards}[data-grok-bot-demo] .product-carousel-progress[data-running]{animation-play-state:running}[data-grok-bot-demo] .product-carousel-progress[data-static]{animation:none}[data-grok-bot-demo] .ld-desktop{--ld-xfwm-title:#d6d4d2;--ld-xfwm-border:#f6f5f4;--ld-xfwm-ink:#000;--ld-xfwm-ink-inactive:#8b8e8f;--ld-gtk-ink:#2e3436;--ld-chrome-frame:#dee1e6;--ld-chrome-toolbar:#fff;--ld-chrome-omnibox:#f1f3f4;--ld-chrome-ink:#1f1f1f;--ld-chrome-icon:#474747;--ld-page:#fff;--ld-page-ink:#1f1f1f;--ld-page-muted:#5f6368;--ld-page-card:#f1f3f4;--ld-page-rule:#e3e3e3;--ld-page-bar:#a8c7fa;--ld-page-bar-hot:#1a73e8}:root[data-theme=dark] [data-grok-bot-demo] .ld-desktop{--ld-xfwm-title:#2d2d2d;--ld-xfwm-border:#353535;--ld-xfwm-ink:#eeeeec;--ld-xfwm-ink-inactive:#919190;--ld-gtk-ink:#eeeeec;--ld-chrome-frame:#202124;--ld-chrome-toolbar:#35363a;--ld-chrome-omnibox:#202124;--ld-chrome-ink:#e8eaed;--ld-chrome-icon:#c4c7c5;--ld-page:#202124;--ld-page-ink:#e8eaed;--ld-page-muted:#9aa0a6;--ld-page-card:#303134;--ld-page-rule:#3c4043;--ld-page-bar:#3d5a85;--ld-page-bar-hot:#8ab4f8}[data-grok-bot-demo] .baby-grok-bot{--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--grok-bot-text-primary:#0a0a0a;--grok-bot-text-secondary:#0000008c;--grok-bot-text-tertiary:#00000059;--grok-bot-text-accent:#0a84ff;--grok-bot-text-danger:#c0362c;--grok-bot-text-success:#1f8a65;--grok-bot-text-warning:#b26a00;--grok-bot-bg-editor:#fcfcfc;--grok-bot-bg-chrome:#fbfbfb;--grok-bot-bg-elevated:#fcfcfc;--grok-bot-bg-card:#0000000a;--grok-bot-bg-tertiary:#0000000d;--grok-bot-bg-active:#00000014;--grok-bot-bg-hover:#0000000a;--grok-bot-border-default:#0000001a;--grok-bot-fill-emphasis:#111110;--grok-bot-fill-secondary:#1010000a;--grok-bot-fill-accent:#006ceb;--grok-bot-bubble-user:#111110;--grok-bot-bubble-user-ink:#fff;--grok-bot-bubble-agent:#1010000a;--grok-bot-sidebar-width:280px;--grok-bot-sidebar-inset:0px;--grok-bot-sidebar-radius:0px;--grok-bot-toolbar-height:44px;--grok-bot-titlebar-inset:52px;--cursor-text-primary:var(--grok-bot-text-primary);--cursor-text-secondary:var(--grok-bot-text-secondary);--cursor-text-tertiary:var(--grok-bot-text-tertiary);--cursor-text-accent:var(--grok-bot-text-accent);--cursor-bg-editor:var(--grok-bot-bg-editor);--cursor-bg-chrome:var(--grok-bot-bg-chrome);--cursor-bg-elevated:var(--grok-bot-bg-elevated);--cursor-bg-card:var(--grok-bot-bg-card);--cursor-bg-tertiary:var(--grok-bot-bg-tertiary);--cursor-bg-active:var(--grok-bot-bg-active);--cursor-bg-hover:var(--grok-bot-bg-hover);--cursor-bg-input:var(--grok-bot-bg-elevated);--cursor-icon-accent-primary:#0a84ff;--cursor-font-family-sans:var(--font-system);--cursor-font-weight-medium:500;--cursor-font-weight-semibold:600;--grok-bot-sidebar-tint:#fbfbfb59;--grok-bot-sidebar-tint-opacity:1;--grok-bot-sidebar-backdrop-filter:none;--grok-bot-sidebar-text-primary:#141414;--grok-bot-sidebar-text-secondary:#14141499;--grok-bot-sidebar-text-tertiary:#14141466;--grok-bot-sidebar-separator:#14141426;--grok-bot-sidebar-hover:#0a0a0a0a;--grok-bot-sidebar-selected:#0a0a0a0e;--grok-bot-chat-fill:color-mix(in srgb, var(--grok-bot-bg-elevated) 86%, transparent);--grok-bot-shared-substrate:#fcfcfca6;--grok-bot-glass-backdrop-filter:blur(80px) saturate(180%);--grok-bot-top-glass-backdrop-filter:blur(24px) saturate(120%);--grok-bot-raised-fill:color-mix(in srgb, var(--grok-bot-bg-elevated) 70%, transparent);--grok-bot-raised-backdrop-filter:blur(20px) saturate(160%);--grok-bot-agent-title-fill:color-mix(in srgb, var(--grok-bot-bg-elevated) 78%, transparent);--grok-bot-agent-title-backdrop-filter:blur(28px) saturate(165%);--grok-bot-current-agent-tint:var(--grok-bot-bg-editor);--grok-bot-current-agent-bubble:#156e7a;--grok-bot-current-agent-bubble-ink:#fff;--grok-bot-current-agent-accent:#156e7a;--grok-bot-current-agent-coat:#885cf5;font-family:var(--cursor-font-family-sans);color:var(--cursor-text-primary);-webkit-font-smoothing:antialiased}[data-grok-bot-demo] .baby-grok-bot[data-theme=cursor-dark]{--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--grok-bot-text-primary:#f2f2f2;--grok-bot-text-secondary:#ffffff94;--grok-bot-text-tertiary:#ffffff5c;--grok-bot-text-accent:#64b5ff;--grok-bot-text-danger:#ff6b5e;--grok-bot-text-success:#4cc79b;--grok-bot-text-warning:#e8a33d;--grok-bot-bg-editor:#1c1c1c;--grok-bot-bg-chrome:#141414;--grok-bot-bg-elevated:#262626;--grok-bot-bg-card:#ffffff0f;--grok-bot-bg-tertiary:#ffffff12;--grok-bot-bg-active:#ffffff1f;--grok-bot-bg-hover:#ffffff0f;--grok-bot-border-default:#ffffff1f;--grok-bot-fill-emphasis:#f0f0f0;--grok-bot-fill-secondary:#ffffff0f;--grok-bot-fill-accent:#64b5ff;--grok-bot-bubble-user:#ecece8;--grok-bot-bubble-user-ink:#141414;--grok-bot-bubble-agent:#ffffff0f;--grok-bot-shared-substrate:#1c1c1a9e;--grok-bot-raised-fill:color-mix(in srgb, var(--grok-bot-bg-elevated) 68%, transparent);--grok-bot-agent-title-fill:color-mix(in srgb, var(--grok-bot-bg-elevated) 76%, transparent);--grok-bot-agent-title-backdrop-filter:blur(28px) saturate(150%);--grok-bot-sidebar-tint:#14141447;--grok-bot-chat-fill:color-mix(in srgb, var(--grok-bot-bg-elevated) 84%, transparent);--grok-bot-sidebar-text-primary:#ffffffe6;--grok-bot-sidebar-text-secondary:#ffffff8c;--grok-bot-sidebar-text-tertiary:#ffffff52;--grok-bot-sidebar-separator:#ffffff1f;--grok-bot-sidebar-hover:#ffffff0d;--grok-bot-sidebar-selected:#ffffff13}[data-grok-bot-demo] .baby-grok-bot-shell{border-radius:inherit;background:var(--grok-bot-shared-substrate);width:100%;height:100%;min-height:0;-webkit-backdrop-filter:var(--grok-bot-glass-backdrop-filter);color:var(--cursor-text-primary);grid-template-columns:minmax(0,auto) minmax(0,1fr) minmax(0,auto);display:grid;position:relative;overflow:hidden}[data-grok-bot-demo] .baby-grok-bot-side-pane{z-index:3;min-width:0;max-width:100%;min-height:0;position:relative;overflow:hidden}[data-grok-bot-demo] .baby-grok-bot-side-pane__inner{border-left:.5px solid var(--grok-bot-border-default);background:color-mix(in srgb, var(--grok-bot-current-agent-tint) 6%, transparent);flex-direction:column;min-height:0;display:flex;position:absolute;inset:0 0 0 auto}[data-grok-bot-demo] .baby-grok-bot-sidebar-slot{z-index:3;min-width:0;max-width:100%;min-height:0;padding:var(--grok-bot-sidebar-inset);position:relative}[data-grok-bot-demo] .baby-grok-bot-sidebar{--baby-grok-bot-sidebar-left-inset:16px;--baby-grok-bot-sidebar-right-inset:10px;border-radius:var(--grok-bot-sidebar-radius);background:var(--grok-bot-sidebar-tint);height:100%;min-height:0;box-shadow:none;color:var(--grok-bot-sidebar-text-primary);flex-direction:column;gap:0;display:flex;position:relative;overflow:hidden}[data-grok-bot-demo] .baby-grok-bot-sidebar:after{content:"";background:var(--grok-bot-sidebar-separator);pointer-events:none;width:.5px;position:absolute;top:0;bottom:0;right:0}[data-grok-bot-demo] .baby-grok-bot[data-theme=cursor-dark] .baby-grok-bot-sidebar{box-shadow:none}[data-grok-bot-demo] .baby-grok-bot-sidebar:before{display:none}[data-grok-bot-demo] .baby-grok-bot-sidebar>*{z-index:1;position:relative}[data-grok-bot-demo] .baby-grok-bot-sidebar-header{height:44px;padding:0 var(--baby-grok-bot-sidebar-right-inset) 0 var(--baby-grok-bot-sidebar-left-inset);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}[data-grok-bot-demo] .baby-grok-bot-sidebar-header__lead{align-items:center;gap:12px;min-width:0;display:flex}[data-grok-bot-demo] .baby-grok-bot-traffic-lights{z-index:6;height:var(--grok-bot-toolbar-height);pointer-events:none;flex-shrink:0;align-items:center;display:flex;position:absolute;top:0;left:16px}[data-grok-bot-demo] .baby-grok-bot-traffic-lights-spacer{flex-shrink:0;width:52px}[data-grok-bot-demo] .baby-grok-bot-sidebar-header__actions{align-items:center;gap:2px;display:flex}[data-grok-bot-demo] .baby-grok-bot-sidebar-header__action{border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;transition:background-color .12s;display:flex}[data-grok-bot-demo] .baby-grok-bot-sidebar-header__action:hover{background:var(--grok-bot-sidebar-hover)}[data-grok-bot-demo] .baby-grok-bot-agent-row{text-align:left;border-radius:10px;align-items:center;gap:8px;width:100%;padding:8px;transition:background-color .12s;display:flex}[data-grok-bot-demo] .baby-grok-bot-agent-row[data-active]{background:var(--grok-bot-sidebar-selected)}[data-grok-bot-demo] .baby-grok-bot-pinned-tile{border-radius:12px;flex-direction:column;align-items:center;gap:6px;width:68px;min-width:0;padding:6px 4px;transition:background-color .12s;display:flex}[data-grok-bot-demo] .baby-grok-bot-pinned-tile[data-active]{background:var(--grok-bot-sidebar-selected)}[data-grok-bot-demo] .baby-grok-bot-agent-row__avatar{border-radius:9999px;display:inline-flex}[data-grok-bot-demo] .baby-grok-bot-agent-row__body{container-type:inline-size}@container (max-width:160px){[data-grok-bot-demo] .baby-grok-bot-agent-row__time{display:none}}[data-grok-bot-demo] .baby-grok-bot-sidebar-footer__action{border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;transition:background-color .12s;display:flex}[data-grok-bot-demo] .baby-grok-bot-sidebar-footer__action:hover{background:var(--grok-bot-sidebar-hover)}[data-grok-bot-demo] .baby-grok-bot-sidebar-footer{flex-shrink:0;align-items:center;gap:8px;padding:8px 14px 14px;display:flex}[data-grok-bot-demo] .baby-grok-bot-sidebar-list{padding-right:var(--baby-grok-bot-sidebar-right-inset);padding-left:var(--baby-grok-bot-sidebar-left-inset);scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--grok-bot-sidebar-text-primary) 22%, transparent) transparent;--baby-grok-bot-list-fade:36px;-webkit-mask-image:linear-gradient(#000,#000);mask-image:linear-gradient(#000,#000)}[data-grok-bot-demo] .baby-grok-bot-sidebar-list[data-fade-top]{-webkit-mask-image:linear-gradient(to bottom, transparent, #000 var(--baby-grok-bot-list-fade));-webkit-mask-image:linear-gradient(to bottom, transparent, #000 var(--baby-grok-bot-list-fade));-webkit-mask-image:linear-gradient(to bottom, transparent, #000 var(--baby-grok-bot-list-fade));mask-image:linear-gradient(to bottom, transparent, #000 var(--baby-grok-bot-list-fade))}[data-grok-bot-demo] .baby-grok-bot-sidebar-list[data-fade-bottom]{-webkit-mask-image:linear-gradient(to bottom, #000 calc(100% - var(--baby-grok-bot-list-fade)), transparent);-webkit-mask-image:linear-gradient(to bottom, #000 calc(100% - var(--baby-grok-bot-list-fade)), transparent);-webkit-mask-image:linear-gradient(to bottom, #000 calc(100% - var(--baby-grok-bot-list-fade)), transparent);mask-image:linear-gradient(to bottom, #000 calc(100% - var(--baby-grok-bot-list-fade)), transparent)}[data-grok-bot-demo] .baby-grok-bot-sidebar-list[data-fade-top][data-fade-bottom]{-webkit-mask-image:linear-gradient(to bottom, transparent, #000 var(--baby-grok-bot-list-fade), #000 calc(100% - var(--baby-grok-bot-list-fade)), transparent);-webkit-mask-image:linear-gradient(to bottom, transparent, #000 var(--baby-grok-bot-list-fade), #000 calc(100% - var(--baby-grok-bot-list-fade)), transparent);-webkit-mask-image:linear-gradient(to bottom, transparent, #000 var(--baby-grok-bot-list-fade), #000 calc(100% - var(--baby-grok-bot-list-fade)), transparent);mask-image:linear-gradient(to bottom, transparent, #000 var(--baby-grok-bot-list-fade), #000 calc(100% - var(--baby-grok-bot-list-fade)), transparent)}[data-grok-bot-demo] .baby-grok-bot-sidebar-list::-webkit-scrollbar{width:6px}[data-grok-bot-demo] .baby-grok-bot-sidebar-list::-webkit-scrollbar-track{background:0 0}[data-grok-bot-demo] .baby-grok-bot-sidebar-list::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--grok-bot-sidebar-text-primary) 22%, transparent);border-radius:9999px}[data-grok-bot-demo] .baby-grok-bot-sidebar[data-collapsed] .baby-grok-bot-sidebar-list{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--grok-bot-sidebar-text-primary) 28%, transparent) transparent;padding-inline:6px}[data-grok-bot-demo] .baby-grok-bot-sidebar[data-collapsed] .baby-grok-bot-sidebar-list::-webkit-scrollbar{width:3px}[data-grok-bot-demo] .baby-grok-bot-sidebar[data-collapsed] .baby-grok-bot-sidebar-list::-webkit-scrollbar-track{background:0 0}[data-grok-bot-demo] .baby-grok-bot-sidebar[data-collapsed] .baby-grok-bot-sidebar-list::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--grok-bot-sidebar-text-primary) 28%, transparent);border-radius:9999px}[data-grok-bot-demo] .baby-grok-bot-sidebar[data-collapsed] .baby-grok-bot-agent-row{justify-content:center;padding:6px}[data-grok-bot-demo] .baby-grok-bot-sidebar[data-collapsed] .baby-grok-bot-agent-row__body,[data-grok-bot-demo] .baby-grok-bot-sidebar[data-collapsed] .baby-grok-bot-agent-row__unread{display:none}[data-grok-bot-demo] .baby-grok-bot-sidebar-pinned-divider{background:var(--grok-bot-sidebar-separator);height:.5px;margin:6px 4px}[data-grok-bot-demo] .baby-grok-bot-sidebar[data-collapsed] .baby-grok-bot-sidebar-footer{flex-direction:column;justify-content:center;gap:6px;padding-inline:0}[data-grok-bot-demo] .baby-grok-bot-sidebar[data-collapsed] .baby-grok-bot-sidebar-footer__name{display:none}[data-grok-bot-demo] .baby-grok-bot-chat{z-index:1;background:var(--grok-bot-chat-fill);flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}[data-grok-bot-demo] .baby-grok-bot-agent-title-pill{background:var(--grok-bot-agent-title-fill);-webkit-backdrop-filter:var(--grok-bot-agent-title-backdrop-filter)}[data-grok-bot-demo] .baby-grok-bot-transcript{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--cursor-text-primary) 18%, transparent) transparent}[data-grok-bot-demo] .baby-grok-bot-window-action{width:24px;height:24px;color:var(--cursor-text-secondary);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;transition:background-color .12s,color .12s;display:flex}[data-grok-bot-demo] .baby-grok-bot-window-action:hover{background:var(--cursor-bg-hover);color:var(--cursor-text-primary)}[data-grok-bot-demo] .baby-grok-bot-compose-header{z-index:4;height:var(--grok-bot-toolbar-height);border-bottom:.5px solid var(--grok-bot-border-default);color:var(--cursor-text-primary);flex-shrink:0;align-items:center;gap:8px;padding:0 12px;display:flex;position:relative}[data-grok-bot-demo] .baby-grok-bot-compose-field{flex:1;align-items:center;gap:6px;min-width:0;display:flex}[data-grok-bot-demo] .baby-grok-bot-compose-popover{z-index:5;border:.5px solid var(--grok-bot-border-default);background:var(--grok-bot-raised-fill);-webkit-backdrop-filter:var(--grok-bot-raised-backdrop-filter);border-radius:12px;position:absolute;top:calc(100% + 6px);left:10px;right:10px;overflow:hidden;box-shadow:0 1px 2px #0000000f,0 14px 36px -10px #00000047}[data-grok-bot-demo] .baby-grok-bot-composer-field-input{letter-spacing:-.15px;min-height:20px;max-height:120px;color:var(--cursor-text-primary);overflow-wrap:anywhere;white-space:pre-wrap;outline:none;padding:2px 0;font-size:14px;line-height:20px;overflow-y:auto}[data-grok-bot-demo] .baby-grok-bot-composer-field-input[data-empty]:before{content:attr(data-placeholder);max-width:100%;color:var(--cursor-text-tertiary);text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom;pointer-events:none;display:inline-block;overflow:hidden}[data-grok-bot-demo] .baby-grok-bot-mention{background:color-mix(in srgb, var(--grok-bot-current-agent-accent) 14%, transparent);color:var(--grok-bot-current-agent-accent);white-space:nowrap;border-radius:5px;padding:0 3px;font-weight:500}[data-grok-bot-demo] .baby-grok-bot-message-mention{font-size:inherit;line-height:inherit;white-space:nowrap;font-weight:500;display:inline-block}[data-grok-bot-demo] .baby-grok-bot-message-mention__face{vertical-align:top;height:20px;align-items:center;height:1lh;margin-right:4px;display:inline-flex}[data-grok-bot-demo] .baby-grok-bot-system-pill{white-space:nowrap;border-radius:999px;align-items:center;gap:4px;min-width:0;padding:1px 7px 1px 3px;font-weight:500;display:inline-flex}[data-grok-bot-demo] .baby-grok-bot-system-pill>:first-child{flex-shrink:0}[data-grok-bot-demo] .baby-grok-bot-system-agent{min-width:0;color:var(--cursor-text-primary);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;margin:-1px -5px -1px -3px;padding:1px 5px 1px 3px;transition:background-color .12s,color .12s;display:inline-flex;overflow:hidden}[data-grok-bot-demo] .baby-grok-bot-system-agent>:first-child{flex-shrink:0}[data-grok-bot-demo] button.baby-grok-bot-system-agent{cursor:pointer}[data-grok-bot-demo] button.baby-grok-bot-system-agent:hover,[data-grok-bot-demo] button.baby-grok-bot-system-agent:focus-visible{background:var(--grok-bot-system-agent-pill);color:var(--grok-bot-system-agent-ink)}[data-grok-bot-demo] .baby-grok-bot-reactions{gap:2px;display:flex;position:absolute;top:calc(100% - 6px)}[data-grok-bot-demo] .baby-grok-bot-reactions--agent{left:10px}[data-grok-bot-demo] .baby-grok-bot-reactions--user{right:10px}[data-grok-bot-demo] .baby-grok-bot-reaction{background:var(--grok-bot-bubble-agent);border-radius:999px;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;line-height:1;display:inline-flex}[data-grok-bot-demo] .baby-grok-bot-typing-dot{background:currentColor;border-radius:999px;width:6px;height:6px;animation:1.3s ease-in-out infinite baby-grok-bot-typing-dot}@media (prefers-reduced-motion:reduce){[data-grok-bot-demo] .baby-grok-bot-typing-dot{animation:none}[data-grok-bot-demo] .baby-grok-bot-typing-dot:first-child{opacity:.25}[data-grok-bot-demo] .baby-grok-bot-typing-dot:nth-child(2){opacity:.45}[data-grok-bot-demo] .baby-grok-bot-typing-dot:nth-child(3){opacity:.7}}[data-grok-bot-demo] .baby-grok-bot-pending{align-items:center;gap:10px;padding:4px 2px;animation:.28s cubic-bezier(.2,.9,.3,1.15) baby-grok-bot-pending-in;display:flex}[data-grok-bot-demo] .baby-grok-bot-pending__avatar{flex:none;justify-content:center;align-items:center;width:40px;height:40px;display:flex}[data-grok-bot-demo] .baby-grok-bot-pending__label{color:var(--grok-bot-text-tertiary);align-items:baseline;gap:6px;font-size:13px;line-height:1;animation:.35s cubic-bezier(.2,.8,.3,1) baby-grok-bot-pending-label-in;display:inline-flex}@media (prefers-reduced-motion:reduce){[data-grok-bot-demo] .baby-grok-bot-pending,[data-grok-bot-demo] .baby-grok-bot-pending__label{animation:none}}[data-grok-bot-demo] .baby-grok-bot-entry-enter{animation:.28s cubic-bezier(.2,.9,.3,1.15) both baby-grok-bot-entry-enter}[data-grok-bot-demo] [data-fresh]>.baby-grok-bot-entry-enter{animation-duration:.42s}@media (prefers-reduced-motion:reduce){[data-grok-bot-demo] .baby-grok-bot-entry-enter,[data-grok-bot-demo] .baby-grok-bot-agent-row--enter,[data-grok-bot-demo] .baby-grok-bot-receipt-check,[data-grok-bot-demo] .baby-grok-bot-portal-agent-cursor{animation:none}}[data-grok-bot-demo] .baby-grok-bot-receipt-check{animation:.28s cubic-bezier(.22,1,.36,1) both baby-grok-bot-receipt-check}[data-grok-bot-demo] .baby-grok-bot-portal-agent-cursor{opacity:0;animation:2.6s cubic-bezier(.4,0,.2,1) both baby-grok-bot-portal-agent-cursor;top:80%;left:46%}[data-grok-bot-demo] .baby-grok-bot-agent-row--enter{animation:.45s cubic-bezier(.22,1,.36,1) both baby-grok-bot-row-enter}[data-grok-bot-demo] .baby-grok-bot-mention-popover{z-index:30;border:.5px solid var(--grok-bot-border-default);background:var(--cursor-bg-elevated);border-radius:10px;min-width:190px;max-width:280px;position:absolute;bottom:calc(100% + 10px);left:-6px;overflow:hidden;box-shadow:0 1px 2px #0000000f,0 14px 36px -10px #00000047}[data-grok-bot-demo] .baby-grok-bot-mention-popover .baby-grok-bot-compose-results{padding:4px}[data-grok-bot-demo] .baby-grok-bot-mention-popover .baby-grok-bot-compose-result{border-radius:6px;gap:7px;padding:4px 6px}[data-grok-bot-demo] .baby-grok-bot-composer{border:.5px solid var(--grok-bot-border-default);background:var(--grok-bot-raised-fill);-webkit-backdrop-filter:var(--grok-bot-raised-backdrop-filter)}[data-grok-bot-demo] .baby-grok-bot-composer-fade{background:linear-gradient(to top, color-mix(in srgb, var(--grok-bot-bg-elevated) 92%, transparent) 0%, color-mix(in srgb, var(--grok-bot-bg-elevated) 62%, transparent) 36%, color-mix(in srgb, var(--grok-bot-bg-elevated) 22%, transparent) 68%, transparent 100%)}[data-grok-bot-demo] .baby-grok-bot-compose-results{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--cursor-text-primary) 18%, transparent) transparent;max-height:min(280px,46vh);padding:6px;overflow-y:auto}[data-grok-bot-demo] .baby-grok-bot-compose-result{text-align:left;border-radius:8px;align-items:center;gap:10px;width:100%;padding:7px 8px;transition:background-color .12s;display:flex}[data-grok-bot-demo] .baby-grok-bot-compose-result[data-highlighted]{background:var(--grok-bot-bg-active)}[data-grok-bot-demo] .baby-grok-bot-card{background:var(--grok-bot-bubble-agent);letter-spacing:-.15px;color:var(--cursor-text-primary);border-radius:16px;padding:10px 12px;font-size:14px;line-height:20px}[data-grok-bot-demo] .baby-grok-bot-card-title{color:var(--cursor-text-primary);text-underline-offset:3px;font-weight:600}[data-grok-bot-demo] .baby-grok-bot-card-secondary{color:var(--cursor-text-tertiary);font-size:13px;line-height:18px}[data-grok-bot-demo] button.baby-grok-bot-card-title:not(:disabled):hover{text-decoration:underline;-webkit-text-decoration-color:var(--grok-bot-current-agent-accent);-webkit-text-decoration-color:var(--grok-bot-current-agent-accent);text-decoration-color:var(--grok-bot-current-agent-accent);text-decoration-thickness:1.5px}[data-grok-bot-demo] .baby-grok-bot-card-badge{letter-spacing:-.1px;white-space:nowrap;border-radius:999px;flex-shrink:0;align-items:center;gap:4px;padding:0 7px;font-size:12px;line-height:19px;display:inline-flex}[data-grok-bot-demo] .baby-grok-bot-spinner{justify-content:center;align-items:center;animation:2.4s linear infinite baby-grok-bot-spin;display:flex}[data-grok-bot-demo] .baby-grok-bot-card-badge__dot{background:currentColor;border-radius:999px;width:5px;height:5px}[data-grok-bot-demo] .baby-grok-bot-card-badge[data-tone=info]{background:color-mix(in srgb, var(--grok-bot-text-accent) 14%, transparent);color:var(--grok-bot-text-accent)}[data-grok-bot-demo] .baby-grok-bot-card-badge[data-tone=warning]{background:color-mix(in srgb, var(--grok-bot-text-warning) 14%, transparent);color:var(--grok-bot-text-warning)}[data-grok-bot-demo] .baby-grok-bot-card-badge[data-tone=success]{background:color-mix(in srgb, var(--grok-bot-text-success) 14%, transparent);color:var(--grok-bot-text-success)}[data-grok-bot-demo] .baby-grok-bot-card-badge[data-tone=accent]{background:color-mix(in srgb, var(--grok-bot-current-agent-accent) 14%, transparent);color:var(--grok-bot-current-agent-accent)}[data-grok-bot-demo] .baby-grok-bot-card-badge[data-tone=muted]{background:var(--grok-bot-fill-secondary);color:var(--cursor-text-tertiary)}[data-grok-bot-demo] .baby-grok-bot-card-action{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:13px;font-weight:500;line-height:18px;transition:background-color .12s,opacity .12s;display:inline-flex}[data-grok-bot-demo] .baby-grok-bot-card-action:disabled{opacity:.55}[data-grok-bot-demo] .baby-grok-bot-card-action[data-variant=primary]{background:var(--grok-bot-fill-emphasis);color:var(--grok-bot-bubble-user-ink)}[data-grok-bot-demo] button.baby-grok-bot-card-action[data-variant=primary]:not(:disabled):hover{opacity:.88}[data-grok-bot-demo] .baby-grok-bot-card-action[data-variant=secondary]{border:.5px solid var(--grok-bot-border-default);background:var(--cursor-bg-elevated);color:var(--cursor-text-primary)}[data-grok-bot-demo] button.baby-grok-bot-card-action[data-variant=secondary]:not(:disabled):hover{background:var(--cursor-bg-hover)}[data-grok-bot-demo] .baby-grok-bot-card-action[data-variant=ghost]{color:var(--cursor-text-tertiary);padding-inline:4px}[data-grok-bot-demo] button.baby-grok-bot-card-action[data-variant=ghost]:not(:disabled):hover{color:var(--cursor-text-secondary)}[data-grok-bot-demo] .baby-grok-bot-choice-option{border:.5px solid var(--grok-bot-border-default);background:var(--cursor-bg-elevated);text-align:left;border-radius:10px;align-items:flex-start;gap:10px;width:100%;padding:8px 10px;transition:background-color .12s,border-color .12s;display:flex}[data-grok-bot-demo] .baby-grok-bot-choice-option:not(:disabled):hover{background:var(--cursor-bg-hover)}[data-grok-bot-demo] .baby-grok-bot-choice-option[data-selected]{border-color:color-mix(in srgb, var(--grok-bot-current-agent-accent) 55%, transparent);background:color-mix(in srgb, var(--grok-bot-current-agent-accent) 8%, var(--cursor-bg-elevated))}[data-grok-bot-demo] .baby-grok-bot-choice-input{border:.5px solid var(--grok-bot-border-default);background:var(--cursor-bg-elevated);letter-spacing:-.15px;width:100%;color:var(--cursor-text-primary);border-radius:10px;outline:none;padding:8px 10px;font-size:14px;line-height:20px;transition:border-color .12s}[data-grok-bot-demo] .baby-grok-bot-choice-input::placeholder{color:var(--cursor-text-tertiary)}[data-grok-bot-demo] .baby-grok-bot-choice-input:focus{border-color:color-mix(in srgb, var(--grok-bot-current-agent-accent) 55%, transparent)}[data-grok-bot-demo] .baby-grok-bot-choice-confirm{background:var(--grok-bot-fill-emphasis);color:var(--grok-bot-bubble-user-ink);border-radius:999px;padding:5px 12px;font-size:13px;line-height:18px;transition:opacity .12s}[data-grok-bot-demo] .baby-grok-bot-choice-confirm:disabled{opacity:.4}[data-grok-bot-demo] .baby-grok-bot-choice-confirm:not(:disabled):hover{opacity:.88}[data-grok-bot-demo] .baby-grok-bot-card-meta{align-items:center;gap:6px;display:flex}[data-grok-bot-demo] .baby-grok-bot-message-panel{border:.5px solid var(--grok-bot-border-default);background:var(--cursor-bg-elevated);border-radius:10px;overflow:hidden}[data-grok-bot-demo] .baby-grok-bot-message-row{border-bottom:.5px solid var(--grok-bot-border-default);align-items:baseline;gap:8px;padding:6px 10px;display:flex}[data-grok-bot-demo] .baby-grok-bot-message-row>dt{color:var(--cursor-text-tertiary);flex-shrink:0}[data-grok-bot-demo] .baby-grok-bot-message-row>dd{color:var(--cursor-text-primary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}[data-grok-bot-demo] .baby-grok-bot-message-body{flex-direction:column;gap:8px;padding:8px 10px 10px;display:flex}[data-grok-bot-demo] .baby-grok-bot-screen-layer{z-index:20;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;container-type:size}[data-grok-bot-demo] .baby-grok-bot-screen-scrim{cursor:default;background:#00000061;position:absolute;inset:0}[data-grok-bot-demo] .baby-grok-bot-screen-frame{aspect-ratio:16/10;height:min(100cqh - 72px,62.5cqw - 45px,512px);position:relative;overflow:hidden}[data-grok-bot-demo] .baby-grok-bot-screen-shell{padding:12px;padding-top:50px;display:flex;position:relative}[data-grok-bot-demo] .baby-grok-bot-screen-shell .baby-grok-bot-screen-frame{z-index:1;height:min(100cqh - 118px,62.5cqw - 50px,494px)}[data-grok-bot-demo] .baby-grok-bot-screen-shell__surface{background:var(--grok-bot-bg-elevated);border-radius:22px;position:absolute;inset:0;box-shadow:0 20px 52px -16px #00000059}[data-grok-bot-demo] .baby-grok-bot-screen-banner{z-index:1;background:color-mix(in srgb, var(--grok-bot-text-warning) 13%, var(--grok-bot-bg-elevated));border-radius:12px;align-items:center;gap:12px;height:32px;padding:0 4px 0 12px;display:flex;position:absolute;top:12px;left:12px;right:12px}[data-grok-bot-demo] .baby-grok-bot-screen-banner__label{min-width:0;color:var(--grok-bot-text-warning);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;line-height:18px;overflow:hidden}[data-grok-bot-demo] .baby-grok-bot-screen-banner__done{background:var(--grok-bot-fill-emphasis);color:var(--grok-bot-bubble-user-ink);white-space:nowrap;border-radius:999px;flex-shrink:0;padding:3px 11px;font-size:13px;font-weight:500;line-height:18px;transition:opacity .12s}[data-grok-bot-demo] .baby-grok-bot-screen-banner__done:hover{opacity:.86}[data-grok-bot-demo] .baby-grok-bot-screen-close{color:#fff;-webkit-backdrop-filter:blur(8px);background:#00000080;border-radius:999px;justify-content:center;align-items:center;width:26px;height:26px;transition:background-color .12s;display:flex;position:absolute;top:10px;right:10px}[data-grok-bot-demo] .baby-grok-bot-screen-close:hover{background:#000000ad}[data-grok-bot-demo] .baby-grok-bot-chat-search{height:32px;margin:0 var(--baby-grok-bot-sidebar-right-inset) 8px var(--baby-grok-bot-sidebar-left-inset);border:.5px solid var(--grok-bot-sidebar-separator);background:var(--grok-bot-bg-tertiary);color:var(--grok-bot-sidebar-text-tertiary);border-radius:10px;flex-shrink:0;align-items:center;gap:8px;padding:0 10px;display:flex}[data-grok-bot-demo] .baby-grok-bot-chat-search__input{letter-spacing:-.08px;min-width:0;color:var(--grok-bot-sidebar-text-primary);background:0 0;outline:none;flex:1;font-size:13px;line-height:18px}[data-grok-bot-demo] .baby-grok-bot-chat-search__input::placeholder{color:var(--grok-bot-sidebar-text-tertiary)}[data-grok-bot-demo] .baby-grok-bot-chat-search__input::-webkit-search-cancel-button{display:none}[data-grok-bot-demo] .baby-grok-bot-chat-search__input::-webkit-search-decoration{display:none}[data-grok-bot-demo] .baby-grok-bot-md strong{color:var(--cursor-text-primary);font-weight:600}[data-grok-bot-demo] .baby-grok-bot-md code{background:var(--cursor-bg-card);border-radius:4px;padding:.1em .35em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.92em}[data-grok-bot-demo] .baby-grok-bot-mount-fade{animation:1s cubic-bezier(.22,1,.36,1) both baby-grok-bot-mount-fade}@media (prefers-reduced-motion:reduce){[data-grok-bot-demo] .baby-grok-bot-mount-fade{animation:none}}[data-grok-bot-demo] [data-demo-offscreen] *,[data-grok-bot-demo] [data-demo-offscreen]:before,[data-grok-bot-demo] [data-demo-offscreen]:after{animation-play-state:paused!important}[data-grok-bot-demo] .gbm-frame{--gbm-pad:7cqi;aspect-ratio:7/6;isolation:isolate;text-align:left;position:relative;overflow:clip;container:gbm-frame/inline-size}[data-grok-bot-demo] .gbm-frame :where(p,ul,ol,li,h3){margin:0}[data-grok-bot-demo] .gbm-frame .gbm-md-list>li+li{margin-top:4px}[data-grok-bot-demo] .gbm-window{--gbm-top-min:-1000px;--gbm-top-max:1000px;width:var(--gbm-w,822px);height:var(--gbm-h,600px);border-radius:24px;position:absolute;overflow:clip;box-shadow:0 14px 40px #00000029,0 0 0 .5px #0000000d}[data-grok-bot-demo] .gbm-frame[data-anchor=top-left] .gbm-window{--gbm-top:var(--gbm-pad);top:var(--gbm-top);left:var(--gbm-pad)}[data-grok-bot-demo] .gbm-frame[data-anchor=left] .gbm-window,[data-grok-bot-demo] .gbm-frame[data-anchor=right] .gbm-window,[data-grok-bot-demo] .gbm-frame[data-anchor=center] .gbm-window{--gbm-top:clamp(var(--gbm-top-min), calc(100cqi * 3 / 7 - var(--gbm-fy,0px)), var(--gbm-top-max));top:var(--gbm-top)}[data-grok-bot-demo] .gbm-frame[data-anchor=left] .gbm-window{--gbm-top-max:-44px;left:var(--gbm-pad)}[data-grok-bot-demo] .gbm-frame[data-anchor=right] .gbm-window{right:var(--gbm-pad)}[data-grok-bot-demo] .gbm-frame[data-anchor=center] .gbm-window{--gbm-top-max:var(--gbm-pad);right:var(--gbm-pad);left:var(--gbm-pad);width:auto}[data-grok-bot-demo] .gbm-product{--font-system:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;font-feature-settings:normal;letter-spacing:normal;font-size:16px;line-height:1.5}[data-grok-bot-demo] .gbm-product .rounded-sm{border-radius:.125rem}[data-grok-bot-demo] .gbm-product .rounded-md{border-radius:.375rem}:root[data-theme=dark] [data-grok-bot-demo] .gbm-product.baby-grok-bot{--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--grok-bot-text-primary:#f2f2f2;--grok-bot-text-secondary:#ffffff94;--grok-bot-text-tertiary:#ffffff5c;--grok-bot-text-accent:#64b5ff;--grok-bot-text-danger:#ff6b5e;--grok-bot-text-success:#4cc79b;--grok-bot-text-warning:#e8a33d;--grok-bot-bg-editor:#1c1c1c;--grok-bot-bg-chrome:#141414;--grok-bot-bg-elevated:#262626;--grok-bot-bg-card:#ffffff0f;--grok-bot-bg-tertiary:#ffffff12;--grok-bot-bg-active:#ffffff1f;--grok-bot-bg-hover:#ffffff0f;--grok-bot-border-default:#ffffff1f;--grok-bot-fill-emphasis:#f0f0f0;--grok-bot-fill-secondary:#ffffff0f;--grok-bot-fill-accent:#64b5ff;--grok-bot-bubble-user:#ecece8;--grok-bot-bubble-user-ink:#141414;--grok-bot-bubble-agent:#ffffff0f;--grok-bot-shared-substrate:#1c1c1a9e;--grok-bot-raised-fill:color-mix(in srgb, var(--grok-bot-bg-elevated) 68%, transparent);--grok-bot-agent-title-fill:color-mix(in srgb, var(--grok-bot-bg-elevated) 76%, transparent);--grok-bot-agent-title-backdrop-filter:blur(28px) saturate(150%);--grok-bot-sidebar-tint:#14141447;--grok-bot-chat-fill:color-mix(in srgb, var(--grok-bot-bg-elevated) 84%, transparent);--grok-bot-sidebar-text-primary:#ffffffe6;--grok-bot-sidebar-text-secondary:#ffffff8c;--grok-bot-sidebar-text-tertiary:#ffffff52;--grok-bot-sidebar-separator:#ffffff1f;--grok-bot-sidebar-hover:#ffffff0d;--grok-bot-sidebar-selected:#ffffff13}[data-grok-bot-demo] .gbm-window>.gbm-surface{border-radius:inherit;width:100%;height:100%;position:relative}[data-grok-bot-demo] .gbm-product .grok-bot-lazy{width:100%}[data-grok-bot-demo] .gbm-product .baby-grok-bot-transcript{overflow:clip}[data-grok-bot-demo] .gbm-shell-chat{grid-template-columns:minmax(0,1fr)}[data-grok-bot-demo] .gbm-shell-chat-pane{grid-template-columns:minmax(0,1fr) minmax(0,auto)}[data-grok-bot-demo] .gbm-chat-and-pane .gbm-window{--gbm-pane-w:100%}@container gbm-frame (min-width:540px){[data-grok-bot-demo] .gbm-frame.gbm-chat-and-pane[data-anchor] .gbm-window{--gbm-overrun:24px;--gbm-pane-w:calc(232px + var(--gbm-overrun));right:calc(-1 * var(--gbm-overrun));left:var(--gbm-pad);width:auto}[data-grok-bot-demo] .gbm-chat-and-pane .baby-grok-bot-side-pane__inner{padding-right:var(--gbm-overrun)}}[data-grok-bot-demo] .gbm-chat-header{border-bottom:.5px solid var(--grok-bot-border-default)}[data-grok-bot-demo] .gbm-chat-header .baby-grok-bot-traffic-lights-spacer{width:68px}[data-grok-bot-demo] .gbm-island{display:none}[data-grok-bot-demo] .gbm-composer-still{flex:none}[data-grok-bot-demo] .gbm-main{box-shadow:inset 0 0 0 .5px #1c1c1c0f, 0 0 0 var(--gbm-cutout) var(--bg);color:#fff;background:#f59312;border-radius:9999px;justify-content:center;align-items:center;display:inline-flex;position:absolute;bottom:0;right:0}:root[data-theme=dark] [data-grok-bot-demo] .gbm-main{background:#f69412}[data-grok-bot-demo] .gbm-main-avatar :is(.grok-bot-lazy,.grok-bot-mark),[data-grok-bot-demo] .gbm-main-chat :is(.gbm-chat-header,.baby-grok-bot-pending) :is(.grok-bot-lazy,.grok-bot-mark){--fg:#000}:root[data-theme=dark] [data-grok-bot-demo] .gbm-main-avatar :is(.grok-bot-lazy,.grok-bot-mark),:root[data-theme=dark] [data-grok-bot-demo] .gbm-main-chat :is(.gbm-chat-header,.baby-grok-bot-pending) :is(.grok-bot-lazy,.grok-bot-mark){--fg:#fff}[data-grok-bot-demo] .gbm-frame .baby-grok-bot-sidebar-list{padding-inline:12px}[data-grok-bot-demo] .gbm-frame .baby-grok-bot-sidebar-list>div,[data-grok-bot-demo] .gbm-frame .gbm-whole-rows>div,[data-grok-bot-demo] .tls-thread>.baby-grok-bot-transcript>div{flex-wrap:wrap;flex:1 1 0;align-content:flex-start;column-gap:100%;min-height:0}[data-grok-bot-demo] .gbm-frame .baby-grok-bot-sidebar-list>div>*,[data-grok-bot-demo] .gbm-frame .gbm-whole-rows>div>*,[data-grok-bot-demo] .tls-thread>.baby-grok-bot-transcript>div>*,[data-grok-bot-demo] .gbm-sidebar-section>*{width:100%}[data-grok-bot-demo] .gbm-frame .gbm-sidebar-search{display:none}[data-grok-bot-demo] .gbm-row-marker{pointer-events:none;top:0;bottom:0;justify-content:flex-end;align-items:center;width:72px;padding-inline-end:8px;display:flex;position:absolute;inset-inline-end:0}[data-grok-bot-demo] .gbm-unread-dot{background:#0b6dd3;border-radius:9999px;width:8px;height:8px}:root[data-theme=dark] [data-grok-bot-demo] .gbm-unread-dot{background:#4d9bff}[data-grok-bot-demo] .gbm-sidebar-section{display:contents}[data-grok-bot-demo] .gbm-sidebar-section__lead{flex-direction:column;gap:4px;margin-top:6px;display:flex}[data-grok-bot-demo] .gbm-sidebar-section__header{height:30px;color:var(--grok-bot-sidebar-text-secondary);text-overflow:ellipsis;white-space:nowrap;padding:8px 8px 6px;font-size:13px;line-height:16px;overflow:hidden}[data-grok-bot-demo] .gbm-profile{flex-direction:column;align-items:center;gap:16px;padding:8px 0 12px;display:flex}[data-grok-bot-demo] .gbm-profile-identity{text-align:center;flex-direction:column;align-items:center;gap:4px;min-width:0;display:flex}[data-grok-bot-demo] .gbm-profile-name{letter-spacing:-.008em;padding:0 4px;font-size:17px;font-weight:500;line-height:24px}[data-grok-bot-demo] .gbm-profile-title{color:var(--grok-bot-text-secondary);letter-spacing:.005em;padding:0 4px;font-size:11px;line-height:16px}[data-grok-bot-demo] .gbm-tabs-row{justify-content:center;align-items:center;padding:4px 0 10px;display:flex}[data-grok-bot-demo] .gbm-tabs{align-items:center;gap:2px;height:26px;display:flex}[data-grok-bot-demo] .gbm-tab{color:var(--grok-bot-text-secondary);letter-spacing:-.08px;white-space:nowrap;border-radius:9999px;align-items:center;padding:4px 8px;font-size:13px;line-height:18px;transition:background-color .12s;display:flex}[data-grok-bot-demo] .gbm-tab:is([aria-selected=true],[data-selected]){background:var(--grok-bot-bg-tertiary);color:var(--grok-bot-text-primary)}[data-grok-bot-demo] .gbm-tab[aria-disabled=true]{cursor:default}[data-grok-bot-demo] .gbm-tab:focus-visible{outline-offset:0}[data-grok-bot-demo] .gbm-panel{flex-direction:column;gap:10px;display:flex}[data-grok-bot-demo] .gbm-wide{container:gbm-wide/inline-size}@container gbm-wide (min-width:520px){[data-grok-bot-demo] .gbm-wide .gbm-frame{aspect-ratio:16/9}}@container gbm-wide not (min-width:520px){[data-grok-bot-demo] .gbm-wide .gbm-frame{aspect-ratio:4/5}}[data-grok-bot-demo] .gbm-wide .gbm-frame .gbm-window{--gbm-fy:0px;--gbm-top-max:var(--gbm-pad);--gbm-h:calc(100% - var(--gbm-pad) + 24px)}[data-grok-bot-demo] .gbm-wide .gbm-composer-still{display:none}@container gbm-frame not (min-width:520px){[data-grok-bot-demo] .gbm-wide .gbm-frame .gbm-window{--gbm-h:calc(100% - 2 * var(--gbm-pad))}[data-grok-bot-demo] .gbm-wide .gbm-frame .gbm-composer-still{display:block}[data-grok-bot-demo] .gbm-wide .gbm-frame .gbm-product :is(.baby-grok-bot-chat,.mb-thread,.tls-thread)>.baby-grok-bot-transcript{padding-bottom:12px}[data-grok-bot-demo] .gbm-wide .baby-grok-bot-transcript :is(div:has(>[style*=bubble-user\)]),.max-w-\[min\(560px\,92\%\)\]){max-width:min(88%,560px)}[data-grok-bot-demo] .gbm-wide .gbm-frame .gbm-transcript-stamp{margin-top:auto;display:block}[data-grok-bot-demo] .gbm-wide .gbm-frame .gbm-product .gbm-transcript-stamp~.baby-grok-bot-transcript,[data-grok-bot-demo] .gbm-wide .gbm-frame .gbm-transcript-stamp~.baby-grok-bot-transcript>div{flex:0 auto}[data-grok-bot-demo] .gbm-wide .gbm-frame .gbm-product .gbm-transcript-stamp~.baby-grok-bot-transcript{padding-top:0}}@container gbm-frame not (min-width:340px){[data-grok-bot-demo] .gbm-wide .gbm-frame .gbm-transcript-stamp{display:none}[data-grok-bot-demo] .gbm-wide .gbm-frame .gbm-product .gbm-transcript-stamp~.baby-grok-bot-transcript,[data-grok-bot-demo] .gbm-wide .gbm-frame .gbm-transcript-stamp~.baby-grok-bot-transcript>div{flex:1 1 0}[data-grok-bot-demo] .gbm-wide .gbm-frame .gbm-product .gbm-transcript-stamp~.baby-grok-bot-transcript{padding-top:12px}[data-grok-bot-demo] .gbm-wide .gbm-frame .gbm-product :is(.baby-grok-bot-chat,.mb-thread,.tls-thread)>.baby-grok-bot-transcript{padding-inline:16px;padding-bottom:8px}[data-grok-bot-demo] .gbm-wide .gbm-composer-still>form{padding-bottom:8px}[data-grok-bot-demo] .gbm-wide .baby-grok-bot-transcript :is(div:has(>[style*=bubble-user\)]),.max-w-\[min\(560px\,92\%\)\]){max-width:92%}[data-grok-bot-demo] .gbm-wide .mb-thread li:last-child,[data-grok-bot-demo] .gbm-wide .tls-thread li:nth-child(n+3){display:none}}@container gbm-frame not (min-width:320px){[data-grok-bot-demo] .gbm-wide .mb-thread li:nth-child(n+3){display:none}}[data-grok-bot-demo] .gbm-wide .baby-grok-bot-composer{border-color:var(--gbm-hairline)}[data-grok-bot-demo] .gbm-wide .baby-grok-bot-composer-fade{display:none}[data-grok-bot-demo] .gbm-wide .mb-thread{justify-content:flex-end}[data-grok-bot-demo] .gbm-wide .mb-thread>.baby-grok-bot-transcript{flex:none}[data-grok-bot-demo] .gbm-wide .baby-grok-bot-transcript :is([style*=bubble-user\)],[style*=bubble-agent\)]){letter-spacing:0;padding:7px 12px;font-size:15px;line-height:22px;border-radius:18px!important}[data-grok-bot-demo] .gbm-wide .baby-grok-bot-transcript :is(div:has(>[style*=bubble-user\)]),.max-w-\[min\(560px\,92\%\)\]){max-width:min(80%,560px)}:root[data-theme=dark] [data-grok-bot-demo] .gbm-wide .gbm-product.baby-grok-bot{--grok-bot-bubble-user:#f5f5f52e}:root[data-theme=dark] [data-grok-bot-demo] .gbm-wide .baby-grok-bot-transcript [style*=bubble-user\)]{color:#f5f5f5!important}[data-grok-bot-demo] .gbm-wide .baby-grok-bot-chat-search{display:none}[data-grok-bot-demo] .gbm-wide .gbm-frame .gbm-sidebar-search{display:flex}[data-grok-bot-demo] .gbm-wide .baby-grok-bot-sidebar-list{padding-bottom:32px}[data-grok-bot-demo] .gbm-wide .gbm-frame .gbm-product{--grok-bot-sidebar-width:clamp(200px, 36cqi, 240px)}@container gbm-frame not (min-width:620px){[data-grok-bot-demo] .gbm-wide .gbm-transcript-stamp{display:none}[data-grok-bot-demo] .gbm-wide .gbm-transcript-stamp~.baby-grok-bot-transcript{padding-top:12px}}@container gbm-frame (min-width:540px){[data-grok-bot-demo] .gbm-wide .gbm-frame.gbm-chat-and-pane[data-anchor] .gbm-window{--gbm-overrun:0px;--gbm-pane-w:280px;right:var(--gbm-pad)}}@container gbm-frame not (min-width:520px){[data-grok-bot-demo] .gbm-wide .baby-grok-bot-sidebar-slot,[data-grok-bot-demo] .gbm-wide .baby-grok-bot-side-pane{display:none}[data-grok-bot-demo] .gbm-wide :is(.myb,.mbots,.pb) .baby-grok-bot-chat>header:first-child{padding-left:76px}[data-grok-bot-demo] .gbm-wide .gbm-product .baby-grok-bot-chat>.baby-grok-bot-transcript{padding:4px 20px 48px}[data-grok-bot-demo] .gbm-wide .baby-grok-bot-transcript,[data-grok-bot-demo] .gbm-wide .gbm-whole-rows>div{justify-content:flex-end}}[data-grok-bot-demo] .gbm-wide .gbm-product.baby-grok-bot{--gbm-chrome:#fcfcfc;--gbm-sidebar:#f5f5f5;--gbm-elevated:#fff;--gbm-hairline:#1c1c1c14;--gbm-accent:#1680f3;--grok-bot-shared-substrate:var(--gbm-chrome);--grok-bot-glass-backdrop-filter:none;--grok-bot-chat-fill:var(--gbm-chrome);--grok-bot-sidebar-tint:var(--gbm-sidebar);--grok-bot-raised-fill:var(--gbm-elevated);--grok-bot-raised-backdrop-filter:none}:root[data-theme=dark] [data-grok-bot-demo] .gbm-wide .gbm-product.baby-grok-bot{--gbm-chrome:#121212;--gbm-sidebar:#0e0e0e;--gbm-elevated:#1f1f1f;--gbm-hairline:#f5f5f514;--gbm-accent:#116dd2}[data-grok-bot-demo] .gbm-wide .baby-grok-bot-side-pane__inner{background:var(--gbm-chrome)}[data-grok-bot-demo] .gbm-wide .baby-grok-bot-sidebar .gbm-main{--bg:var(--gbm-sidebar)}[data-grok-bot-demo] .gbm-wide .gbm-chat-header{border-bottom:0;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);display:grid}[data-grok-bot-demo] .gbm-wide .gbm-chat-header__title,[data-grok-bot-demo] .gbm-wide .gbm-chat-header__actions{display:none}[data-grok-bot-demo] .gbm-wide .gbm-island{border:.5px solid var(--gbm-hairline);background:var(--gbm-elevated);border-radius:9999px;grid-column:2;align-items:center;gap:8px;min-width:0;height:36px;padding:0 11.5px 0 5.5px;display:inline-flex;box-shadow:0 4px 12px -1px #1c1c1c14,0 2px 4px -2px #1c1c1c0f}[data-grok-bot-demo] .gbm-wide .gbm-island__name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14px;font-weight:500;line-height:20px;overflow:hidden}[data-grok-bot-demo] .gbm-wide .gbm-island__chevron{color:var(--grok-bot-text-tertiary);flex:none;transform:scaleX(-1)}[data-grok-bot-demo] .gbm-wide .baby-grok-bot-entry-enter:has([style*=bubble-agent\)])+.baby-grok-bot-entry-enter [style*=bubble-agent\)]{border-top-left-radius:6px!important}[data-grok-bot-demo] .gbm-wide .baby-grok-bot-entry-enter:has([style*=bubble-agent\)]):has(+.baby-grok-bot-entry-enter [style*=bubble-agent\)]) [style*=bubble-agent\)]{border-bottom-left-radius:6px!important}[data-grok-bot-demo] .gbm-wide .baby-grok-bot-entry-enter:has([style*=bubble-user\)])+.baby-grok-bot-entry-enter [style*=bubble-user\)]{border-top-right-radius:6px!important}[data-grok-bot-demo] .gbm-wide .baby-grok-bot-entry-enter:has([style*=bubble-user\)]):has(+.baby-grok-bot-entry-enter [style*=bubble-user\)]) [style*=bubble-user\)]{border-bottom-right-radius:6px!important}[data-grok-bot-demo] .bc .gbm-window{--gbm-h:680px;--gbm-top-max:-44px}@container gbm-frame (min-width:540px){[data-grok-bot-demo] .bc .gbm-window{--gbm-top-min:-48px}}@container gbm-frame (max-width:539px){[data-grok-bot-demo] .bc .gbm-window{--gbm-w:320px}[data-grok-bot-demo] .bc .baby-grok-bot-chat{display:none}}@container gbm-frame not (min-width:372px){[data-grok-bot-demo] .bc .gbm-window{--gbm-pad:calc(50cqi - 160px)}}@container gbm-frame not (min-width:300px){[data-grok-bot-demo] .bc .gbm-window{--gbm-fy:314px}[data-grok-bot-demo] .bc .gbm-screen-caption{visibility:hidden}}@container gbm-frame not (min-width:240px){[data-grok-bot-demo] .bc .gbm-window{--gbm-top-min:-234px;--gbm-top-max:-234px}}@container gbm-frame (300px<=width<344px){[data-grok-bot-demo] .bc .gbm-window{--gbm-fy:327px}}@container gbm-frame (344px<=width<366px){[data-grok-bot-demo] .bc .gbm-window{--gbm-top-min:-160px;--gbm-top-max:-160px}}@container gbm-frame (366px<=width<540px){[data-grok-bot-demo] .bc .gbm-window{--gbm-fy:293px}}[data-grok-bot-demo] .bc-library-heading{color:var(--cursor-text-secondary);font-size:12px;line-height:16px}[data-grok-bot-demo] .bc-library-card{background:var(--grok-bot-bg-card);border-radius:10px;margin-top:6px;padding:0;list-style:none;overflow:hidden}[data-grok-bot-demo] .bc-library-row{letter-spacing:-.08px;align-items:center;gap:10px;padding:8px 12px;font-size:13px;line-height:18px;display:flex}[data-grok-bot-demo] .bc-library-icon{color:var(--grok-bot-text-secondary);flex:none;display:flex}[data-grok-bot-demo] .bc-library-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}[data-grok-bot-demo] .bc-library-age{color:var(--grok-bot-text-tertiary);flex:none;font-size:12px;line-height:16px}[data-grok-bot-demo] .myb .gbm-window{--gbm-w:calc(100% - 2 * var(--gbm-pad));-webkit-user-select:none;user-select:none}[data-grok-bot-demo] .myb .baby-grok-bot-shell{--grok-bot-current-agent-coat:var(--lightningcss-light,#000)var(--lightningcss-dark,#fff);--grok-bot-current-agent-tint:var(--lightningcss-light,#969696)var(--lightningcss-dark,#5c5c5c);--grok-bot-current-agent-bubble:var(--lightningcss-light,#5c5c5c)var(--lightningcss-dark,#969696);--grok-bot-current-agent-accent:var(--lightningcss-light,#5c5c5c)var(--lightningcss-dark,#969696)}[data-grok-bot-demo] .myb .grok-bot-mark--fill{--fg:var(--grok-bot-current-agent-coat)}[data-grok-bot-demo] .mb .gbm-window{--gbm-h:max(380px, 100% - 2 * var(--gbm-pad));-webkit-user-select:none;user-select:none}[data-grok-bot-demo] .mb-thread{flex-direction:column;flex:1;min-height:0;display:flex;overflow:clip}@container gbm-frame (max-width:459px){[data-grok-bot-demo] .mb .gbm-window{--gbm-top-min:-44px;--gbm-fy:100cqi;--gbm-h:calc(100% - var(--gbm-pad) + 44px)}[data-grok-bot-demo] .mb .gbm-composer-still,[data-grok-bot-demo] .mb .gbm-transcript-stamp{display:none}[data-grok-bot-demo] .gbm-product .mb-thread>.baby-grok-bot-transcript{padding-block:12px}[data-grok-bot-demo] .mb-thread>.baby-grok-bot-transcript>div{flex-wrap:wrap;flex:1 1 0;align-content:flex-start;column-gap:100%;min-height:0}[data-grok-bot-demo] .mb-thread>.baby-grok-bot-transcript>div>*{width:100%}}@container gbm-frame not (min-width:280px){[data-grok-bot-demo] .mb-thread li:last-child{display:none}}[data-grok-bot-demo] .gbm-wide .gbm-product .mb-thread>.baby-grok-bot-transcript{padding-bottom:48px}[data-grok-bot-demo] .gbm-wide .mb-thread>.baby-grok-bot-transcript>div{flex:none}@container gbm-frame (520px<=width<560px){[data-grok-bot-demo] .gbm-wide .mb-thread li:last-child{display:none}}@container gbm-frame not (min-width:400px){[data-grok-bot-demo] .gbm-wide .gbm-frame.mb .gbm-transcript-stamp{display:none}}[data-grok-bot-demo] .sch .gbm-window{--gbm-h:calc(100% - 2 * var(--gbm-pad));-webkit-user-select:none;user-select:none}[data-grok-bot-demo] .sch .baby-grok-bot-side-pane__inner{container:sch-pane/inline-size}[data-grok-bot-demo] .sch .gbm-panel{flex:1 1 0;min-height:0}[data-grok-bot-demo] .sch-routines{flex-flow:column wrap;flex:1 1 0;align-content:flex-start;column-gap:100%;min-height:0;display:flex}[data-grok-bot-demo] .sch-routines>li{width:100%}@container gbm-frame (max-width:539px){[data-grok-bot-demo] .sch .gbm-window{--gbm-top-min:-44px;--gbm-fy:100cqi;--gbm-h:calc(100% - var(--gbm-pad) + 44px)}[data-grok-bot-demo] .sch .sch-chat{display:none}}@container gbm-frame (max-width:439px){[data-grok-bot-demo] .sch-profile{display:none}}@container sch-pane (max-width:300px){[data-grok-bot-demo] .sch-routines>li{grid-template-columns:auto minmax(0,1fr) auto;gap:2px 10px;display:grid}[data-grok-bot-demo] .sch-routines>li>:first-child{grid-area:1/1/span 2}[data-grok-bot-demo] .sch-routines>li>:nth-child(2){grid-area:1/2}[data-grok-bot-demo] .sch-routines>li>:nth-child(3){white-space:normal;grid-area:2/2}[data-grok-bot-demo] .sch-routines>li>:nth-child(4){grid-area:1/3/span 2}}[data-grok-bot-demo] .gbm-wide .sch-profile{display:none}[data-grok-bot-demo] .gbm-wide .sch .gbm-panel{padding-bottom:24px}@container gbm-frame (min-width:620px){[data-grok-bot-demo] .gbm-wide .gbm-product .sch-chat>.baby-grok-bot-transcript{padding-inline:16px}}@container gbm-frame (620px<=width<660px){[data-grok-bot-demo] .gbm-wide .sch .gbm-transcript-stamp{display:none}[data-grok-bot-demo] .gbm-wide .sch .gbm-transcript-stamp+.baby-grok-bot-transcript{padding-top:12px}}@container gbm-frame (620px<=width<640px){[data-grok-bot-demo] .gbm-wide .gbm-product .sch-chat>.baby-grok-bot-transcript{padding-inline:12px}}@container gbm-frame not (min-width:620px){[data-grok-bot-demo] .gbm-wide .gbm-frame.sch[data-anchor] .gbm-window{right:var(--gbm-pad);left:var(--gbm-pad);width:auto}[data-grok-bot-demo] .gbm-wide .sch .baby-grok-bot-side-pane{display:none}[data-grok-bot-demo] .gbm-wide .sch .sch-chat{display:flex}}@container gbm-frame (min-width:620px){[data-grok-bot-demo] .gbm-wide .sch .gbm-shell-chat-pane{grid-template-columns:minmax(0,1fr)}[data-grok-bot-demo] .gbm-wide .sch .baby-grok-bot-side-pane{top:var(--grok-bot-toolbar-height);z-index:5;position:absolute;bottom:0;right:0;overflow:visible}[data-grok-bot-demo] .gbm-wide .sch .baby-grok-bot-side-pane__inner{padding-top:8px;box-shadow:0 10px 20px -3px #1c1c1c1a,0 4px 6px -4px #1c1c1c1a}:root[data-theme=dark] [data-grok-bot-demo] .gbm-wide .sch .baby-grok-bot-side-pane__inner{box-shadow:0 10px 20px -3px #0006,0 4px 6px -4px #0006}[data-grok-bot-demo] .gbm-wide .sch .baby-grok-bot-side-pane__inner>header{display:none}[data-grok-bot-demo] .gbm-wide .gbm-product .sch-chat>.baby-grok-bot-transcript{padding-right:calc(var(--gbm-pane-w) + 16px)}[data-grok-bot-demo] .gbm-wide .sch .gbm-transcript-stamp{padding-right:calc(var(--gbm-pane-w) + 20px)}}[data-grok-bot-demo] .gbm-wide .sch-routines{border:.5px solid var(--gbm-hairline);background:var(--gbm-elevated);border-radius:12px;flex:none;padding:4px}[data-grok-bot-demo] .gbm-wide .sch-routines>li{grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:8px;padding:6px 8px;display:grid}[data-grok-bot-demo] .gbm-wide .sch-routines>li>.gbm-routine-icon{display:none}[data-grok-bot-demo] .gbm-wide .sch-routines>li>:nth-child(2){grid-area:1/1;font-weight:400;line-height:18px}[data-grok-bot-demo] .gbm-wide .sch-routines>li>:nth-child(3){white-space:nowrap;grid-area:2/1;line-height:18px;color:var(--grok-bot-text-secondary)!important}[data-grok-bot-demo] .gbm-wide .sch-routines>li>:nth-child(4){grid-area:1/2/span 2}[data-grok-bot-demo] .gbm-wide .sch .gbm-switch{--gbm-switch-on:var(--gbm-accent);width:32px;height:20px}[data-grok-bot-demo] .gbm-wide .sch .gbm-switch__knob{width:16px;height:16px}[data-grok-bot-demo] .tls .gbm-window{--gbm-h:calc(100% - 2 * var(--gbm-pad));-webkit-user-select:none;user-select:none}[data-grok-bot-demo] .tls-thread{flex-direction:column;flex:1;min-height:0;display:flex}[data-grok-bot-demo] .tls-thread>.baby-grok-bot-transcript{overflow:clip}[data-grok-bot-demo] .tls-thread>.baby-grok-bot-transcript>div{flex-direction:column-reverse}[data-grok-bot-demo] .tls-thread>.baby-grok-bot-transcript>div>:first-child{order:1}[data-grok-bot-demo] .tls-strip{border-bottom:.5px solid var(--grok-bot-border-default);flex:none;align-items:center;gap:8px;padding:8px 20px;display:flex}[data-grok-bot-demo] .tls-strip-label{color:var(--grok-bot-text-secondary);flex:none;font-size:12px;line-height:16px}[data-grok-bot-demo] .tls-strip-apps{align-items:center;gap:6px;min-width:0;padding:0;list-style:none;display:flex}[data-grok-bot-demo] .tls-strip-app{flex:none;display:flex}[data-grok-bot-demo] .tls-strip-more{color:var(--grok-bot-text-tertiary);flex:none;font-size:12px;line-height:16px;display:none}@container gbm-frame not (min-width:560px){[data-grok-bot-demo] .tls .gbm-composer-still{display:none}[data-grok-bot-demo] .gbm-product .tls-thread>.baby-grok-bot-transcript{padding-bottom:16px}}@container gbm-frame not (min-width:460px){[data-grok-bot-demo] .tls .gbm-window{--gbm-top-min:-44px;--gbm-fy:100cqi;--gbm-h:calc(100% - var(--gbm-pad) + 44px)}[data-grok-bot-demo] .tls-strip{gap:6px;padding-inline:12px}[data-grok-bot-demo] .tls-strip-apps{gap:4px}[data-grok-bot-demo] .gbm-product .tls-thread>.baby-grok-bot-transcript{padding-block:12px}[data-grok-bot-demo] .tls-strip-app[data-off]{display:none}[data-grok-bot-demo] .tls-strip-more{display:block}}@container gbm-frame not (min-width:260px){[data-grok-bot-demo] .tls-strip,[data-grok-bot-demo] .tls-thread li:nth-child(n+3){display:none}}@container gbm-frame not (min-width:230px){[data-grok-bot-demo] .tls-thread li:nth-child(n+2){display:none}}[data-grok-bot-demo] .gbm-wide .gbm-product .tls-thread>.baby-grok-bot-transcript{padding-top:4px;padding-bottom:48px}[data-grok-bot-demo] .gbm-wide .gbm-product .tls-thread>.gbm-transcript-stamp+.baby-grok-bot-transcript{padding-top:0}[data-grok-bot-demo] .gbm-wide .tls-thread{justify-content:flex-end}[data-grok-bot-demo] .gbm-wide .tls-thread>.gbm-transcript-stamp{margin-top:auto}[data-grok-bot-demo] .gbm-wide .tls-thread>.gbm-transcript-stamp~.baby-grok-bot-transcript,[data-grok-bot-demo] .gbm-wide .tls-thread>.gbm-transcript-stamp~.baby-grok-bot-transcript>div{flex:0 auto}@container gbm-frame not (min-width:400px){[data-grok-bot-demo] .gbm-wide .gbm-frame.tls .gbm-transcript-stamp{display:none}}@container gbm-frame (520px<=width<560px){[data-grok-bot-demo] .gbm-wide .tls-thread li:nth-child(n+3){display:none}}[data-grok-bot-demo] :is(.pb,.mbots) .gbm-window{--gbm-w:760px}[data-grok-bot-demo] .pb .gbm-window{--gbm-h:calc(100% - 2 * var(--gbm-pad))}[data-grok-bot-demo] .mbots .gbm-window{--gbm-h:calc(100% - var(--gbm-pad) + 44px)}[data-grok-bot-demo] :is(.pb,.mbots) .gbm-product{--grok-bot-sidebar-width:clamp(200px, 93cqi - 24px, 280px)}[data-grok-bot-demo] .gbm-wide :is(.pb,.mbots) .gbm-window{--gbm-w:calc(100% - 2 * var(--gbm-pad))}@container gbm-frame (520px<=width<656px){[data-grok-bot-demo] .gbm-wide .mbots .gbm-sidebar-section__header,[data-grok-bot-demo] .gbm-wide .mbots .gbm-transcript-stamp{display:none}[data-grok-bot-demo] .gbm-wide .mbots .gbm-transcript-stamp~.baby-grok-bot-transcript{padding-top:12px}[data-grok-bot-demo] .gbm-wide .mbots .gbm-sidebar-section__lead{margin-top:0}[data-grok-bot-demo] .gbm-wide .gbm-frame.mbots .gbm-product{--grok-bot-sidebar-width:184px}[data-grok-bot-demo] .gbm-wide .mbots .baby-grok-bot-chat>.baby-grok-bot-transcript{padding-inline:12px}}@container gbm-frame (520px<=width<560px){[data-grok-bot-demo] .gbm-wide .mbots .baby-grok-bot-sidebar-list>div>[data-active]{display:none}}[data-grok-bot-demo] .mbots-reply-short{display:none}@container gbm-frame not (min-width:576px){[data-grok-bot-demo] .gbm-wide .mbots .mbots-reply-full{display:none}[data-grok-bot-demo] .gbm-wide .mbots .mbots-reply-short{display:flex}}[data-grok-bot-demo] .grok-bot-mark{-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block}[data-grok-bot-demo] .grok-bot-mark__head{fill:var(--fg);transition:fill .6s}[data-grok-bot-demo] .grok-bot-mark__eye{fill:var(--bg);transition:fill .6s}[data-grok-bot-demo] .grok-bot__placeholder{height:100%;position:absolute;inset:0}[data-grok-bot-demo] .grok-bot-gaze-mark{flex-shrink:0;display:inline-flex;position:relative}[data-grok-bot-demo] .grok-bot-gaze-mark__poses{pointer-events:none;position:absolute;inset:0}[data-grok-bot-demo] .grok-bot-lazy{line-height:0;display:inline-block}[data-grok-bot-demo] .grok-bot-mark--fill{flex-shrink:0;width:100%}@keyframes product-carousel-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes baby-grok-bot-typing-dot{0%,55%,to{opacity:.25}25%{opacity:.7}}@keyframes baby-grok-bot-pending-in{0%{opacity:0;transform:translateY(8px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes baby-grok-bot-pending-label-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes baby-grok-bot-entry-enter{0%{opacity:0;transform:translateY(8px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes baby-grok-bot-receipt-check{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@keyframes baby-grok-bot-portal-agent-cursor{0%{opacity:0;top:12%;left:34%}8%{opacity:1}20%{top:24%;left:52%}36%{top:36%;left:38%}52%{top:48%;left:58%}68%{top:60%;left:42%}84%{top:72%;left:54%}to{opacity:1;top:78%;left:38%}}@keyframes baby-grok-bot-row-enter{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes baby-grok-bot-spin{to{transform:rotate(360deg)}}@keyframes baby-grok-bot-mount-fade{0%{opacity:0}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-scroll-snap-strictness{syntax:"*";inherits:false;initial-value:proximity}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}
.grok-bot-get-started-module__dpD6VW__demo{outline-offset:-1px;border-radius:24px;outline:1px solid #0000001a;margin-block:24px;overflow:hidden}:root[data-theme=dark] .grok-bot-get-started-module__dpD6VW__demo{outline-color:#ffffff1a}.grok-bot-get-started-module__dpD6VW__detail{background:var(--bot-card);border-radius:16px;margin:16px 0;padding-inline:20px;font-size:14px;line-height:20px}.grok-bot-get-started-module__dpD6VW__detail[open]{padding-bottom:16px}.grok-bot-get-started-module__dpD6VW__detail>summary{min-height:48px;color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:12px;font-weight:500;list-style:none;display:flex}.grok-bot-get-started-module__dpD6VW__detail>summary::-webkit-details-marker{display:none}.grok-bot-get-started-module__dpD6VW__detail>p{color:var(--bot-fg);margin:16px 0}.grok-bot-get-started-module__dpD6VW__detail p a{color:var(--text);text-underline-offset:3.5px;font-weight:500;text-decoration:underline}@media (min-width:640px){.grok-bot-get-started-module__dpD6VW__detail{padding-inline:24px}}