._BaseChat_1dk13_1[data-chat-visible=false]{--workbench-left: calc(var(--side-menu-width) + var(--chat-padding));--workbench-inner-width: calc(100% - var(--workbench-left) - 1rem)}._BaseChat_1dk13_1[data-chat-visible=false] ._Chat_1dk13_5{transition-timing-function:cubic-bezier(.4,0,.2,1);transition-property:transform,opacity;transition-duration:.2s;transform:translateZ(0);opacity:0}._ExamplePrompts_1dk13_13{opacity:0;animation:.25s ease-out 0s 1 _fade-and-move-in_1dk13_1 forwards}._Stacks_1dk13_18{opacity:0;animation:.25s ease-out .15s 1 _fade-and-move-in_1dk13_1 forwards}._StackBlitzLogo_1dk13_23{display:block;height:32px;width:107.84px;background-color:currentColor;mask-image:url(/static/stackblitz-logo.svg);mask-position:center;mask-repeat:no-repeat;mask-size:contain}@keyframes _fade-in_1dk13_1{0%{opacity:0}to{opacity:1}}@keyframes _fade-and-move-in_1dk13_1{0%{opacity:0;transform:translateY(var(--translate-y, 10px))}to{opacity:1;transform:translateY(0)}}._Shadow_8mvus_1{background:linear-gradient(to top,var(--bolt-elements-bg-depth-1) 0%,rgb(from var(--bolt-elements-bg-depth-1) r g b/.987) 8.1%,rgb(from var(--bolt-elements-bg-depth-1) r g b/.951) 15.5%,rgb(from var(--bolt-elements-bg-depth-1) r g b/.896) 22.5%,rgb(from var(--bolt-elements-bg-depth-1) r g b/.825) 29%,rgb(from var(--bolt-elements-bg-depth-1) r g b/.741) 35.3%,rgb(from var(--bolt-elements-bg-depth-1) r g b/.648) 41.2%,rgb(from var(--bolt-elements-bg-depth-1) r g b/.55) 47.1%,rgb(from var(--bolt-elements-bg-depth-1) r g b/.45) 52.9%,rgb(from var(--bolt-elements-bg-depth-1) r g b/.352) 58.8%,rgb(from var(--bolt-elements-bg-depth-1) r g b/.259) 64.7%,rgb(from var(--bolt-elements-bg-depth-1) r g b/.175) 71%,rgb(from var(--bolt-elements-bg-depth-1) r g b/.104) 77.5%,rgb(from var(--bolt-elements-bg-depth-1) r g b/.049) 84.5%,rgb(from var(--bolt-elements-bg-depth-1) r g b/.013) 91.9%,rgb(from var(--bolt-elements-bg-depth-1) r g b/0) 100%)}*:has(+._StickyPinnedMessage_zlete_1){margin-bottom:auto}._PreviewError_1lprf_1{overflow:hidden}._PreviewError_1lprf_1 *{display:inline;font-family:var(--bolt-font-monospace)!important;font-size:.66rem!important;line-height:1rem}._PreviewError_1lprf_1 li[role=treeitem]:has(ol[role=group]:not(:empty)){display:block}._PreviewError_1lprf_1 li[role=treeitem]:has(ol[role=group]:not(:empty)) ol[role=group] li[role=treeitem]{display:block}._MigrationSummary_1ebkv_1 ul,._MigrationSummary_1ebkv_1 ol{margin-block-start:0}._MigrationSummary_1ebkv_1 ul{display:flex;flex-direction:column;gap:4px;list-style-type:disc;margin-block-end:16px}._MigrationSummary_1ebkv_1 ul li>ul{margin-block-start:4px;padding-left:.75rem}._MigrationSummary_1ebkv_1 ol{padding-left:1.5rem;list-style-type:decimal;font-weight:500;margin-block-end:6px}._MigrationSummary_1ebkv_1 ol+ul{padding-left:2rem}._MigrationSummary_1ebkv_1 :last-child{margin-block-end:0}._PromptContainer_1k1wl_1{background:radial-gradient(circle at 4% -40%,#1488fc 0%,transparent 30%)}._GradientBorder_1k1wl_5{border:1px solid rgba(136,136,136,.3333333333)}@supports (-webkit-mask-composite: xor){._GradientBorder_1k1wl_5{border:none}}@supports (-webkit-mask-composite: xor){._GradientBorder_1k1wl_5:before{position:absolute;padding:1px;background:linear-gradient(180deg,#2ba6ff,#fff3);border-radius:inherit;content:"";inset:0;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor}[data-theme=light] ._GradientBorder_1k1wl_5:before{background:linear-gradient(180deg,#2ba6ff,#0003)}}._LiquidGlassButton_a5on8_1{min-height:40px;overflow:hidden;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);box-shadow:inset 0 1px #ffffff26,inset 0 -1px #0000001a,0 8px 32px -8px #0000001a,0 0 0 1px #ffffff14;transition:all .4s cubic-bezier(.32,.72,0,1);will-change:transform,box-shadow;backface-visibility:hidden}._LiquidGlassButton_a5on8_1:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,#fff6,#ffffff1a,#ffffff0d);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;opacity:.6;transition:opacity .4s cubic-bezier(.32,.72,0,1)}._LiquidGlassButton_a5on8_1:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);transform:rotate(45deg) translate(-100%);transition:transform .6s cubic-bezier(.32,.72,0,1)}._LiquidGlassButton_a5on8_1:hover{background:linear-gradient(135deg,#ffffff26,#ffffff14);box-shadow:inset 0 1px #fff3,inset 0 -1px #00000026,0 12px 40px -8px #00000026,0 0 0 1px #ffffff1f}._LiquidGlassButton_a5on8_1:hover:before{opacity:.8}._LiquidGlassButton_a5on8_1:active{scale:.99;box-shadow:inset 0 1px #fff,inset 0 -1px #0003,0 4px 20px -8px #0003,0 0 0 1px #ffffff0d}[data-theme=light] ._LiquidGlassButton_a5on8_1{background:linear-gradient(135deg,#ffffffb3,#ffffff80);box-shadow:inset 0 1px #ffffffe6,inset 0 -1px #0000000d,0 8px 32px -8px #00000014,0 0 0 1px #0000000a}[data-theme=light] ._LiquidGlassButton_a5on8_1:before{background:linear-gradient(135deg,#0000001a,#0000000d,#00000005);opacity:.4}[data-theme=light] ._LiquidGlassButton_a5on8_1:after{background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.5) 50%,transparent 70%)}[data-theme=light] ._LiquidGlassButton_a5on8_1:hover{background:linear-gradient(135deg,#fffc,#fff9);box-shadow:inset 0 1px #fff,inset 0 -1px #00000014,0 12px 40px -8px #0000001f,0 0 0 1px #0000000f}[data-theme=light] ._LiquidGlassButton_a5on8_1:hover:before{opacity:.8}._GradientBorder_a5on8_68{position:absolute;top:-1px;left:50%;transform:translate(-50%);height:2px;width:100px;background:linear-gradient(90deg,transparent 0%,rgba(59,130,246,.8) 20%,rgba(147,51,234,.8) 50%,rgba(59,130,246,.8) 80%,transparent 100%);opacity:.6;transition:opacity .6s cubic-bezier(.32,.72,0,1),width .6s cubic-bezier(.32,.72,0,1);filter:blur(.5px)}._GradientBorder_a5on8_68:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.8) 50%,transparent 100%);animation:_shimmer_a5on8_1 3s ease-in-out infinite}._LiquidGlassButton_a5on8_1:hover ._GradientBorder_a5on8_68{opacity:1;width:calc(100% - 3rem)}._LightRefraction_a5on8_93{position:absolute;top:0;left:0;right:0;height:50%;background:radial-gradient(ellipse at center top,rgba(255,255,255,.15) 0%,transparent 70%);pointer-events:none;opacity:.7;mix-blend-mode:overlay}@keyframes _shimmer_a5on8_1{0%{transform:translate(-100%);opacity:0}10%{opacity:0}80%{opacity:.9}90%{opacity:.5}to{transform:translate(100%);opacity:0}}._RayContainer_vrsmz_1{--bg-color: #0f0f0f;--bg-gradient: #141414;--gradient-blue-intense: rgba(20, 136, 252, .8);--gradient-blue-medium: rgba(20, 136, 252, .35);--gradient-blue-light: rgba(20, 136, 252, .18);--gradient-blue-subtle: rgba(20, 136, 252, .08);--gradient-shadow: rgba(0, 0, 0, .2);--ellipse-border-white: #ffffff;--ellipse-border-light-blue: #b7d7f6;--ellipse-border-medium-blue: #8fc1f2;--ellipse-border-strong-blue: #64acf6;--ellipse-border-deep-blue: #1172e2;--ellipse-shadow: rgba(17, 114, 226, .6);--ellipse-inset-shadow: #ffffffcc;overflow:hidden;background:var(--bg-color);transition:opacity .25s linear;pointer-events:none;user-select:none}._RayContainer_vrsmz_1[data-chat-started=false]{animation:.25s linear 0s 1 _fade-in_vrsmz_1}._RayContainer_vrsmz_1[data-theme=light]{--bg-color: #ffffff;--bg-gradient: #e9ecef;--gradient-blue-intense: rgba(20, 136, 252, .3);--gradient-blue-medium: rgba(20, 136, 252, .15);--gradient-blue-light: rgba(20, 136, 252, .08);--gradient-blue-subtle: rgba(20, 136, 252, .04);--gradient-shadow: rgba(0, 0, 0, .05);--ellipse-border-white: #ffffff;--ellipse-border-light-blue: #e3f2fd;--ellipse-border-medium-blue: #bbdefb;--ellipse-border-strong-blue: #90caf9;--ellipse-border-deep-blue: #42a5f5;--ellipse-shadow: rgba(66, 165, 245, .2);--ellipse-inset-shadow: rgba(0, 0, 0, .1)}._RayContainer_vrsmz_1[data-theme=light][data-chat-started=true]{opacity:.5}._RayContainer_vrsmz_1 ._BackgroundBlur_vrsmz_48{position:absolute;left:50%;width:6000px;height:2471px;background:radial-gradient(circle at center 800px,var(--gradient-blue-intense) 0%,var(--gradient-blue-medium) 14%,var(--gradient-blue-light) 18%,var(--gradient-blue-subtle) 22%,var(--gradient-shadow) 25%);opacity:1;transform:translate(-50%);will-change:transform,opacity;backface-visibility:hidden}._RayContainer_vrsmz_1 ._EllipsesContainer_vrsmz_59{position:absolute;top:392px;left:50%;width:3043px;height:2865px;transform:translate(-50%) rotate(180deg)}._RayContainer_vrsmz_1 ._Ellipse_vrsmz_59{position:absolute;width:100%;height:100%;background:var(--bg-color);border-radius:50%;transform:rotate(180deg);will-change:transform;backface-visibility:hidden}._RayContainer_vrsmz_1 ._EllipseOne_vrsmz_77{z-index:5;margin-top:-13px;background:radial-gradient(43.89% 25.74% at 50.02% 97.24%,var(--bg-gradient) 0%,var(--bg-color) 100%);border:16px solid var(--ellipse-border-white)}._RayContainer_vrsmz_1 ._EllipseTwo_vrsmz_83{z-index:4;margin-top:-11px;border:23px solid var(--ellipse-border-light-blue)}._RayContainer_vrsmz_1 ._EllipseThree_vrsmz_88{z-index:3;margin-top:-8px;border:23px solid var(--ellipse-border-medium-blue)}._RayContainer_vrsmz_1 ._EllipseFour_vrsmz_93{z-index:2;margin-top:-4px;border:23px solid var(--ellipse-border-strong-blue)}._RayContainer_vrsmz_1 ._EllipseFive_vrsmz_98{z-index:1;border:20px solid var(--ellipse-border-deep-blue);box-shadow:0 -15px 24.8px var(--ellipse-shadow)}@keyframes _fade-in_vrsmz_1{0%{opacity:0}to{opacity:1}}