._Shadow_2xupv_1{background:linear-gradient(to top,rgb(var(--bolt-ds-surface)),rgb(var(--bolt-ds-surface)/.987) 8.1%,rgb(var(--bolt-ds-surface)/.951) 15.5%,rgb(var(--bolt-ds-surface)/.896) 22.5%,rgb(var(--bolt-ds-surface)/.825) 29%,rgb(var(--bolt-ds-surface)/.741) 35.3%,rgb(var(--bolt-ds-surface)/.648),rgb(var(--bolt-ds-surface)/.55) 47.1%,rgb(var(--bolt-ds-surface)/.45) 52.9%,rgb(var(--bolt-ds-surface)/.352),rgb(var(--bolt-ds-surface)/.259) 64.7%,rgb(var(--bolt-ds-surface)/.175) 71%,rgb(var(--bolt-ds-surface)/.104) 77.5%,rgb(var(--bolt-ds-surface)/.049) 84.5%,rgb(var(--bolt-ds-surface)/.013) 91.9%,rgb(var(--bolt-ds-surface)/0))}*:has(+._StickyPinnedMessage_rq7xp_1){bottom:0}._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}._Announcement_1of71_1{position:relative;min-height:40px;overflow:hidden;border-color:transparent;color:rgb(var(--bolt-ds-textPrimary));background:linear-gradient(135deg,#ffffff1a,#ffffff0d);backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(180%);box-shadow:inset 0 1px #fff3,inset 0 -1px #0000001a,0 8px 32px -8px #0000001a,0 0 0 1px #ffffff14;transition:all .4s cubic-bezier(.32,.72,0,1);backface-visibility:hidden}._Announcement_1of71_1:where(a){text-decoration:none}._Announcement_1of71_1>*:not(._LightRefraction_1of71_17):not(._GradientBorder_1of71_17){position:relative;z-index:1}._Announcement_1of71_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)}._Announcement_1of71_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)}._Announcement_1of71_1:hover{will-change:transform,box-shadow;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}._Announcement_1of71_1:hover:before{opacity:.8}._Announcement_1of71_1:active{scale:.99;box-shadow:inset 0 1px #fff,inset 0 -1px #0003,0 4px 20px -8px #0003,0 0 0 1px #ffffff0d}._Announcement_1of71_1:focus-visible{outline:2px solid rgb(var(--bolt-ds-brandHighlight));outline-offset:2px}[data-theme=light] ._Announcement_1of71_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] ._Announcement_1of71_1:before{background:linear-gradient(135deg,#0000001a,#0000000d,#00000005);opacity:.4}[data-theme=light] ._Announcement_1of71_1:after{background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.5) 50%,transparent 70%)}[data-theme=light] ._Announcement_1of71_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] ._Announcement_1of71_1:hover:before{opacity:.8}._Announcement_1of71_1[data-variant=warning]{--announcement-glass-accent: var(--bolt-ds-warning);--announcement-glass-highlight: var(--bolt-ds-warningHighlight);--announcement-glass-container: var(--bolt-ds-warningContainer);--announcement-glass-outline: var(--bolt-ds-warningOutline);color:rgb(var(--bolt-ds-onWarningContainer))}._Announcement_1of71_1[data-variant=danger]{--announcement-glass-accent: var(--bolt-ds-danger);--announcement-glass-highlight: var(--bolt-ds-dangerHighlight);--announcement-glass-container: var(--bolt-ds-dangerContainer);--announcement-glass-outline: var(--bolt-ds-dangerOutline);color:rgb(var(--bolt-ds-onDangerContainer))}._Announcement_1of71_1[data-variant=success]{--announcement-glass-accent: var(--bolt-ds-success);--announcement-glass-highlight: var(--bolt-ds-successHighlight);--announcement-glass-container: var(--bolt-ds-successContainer);--announcement-glass-outline: var(--bolt-ds-successOutline);color:rgb(var(--bolt-ds-onSuccessContainer))}._Announcement_1of71_1[data-variant=warning],._Announcement_1of71_1[data-variant=danger],._Announcement_1of71_1[data-variant=success]{background:linear-gradient(135deg,rgb(var(--announcement-glass-accent)/.62),rgb(var(--announcement-glass-highlight)/.5) 48%,rgb(var(--announcement-glass-accent)/.42));box-shadow:inset 0 1px rgb(var(--announcement-glass-highlight)/.55),inset 0 -1px rgb(var(--announcement-glass-accent)/.32),0 12px 36px -10px rgb(var(--announcement-glass-accent)/.55),0 0 0 1px var(--announcement-glass-outline)}._Announcement_1of71_1[data-variant=warning]:before,._Announcement_1of71_1[data-variant=danger]:before,._Announcement_1of71_1[data-variant=success]:before{background:linear-gradient(135deg,rgb(var(--announcement-glass-highlight)/.86),rgb(var(--announcement-glass-accent)/.48),var(--announcement-glass-outline));opacity:.94}._Announcement_1of71_1[data-variant=warning]:after,._Announcement_1of71_1[data-variant=danger]:after,._Announcement_1of71_1[data-variant=success]:after{background:linear-gradient(45deg,transparent 30%,rgb(var(--announcement-glass-highlight)/.32) 50%,transparent 70%)}._Announcement_1of71_1[data-variant=warning]:hover,._Announcement_1of71_1[data-variant=danger]:hover,._Announcement_1of71_1[data-variant=success]:hover{background:linear-gradient(135deg,rgb(var(--announcement-glass-accent)/.72),rgb(var(--announcement-glass-highlight)/.58) 48%,rgb(var(--announcement-glass-accent)/.5));box-shadow:inset 0 1px rgb(var(--announcement-glass-highlight)/.64),inset 0 -1px rgb(var(--announcement-glass-accent)/.38),0 16px 44px -10px rgb(var(--announcement-glass-accent)/.64),0 0 0 1px rgb(var(--announcement-glass-highlight)/.4)}._Announcement_1of71_1[data-variant=warning]:hover:before,._Announcement_1of71_1[data-variant=danger]:hover:before,._Announcement_1of71_1[data-variant=success]:hover:before{opacity:1}[data-theme=light] ._Announcement_1of71_1[data-variant=warning],[data-theme=light] ._Announcement_1of71_1[data-variant=danger],[data-theme=light] ._Announcement_1of71_1[data-variant=success]{background:linear-gradient(135deg,color-mix(in srgb,var(--announcement-glass-container) 96%,rgb(var(--announcement-glass-accent)/.25)),rgb(var(--announcement-glass-accent)/.15) 48%,color-mix(in srgb,var(--announcement-glass-container) 72%,rgb(var(--announcement-glass-accent)/.35)));box-shadow:inset 0 1px rgb(var(--announcement-glass-highlight)/.32),inset 0 -1px rgb(var(--announcement-glass-accent)/.18),0 8px 16px -8px rgb(var(--announcement-glass-accent)/.32),0 0 0 1px var(--announcement-glass-outline)}[data-theme=light] ._Announcement_1of71_1[data-variant=warning]:before,[data-theme=light] ._Announcement_1of71_1[data-variant=danger]:before,[data-theme=light] ._Announcement_1of71_1[data-variant=success]:before{background:linear-gradient(135deg,rgb(var(--announcement-glass-highlight)/.62),rgb(var(--announcement-glass-accent)/.3),var(--announcement-glass-outline));opacity:.86}[data-theme=light] ._Announcement_1of71_1[data-variant=warning]:after,[data-theme=light] ._Announcement_1of71_1[data-variant=danger]:after,[data-theme=light] ._Announcement_1of71_1[data-variant=success]:after{background:linear-gradient(45deg,transparent 30%,rgb(var(--announcement-glass-highlight)/.24) 50%,transparent 70%)}[data-theme=light] ._Announcement_1of71_1[data-variant=warning]:hover,[data-theme=light] ._Announcement_1of71_1[data-variant=danger]:hover,[data-theme=light] ._Announcement_1of71_1[data-variant=success]:hover{background:linear-gradient(135deg,color-mix(in srgb,var(--announcement-glass-container) 96%,rgb(var(--announcement-glass-accent)/.3)),rgb(var(--announcement-glass-accent)/.2) 48%,color-mix(in srgb,var(--announcement-glass-container) 72%,rgb(var(--announcement-glass-accent)/.4)));box-shadow:inset 0 1px rgb(var(--announcement-glass-highlight)/.48),inset 0 -1px rgb(var(--announcement-glass-accent)/.28),0 8px 16px -8px rgb(var(--announcement-glass-accent)/.46),0 0 0 1px rgb(var(--announcement-glass-highlight)/.34)}[data-theme=light] ._Announcement_1of71_1[data-variant=warning]:hover:before,[data-theme=light] ._Announcement_1of71_1[data-variant=danger]:hover:before,[data-theme=light] ._Announcement_1of71_1[data-variant=success]:hover:before{opacity:1}._GradientBorder_1of71_17{position:absolute;top:-1px;left:50%;z-index:0;transform:translate(-50%);height:2px;width:100px;pointer-events:none;background:linear-gradient(90deg,transparent 0%,rgba(37,119,255,.8) 20%,rgba(126,93,225,.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_1of71_17:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(126,93,225,.8) 50%,transparent 100%);animation:_shimmer_1of71_1 3s ease-in-out infinite}._Announcement_1of71_1[data-variant=warning] ._GradientBorder_1of71_17,._Announcement_1of71_1[data-variant=danger] ._GradientBorder_1of71_17,._Announcement_1of71_1[data-variant=success] ._GradientBorder_1of71_17{background:linear-gradient(90deg,transparent 0%,rgb(var(--announcement-glass-accent)/.9) 20%,rgb(var(--announcement-glass-highlight)/.95) 50%,rgb(var(--announcement-glass-accent)/.9) 80%,transparent 100%);opacity:.9}._Announcement_1of71_1[data-variant=warning] ._GradientBorder_1of71_17:before,._Announcement_1of71_1[data-variant=danger] ._GradientBorder_1of71_17:before,._Announcement_1of71_1[data-variant=success] ._GradientBorder_1of71_17:before{background:linear-gradient(90deg,transparent 0%,rgb(var(--announcement-glass-highlight)/.95) 50%,transparent 100%)}._Announcement_1of71_1:hover ._GradientBorder_1of71_17{opacity:1;width:calc(100% - 3rem)}._LightRefraction_1of71_17{position:absolute;top:0;left:0;right:0;height:50%;z-index:0;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_1of71_1{0%{transform:translate(-100%);opacity:0}10%{opacity:0}80%{opacity:.9}90%{opacity:.5}to{transform:translate(100%);opacity:0}}._BaseChat_t1btp_1[data-chat-visible=false]{--workbench-left: var(--chat-padding);--workbench-inner-width: calc(100% - var(--workbench-left) - 1rem)}._BaseChat_t1btp_1[data-chat-visible=false] ._Chat_t1btp_5{transition-timing-function:cubic-bezier(.4,0,.2,1);transition-property:transform,opacity;transition-duration:.2s;transform:translateZ(0);opacity:0;z-index:0}._ExamplePrompts_t1btp_14{opacity:0;animation:.25s ease-out 0s 1 _fade-and-move-in_t1btp_1 forwards}._Stacks_t1btp_19{opacity:0;animation:.25s ease-out .15s 1 _fade-and-move-in_t1btp_1 forwards}._StackBlitzLogo_t1btp_24{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_t1btp_1{0%{opacity:0}to{opacity:1}}@keyframes _fade-and-move-in_t1btp_1{0%{opacity:0;transform:translateY(var(--translate-y, 10px))}to{opacity:1;transform:translateY(0)}}