html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,u,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;text-overflow:ellipsis}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}abbr{text-decoration:none}*,:before,:after{box-sizing:border-box}body{overscroll-behavior-y:none;font-size:13px;line-height:1}a{color:inherit;text-decoration:none}button{padding:0;cursor:pointer;background:none;border:none;outline:none;line-height:inherit;font-family:inherit;font-size:inherit;color:inherit}button:focus{outline:none}input{background:none;border:none;outline:none;line-height:inherit;font-family:inherit;font-size:inherit;color:inherit}div[tabIndex]{outline:none}:root{--sb-ui-font-family: system-ui, -apple-system, Segoe UI, Roboto, Cantarell, sans-serif;--sb-code-font-family: Menlo, Cascadia Code, Consolas, Liberation Mono, monospace;--sb-alert-background: hsl(220, 70%, 40%);--sb-alert-foreground: hsl(0, 0%, 100%);--sb-brand-stackblitz-blue: #1389fd;--sb-card-background: hsl(220 12% 20%);--sb-card-shadow: hsl(0 0% 0% / 50%);--sb-control-active-background: hsl(205 100% 40%);--sb-control-active-pressed-background: hsl(205 100% 45%);--sb-control-active-thumb: hsl(0 0% 96%);--sb-control-border-alt: transparent;--sb-control-border-focus: hsl(205 100% 50%);--sb-control-border-strong: hsl(220 10% 80%);--sb-control-border: hsl(220 10% 45%);--sb-dialog-backdrop: hsl(220 40% 5% / .7);--sb-error-background: hsl(355 100% 20%);--sb-error-border: hsl(355 100% 60%);--sb-error-foreground: hsl(0 0% 100%);--sb-foreground-active: hsl(0 0% 94%);--sb-foreground-alt: hsl(0 0% 62%);--sb-foreground-disabled: hsl(0 0% 45%);--sb-foreground-highlight-high: hsl(165 100% 60%);--sb-foreground-highlight-low: hsl(186 52% 48%);--sb-foreground-highlight: hsl(191 91% 69%);--sb-foreground-inverted: hsl(220 18% 10%);--sb-foreground-negative: hsl(355 80% 65%);--sb-foreground-warning: hsl(55 65% 60%);--sb-foreground: hsl(0 0% 80%);--sb-icon-foreground: hsl(0 0% 80%);--sb-luminosity-minus1: hsl(0 0% 0% / .15);--sb-luminosity-minus2: hsl(0 0% 0% / .25);--sb-luminosity-plus1: hsl(220 60% 95% / .06);--sb-luminosity-plus2: hsl(220 60% 95% / .1);--sb-luminosity-plus3: hsl(220 60% 95% / .14);--sb-menu-active-background: hsl(205 100% 35%);--sb-menu-active-foreground: hsl(0 0% 100%);--sb-menu-background: hsl(220 15% 24%);--sb-menu-border: transparent;--sb-menu-shadow: hsl(0 0% 0% / .25);--sb-page-alt-background: hsl(220 18% 10%);--sb-page-background: hsl(220 10% 14%);--sb-selection-background: hsl(205 100% 35%);--sb-selection-foreground: hsl(0 0% 100%);--sb-separator-alt: hsl(220 10% 30% / .6);--sb-separator-base: hsl(220 10% 30%);--sb-separator-strong: hsl(220 10% 35%);--sb-sidebar-background: hsl(220 18% 10%);--sb-toolbar-background: hsl(220 10% 20%);--sb-tooltip-background: hsl(220 15% 24%);--sb-tooltip-border: transparent;--sb-tooltip-shadow: hsl(0 0% 0% / .25);--public-transition-hover-fast: .1s ease;--public-transition-hover-fast-cta: .16s ease;--public-transition-hover-blur-cta: .3s ease;--public-transition-hover-medium: .4s ease;--public-transition-hover-long: .8s ease;--public-blue-text-10: #69f5ff;--public-blue-text-20: #00e6ff;--public-blue-text-50: rgb(0, 168, 219);--public-blue-text-60: #00aeda;--public-blue-text-neutral: #1b82bc;--public-blue-text-bright-light: #96f8ff;--public-blue-text-bright-dark: #00a3cc;--public-blue-text-secondary: #69b6dd;--public-blue-bg-lighter: #fbfeff;--public-blue-bg-light: #f1f4f8;--public-blue-bg-medium: #084d66;--public-blue-bg-dark: rgba(8, 77, 102, .2);--public-pink-text-mid: #fe4c77;--public-pink-text-10: #ff2e9f;--public-pink-bg-dark: #470f4a;--public-pink-bg-dark: rgba(71, 15, 74, .3);--public-yellow-text-mid: #ffec3e;--public-orange-text-mid: #ff6d63;--public-pink-text-light: #d917a3;--public-pink-text-medium: #d900a5;--public-violet-text-light: #8a19a9;--public-violet-text-medium: #761fac;--public-button-background: rgb(39, 42, 48, .6);--public-bg-dark-accent: rgb(0, 0, 0, .32);--public-bg-dark-accent-hex: #1c1f25;--public-bg-dark-accent-footer: #121416;--public-bg-light-accent: rgba(51, 128, 169, .32);--public-dark-outline-light: rgb(255, 255, 255, .1);--public-outline-dark-neutral: rgba(255, 255, 255, .1);--public-outline-dark-input: rgba(224, 244, 255, .16);--public-text-gradient-blue: linear-gradient( to bottom right, var(--public-blue-text-10) 42%, var(--public-blue-text-20) 76% );--public-text-gradient-light: linear-gradient( to bottom right, var(--public-blue-text-60) 42%, var(--public-blue-text-bright-dark) 76% );--public-text-gradient-blue-badge: linear-gradient( to bottom right, var(--public-blue-text-bright-dark) 42%, var(--public-blue-text-neutral) 76% );--public-bg-quote-logo_grid: linear-gradient( to right, var(--public-pink-bg-dark) 20%, var(--public-blue-bg-dark) 80% );--public-bg-quote-light: linear-gradient(to bottom, var(--public-blue-bg-lighter) 40%, #fff 80%);--public-bg-page_section-dark-accent: linear-gradient(to top, var(--public-bg-dark-accent), transparent 400px);--public-bg-page_section-dark-accent-ttb: linear-gradient(to bottom, var(--public-bg-dark-accent), transparent 80%);--public-bg-faux-fade-ltr: linear-gradient(to right, var(--public-bg-90), transparent);--public-bg-faux-fade-rtl: linear-gradient(to left, var(--public-bg-90), transparent);--public-bg-page_section-light-accent-ttb: linear-gradient( to bottom, var(--public-bg-light-accent), var(--public-blue-bg-light) 70% );--public-dark-text-muted: #4e5e67;--public-dark-text-30: rgba(255, 255, 255, .3);--public-dark-text-40: rgba(255, 255, 255, .4);--public-dark-text-50: rgba(255, 255, 255, .5);--public-dark-text-60: rgba(255, 255, 255, .6);--public-dark-text-70: rgba(255, 255, 255, .7);--public-dark-text-80: rgba(255, 255, 255, .8);--public-dark-text-90: rgba(255, 255, 255, .9);--public-dark-text-00: #fff;--public-dark-bg-80: #191d20;--public-dark-bg-90: #1c1f25;--public-dark-bg-AppBar-transparent: hsla(225, 9%, 9%, .96);--public-dark-bg-00: #16181d;--public-dark-bg-darkest: #131519;--public-dark-bg-grey-60: rgba(0, 0, 0, .6);--public-dark-bg-grey-70: rgba(0, 0, 0, .7);--public-dark-bg-grey-80: rgba(0, 0, 0, .8);--public-dark-bg-grey-90: rgba(0, 0, 0, .9);--public-light-shadow-neutral: rgba(29, 78, 106, .12);--public-light-text-50: rgba(0, 0, 0, .5);--public-light-text-60: rgba(0, 0, 0, .6);--public-light-text-70: rgba(0, 0, 0, .7);--public-light-text-80: rgba(0, 0, 0, .8);--public-light-text-90: rgba(0, 0, 0, .9);--public-light-text-00: #000;--public-light-bg-grey-60: rgba(255, 255, 255, .6);--public-light-bg-grey-70: rgba(255, 255, 255, .7);--public-light-bg-grey-80: rgba(255, 255, 255, .8);--public-light-bg-grey-90: rgba(255, 255, 255, .9);--public-light-bg-grey-95: rgba(255, 255, 255, .95);--public-text-muted: var(--public-dark-text-muted);--public-text-30: var(--public-dark-text-30);--public-text-40: var(--public-dark-text-40);--public-text-50: var(--public-dark-text-50);--public-text-60: var(--public-dark-text-60);--public-text-70: var(--public-dark-text-70);--public-text-80: var(--public-dark-text-80);--public-text-90: var(--public-dark-text-90);--public-text-00: var(--public-dark-text-00);--public-bg-60: var(--public-dark-bg-60);--public-bg-70: var(--public-dark-bg-70);--public-bg-80: var(--public-dark-bg-80);--public-bg-90: var(--public-dark-bg-90);--public-bg-90-transparent: var(--public-dark-bg-AppBar-transparent);--public-bg-00: var(--public-dark-bg-00)}:root.application{font-family:var(--sb-ui-font-family, sans-serif);color:var(--sb-foreground, hsl(0, 0%, 80%));background-color:var(--sb-page-background, hsl(220, 10%, 14%))}:root.public{font-family:Inter,sans-serif;color:#fff;background-color:var(--public-bg-90)}:root.public .testpink{background-color:#a202ca}.public-page{display:flex;flex-direction:column}.public-page.public-page.public-static{padding-top:192px;padding-bottom:0}@media screen and (max-width: 1024px){.public-page.public-page.public-static{padding-top:140px}}@media screen and (max-width: 500px){.public-page.public-page.public-static{padding-top:120px}}.public-section{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;overflow-x:hidden}.public-section__content{display:flex;flex-direction:column;width:1444px;max-width:100%;padding:0 52px}.public-section__content.body-narrow{width:900px}@media screen and (max-width: 1024px){.public-section__content{padding:0 40px}}@media screen and (max-width: 500px){.public-section__content{padding:0 24px}}.public-section_row{width:100%;display:flex;gap:16px}@media screen and (max-width: 1024px){.public-section_row{flex-direction:column;gap:64px}}@media screen and (max-width: 500px){.public-section_row{gap:52px}}.public-section_row h1,.public-section_row h2,.public-section_row h3,.public-section_row h4,.public-section_row h5,.public-section_row h6,.public-section_row p,.public-section_row ul{padding-left:36px;padding-right:36px}@media screen and (max-width: 1024px){.public-section_row h1,.public-section_row h2,.public-section_row h3,.public-section_row h4,.public-section_row h5,.public-section_row h6,.public-section_row p,.public-section_row ul{padding-left:12px;padding-right:12px}}@media screen and (max-width: 500px){.public-section_row h1,.public-section_row h2,.public-section_row h3,.public-section_row h4,.public-section_row h5,.public-section_row h6,.public-section_row p,.public-section_row ul{padding-left:0;padding-right:0}}.public-section_row h4{margin-bottom:26px}.public-section_row p{font-size:14px}@media screen and (max-width: 1024px){.public-section_row p{font-size:13px}}.public-section_feature{width:100%;display:flex;align-items:center;padding:120px 0;gap:116px}.public-section_feature.reverse{flex-direction:row-reverse}@media screen and (max-width: 500px){.public-section_feature{flex-direction:column;gap:52px;padding:72px 0}.public-section_feature.reverse{flex-direction:column}}.public-section_feature>*{flex:1}.public-section_feature>div{position:relative;display:flex;flex-direction:column}.public-section_feature p a{color:var(--public-blue-text-bright-dark)}.public-section_feature p a:hover{color:var(--public-blue-text-secondary);text-decoration:underline}.public-section_feature img{max-width:100%;transform-origin:left center;transform:scale(1.16)}.public-section_feature.reverse img{transform-origin:right center}.public-page ol li,.public-page ul li,.public-page p{margin-bottom:20px;color:var(--public-text-70);font-size:18px;font-weight:400;line-height:2}.public-page ol li strong,.public-page ul li strong,.public-page p strong{color:var(--public-text-90);font-weight:600}@media screen and (max-width: 500px){.public-page ol li,.public-page ul li,.public-page p{font-size:17px}}.public-page h1,.public-page h2,.public-page h3,.public-page h4,.public-page h5,.public-page h6{font-family:Gilroy,sans-serif;font-weight:800}.public-page h1 strong,.public-page h2 strong,.public-page h3 strong,.public-page h4 strong,.public-page h5 strong,.public-page h6 strong{color:var(--public-blue-text-10)}.public-page h1{margin-bottom:52px;font-size:72px;line-height:78px;letter-spacing:-2px}.public-page h1 strong{font-weight:800}@media screen and (max-width: 500px){.public-page h1{font-size:48px;letter-spacing:-1px;line-height:1.1}}.public-page h2{margin-bottom:60px;font-size:60px;line-height:64px;letter-spacing:-.5px}.public-page h2 strong{font-weight:800}@media screen and (max-width: 500px){.public-page h2{font-size:42px;line-height:1.1}}.public-page h3{font-weight:400;margin-bottom:32px;font-size:44px;line-height:1.1;letter-spacing:-.5px}@media screen and (max-width: 500px){.public-page h3{font-size:42px;line-height:1.1}}.public-page h4{margin-bottom:40px;font-family:Inter,sans-serif;font-size:24px;font-weight:600;line-height:1.32;letter-spacing:-.5px}.public-page h5{margin-bottom:28px;font-size:14px;letter-spacing:1px;text-transform:uppercase}.public-page p+h1,.public-page p+h2,.public-page p+h3,.public-page p+h4,.public-page p+h5,.public-page p+h6{margin-top:52px}.public-button-container,ul.public-section_row{--public-button-accent-color: var(--sb-foreground-highlight-high)}.public-button-container.color-pink a,.public-button-container.color-pink button,ul.public-section_row.color-pink a,ul.public-section_row.color-pink button{--public-button-accent-color: var(--public-pink-text-10)}.public-button-container.color-cyan a,.public-button-container.color-cyan button,ul.public-section_row.color-cyan a,ul.public-section_row.color-cyan button{--public-button-accent-color: var(--public-blue-text-20)}a.public-button,button.public-button{--public-button-accent-color: var(--sb-foreground-highlight-high)}a.public-button.color-pink,button.public-button.color-pink{--public-button-accent-color: var(--public-pink-text-10) !important}a.public-button.color-cyan,button.public-button.color-cyan{--public-button-accent-color: var(--public-blue-text-20) !important}.public-button-container{position:relative;z-index:0}a.public-button,button.public-button,.public-button-container>a,.public-button-container>button{position:relative;display:flex;align-items:center;text-align:left;padding:24px 48px;color:#fff;font-family:Gilroy,sans-serif;font-size:12px;font-weight:700;line-height:1.2;letter-spacing:.5px;text-transform:uppercase;box-shadow:inset 0 0 0 2px var(--public-dark-outline-light);transition:var(--public-transition-hover-fast-cta);transition-property:color,box-shadow;cursor:pointer}@media screen and (max-width: 1024px){a.public-button,button.public-button,.public-button-container>a,.public-button-container>button{padding:24px 24px 24px 40px}}@media screen and (max-width: 500px){a.public-button,button.public-button,.public-button-container>a,.public-button-container>button{padding-left:48px}}a.public-button:hover:not(.disabled),button.public-button:hover:not(.disabled),.public-button-container>a:hover:not(.disabled),.public-button-container>button:hover:not(.disabled){box-shadow:inset 0 0 0 2px var(--public-button-accent-color)}a.public-button:before,button.public-button:before,.public-button-container>a:before,.public-button-container>button:before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background-color:var(--public-dark-bg-grey-60);transform-origin:right center;transform:scaleX(0);transition:transform var(--public-transition-hover-blur-cta);z-index:-1}a.public-button:hover:not(.disabled):before,button.public-button:hover:not(.disabled):before,.public-button-container>a:hover:not(.disabled):before,.public-button-container>button:hover:not(.disabled):before{transform-origin:left center;transform:scale(1);transition:transform var(--public-transition-hover-fast-cta)}a.public-button .public-icon,button.public-button .public-icon,.public-button-container>a .public-icon,.public-button-container>button .public-icon{width:24px;height:24px;background-color:var(--public-button-accent-color);transform:translate(-20px);transition:background-color var(--public-transition-hover-fast-cta)}a.public-button:hover:not(.disabled) .public-icon,button.public-button:hover:not(.disabled) .public-icon,.public-button-container>a:hover:not(.disabled) .public-icon,.public-button-container>button:hover:not(.disabled) .public-icon{background-color:#fff}a.public-button.disabled,button.public-button.disabled,.public-button-container>a.disabled,.public-button-container>button.disabled{opacity:.6;cursor:not-allowed}a.public-button.cta,button.public-button.cta,.public-button-container.cta>button,.public-button-container.cta>a{padding:30px 68px;font-size:15px;box-shadow:inset 0 0 0 2px var(--sb-foreground-highlight-high)}@media screen and (max-width: 500px){a.public-button.cta,button.public-button.cta,.public-button-container.cta>button,.public-button-container.cta>a{padding:30px 52px}}a.public-button.cta:hover:not(.disabled),button.public-button.cta:hover:not(.disabled),.public-button-container.cta>button:hover:not(.disabled),.public-button-container.cta>a:hover:not(.disabled){color:var(--public-dark-bg-00)}a.public-button.cta:before,button.public-button.cta:before,.public-button-container.cta>button:before,.public-button-container.cta>a:before{background-color:var(--sb-foreground-highlight-high)}a.public-button.cta .public-icon,button.public-button.cta .public-icon,.public-button-container.cta>button .public-icon,.public-button-container.cta>a .public-icon{width:30px;height:30px;background-color:#fff;transform:translate(-28px)}a.public-button.cta:hover:not(.disabled) .public-icon,button.public-button.cta:hover:not(.disabled) .public-icon,.public-button-container.cta>button:hover:not(.disabled) .public-icon,.public-button-container.cta>a:hover:not(.disabled) .public-icon{background-color:var(--public-dark-bg-00)}a.public-button.large,.public-button-container.large a{font-size:16px;padding:30px 72px}a.public-button.large .public-icon,.public-button-container.large a .public-icon{transform:translate(-32px)}a.public-button.medium,.public-button-container.medium a{font-size:14px}.public-button-container span{display:block;color:var(--public-text-80);font-size:14px;font-weight:500}.public-button-container span strong{margin-right:8px;color:var(--public-text-90);font-weight:700}.public-button-container span a:hover{color:var(--public-text-00);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}.public-button-container span+a,.public-button-container>a+span{margin-top:24px}.public-button-card{flex:1;position:relative;display:flex;flex-direction:column;padding:44px 36px 0;color:var(--public-light-text-00);border-radius:6px;background-color:#fff;box-shadow:0 4px 12px var(--public-light-shadow-neutral),inset 0 0 0 1px #fff;overflow:hidden;transition:var(--public-transition-hover-blur-cta);transition-property:background-color,box-shadow,transform}@media screen and (max-width: 500px){.public-button-card{width:calc(100vw - 16px);padding-left:24px;padding-right:24px}}.public-button-card:hover{background:#fff;box-shadow:0 32px 18px -20px var(--public-light-shadow-neutral);transform:translateY(-4px) scale(1.03);transition:var(--public-transition-hover-blur-cta);transition-property:background-color,box-shadow,transform}@media screen and (max-width: 500px){.public-button-card:hover{transform:translateY(-4px)}}.public-button-card header{display:flex;align-items:center;gap:20px;margin-bottom:25px}.public-button-card .public-section-icon{width:20px;height:20px;margin:0;background-color:var(--public-blue-text-neutral)}.public-button-card .subheading{position:relative;display:flex;align-items:center;gap:20px;color:var(--public-blue-text-neutral);font-family:Gilroy,sans-serif;font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;z-index:0}.public-button-card .subheading.action{position:relative;padding:26px 0;color:var(--public-blue-text-50);gap:16px;transition:color var(--public-transition-hover-fast);transition-property:background-color,color,transform}.public-button-card .subheading.action:before{position:absolute;content:"";bottom:0;left:-36px;width:calc(100% + 72px);height:100%;background-color:var(--public-blue-text-50);z-index:-1;transform-origin:right center;transform:scaleX(0);transition:var(--public-transition-hover-blur-cta);transition-property:background-color,transform}.public-button-card .subheading.action .public-section-icon{margin-bottom:2px;transition:background-color var(--public-transition-hover-fast),transform var(--public-transition-hover-blur-cta)}.public-button-card:hover .subheading.action{color:var(--public-dark-text-00)}.public-button-card:hover .subheading.action .public-section-icon{background-color:var(--public-dark-text-00);transform:translate(20px);transition:background-color var(--public-transition-hover-fast),transform var(--public-transition-hover-medium)}.public-button-card:hover .subheading.action:before{transform-origin:left center;transform:scaleX(1);transition:var(--public-transition-hover-fast-cta);transition-property:background-color,transform}.public-button-card .subheading.action .public-section-icon{background-color:var(--public-blue-text-50);transition:background-color var(--public-transition-hover-fast),transform var(--public-transition-hover-medium)}.public-button-card .title{max-width:416px;margin-bottom:64px;font-size:34px;font-weight:400;letter-spacing:-1px;line-height:1.2}@media screen and (max-width: 500px){.public-button-card .title{font-size:30px;letter-spacing:-.8px}}.public-button-card img{position:absolute;top:52%;left:52%;transform:translateY(-42%);width:590px;height:auto;transition:transform var(--public-transition-hover-long)}@media screen and (max-width: 500px){.public-button-card img{transform:translateY(-16px) translate(-12px)}}.public-button-card:hover img{transform:translateY(-44%) translate(72px) scale(1.1)}@media screen and (max-width: 500px){.public-button-card:hover img{transform:translateY(-16px) translate(-12px) scale(1.1)}}.public-section__error{display:flex;flex-direction:column;align-items:center;text-align:center;margin-block-end:224px}.public-section__error h1{margin-bottom:24px;font-size:36px;font-weight:400;letter-spacing:0}.public-section__error p{margin-bottom:8px;font-size:16px}.public-section__error a{color:var(--public-blue-text-secondary)!important;text-decoration:underline;text-underline-offset:2px}.public-section__error a:hover{color:#fff!important}.public-section__error code{color:#c0c5cc;font-family:Menlo,Consolas,Monaco,Liberation Mono,Lucida Console,monospace;margin:0 6px;padding:5px 10px;border-radius:6px;box-shadow:0 0 0 1px #475569cc;background:rgba(18,23,34,.6)}.public-section__error .public-icon{width:40px;height:40px;margin-block-end:24px;background-color:var(--public-orange-text-mid)}.public-section-icon,.public-icon{background-color:var(--page_section-heading-color);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.public-section-icon.alicorn,.public-icon.alicorn{-webkit-mask-image:url(https://c.staticblitz.com/assets/vite/alicorn-light-86839891.svg);mask-image:url(https://c.staticblitz.com/assets/vite/alicorn-light-86839891.svg)}.public-section-icon.angle-down,.public-icon.angle-down{-webkit-mask-image:url(https://c.staticblitz.com/assets/vite/angle-down-light-ac719a2e.svg);mask-image:url(https://c.staticblitz.com/assets/vite/angle-down-light-ac719a2e.svg)}.public-section-icon.arrow-right-light,.public-icon.arrow-right-light{-webkit-mask-image:url(https://c.staticblitz.com/assets/vite/arrow-right-light-6bc6f6fc.svg);mask-image:url(https://c.staticblitz.com/assets/vite/arrow-right-light-6bc6f6fc.svg)}.public-section-icon.baby-carriage,.public-icon.baby-carriage{-webkit-mask-image:url(https://c.staticblitz.com/assets/vite/baby-carriage-light-19097658.svg);mask-image:url(https://c.staticblitz.com/assets/vite/baby-carriage-light-19097658.svg)}.public-section-icon.books,.public-icon.books{-webkit-mask-image:url(https://c.staticblitz.com/assets/vite/books-light-f9731300.svg);mask-image:url(https://c.staticblitz.com/assets/vite/books-light-f9731300.svg)}.public-section-icon.box-heart,.public-icon.box-heart{-webkit-mask-image:url(https://c.staticblitz.com/assets/vite/box-heart-light-bc824347.svg);mask-image:url(https://c.staticblitz.com/assets/vite/box-heart-light-bc824347.svg)}.public-section-icon.bug,.public-icon.bug{-webkit-mask-image:url(https://c.staticblitz.com/assets/vite/bug-light-87103e05.svg);mask-image:url(https://c.staticblitz.com/assets/vite/bug-light-87103e05.svg)}.public-section-icon.comment-check,.public-icon.comment-check{-webkit-mask-image:url(https://c.staticblitz.com/assets/vite/comment-alt-check-light-87b59898.svg);mask-image:url(https://c.staticblitz.com/assets/vite/comment-alt-check-light-87b59898.svg)}.public-section-icon.comment-smile,.public-icon.comment-smile{-webkit-mask-image:url(https://c.staticblitz.com/assets/vite/comment-alt-smile-light-63e24891.svg);mask-image:url(https://c.staticblitz.com/assets/vite/comment-alt-smile-light-63e24891.svg)}.public-section-icon.comments,.public-icon.comments{-webkit-mask-image:url(https://c.staticblitz.com/assets/vite/comments-alt-light-86fdb15e.svg);mask-image:url(https://c.staticblitz.com/assets/vite/comments-alt-light-86fdb15e.svg)}.public-section-icon.check,.public-icon.check{-webkit-mask-image:url(https://c.staticblitz.com/assets/vite/check-solid-c7be2244.svg);mask-image:url(https://c.staticblitz.com/assets/vite/check-solid-c7be2244.svg)}.public-section-icon.exclamation-triangle,.public-icon.exclamation-triangle{-webkit-mask-image:url(https://c.staticblitz.com/assets/vite/exclamation-triangle-light-6cb000c4.svg);mask-image:url(https://c.staticblitz.com/assets/vite/exclamation-triangle-light-6cb000c4.svg)}.public-section-icon.files-medical,.public-icon.files-medical{-webkit-mask-image:url(https://c.staticblitz.com/assets/vite/files-medical-light-d731cea4.svg);mask-image:url(https://c.staticblitz.com/assets/vite/files-medical-light-d731cea4.svg)}.public-section-icon.flask-potion-light,.public-icon.flask-potion-light{-webkit-mask-image:url(https://c.staticblitz.com/assets/vite/flask-potion-light-0f0e5de5.svg);mask-image:url(https://c.staticblitz.com/assets/vite/flask-potion-light-0f0e5de5.svg)}.public-section-icon.globe-stand,.public-icon.globe-stand{-webkit-mask-image:url(https://c.staticblitz.com/assets/vite/globe-stand-light-7bb74e82.svg);mask-image:url(https://c.staticblitz.com/assets/vite/globe-stand-light-7bb74e82.svg)}.public-section-icon.head-side-brain,.public-icon.head-side-brain{-webkit-mask-image:url(https://c.staticblitz.com/assets/vite/head-side-brain-light-5c001a5e.svg);mask-image:url(https://c.staticblitz.com/assets/vite/head-side-brain-light-5c001a5e.svg)}.public-section-icon.heart-broken,.public-icon.heart-broken{-webkit-mask-image:url(https://c.staticblitz.com/assets/vite/heart-broken-light-48e94bdc.svg);mask-image:url(https://c.staticblitz.com/assets/vite/heart-broken-light-48e94bdc.svg)}.public-section-icon.island-tropical,.public-icon.island-tropical{-webkit-mask-image:url(https://c.staticblitz.com/assets/vite/island-tropical-light-182e852e.svg);mask-image:url(https://c.staticblitz.com/assets/vite/island-tropical-light-182e852e.svg)}.public-section-icon.lock,.public-icon.lock{-webkit-mask-image:url(https://c.staticblitz.com/assets/vite/lock-regular-f0301302.svg);mask-image:url(https://c.staticblitz.com/assets/vite/lock-regular-f0301302.svg)}.public-section-icon.network-wired,.public-icon.network-wired{-webkit-mask-image:url(https://c.staticblitz.com/assets/vite/network-wired-light-a6510ff0.svg);mask-image:url(https://c.staticblitz.com/assets/vite/network-wired-light-a6510ff0.svg)}.public-section-icon.paper-plane,.public-icon.paper-plane{-webkit-mask-image:url(https://c.staticblitz.com/assets/vite/paper-plane-light-8d7e52fb.svg);mask-image:url(https://c.staticblitz.com/assets/vite/paper-plane-light-8d7e52fb.svg)}.public-section-icon.play,.public-icon.play{-webkit-mask-image:url(https://c.staticblitz.com/assets/vite/play-light-8bef2f09.svg);mask-image:url(https://c.staticblitz.com/assets/vite/play-light-8bef2f09.svg)}.public-section-icon.puzzle-piece,.public-icon.puzzle-piece{-webkit-mask-image:url(https://c.staticblitz.com/assets/vite/puzzle-piece-sharp-light-5a5c41e1.svg);mask-image:url(https://c.staticblitz.com/assets/vite/puzzle-piece-sharp-light-5a5c41e1.svg)}.public-section-icon.shield-check,.public-icon.shield-check{-webkit-mask-image:url(https://c.staticblitz.com/assets/vite/shield-check-light-debece5b.svg);mask-image:url(https://c.staticblitz.com/assets/vite/shield-check-light-debece5b.svg)}.public-section-icon.spinner-third,.public-icon.spinner-third{-webkit-mask-image:url(https://c.staticblitz.com/assets/vite/spinner-third-solid-4b068945.svg);mask-image:url(https://c.staticblitz.com/assets/vite/spinner-third-solid-4b068945.svg)}.public-section-icon.times,.public-icon.times{-webkit-mask-image:url(https://c.staticblitz.com/assets/vite/times-solid-85319456.svg);mask-image:url(https://c.staticblitz.com/assets/vite/times-solid-85319456.svg)}.public-section-icon.user-astronaut,.public-icon.user-astronaut{-webkit-mask-image:url(https://c.staticblitz.com/assets/vite/user-astronaut-solid-72d79931.svg);mask-image:url(https://c.staticblitz.com/assets/vite/user-astronaut-solid-72d79931.svg)}.public-section-icon.wand-magic,.public-icon.wand-magic{-webkit-mask-image:url(https://c.staticblitz.com/assets/vite/wand-magic-light-3ffc6e1f.svg);mask-image:url(https://c.staticblitz.com/assets/vite/wand-magic-light-3ffc6e1f.svg)}.public-section-icon.codeflow,.public-icon.codeflow{-webkit-mask-image:url(https://c.staticblitz.com/assets/vite/codeflow-icon-thickest-700b1a70.svg);mask-image:url(https://c.staticblitz.com/assets/vite/codeflow-icon-thickest-700b1a70.svg)}.public-section-icon.nodejs,.public-icon.nodejs{-webkit-mask-image:url(https://c.staticblitz.com/assets/vite/nodejs-3e9745c6.svg);mask-image:url(https://c.staticblitz.com/assets/vite/nodejs-3e9745c6.svg)}.public-section-icon{width:40px;height:40px;margin-bottom:26px}.public-icon{width:16px;height:16px}.input-group{flex:1;width:100%}.input-group ul,.input-group .input-list{display:flex;gap:12px}.input-group ul li,.input-group .input-list li{flex:1;margin-bottom:0}@media screen and (max-width: 500px){.input-group ul{flex-direction:column}}.input-group input[type=text],.input-group input[type=number],.input-group input[type=email],.input-group textarea,.input-label{position:relative;display:flex;justify-content:flex-start;align-items:center;width:100%;height:48px;padding:4px 12px 4px 58px;border-radius:1px;box-shadow:0 0 0 1px var(--public-outline-dark-input);cursor:pointer;transition:var(--public-transition-hover-fast);transition-property:background-color,box-shadow,color}.input-group input[type=text] input[type=checkbox],.input-group input[type=text] input[type=radio],.input-group input[type=number] input[type=checkbox],.input-group input[type=number] input[type=radio],.input-group input[type=email] input[type=checkbox],.input-group input[type=email] input[type=radio],.input-group textarea input[type=checkbox],.input-group textarea input[type=radio],.input-label input[type=checkbox],.input-label input[type=radio]{display:none}.input-group input[type=text]:before,.input-group input[type=number]:before,.input-group input[type=email]:before,.input-group textarea:before,.input-label:before{content:"";position:absolute;top:50%;left:22px;width:14px;height:14px;transform:translateY(-50%);box-shadow:inset 0 0 0 1px var(--public-text-30);background-position:center;background-repeat:no-repeat;background-size:contain;transition:var(--public-transition-hover-fast);transition-property:background-color,box-shadow,opacity}.input-group input[type=text].type-checkbox:before,.input-group input[type=number].type-checkbox:before,.input-group input[type=email].type-checkbox:before,.input-group textarea.type-checkbox:before,.input-label.type-checkbox:before{border-radius:2px}.input-group input[type=text].type-radio:before,.input-group input[type=number].type-radio:before,.input-group input[type=email].type-radio:before,.input-group textarea.type-radio:before,.input-label.type-radio:before{width:14px;height:14px;border-radius:50%}.input-group input[type=text]:after,.input-group input[type=number]:after,.input-group input[type=email]:after,.input-group textarea:after,.input-label:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--sb-foreground-highlight-high);transform:scaleX(0);transform-origin:right;transition:var(--public-transition-hover-blur-cta);transition-property:transform;z-index:-1}.input-group input[type=text] .public-icon,.input-group input[type=number] .public-icon,.input-group input[type=email] .public-icon,.input-group textarea .public-icon,.input-label .public-icon{position:absolute;top:calc(50% - 8px);left:22px;background-color:var(--public-bg-00);transform:scale(0);transition:var(--public-transition-hover-fast-cta);transition-property:transform}.input-group input[type=text]:hover,.input-group input[type=number]:hover,.input-group input[type=email]:hover,.input-group textarea:hover,.input-label:hover{box-shadow:0 0 0 1px var(--sb-foreground-highlight-high)}.input-group input[type=text]:hover span.option-label,.input-group input[type=number]:hover span.option-label,.input-group input[type=email]:hover span.option-label,.input-group textarea:hover span.option-label,.input-label:hover span.option-label{color:var(--public-text-00)}.input-group input[type=text]:hover:before,.input-group input[type=number]:hover:before,.input-group input[type=email]:hover:before,.input-group textarea:hover:before,.input-label:hover:before{box-shadow:inset 0 0 0 1px var(--sb-foreground-highlight-high)}.input-group input[type=text]:active:before,.input-group input[type=number]:active:before,.input-group input[type=email]:active:before,.input-group textarea:active:before,.input-label:active:before{background-color:var(--sb-foreground-highlight-high);opacity:.4}.input-group input[type=text]:focus-within,.input-group input[type=number]:focus-within,.input-group input[type=email]:focus-within,.input-group textarea:focus-within,.input-label:focus-within{box-shadow:0 0 0 1px var(--public-blue-text-20);background-color:var(--public-bg-00)}.input-group textarea,span.option-label{color:var(--public-text-60);font-size:14px;font-weight:500;text-align:left;line-height:1;-webkit-user-select:none;user-select:none;transition:var(--public-transition-hover-fast);transition-property:color}.input-group textarea{height:auto;padding:16px 22px;color:var(--public-text-00);font-family:Inter,sans-serif;border:none;outline:none;background:none;cursor:text;transition:var(--public-transition-hover-fast);transition-property:background-color,box-shadow}.input-group textarea::placeholder{transition:var(--public-transition-hover-fast);transition-property:color,opacity}.input-group textarea:focus::placeholder{color:var(--public-text-60);opacity:1}.selected .input-label{box-shadow:0 0 0 1px var(--sb-foreground-highlight-high)}.selected .input-label span.option-label{color:var(--public-light-text-00)}.selected .input-label:before{display:none}.selected .input-label:after{transform:scaleX(1);transform-origin:left;transition:var(--public-transition-hover-fast-cta);transition-property:transform}.selected .input-label .public-icon{transform:scale(1)}.selected .input-label:active .public-icon{transform:scale(.8);transition:none}.input-group input[type=text],.input-group input[type=number],.input-group input[type=email]{padding:4px 22px;color:var(--public-text-00);font-size:14px;font-weight:400;cursor:text}.input-group input[type=text]::placeholder,.input-group input[type=number]::placeholder,.input-group input[type=email]::placeholder{transition:var(--public-transition-hover-fast);transition-property:color,opacity}.input-group input[type=text]:focus::placeholder,.input-group input[type=number]:focus::placeholder,.input-group input[type=email]:focus::placeholder{color:var(--public-text-60);opacity:1}.public-table{font-size:13px}.public-table td,.public-table th{vertical-align:middle;padding:26px 32px;text-align:center;font-weight:600;line-height:1.8;border:solid 1px rgba(255,255,255,.12);background-color:var(--public-bg-90-transparent);border-left:none;border-right:none}.public-table td img,.public-table th img{display:inline;vertical-align:top}.public-table td .public-icon,.public-table th .public-icon{display:inline-block;vertical-align:top}.public-table thead th{border:none}.public-section.page_section{--page_section-heading-color: #fff;position:relative;justify-content:flex-start;padding-top:120px;padding-bottom:120px;background-image:var(--public-bg-page_section-dark-accent-ttb)}@media screen and (max-width: 500px){.public-section.page_section{padding-top:80px;padding-bottom:80px}}.public-section.page_section .public-section__content{position:relative;align-items:flex-start;z-index:1}.public-section.page_section .public-section__content>p{max-width:660px}.public-section.page_section h1,.public-section.page_section h2{max-width:832px;margin-bottom:56px}.public-section.page_section h5{margin-bottom:36px;color:var(--page_section-heading-color)}.public-section.page_section p{margin-bottom:12px;line-height:1.9}.public-section.page_section p+.public-button{margin-top:44px}.public-section.page_section .public-section-icon{margin-bottom:16px}.public-section.page_section>*{z-index:1}.public-section.page_section:before,.public-section.page_section.theme-light:after{position:absolute;content:"";top:0;right:0;width:840px;height:440px;background-position:center;background-repeat:no-repeat;background-size:contain;z-index:0}.public-section.page_section.color-pink:before{background-image:url(https://c.staticblitz.com/assets/vite/section-bg-pink-f1820bda.png)}.public-section.page_section.color-cyan{--page_section-heading-color: var(--public-blue-text-20)}.public-section.page_section.color-cyan:before{background-image:url(https://c.staticblitz.com/assets/vite/section-bg-cyan-cd7e5905.png)}.public-section.theme-light{color:var(--public-light-text-80);background-color:var(--public-blue-bg-light);background-image:var(--public-bg-page_section-light-accent-ttb);background-image:none}.public-section.theme-light .public-section__content>h2,.public-section.theme-light .public-section__content>p,.public-section.theme-light .public-section__content .public-section_feature p{color:var(--public-light-text-70)}.public-section.theme-light .public-section__content>p strong,.public-section.theme-light .public-section__content .public-section_feature p strong{color:var(--public-light-text-90)}.public-section.theme-light .public-section__content>h2 strong{background-image:var(--public-text-gradient-light)}.page_section.invested_in_the_future{--page_section-heading-color: var(--public-pink-text-10);background-image:var(--public-bg-page_section-dark-accent)}.page_section.invested_in_the_future .public-section_feature{padding:84px 0 0;gap:64px}@media screen and (max-width: 500px){.page_section.invested_in_the_future .public-section_feature{gap:32px}}.page_section.new_experiences{--page_section-heading-color: var(--public-blue-text-neutral)}.page_section.new_experiences h1{max-width:unset}.page_section.new_experiences .public-section__content>p{max-width:740px}.page_section.powered_by_webcontainer{--page_section-heading-color: var(--public-blue-text-20);padding-bottom:0}.page_section.powered_by_webcontainer .public-button-container{margin-top:52px;margin-bottom:0}@media screen and (max-width: 500px){.page_section.powered_by_webcontainer .public-button-container{margin-bottom:80px}}.page_section.powered_by_webcontainer .public-section_row{margin-bottom:116px}@media screen and (max-width: 500px){.page_section.powered_by_webcontainer .public-section_row{margin-bottom:80px}}.page_section.powered_by_webcontainer .public-section__content>.public-section-icon{width:52px;height:52px}.page_section.powered_by_webcontainer .public-section_feature.webcontainer_article{padding-top:52px;padding-bottom:32px;gap:92px}.page_section.powered_by_webcontainer .public-section_feature.webcontainer_article>div:first-child{flex:1.2}.page_section.powered_by_webcontainer .public-button-card .title{max-width:450px}.page_section.powered_by_webcontainer .public-section_feature.other_online_ides p{font-size:16px}@media screen and (max-width: 500px){.page_section.powered_by_webcontainer .public-table{width:100%}.page_section.powered_by_webcontainer .public-table td,.page_section.powered_by_webcontainer .public-table th{font-size:12px;padding-left:12px;padding-right:12px}}.page_section.powered_by_webcontainer .public-table .public-icon{display:inline-block;width:20px;height:20px;background-color:var(--sb-foreground-highlight-high)}.page_section.powered_by_webcontainer .public-table thead th:first-child{border:none;background:none}.page_section.powered_by_webcontainer .public-table thead th:not(:first-child){width:184px;padding-left:18px;padding-right:18px}.page_section.powered_by_webcontainer .public-table tbody tr td:first-child,.page_section.powered_by_webcontainer .public-table thead th:not(:first-child){font-size:13px;color:var(--public-text-80);font-weight:600;background:none}.page_section.powered_by_webcontainer .public-table tbody tr td:first-child{text-align:left;padding-left:16px;padding-right:64px;border-right:solid 1px rgba(255,255,255,.12)}@media screen and (max-width: 500px){.page_section.powered_by_webcontainer .public-table tbody tr td:first-child{padding-left:0;min-width:120px;padding-right:16px;line-height:1.3}}.page_section.powered_by_webcontainer .public-table tbody td:last-child{border-right:solid 1px rgba(255,255,255,.12)}.page_section.powered_by_webcontainer .public-table thead th:not(:first-child),.page_section.powered_by_webcontainer .public-table td:last-child,.page_section.powered_by_webcontainer .public-table th:last-child{color:var(--public-text-70);font-size:13px;font-weight:400;background:none}@media screen and (max-width: 500px){.page_section.powered_by_webcontainer .public-table thead th:not(:first-child),.page_section.powered_by_webcontainer .public-table td:last-child,.page_section.powered_by_webcontainer .public-table th:last-child{font-size:12px;line-height:1.3}}.page_section.powered_by_webcontainer .public-table td:last-child .public-icon{background-color:var(--sb-foreground-negative)}.page_section.powered_by_webcontainer .public-table thead img{transform:translate(-4px) translateY(1px)}.public-section__content.webcontainer_features .public-section_feature{padding-top:240px}@media screen and (max-width: 500px){.public-section__content.webcontainer_features .public-section_feature{padding-top:92px}}.public-section__content.webcontainer_features h3+.public-section_feature{padding-top:100px}@media screen and (max-width: 500px){.public-section__content.webcontainer_features h3+.public-section_feature{padding-top:92px}}.public-section__content.webcontainer_features>h3{width:100%;text-align:center}@media screen and (max-width: 500px){.public-section__content.webcontainer_features .public-section_feature img{transform:none;max-width:100%}}.page_section.webcontainer{--page_section-heading-color: var(--public-pink-text-10)}.page_section.webcontainer .public-button-container{margin-top:52px;margin-bottom:116px}@media screen and (max-width: 500px){.page_section.webcontainer .public-button-container{margin-bottom:80px}}.page_section.webcontainer .public-section_row{margin-bottom:116px}@media screen and (max-width: 500px){.page_section.webcontainer .public-section_row{margin-bottom:80px}}.public-section.public-careers{padding-bottom:100px;background:url(https://blog.stackblitz.com/img/posts/cross-browser-with-coop-coep-featured.png) no-repeat right top;background-size:38.2%}@media screen and (max-width: 1024px){.public-section.public-careers{background:none}}@media screen and (max-width: 500px){.public-section.public-careers{padding-bottom:64px}}.public-section.public-careers h5{color:var(--public-blue-text-20)}.public-section.public-careers h1{max-width:740px}.public-section.public-careers p{max-width:640px}.public-careers-benefits_perks{padding:100px 0}@media screen and (max-width: 500px){.public-careers-benefits_perks{padding-bottom:84px}}.public-careers-benefits_perks h5{margin-bottom:52px}ul.public-careers-perk_list{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:100px}@media screen and (max-width: 1024px){ul.public-careers-perk_list{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 500px){ul.public-careers-perk_list{grid-template-columns:1fr}}ul.public-careers-perk_list li{display:flex;align-items:center;gap:24px}ul.public-careers-perk_list .public-icon{width:28px;height:28px;background-color:var(--public-blue-text-bright-light)}ul.public-careers-perk_list p{margin:0;line-height:1.4}ul.public-careers-value_list{display:grid;grid-template-columns:repeat(2,1fr);gap:40px 84px;margin-top:16px}@media screen and (max-width: 500px){ul.public-careers-value_list{grid-template-columns:1fr}}ul.public-careers-value_list li{display:flex;flex-direction:column;gap:24px}ul.public-careers-value_list h4{margin-bottom:0;color:var(--public-text-00)}ul.public-careers-value_list p{margin:0}#public-case_study-preview{width:100%;background:var(--public-bg-00)}#public-case_study-preview>div{width:100%}#public-case_study-preview.hidden{display:none}#public-case_study-content{display:none;padding-bottom:100px}#public-case_study-content.visible{display:flex}.public-case_study-email_capture{position:relative;display:flex;width:100%;justify-content:flex-start;padding:100px 0;z-index:1}.public-case_study-email_capture .public-section__content{align-items:center}.case-grid{display:grid;grid-template-columns:1fr;gap:20px;padding-inline:20px;padding-block-end:60px;font-family:Inter,sans-serif}@media screen and (min-width: 500px){.case-grid{grid-template-columns:1fr 1fr;padding-inline:52px}}.case-grid h2{font-size:clamp(28px,4vw,36px);line-height:clamp(38px,5vw,46px);margin-bottom:unset}.case-grid-item{display:grid;grid-template-columns:32px 1fr;grid-template-rows:32px auto;gap:18px;grid-template-areas:"icon brand" "title title";padding:20px;border:1px solid rgba(255,255,255,.1);border-radius:6px;width:100%}.case-grid-item:hover{border-color:var(--sb-foreground-highlight-high)}@media screen and (min-width: 500px){.case-grid-item{width:unset;align-self:start;grid-template-areas:"icon brand" ". title"}}.case-grid-item .icon{grid-area:icon;border-radius:50%;height:100%}.case-grid-item .brand{grid-area:brand;align-self:center;font-size:22px;color:var(--sb-foreground-alt)}.case-grid-item .title{grid-area:title;font-family:Inter;font-weight:600}.public-page h2,.public-page h3{scroll-margin-top:60px}.page_section.case-grid{padding-top:60px;padding-bottom:60px;overflow:hidden}.public-case_study-email_capture .public-modal-note,.public-modal-note{display:flex;flex-direction:column;align-items:center;max-width:740px;width:100%;padding:24px;border-radius:6px;box-shadow:inset 0 0 0 1px var(--public-outline-dark-neutral),0 8px 18px -2px #0009;background-color:var(--public-bg-90);overflow:hidden;z-index:0;transform:scale(.97);transition:var(--public-transition-hover-blur-cta),var(--public-transition-hover-medium);transition-property:box-shadow,transform}@media screen and (min-width: 500px){.public-case_study-email_capture .public-modal-note,.public-modal-note{padding:72px 64px}}.public-case_study-email_capture .public-modal-note:hover,.public-modal-note:hover{box-shadow:inset 0 0 0 1px var(--public-blue-text-secondary),0 28px 22px -24px #0009;transform:scale(1);transition:var(--public-transition-hover-fast),var(--public-transition-hover-blur-cta);transition-property:box-shadow,transform}.public-case_study-email_capture .public-modal-note>*,.public-modal-note>*{z-index:1}.public-case_study-email_capture .public-modal-note:before,.public-modal-note:before{position:absolute;content:"";top:-44px;left:-44px;width:840px;height:440px;background-position:center;background-repeat:no-repeat;background-size:contain;background-image:url(https://c.staticblitz.com/assets/vite/section-bg-cyan-cd7e5905.png);transform:scaleX(-1);opacity:.4;z-index:0}.public-case_study-email_capture .public-modal-note .public-icon,.public-modal-note .public-icon{width:42px;height:42px;background-color:var(--public-text-00)}.public-case_study-email_capture .public-modal-note h4,.public-modal-note h4{display:flex;gap:18px;margin-bottom:12px;font-size:clamp(28px,4vw,36px)}@media screen and (min-width: 500px){.public-case_study-email_capture .public-modal-note h4,.public-modal-note h4{gap:36px}}.public-case_study-email_capture .public-modal-note p,.public-modal-note p{max-width:500px;margin-bottom:24px;text-align:center;line-height:1.8}@media screen and (min-width: 500px){.public-case_study-email_capture .public-modal-note p,.public-modal-note p{margin-bottom:52px}}.public-case_study-email_capture .public-modal-note .input-group,.public-modal-note .input-group{position:relative;display:flex;flex-direction:column;align-items:center;gap:16px;z-index:1}@media screen and (min-width: 500px){.public-case_study-email_capture .public-modal-note .input-group,.public-modal-note .input-group{flex-direction:row}}.public-case_study-email_capture .public-modal-note .input-group .input-field,.public-modal-note .input-group .input-field{width:100%;position:relative}.public-case_study-email_capture .public-modal-note .input-group .input-field input.error,.public-modal-note .input-group .input-field input.error{border:1px red solid;box-shadow:none}.public-case_study-email_capture .public-modal-note .input-group .input-field input,.public-modal-note .input-group .input-field input{height:62px;font-size:16px;background-color:var(--public-bg-90-transparent)}.public-case_study-email_capture .public-modal-note .input-group .input-field .email-validation,.public-modal-note .input-group .input-field .email-validation{position:absolute;font-size:1rem;margin:1rem}.public-case_study-email_capture .public-modal-note .public-button,.public-modal-note .public-button{width:100%;padding:24px 48px;font-size:13px;white-space:nowrap;z-index:unset;justify-content:center}@media screen and (min-width: 500px){.public-case_study-email_capture .public-modal-note .public-button,.public-modal-note .public-button{width:unset}}.public-modal-note.success-thankyou{position:fixed;top:84px;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 1px var(--public-outline-dark-neutral),0 8px 18px -2px #0009}.public-modal-note.success-thankyou .public-icon{width:38px;height:38px;transform:translateY(-6px)}.public-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4)}#public-case_study-success{display:none}#public-case_study-success.visible{display:block}.public-section__content.header-case_study{padding-bottom:60px}.public-section__content.header-case_study h1{max-width:940px}.public-section__content.header-case_study p{max-width:782px}.public-section__content.header-case_study a:hover{color:var(--public-text-00);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}.public-page.public-static .public-section__content.body-narrow,.public-section#public-case_study-preview{margin-top:100px}.public-page.public-static .public-section__content.body-narrow ol,.public-section#public-case_study-preview ol{list-style:decimal}.public-page.public-static .public-section__content.body-narrow ul,.public-section#public-case_study-preview ul{list-style:disc}.public-page.public-static .public-section__content.body-narrow ol li,.public-page.public-static .public-section__content.body-narrow ul li,.public-section#public-case_study-preview ol li,.public-section#public-case_study-preview ul li{margin-left:16px;padding-left:16px}.case_study.flip{flex-direction:row-reverse}@media screen and (max-width: 500px){.case_study.flip{flex-direction:column-reverse}}.case_study{position:relative;display:flex;align-items:center;gap:84px;width:100%}@media screen and (max-width: 500px){.case_study{flex-direction:column-reverse;gap:32px}}.case_study a{flex:1;position:relative;display:flex;flex-direction:column;padding:26px 36px 0;color:var(--public-light-text-00);border-radius:6px;background-color:#fff;box-shadow:0 4px 12px var(--public-light-shadow-neutral),inset 0 0 0 1px #fff;overflow:hidden;transition:var(--public-transition-hover-blur-cta);transition-property:background-color,box-shadow,transform}@media screen and (max-width: 500px){.case_study a{padding-left:24px;padding-right:24px}}.case_study a:hover{background:#fff;box-shadow:0 32px 18px -20px var(--public-light-shadow-neutral);transform:translateY(-4px) scale(1.03);transition:var(--public-transition-hover-blur-cta);transition-property:background-color,box-shadow,transform}@media screen and (max-width: 500px){.case_study a:hover{transform:translateY(-4px)}}.case_study a header{display:flex;align-items:center;gap:20px;margin-bottom:25px}.case_study a .public-section-icon{width:20px;height:20px;margin:0;background-color:var(--public-blue-text-neutral)}.case_study a .subheading{display:flex;align-items:center;gap:20px;color:var(--public-blue-text-neutral);font-family:Gilroy,sans-serif;font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;z-index:0}.case_study a .subheading.action{position:relative;padding:26px 0;color:var(--public-blue-text-50);gap:16px;transition:color var(--public-transition-hover-fast);transition-property:background-color,color,transform}.case_study a .subheading.action:before{position:absolute;content:"";bottom:0;left:-36px;width:calc(100% + 72px);height:100%;background-color:var(--public-blue-text-50);z-index:-1;transform-origin:right center;transform:scaleX(0);transition:var(--public-transition-hover-blur-cta);transition-property:background-color,transform}.case_study a .subheading.action .public-section-icon{transition:background-color var(--public-transition-hover-fast),transform var(--public-transition-hover-blur-cta)}.case_study a:hover .subheading.action{color:var(--public-dark-text-00)}.case_study a:hover .subheading.action .public-section-icon{background-color:var(--public-dark-text-00);transform:translate(20px);transition:background-color var(--public-transition-hover-fast),transform var(--public-transition-hover-medium)}.case_study a:hover .subheading.action:before{transform-origin:left center;transform:scaleX(1);transition:var(--public-transition-hover-fast-cta);transition-property:background-color,transform}.case_study a .subheading.action .public-section-icon{background-color:var(--public-blue-text-50);transition:background-color var(--public-transition-hover-fast),transform var(--public-transition-hover-medium)}.case_study a .title{max-width:416px;margin-bottom:32px;font-size:30px;font-weight:400;letter-spacing:-1px;line-height:1.28}@media screen and (max-width: 500px){.case_study a .title{font-size:26px;letter-spacing:-.8px}}.case_study a img{position:absolute;top:50%;right:0;transform:translateY(-42%) translate(134px);width:590px;height:auto;transition:transform var(--public-transition-hover-long)}@media screen and (max-width: 500px){.case_study a img{transform:translateY(-42%) translate(320px) scale(.8)}}.case_study a:hover img{transform:translateY(-44%) translate(184px) scale(1.1)}@media screen and (max-width: 500px){.case_study a:hover img{transform:translateY(-44%) translate(400px) scale(.8)}}.case_study p{flex:.5;color:var(--public-text-80);text-align:center}.case_study p strong{color:var(--public-text-00)}.public-page.theme_light{color:#293138}.public-page.theme_light h1,.public-page.theme_light h2,.public-page.theme_light h3,.public-page.theme_light h4,.public-page.theme_light h5,.public-page.theme_light h6{font-weight:400}.public-page.theme_light h1 strong,.public-page.theme_light h2 strong,.public-page.theme_light h3 strong,.public-page.theme_light h4 strong,.public-page.theme_light h5 strong,.public-page.theme_light h6 strong{font-weight:500}.public-page.theme_light h1{text-align:center}.public-page.theme_light h2{margin-bottom:44px;font-size:52px;line-height:1.1}.public-page.theme_light h2 strong{background-image:linear-gradient(to right,var(--public-violet-text-medium) 0%,var(--public-violet-text-light) 20%,var(--public-pink-text-medium) 70%,var(--public-pink-text-light) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.public-page.theme_light p,.public-page.theme_light ul,.public-page.theme_light li,.public-page.theme_light p strong,.public-page.theme_light li strong{color:#5e7385}.public-page.theme_light p+ul{margin-bottom:32px}code{margin:0 4px;padding:6px 12px;font-size:.9em;font-weight:600;border-radius:6px;box-shadow:inset 0 0 0 1px #0000000d;background-color:#06485c0d}.public-section.public-codeflow,.public-section.public-codeflow-header{padding-top:140px;padding-bottom:64px}@media screen and (max-width: 770px){.public-section.public-codeflow,.public-section.public-codeflow-header{padding-top:84px}}@media screen and (max-width: 500px){.public-section.public-codeflow,.public-section.public-codeflow-header{padding-top:72px}}.public-section.public-codeflow.beta-wall{justify-content:flex-start;min-height:800px}.public-section.public-codeflow.beta-wall p{max-width:600px;margin-bottom:8px;text-align:center}.public-section.public-codeflow.beta-wall p a{color:var(--public-blue-text-secondary)}.public-section.public-codeflow.beta-wall p a:hover{text-decoration:underline}.public-section.public-codeflow.beta-wall p+a{margin-top:32px}.public-section.public-codeflow.beta-wall p code{display:inline-block;line-height:1;vertical-align:bottom;max-width:100%;overflow:hidden;text-overflow:ellipsis}.public-section.public-codeflow .public-section__content{align-items:center}.public-section.public-codeflow-header{z-index:1}.public-section.public-codeflow-header .public-section__content>p,.public-section.public-codeflow-header .public-section__content>a{max-width:600px}.public-section.public-codeflow-header ul{margin-left:32px;margin-bottom:32px}.public-section.public-codeflow-header li{margin-bottom:8px;list-style-type:disc}.public-section.public-codeflow-header h2{max-width:520px}a.public-button.cf,button.public-button.cf{--pb-cf-radius: 40px;position:relative;display:flex;justify-content:center;width:424px;font-family:Inter,sans-serif;font-size:14px;text-transform:none;letter-spacing:0;box-shadow:inset 0 0 0 2px #272c32;border-radius:var(--pb-cf-radius);overflow:hidden;z-index:1}a.public-button.cf:hover,button.public-button.cf:hover{color:#272c32;box-shadow:inset 0 0 0 2px #272c32;background-color:transparent}a.public-button.cf:hover .public-icon,button.public-button.cf:hover .public-icon{background-color:var(--public-pink-text-medium)}a.public-button.cf:before,button.public-button.cf:before{background-color:#272c32;transform-origin:left center;transform:scale(1)}a.public-button.cf:hover:before,button.public-button.cf:hover:before{transform-origin:right center;transform:scaleX(0)}@media screen and (max-width: 500px){a.public-button.cf,button.public-button.cf{width:100%;max-width:100%}}.public-page.theme_light{position:relative;color:#293138;background-color:#f3f3f6;font-size:15px}.public-page.theme_light h1,.public-page.theme_light h2,.public-page.theme_light h3,.public-page.theme_light h4,.public-page.theme_light h5,.public-page.theme_light h6{font-weight:700}.public-page.theme_light h1 strong,.public-page.theme_light h2 strong,.public-page.theme_light h3 strong,.public-page.theme_light h4 strong,.public-page.theme_light h5 strong,.public-page.theme_light h6 strong{font-weight:800;filter:drop-shadow(0 1px 0 #fff);background-image:linear-gradient(to right,var(--public-violet-text-medium) 0%,var(--public-violet-text-light) 20%,var(--public-pink-text-medium) 70%,var(--public-pink-text-light) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.public-page.theme_light h3{font-size:52px;font-weight:400}.public-page.theme_light h3 strong{font-weight:400}.public-page.theme_light p,.public-page.theme_light ul,.public-page.theme_light li,.public-page.theme_light p strong,.public-page.theme_light li strong{color:#5e7385;font-size:16px;line-height:1.6}.public-codeflow-beta__header{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:64px}@media screen and (max-width: 500px){.public-codeflow-beta__header{margin-bottom:40px}}.public-codeflow-beta__header .public-icon{transform:scale(1.26) translateY(-15px)}.public-codeflow-beta__header.static{transform:translateY(2px)}@media screen and (max-width: 500px){.public-codeflow-beta__header.static{margin-top:48px}}.public-codeflow-beta__title{display:flex;flex-wrap:wrap;justify-content:center;gap:18px;font-size:52px;margin-top:4px;margin-bottom:24px!important;z-index:1}.public-codeflow-beta__title span.strong,.public-codeflow-beta__title span.strong-first,.public-codeflow-beta__title span.strong-second{display:block;padding-right:2px;font-weight:800;filter:drop-shadow(0 1px 0 #fff);background-image:linear-gradient(to right,var(--public-violet-text-medium) 0%,var(--public-violet-text-light) 20%,var(--public-pink-text-medium) 70%,var(--public-pink-text-light) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.public-codeflow-beta__title span.strong-first{background-image:linear-gradient(to right,var(--public-violet-text-medium) 0%,#ab00a6 100%)}.public-codeflow-beta__title span.strong-second{margin-left:-6px;background-image:linear-gradient(to right,#b400a5 0%,var(--public-pink-text-light) 100%)}.public-codeflow-beta__title.narrow{justify-content:center;flex-wrap:wrap;max-width:800px;line-height:.8;text-align:center;transform:translateY(14px)}@media screen and (max-width: 1024px){.public-codeflow-beta__title.landing{display:inline-block}}@media screen and (max-width: 500px){.public-codeflow-beta__title{flex-direction:column;gap:0;line-height:1!important;margin-bottom:16px!important}}.public-codeflow-beta__section_header{position:relative;display:flex;align-items:center;gap:18px;margin-bottom:36px;padding:6px 20px 6px 12px;color:#293138a8;font-size:13px;line-height:1.3;font-weight:600;border-radius:50px;box-shadow:inset 0 0 0 2px #fff;background-color:#fffc;transform-style:preserve-3d}@media screen and (max-width: 500px){.public-codeflow-beta__section_header{margin-bottom:28px;padding:5px 16px 5px 10px;font-size:11.5px}}.public-codeflow-beta__section_header:before,.public-codeflow-beta__section_header:after{--gradient-position-offset: -92px;content:"";position:absolute;display:block;top:30%;width:280px;height:200px;border-radius:50%;background-image:radial-gradient(var(--gradient-color) 32%,transparent 70%);transform:translateY(-50%) translateZ(-1px)}.public-codeflow-beta__section_header:before{--gradient-color: #ebf2fd;left:var(--gradient-position-offset)}.public-codeflow-beta__section_header:after{--gradient-color: #f9f1ff;right:var(--gradient-position-offset)}.public-codeflow-beta__section_header__icon{display:block;width:28px;height:28px;border-radius:50%;background-color:#000;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGYAAABACAYAAADoKgJJAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAfRSURBVHgB7ZxXixRbFIX3OGPOOaCYEwZUVFTEgIIBFAQR9E19EB/1F9xfoPiiqKD4oOKTqIhiVjBnzAFzmmHyMDld176svtWnq7pruqtnjs75oGm72qk+VXXWTmdX5cyYMaNZHNbRQRxW4i6MpeSJI8bMmTNlxIgR8tu86/uoUaNkwIABse8/ffokhYWF8vjxY/n69au+f/v2TbKBU4yl5LRn59+lSxfp2LGjbNy4UebMmZOgkFRQQcePH5f79+9LTU2N1NfXSxQ4xVhKJIrhTJs0aZIMHTpUP/fv3z82IwlnFN9//fol5eXl8vHjRykqKpJXr17pttZi1apVMmXKFJk/f76MGTNG0uX169fy8+dPuXPnjnz48CF2PJngFGMpaSlmyJAh0rt3b1m5cqVMnTq1xbY5iNLSUqmqqkqIerg9Kvr06SPdunWTHTt2yPLlyxO+58y/evWqvHnzJradylqyZIlMnDgxcP/0PSdPnpQnT56kNX6nGEtpUR4zb948nTGwzVBK1GAm4zVs2DD9zJl2/vx5ef78eWQ+aPTo0ZqnmCqHr8D+jx07plGWyYULF/S9trZWKioqAi0FtuM1e/Zs/Uzl4f3t27cSBqcYSwmlGNrUpUuXJrWtsKfwDYxSMPvKyspi3zNKo433RnPwW9xOqKAtW7bo53Rmnh9UZdeuXeO2Y8zYLyLFZMCHdO7cWXr27BnKt+K88dyFHb9TjKUkVUwqn8I8BJnvvXv3Mo6eWKvC7JowYUKCgtKZeX4gj4KPMLN0+B6o4NmzZ3HRmAnUjTEgMvXC8bDWFjR+WAr4zNu3b2v054dTjKXk/r76/5gbcaX79esnmzZtkvXr12s236HD/9cQPgRX/ODBg3LgwAGNluBLMq0TQYGYqXfv3tVILC8vT205/BL8E8HMRsRTWVkpjY2NGiVVV1eH/h3kGO/fv5fp06fL+PHjxXvc9D2Y1Q0NDWoBMAa8VqxYIWvXrtV3qLtHjx5x+0XegnGfOnVKjhw5IiUlJWpRoBqvuoYPH65/D59WXFysx2CeO6cYS/HN/NetW6dXlLaS0Ifs27dPrl+/Hmk11Q9GcZs3b5YFCxbEKg6Ev7979265dOlSi8ezevVqrZXRl6YLKwXnzp1TS2KOf/v27bJ48eIEn8MKBysEXpxiLCXOx9C3bNiwQSMxM+rYu3ev7NmzR30K7HtTU5NkE9j4uro6efr0qZw9e1bHh6p1bm6uzkT6oE6dOsnYsWNV0QUFBaH3z3ocfEpOTo7uxzujU4F8Br7qxIkTcvr0acnPz487Jxz/9+/fNWqFr/ZaIHxGdIfz+eXLF2lubo79vVOMpcQpBn5l1qxZ6lsGDRoU+0+cGYjTX758mVW/4keqmYd/I8JiVdcvykm234cPH8qZM2fUPzx69EiVB4tgKojnAepF5HXo0CE5evSorr9gP0EWBPv78eOHDB48WNVu7he/1bdvX43gEMkBpxhLicv8UbNi9OMFdhivz58/S1uCGYvXtGnTdNaZ1V2O3YyOwsLjhL/IBoi8sLKJqNc7bhwHIjhUDVgJcIqxlLgLw8zXjEyQkYepurYW8HX79+9PqJPBN65Zs0azedS8vP0GNgBf9ODBA/WDXqBy1AZ79eoV2+YUYylxPgaRAVcPvbCGZQtBvgZ2Gq+5c+eq6pNVb9sCRGd4mXU9rjt17949ts0pxlL+6AuDKve1a9cS+gAQXWLVFfnOn4pTjKXE+RhknchQzSooamaYfVhzibK/K1OQcyBfGTdunIwcOVJrXqifsUsF32GtJorOyChgddwbfQFW7VEBIE4xlhJ3YVjTMVXBKqh5pdsart2jBwy1LlRovcDPbNu2TX2ODfA8mlV7nnccD3GKsZQ4HxPUL4U1dqwVIGNtzW78sNy6dUvrUKiIe1cibfM1qEygnoc1fy/soUAPAHGKsZSELhnYO9hB73oH1IPIB7UprIl4V9psgL4GtTGsIiKDRhWDQDULFy5UtWNWtvb4uTKMDhuMw6xFopp95coVtUhcR3KKsRTfLhl2pZjrHaw9sfvehF0hkydPTljTyQT2QGO2J6tw8/d37twpy5Yti+U1hH9/+PBh9Uut1eUT1CXDXm90ySAn8+IUYym+iqFSqByTVF33QYpLl127dsnly5dD90anGj+Vw7uNo75jjUrBSiUiMdOCUKnsz/P7facYS/HtXWYmCvyiHPYOY1ZidiIi8uYHyIdu3rypmS5e6Azx9j6HBTYYM/rGjRvy7t270P6A48e6B8Zi5mX8jNmM/rmBAwdqvxpmbSartIy+tm7dqn5l0aJFWnUwe5zRNYq+BHRwolrhd1xOMZaS9K7lVL3DhDaSvof3zbD3Od376FvqW4LgPTWp7jbm7/BeTFYKuN2M4mANUD+kDzF7vU3ok827of1wirGUUPf5h1VOVCSL7zOBT+7gEzHMvCJbMO9rSQ+CU4ylpPVkDNps3ldiZtiZEpVvCYJKMZ9PFpWC2EONyOvFixcpKxZ+OMVYSkZPX0p1v7759CUqIKgikC3fEhbv06MwPhwLoi5ahKCnSaGnGwrhkzvc05f+Ylr1CX+pqq2sHaVjk/82nGIsxbdWli2C7gzjnVoXL15U34L1+faOU4yltMlzl9mtj64WvHujGcd/OMVYSrt+7rLNOMVYirswlvIvu8Eb85bM048AAAAASUVORK5CYII=);background-size:22px;background-position:center;background-repeat:no-repeat}@media screen and (max-width: 500px){.public-codeflow-beta__section_header__icon{width:24px;height:24px;background-size:18px}}.public-codeflow-beta__subtitle{max-width:520px;font-size:16px;line-height:1.5;color:#5e7385}@media screen and (max-width: 500px){.public-codeflow-beta__subtitle{font-size:14px;line-height:1.4}}.public-codeflow-beta__columns{display:flex;justify-content:space-between;gap:52px}@media screen and (max-width: 1300px){.public-codeflow-beta__columns{gap:24px}}@media screen and (max-width: 1250px){.public-codeflow-beta__columns{flex-direction:column;gap:32px}}.public-codeflow-beta__columns>*{flex:1}.public-codeflow-beta__columns.spaced{margin:32px 0}.public-codeflow-beta__column{display:flex;flex-direction:column}.public-codeflow-beta__start-link{flex:1;position:relative;display:flex;flex-direction:column;gap:8px;max-width:400px;margin-bottom:120px;padding-bottom:22px;border-radius:24px;background:rgba(255,255,255,.6);box-shadow:inset 0 0 0 1px #fff,0 24px 52px -28px #0e317c52;overflow:hidden;transition:var(--public-transition-hover-fast-cta);transition-property:transform,background-color,box-shadow;cursor:pointer}@media screen and (max-width: 1250px){.public-codeflow-beta__start-link{margin-bottom:0}}@media screen and (max-width: 500px){.public-codeflow-beta__start-link{max-width:100%;width:100%}}.public-codeflow-beta__start-link:hover{transform:translateY(-8px);background:rgba(255,255,255,.8)}.public-codeflow-beta__start-link img{margin-bottom:12px}@media screen and (max-width: 500px){.public-codeflow-beta__start-link img{width:100%}}.public-codeflow-beta__start-link .mock-link{position:relative;display:inline-block;line-height:.1;margin-top:4px;color:var(--public-blue-text-secondary)}.public-codeflow-beta__start-link:hover .mock-link{text-decoration:underline}.public-codeflow-beta__start-link .linkheading,.public-codeflow-beta__start-link .linkbody{padding:0 28px;color:#26405698;line-height:1.6;font-size:14px}@media screen and (max-width: 500px){.public-codeflow-beta__start-link .linkheading,.public-codeflow-beta__start-link .linkbody{padding:0 16px}}.public-codeflow-beta__start-link .linkheading{font-weight:600}@media screen and (max-width: 500px){.public-codeflow-beta__start-link .linkbody{font-size:12px}}.public-codeflow-beta__start-link code{padding:2px 8px;border-radius:6px;font-family:Roboto Mono,monospace;font-size:12px;font-weight:600;box-shadow:0 1px 1px #0000001a;background-color:#eef3f7}.public-codeflow-beta__list_container{position:relative;display:flex;flex-direction:column;align-items:center;margin-bottom:120px;border-radius:24px;background:rgba(255,255,255,.6);box-shadow:inset 0 0 0 1px #fff,0 24px 52px -28px #0e317c52}@media screen and (max-width: 500px){.public-codeflow-beta__list_container{border-radius:16px}}.public-codeflow-beta__list_container form{margin-bottom:16px}@media screen and (max-width: 770px){.public-codeflow-beta__list_container form{width:100%}}.public-codeflow-beta__list_container a .public-button.cf,.public-codeflow-beta__list_container button .public-button.cf{margin:16px 0 32px}@media screen and (max-width: 770px){.public-codeflow-beta__list_container a .public-button.cf,.public-codeflow-beta__list_container button .public-button.cf{width:90%}}.public-codeflow-beta__list_header{display:flex;justify-content:center;align-items:center;gap:16px;top:0;left:0;width:100%;padding:18px 0;color:#293138a8;font-family:Inter,sans-serif!important;font-size:12px!important;font-weight:600;line-height:1.1}@media screen and (max-width: 500px){.public-codeflow-beta__list_header{gap:12px;padding:12px 0;font-size:11px!important}}.public-codeflow-beta__list_header .public-icon{width:20px;height:20px;background-color:#264056d2}@media screen and (max-width: 500px){.public-codeflow-beta__list_header .public-icon{width:18px;height:18px}}.public-codeflow-beta__list{position:relative;display:flex;gap:20px;max-width:940px;padding:32px;border-top:solid 1px rgba(0,0,0,.05);z-index:1}@media screen and (max-width: 770px){.public-codeflow-beta__list{flex-direction:column;gap:10px;padding:24px}}@media screen and (max-width: 500px){.public-codeflow-beta__list{padding:16px 16px 24px}}.public-codeflow-beta__list li{flex:1;display:flex;flex-direction:column;align-items:center;margin-bottom:0!important;color:#26405698!important;font-family:Inter,sans-serif;font-size:11.5px!important;font-weight:500!important;line-height:1.4!important;letter-spacing:0;text-align:center}@media screen and (max-width: 770px){.public-codeflow-beta__list li{flex-direction:row;align-items:center;gap:16px;flex:.5;line-height:1.5!important;text-align:left}}@media screen and (max-width: 500px){.public-codeflow-beta__list li{display:block;padding-left:44px}}.public-codeflow-beta__list li a{color:#333}.public-codeflow-beta__list .public-icon{width:36px;height:36px;margin-bottom:16px}.public-codeflow-beta__list .public-icon.flask-potion-light{background-image:linear-gradient(to bottom,var(--public-blue-text-bright-dark),var(--public-blue-text-bright-light))}.public-codeflow-beta__list .public-icon.comment-smile{background-image:linear-gradient(to bottom,var(--sb-foreground-highlight-high-light),var(--sb-foreground-highlight-high))}.public-codeflow-beta__list .public-icon.shield-check{background-image:linear-gradient(to bottom,var(--public-violet-text-light),var(--public-pink-text-medium))}.public-codeflow-beta__list .public-icon.heart-broken{background-image:linear-gradient(to bottom,var(--public-pink-text-light),var(--public-pink-text-mid))}@media screen and (max-width: 770px){.public-codeflow-beta__list .public-icon{margin-bottom:0;width:24px;height:24px;min-width:24px;min-height:24px}}@media screen and (max-width: 500px){.public-codeflow-beta__list .public-icon{position:absolute;left:18px}}.public-codeflow-beta__signin_disclaimer{padding:0 24px;color:#000c;font-size:12px!important;font-weight:500;text-align:center}.public-codeflow-beta__signin_disclaimer a{font-weight:600;text-decoration:underline}.public-codeflow-beta__signin_disclaimer a:hover{color:#000000eb}.public-codeflow-beta__bg-animated{position:absolute;width:100%;height:100%;z-index:-1;background-color:#f3f3f6;filter:blur(6px)}.public-codeflow-beta__bg-animated canvas{position:relative;width:100%;height:100%}.public-codeflow-beta__subheading{text-align:center}.public-codeflow-beta__welcome__pr-repo-link,.public-codeflow-beta__welcome__playgrounds{display:flex;flex-direction:column;align-items:center}.public-codeflow-beta__welcome__pr-repo-link{max-width:100%;width:100%;margin-bottom:72px}.public-codeflow-beta__welcome__pr-repo-link__input-container{position:relative;display:flex;justify-content:center;min-height:96px;width:100%}.public-codeflow-beta__welcome__pr-repo-link__input-container>div{width:100%;max-width:840px}.public-codeflow-beta__welcome__pr-repo-link__runtime-disclaimer{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:24px;padding:18px 36px;background-color:#d8d8e933;box-shadow:inset 0 0 0 1px #dddde5;border-radius:10px}@media screen and (max-width: 500px){.public-codeflow-beta__welcome__pr-repo-link__runtime-disclaimer{padding:20px 16px}}.public-codeflow-beta__welcome__pr-repo-link__runtime-disclaimer p{max-width:440px;margin:0;color:#5e7385;font-size:12px!important;line-height:1.4!important;text-align:center}.public-codeflow-beta__welcome__pr-repo-link__runtime-disclaimer ul{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 32px;margin:0!important}@media screen and (max-width: 500px){.public-codeflow-beta__welcome__pr-repo-link__runtime-disclaimer ul{gap:8px 20px}}.public-codeflow-beta__welcome__pr-repo-link__runtime-disclaimer ul li{margin:0;line-height:1.2!important;text-align:center}.public-codeflow-beta__welcome__pr-repo-link__runtime-disclaimer ul a{color:#5e7385;font-size:12px;font-weight:500;text-decoration:underline;text-underline-offset:3px}.public-codeflow-beta__welcome__pr-repo-link__runtime-disclaimer ul a:hover{color:#000}.public-codeflow-beta__welcome__pr-repo-link h4{margin-bottom:12px}.public-codeflow-beta__welcome__pr-repo-link form{position:relative;display:flex;align-items:center;width:100%;max-width:100%;height:72px;margin:8px 0 16px;padding-right:8px;padding-left:28px;border-radius:36px;background:rgba(255,255,255,.6);box-shadow:inset 0 0 0 1px #fff,0 24px 32px -24px #0e317c33;overflow:hidden;transition:.2s ease;transition-property:background-color,box-shadow}@media screen and (max-width: 770px){.public-codeflow-beta__welcome__pr-repo-link form{flex-direction:column;height:144px;padding:0 10px 10px}}@media screen and (max-width: 500px){.public-codeflow-beta__welcome__pr-repo-link form{border-top-left-radius:16px;border-top-right-radius:16px}}.public-codeflow-beta__welcome__pr-repo-link form:hover{box-shadow:inset 0 0 0 2px #ecb0ea,0 24px 32px -24px #0e317c33;background:rgba(255,255,255,.9)}.public-codeflow-beta__welcome__pr-repo-link form:focus-within{box-shadow:inset 0 0 0 2px #a1d3f0,0 24px 32px -24px #0e317c33;background:rgba(255,255,255,.9)}.public-codeflow-beta__welcome__pr-repo-link form label{flex:1;align-self:stretch;display:flex;align-items:center;gap:8px;cursor:text}@media screen and (max-width: 770px){.public-codeflow-beta__welcome__pr-repo-link form label{padding:0 16px}}@media screen and (max-width: 500px){.public-codeflow-beta__welcome__pr-repo-link form label{gap:2px}}.public-codeflow-beta__welcome__pr-repo-link form .public-icon.lock{background-color:#af2aab;width:20px;height:20px;margin-right:8px}@media screen and (max-width: 500px){.public-codeflow-beta__welcome__pr-repo-link form .public-icon.lock{display:none}}.public-codeflow-beta__welcome__pr-repo-link form span{color:#af2aab;font-size:18px;font-weight:600}@media screen and (max-width: 500px){.public-codeflow-beta__welcome__pr-repo-link form span{font-size:14px}}.public-codeflow-beta__welcome__pr-repo-link form .public-icon.angle-down,.public-codeflow-beta__welcome__pr-repo-link form .public-icon.spinner-third{position:absolute;top:calc(50% - var(--indicator-size) / 2);width:var(--indicator-size);height:var(--indicator-size);opacity:.5}@media screen and (max-width: 770px){.public-codeflow-beta__welcome__pr-repo-link form .public-icon.angle-down,.public-codeflow-beta__welcome__pr-repo-link form .public-icon.spinner-third{top:calc(25% - var(--indicator-size) / 2)}}.public-codeflow-beta__welcome__pr-repo-link form:hover .public-icon.angle-down{background-color:#af2aab}.public-codeflow-beta__welcome__pr-repo-link form .public-icon.angle-down{--indicator-size: 24px;right:180px;background-color:#5e7385;transition:var(--public-transition-hover-fast-cta);transition-property:background-color,transform,opacity;opacity:0;transform:translateY(6px)}@media screen and (max-width: 770px){.public-codeflow-beta__welcome__pr-repo-link form .public-icon.angle-down{right:20px}}@media screen and (max-width: 500px){.public-codeflow-beta__welcome__pr-repo-link form .public-icon.angle-down{right:12px}}.public-codeflow-beta__welcome__pr-repo-link form .public-icon.angle-down.show{opacity:.5;transform:translateY(0)}.public-codeflow-beta__welcome__pr-repo-link form .public-icon.angle-down.focused{opacity:0;background-color:#0e317c80;transform:translateY(6px)}.public-codeflow-beta__welcome__pr-repo-link form .public-icon.spinner-third{--indicator-size: 18px;right:184px;animation:loading-indicator-spin .24s infinite linear;opacity:0;transition:var(--public-transition-hover-fast-cta);transition-property:opacity;background-color:#af2aab}@media screen and (max-width: 770px){.public-codeflow-beta__welcome__pr-repo-link form .public-icon.spinner-third{right:22px}}@media screen and (max-width: 500px){.public-codeflow-beta__welcome__pr-repo-link form .public-icon.spinner-third{right:12px}}.public-codeflow-beta__welcome__pr-repo-link form .public-icon.spinner-third.show{opacity:.5}.public-codeflow-beta__welcome__pr-repo-link form .public-icon.spinner-third .circle-o-notch{fill:#af2aab}@keyframes loading-indicator-spin{0%{transform:rotate(0)}to{transform:rotate(359deg)}}.public-codeflow-beta__welcome__pr-repo-link form input[type=text]{width:100%;color:#5e7385;font-size:15px}@media screen and (max-width: 500px){.public-codeflow-beta__welcome__pr-repo-link form input[type=text]{font-size:14px}}@media screen and (max-width: 770px){.public-codeflow-beta__welcome__pr-repo-link form input[type=text]{height:72px}}.public-codeflow-beta__welcome__pr-repo-link form input[type=text]::placeholder{color:#5e7385;opacity:.5;transition:.2s ease;transition-property:opacity}.public-codeflow-beta__welcome__pr-repo-link form:hover input[type=text]::placeholder{opacity:.4}.public-codeflow-beta__welcome__pr-repo-link form input[type=submit]{height:80%;padding:0 28px;color:#af2aab;font-size:13px;font-weight:600;border-radius:32px;box-shadow:inset 0 0 0 2px #ecb0ea;transition:.2s ease;transition-property:color,background-color,box-shadow;cursor:pointer}.public-codeflow-beta__welcome__pr-repo-link form input[type=submit]:hover:not(:disabled),.public-codeflow-beta__welcome__pr-repo-link form input[type=submit]:focus:not(:disabled){color:#fff;box-shadow:inset 0 0 0 2px #0000001a;background-color:#af2aab}.public-codeflow-beta__welcome__pr-repo-link form input[type=submit]:disabled{opacity:.4;cursor:not-allowed}@media screen and (max-width: 500px){.public-codeflow-beta__welcome__pr-repo-link form input[type=submit]{padding:0 16px;font-size:12px}}@media screen and (max-width: 770px){.public-codeflow-beta__welcome__pr-repo-link form input[type=submit]{width:100%}}@media screen and (max-width: 500px){.public-codeflow-beta__welcome__pr-repo-link form{width:unset;max-width:100%}}.public-codeflow-beta__welcome__pr-repo-link .vite_friendly_repos{--offset-Y: -18px;--offset-left: 124px;--offset-right: 180px;--border-radius: 16px;position:absolute;transform:translate(var(--offset-left)) translateY(var(--offset-Y));width:100%;max-width:calc(840px - var(--offset-left) - var(--offset-right));max-height:280px;padding:12px;border-bottom-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius);background:#f9f9fb;box-shadow:inset 0 0 0 1px #fff,0 24px 32px -24px #0e317c33;border:solid 2px transparent;border-top:none;overflow-y:auto;transition:.2s ease;transition-property:border-color;z-index:9}@media screen and (max-width: 770px){.public-codeflow-beta__welcome__pr-repo-link .vite_friendly_repos{--offset-left: 0;--offset-right: 0}.public-codeflow-beta__welcome__pr-repo-link .vite_friendly_repos.dropdown-open{--offset-Y: -6px;border-top:solid 2px transparent;border-radius:var(--border-radius)}}.public-codeflow-beta__welcome__pr-repo-link .vite_friendly_repos li{display:flex;margin:0;height:44px}.public-codeflow-beta__welcome__pr-repo-link .vite_friendly_repos button,.public-codeflow-beta__welcome__pr-repo-link .vite_friendly_repos a{display:flex;gap:2px;align-items:center;width:100%;padding:0 12px;font-size:13px;font-weight:500;line-height:1.2;text-align:left;border-radius:8px;opacity:.8}@media screen and (max-width: 500px){.public-codeflow-beta__welcome__pr-repo-link .vite_friendly_repos button,.public-codeflow-beta__welcome__pr-repo-link .vite_friendly_repos a{padding:0 6px;font-size:12px}}.public-codeflow-beta__welcome__pr-repo-link .vite_friendly_repos button:hover,.public-codeflow-beta__welcome__pr-repo-link .vite_friendly_repos button:focus,.public-codeflow-beta__welcome__pr-repo-link .vite_friendly_repos a:hover,.public-codeflow-beta__welcome__pr-repo-link .vite_friendly_repos a:focus{background-color:#fff;opacity:1;outline:none}.public-codeflow-beta__welcome__pr-repo-link .vite_friendly_repos button:focus,.public-codeflow-beta__welcome__pr-repo-link .vite_friendly_repos a:focus{box-shadow:0 0 0 2px #a1d3f0}.public-codeflow-beta__welcome__pr-repo-link .vite_friendly_repos button span,.public-codeflow-beta__welcome__pr-repo-link .vite_friendly_repos a span{opacity:.5}@media screen and (max-width: 500px){.public-codeflow-beta__welcome__pr-repo-link .vite_friendly_repos button span,.public-codeflow-beta__welcome__pr-repo-link .vite_friendly_repos a span{display:none}}.public-codeflow-beta__welcome__pr-repo-link form:focus-within+.vite_friendly_repos{border-color:#a1d3f0}.public-codeflow-beta__welcome__playgrounds{margin-bottom:72px}.public-codeflow-beta__welcome__playgrounds h4{margin-bottom:12px}.public-codeflow-beta__welcome__playgrounds ul{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;max-width:1000px;margin:8px 0}.public-codeflow-beta__welcome__playgrounds ul li{display:flex;margin:0}.public-codeflow-beta__welcome__playgrounds ul li img{width:32px;height:32px;border-radius:50%}.public-codeflow-beta__welcome__playgrounds ul li button,.public-codeflow-beta__welcome__playgrounds ul li a{display:flex;align-items:center;gap:18px;width:280px;height:72px;padding:0 22px;font-size:15px;border-radius:12px;background:rgba(255,255,255,.6);box-shadow:inset 0 0 0 1px #fff,0 24px 52px -28px #0e317c52;overflow:hidden;transition:var(--public-transition-hover-fast-cta);transition-property:transform,background-color,box-shadow}.public-codeflow-beta__welcome__playgrounds ul li button:hover,.public-codeflow-beta__welcome__playgrounds ul li a:hover{transform:translateY(-6px);background:rgba(255,255,255,.8)}.public-codeflow-beta__welcome__playgrounds .public-codeflow-beta__columns{margin:8px 0}.public-codeflow__video-cta{margin-top:80px;padding:64px 0;position:relative;overflow:visible}.public-codeflow__video-cta h3{text-align:center}@media screen and (max-width: 500px){.public-codeflow__video-cta h3{font-size:32px!important;letter-spacing:0}}.public-codeflow__video-cta:before{position:absolute;content:"";top:-264px;left:0;width:100%;height:600px;background-position:center top;background-size:1900px;background-repeat:no-repeat;background-image:url(https://c.staticblitz.com/assets/vite/vortex-bg-3e3c3926.svg);-webkit-mask-image:linear-gradient(180deg,transparent 5%,rgba(0,0,0,.8) 52%,rgba(0,0,0,.8) 44%,transparent 95%);z-index:0}.public-codeflow__video-cta .public-section__content{align-items:center}.public-codeflow__video-cta .mock-video{position:relative;width:100%;height:600px;max-width:100%;margin-bottom:52px;border-radius:12px;background-color:#fffc;box-shadow:inset 0 0 0 1px #fff,0 24px 52px -28px #0e317c52;overflow:hidden}@media screen and (max-width: 500px){.public-codeflow__video-cta .mock-video{height:200px}}.public-codeflow__video-cta .mock-video .public-button{position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(-50%);align-self:center;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);transition-property:background-color;background:rgba(255,255,255,.8)}.public-codeflow__video-cta .mock-video .public-button:hover{background:rgba(255,255,255,.8)}.public-codeflow__topics{padding:60px 0;gap:120px}.public-codeflow__topics .public-section__content{align-items:center}.public-codeflow__topics h1{text-align:center}.public-codeflow__topics p{max-width:640px;font-size:16px;text-align:center;line-height:1.6}.public-codeflow__topics .public-codeflow-beta__columns{width:100%}.public-codeflow__topic-img{position:relative;width:100%;height:640px;margin:52px 0;background:rgba(255,255,255,.6);box-shadow:inset 0 0 0 1px #fff,0 24px 52px -28px #0e317c52}.public-codeflow__topic-img:before{position:absolute;content:"tomek gif";display:flex;align-items:center;justify-content:center;top:50%;left:0;transform:translateY(-50%);width:100%;height:100%;font-size:11px}.public-codeflow-beta .public-icon.codeflow,.public-codeflow .public-icon.codeflow{width:100px;height:100px;background-image:linear-gradient(to right,var(--public-violet-text-medium) 0%,var(--public-violet-text-light) 20%,var(--public-pink-text-medium) 70%,var(--public-pink-text-light) 100%)}#codeflow_logo-animated{position:relative;width:32px;height:24px;margin-top:24px;margin-bottom:56px;transform:scale(4.2)}@media screen and (max-width: 500px){#codeflow_logo-animated{margin-top:72px}}#codeflow_logo-animated svg{position:absolute;transform-origin:center 0;transform:translate(-50%)}#codeflow_logo-line,#codeflow_logo-circle,#codeflow_logo-arrow,#codeflow_logo-branch,#codeflow_logo-vertical_line{visibility:hidden}#codeflow_logo-arrow{transform:scale(0)}.public-section.public-enterprise{padding-top:192px;padding-bottom:152px}@media screen and (max-width: 1024px){.public-section.public-enterprise{padding-top:140px}}@media screen and (max-width: 500px){.public-section.public-enterprise{padding-top:120px}}.public-section.public-enterprise h1{max-width:700px;line-height:1}.public-section.public-enterprise p{max-width:640px;margin-bottom:64px}@media screen and (max-width: 500px){.public-section.public-enterprise p{margin-bottom:64px}}.public-section.public-enterprise .public-button{max-width:394px}.public-section.public-enterprise-case_study .case_study{margin:120px 0}.public-section.public-enterprise-contact{padding-top:192px;padding-bottom:64px}@media screen and (max-width: 1024px){.public-section.public-enterprise-contact{padding-top:140px}}@media screen and (max-width: 500px){.public-section.public-enterprise-contact{padding-top:120px}}.public-section.public-enterprise-contact h1{margin-bottom:116px}.enterprise-contact-container{display:flex;align-items:flex-start;gap:64px}@media screen and (max-width: 1024px){.enterprise-contact-container{flex-direction:column;gap:52px}}.enterprise-contact-form{flex:1}.enterprise-contact-form>div{margin-bottom:52px}.enterprise-contact-form h5{margin-bottom:20px}.enterprise-contact-form .input-list{flex-wrap:wrap}.enterprise-contact-form .input-list input{flex:.5;flex-basis:49%}@media screen and (max-width: 500px){.enterprise-contact-form .input-list input{flex-basis:100%}}.enterprise-submit-wrapper{display:flex;flex-direction:column;align-items:flex-start}@media screen and (max-width: 500px){.enterprise-submit-wrapper .public-button{width:100%;justify-content:center}}.enterprise-form-errors{display:flex;align-items:flex-start;width:100%;gap:40px;margin-bottom:44px;padding:32px 44px;border-radius:4px;box-shadow:inset 0 0 0 1px var(--public-pink-text-mid);background-color:var(--public-bg-00);animation:error_popup var(--public-transition-hover-blur-cta)}@media screen and (max-width: 500px){.enterprise-form-errors{gap:28px;padding:28px}}.enterprise-form-errors .public-icon{background-color:var(--public-pink-text-mid);transform:scale(1.6)}@media screen and (max-width: 500px){.enterprise-form-errors .public-icon{transform:scale(1.4)}}@keyframes error_popup{0%{opacity:.4;transform:translateY(8px)}to{opacity:1;transform:none}}ul.enterprise-form-error-list{display:flex;flex-direction:column;gap:16px}@media screen and (max-width: 500px){ul.enterprise-form-error-list{gap:12px}}ul.enterprise-form-error-list li{display:flex;align-items:center;margin:0;padding:0;font-size:14px;line-height:1.4}.enterprise-contact-form-topics{position:sticky;top:68px;flex:.56;height:auto;padding:48px 52px 0;border-radius:4px;box-shadow:inset 0 0 0 1px var(--public-outline-dark-neutral);background-color:var(--public-bg-00)}@media screen and (max-width: 500px){.enterprise-contact-form-topics{padding:36px 32px 0}}.enterprise-contact-form-topic{flex:.618;display:none;margin-bottom:48px}@media screen and (max-width: 500px){.enterprise-contact-form-topic{margin-bottom:36px}}.enterprise-contact-form-topic.static,.enterprise-contact-form-topic.active{display:block;animation:topic var(--public-transition-hover-fast-cta)}@keyframes topic{0%{opacity:.6;transform:translate(-16px)}to{opacity:1;transform:none}}.enterprise-contact-form-topic li{margin-bottom:8px;margin-left:30px;padding-left:12px;font-size:14px;line-height:1.8;list-style:disc}@media screen and (max-width: 500px){.enterprise-contact-form-topic li{margin-left:12px;padding-left:8px;line-height:1.6}}.enterprise-contact-form-topic.static li{margin-left:12px}.enterprise-contact-form-topic h5{display:flex;align-items:center;gap:24px;color:var(--public-blue-text-bright-light);line-height:1.4}@media screen and (max-width: 500px){.enterprise-contact-form-topic h5{max-width:74%}}.enterprise-contact-form-topic h5:not(.static h5){transform:translate(-4px)}.enterprise-contact-form-topic h5 .public-icon{width:20px;height:20px}.enterprise-contact-form-topic#topic-rapid-prototyping h5{color:var(--public-yellow-text-mid)}.enterprise-contact-form-topic#topic-rapid-prototyping h5 .public-icon{background-color:var(--public-yellow-text-mid)}.enterprise-contact-form-topic#topic-documentation h5{color:var(--public-orange-text-mid)}.enterprise-contact-form-topic#topic-documentation h5 .public-icon{background-color:var(--public-orange-text-mid)}.enterprise-contact-form-topic#topic-bug-reporting h5{color:var(--public-pink-text-mid)}.enterprise-contact-form-topic#topic-bug-reporting h5 .public-icon{background-color:var(--public-pink-text-mid)}.public-section.public-home-intro{background-image:var(--public-bg-page_section-dark-accent);overflow:unset}.public-section.public-home-intro .public-section__content{padding-top:124px;padding-bottom:0;overflow-x:hidden}@media screen and (max-width: 500px){.public-section.public-home-intro .public-section__content{padding-top:124px}}.public-section.public-home-intro .public-section__content.public-home-stack_launcher{padding-top:0;padding-bottom:120px;overflow-x:unset}.public-section.public-home-intro .banner-pill{display:flex;align-self:flex-start;align-items:center;margin-bottom:48px;font-size:14px;font-weight:400;border-radius:24px;box-shadow:0 0 0 1px #0009;overflow:hidden;background-color:#0003}@media screen and (max-width: 500px){.public-section.public-home-intro .banner-pill{font-size:12px;margin-bottom:24px;transform:translateY(-40px)}}.public-section.public-home-intro .banner-pill span:not(.public-icon){display:flex;align-items:center;gap:8px;padding:0 12px 0 22px}@media screen and (max-width: 500px){.public-section.public-home-intro .banner-pill span:not(.public-icon):not(.accent){display:none;padding:0 8px 0 18px}}.public-section.public-home-intro .banner-pill span:not(.public-icon).accent{padding:12px 20px;font-weight:500;border-radius:24px;box-shadow:inset 0 0 6px 1px #eeb7ff1a,inset 0 0 0 1px #ffffff29;background-image:linear-gradient(to bottom,hsla(262,100%,57%,.4),hsla(286,100%,50%,.5))}@media screen and (max-width: 500px){.public-section.public-home-intro .banner-pill span:not(.public-icon).accent{padding:12px 16px}}.public-section.public-home-intro .banner-pill .public-icon{display:block;height:20px;background-color:#fffc;transform:rotate(-90deg)}@media screen and (max-width: 500px){.public-section.public-home-intro .banner-pill .public-icon{display:none}}.public-section.public-home-intro .use_case_cycle-wrapper{min-height:354px}.public-section.public-home-intro h2,.public-section.public-home-intro h3,.public-section.public-home-intro h4,.public-section.public-home-intro h5,.public-section.public-home-intro h6{text-align:center}.public-section.public-home-intro h2{margin-bottom:32px}.public-section.public-home-intro h3{font-size:36px}.public-section.public-home-intro h3 strong{color:#fff;background-clip:unset;background:none;-webkit-text-fill-color:unset}@media screen and (max-width: 500px){.public-section.public-home-intro h3{font-size:26px;letter-spacing:0;line-height:1.4}}.public-section.public-home-intro h4,.public-section.public-home-intro h5{margin-bottom:72px}.public-section.public-home-intro p{max-width:700px;margin-bottom:92px}@media screen and (max-width: 500px){.public-section.public-home-intro p{margin-bottom:44px}}.public-section.public-integrations{--page_section-heading-color: var(--public-pink-text-10);padding:152px 0 100px}@media screen and (max-width: 1024px){.public-section.public-integrations{padding-top:140px}}@media screen and (max-width: 500px){.public-section.public-integrations{padding-top:120px}}.public-section.public-integrations h1{margin-bottom:116px}.public-integration_listings{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;width:100%;margin:64px 0 84px}@media screen and (max-width: 1280px){.public-integration_listings{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 770px){.public-integration_listings{grid-template-columns:repeat(1,1fr)}}h3+.public-integration_listings{margin-top:0}.public-integration-listing__link{--outline-color: rgba(63, 63, 70, .7);--background-color: rgba(39, 39, 42, .3);display:flex;flex-direction:column;gap:18px;padding:24px;border-radius:12px;box-shadow:inset 0 0 0 1px var(--outline-color);background-color:var(--background-color);transition:var(--public-transition-hover-fast)}.public-integration-listing__link:hover:not(.disabled){--outline-color: #0d67a0;--background-color: rgba(39, 39, 42, .5)}.public-integration-listing__link.disabled{background-color:transparent}.public-integration-listing__logo{height:32px}.public-integration-listing__logo img{max-height:100%}.public-integration-listing__link.disabled .public-integration-listing__logo{filter:saturate(0)}.page_section .public-integration-listing__link h2{width:90%;margin-bottom:0;color:var(--public-dark-text-80);font-family:Inter,sans-serif;font-size:18px;font-weight:600;line-height:1.5;letter-spacing:0}.page_section .public-integration-listing__link.disabled h2{color:var(--public-dark-text-60)}.page_section .public-integration-listing__link p{font-size:14px;line-height:1.6}.public-integration-listing__thumbnails{display:grid;grid-template-columns:repeat(3,1fr);max-width:100%;gap:8px}.public-integration-listing__thumbnails img{width:100%}.public-membership-select{padding:152px 0 100px;overflow:unset}@media screen and (max-width: 1024px){.public-membership-select{padding:120px 0 52px}}.public-membership-select h1,.public-membership-select h2{margin-bottom:52px;text-align:center}.public-membership-select .team-teaser{position:relative;display:flex;align-self:center;align-items:center;gap:64px;margin-bottom:84px;padding:24px 40px;color:var(--public-text-70);font-size:18px;font-weight:400;line-height:1.5;border-radius:6px;box-shadow:inset 0 0 0 1px var(--public-outline-dark-neutral),0 4px 12px var(--public-bg-90-transparent)}@media screen and (max-width: 1024px){.public-membership-select .team-teaser{flex-direction:column;padding:24px 28px;gap:32px}}.public-membership-select .team-teaser>div{display:flex;flex-direction:column;justify-content:center}.public-membership-select .team-teaser .badge{display:block;margin-bottom:4px;color:var(--sb-foreground-highlight-high);font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}@media screen and (max-width: 1024px){.public-membership-select .team-teaser .badge{margin-bottom:8px}}.public-membership-select .team-teaser strong{margin-bottom:1px;color:#fff;font-size:18px;line-height:1.4;font-weight:600}@media screen and (max-width: 1024px){.public-membership-select .team-teaser strong{margin-bottom:10px}}.public-membership-select .team-teaser p{margin-bottom:0;font-size:14px;line-height:1.6}.public-membership-select .team-teaser a{display:flex;align-items:center;padding:16px 36px;color:#fff;font-size:14px;font-weight:600;border-radius:3px;border:1px solid var(--sb-foreground-highlight-high);transition:var(--public-transition-hover-fast);transition-property:color,background-color}.public-membership-select .team-teaser a:hover{color:#000;background-color:var(--sb-foreground-highlight-high)}.public-section.public-memberships-enterprise{padding:152px 0;background-color:var(--public-bg-00);background-image:url(https://c.staticblitz.com/assets/vite/pricing-enterprise-bg-07e9ea0e.png);background-repeat:no-repeat;background-size:cover}@media screen and (max-width: 500px){.public-section.public-memberships-enterprise{padding:100px 0;background-position:right top}}.membership-enterprise-links{position:relative;display:flex;gap:16px;z-index:1;margin-top:32px}@media screen and (max-width: 500px){.membership-enterprise-links{flex-direction:column}}.membership-enterprise-links .public-button{min-width:340px;max-width:100%;justify-content:center}.teams-beta__message{--outline-color: rgba(63, 63, 70, .7);--background-color: rgba(39, 39, 42, .3);display:flex;flex-direction:column;align-items:center;gap:18px;width:840px;max-width:100%;margin:0 auto;padding:48px 52px 140px}.teams-beta__message h4{font-size:18px;letter-spacing:0;opacity:.8}.teams-beta__message h4+h3{margin-top:-24px}.teams-beta__message h3{text-align:center}.teams-beta__message h3 a{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}.teams-beta__message>a{padding:18px 32px;border-radius:8px;font-size:16px;font-weight:600;background-color:#1287fd}.teams-beta-signup-form{margin:auto;border-radius:10px;overflow:hidden;width:100%}.teams-beta-signup-form-frame{width:100%;height:3200px;overflow:hidden!important;filter:invert(1) contrast(.6) hue-rotate(180deg)}@media screen and (max-width: 600px){.teams-beta-signup-form-frame{height:3500px}}@media screen and (max-width: 500px){.teams-beta-signup-form-frame{height:3600px}}@media screen and (max-width: 420px){.teams-beta-signup-form-frame{height:3800px}}@media screen and (max-width: 360px){.teams-beta-signup-form-frame{height:4100px}}@media screen and (max-width: 320px){.teams-beta-signup-form-frame{height:4300px}}.public-section.public-beta-invites{padding-top:192px;padding-bottom:152px;padding-inline:40px}@media screen and (max-width: 1024px){.public-section.public-beta-invites{padding-block:120px}}@media screen and (max-width: 500px){.public-section.public-beta-invites{padding-block:80px;padding-inline:20px}}.public-section.public-beta-invites h1{margin-bottom:30px;color:#fff;font-size:54px;font-weight:700;letter-spacing:-1px;line-height:1;text-align:center}.public-section.public-beta-invites p{margin-bottom:15px;font-size:16px;font-weight:400;line-height:1.64;letter-spacing:.5px;text-align:center}.public-section.public-beta-invites .button{cursor:pointer;display:flex;padding:16px 32px;border-radius:2px;box-shadow:0 0 0 1px var(--public-outline-dark-input);width:auto;margin:48px auto;text-align:center;transition:color,background-color,var(--public-transition-hover-fast)}.public-section.public-beta-invites .button:hover{color:#272c32;background-color:#f5f6f7}footer.public-section.public-footer{padding:100px 0 0;background-color:var(--public-bg-dark-accent-footer)}footer.public-section.public-footer ul{display:grid;grid-template-columns:repeat(5,1fr)}@media screen and (max-width: 1024px){footer.public-section.public-footer ul{grid-template-columns:repeat(3,1fr);grid-gap:64px 0}}@media screen and (max-width: 770px){footer.public-section.public-footer ul{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 500px){footer.public-section.public-footer ul{grid-template-columns:1fr}}footer.public-section.public-footer ul li{display:flex;flex-direction:column;margin:0;padding:0}@media screen and (max-width: 500px){footer.public-section.public-footer ul li{padding-left:16px}}footer.public-section.public-footer ul li h4{margin-bottom:24px;color:var(--public-text-90);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px}footer.public-section.public-footer ul li ul{display:flex;flex-direction:column;gap:0}footer.public-section.public-footer ul li ul li{padding:0}footer.public-section.public-footer ul li ul li a{margin:0;padding:6px 0;font-size:13px}footer.public-section.public-footer ul li ul li a:hover{color:var(--public-text-00)}footer.public-section.public-footer .public-footer__copyright{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:100px;padding:22px;background:rgba(0,0,0,.4)}footer.public-section.public-footer .public-footer__copyright p{color:var(--public-text-60);font-size:12px;letter-spacing:.5px}footer.public-section.public-footer .public-footer__copyright p.secondary{font-size:11px;line-height:1.4;text-align:center;opacity:.6}.public-section.public-careers-positions{padding-top:100px;padding-bottom:100px;background-image:var(--public-bg-page_section-dark-accent-ttb)}ul.public-careers-positions_list{display:flex;flex-direction:column;align-items:center}ul.public-careers-positions_list>li{width:1000px;max-width:100%}ul.public-careers-positions_list>li input[type=checkbox]{display:none}label.position-category-heading{position:relative;display:flex;align-items:center;gap:24px;padding:22px 2px;-webkit-user-select:none;user-select:none}@media screen and (max-width: 600px){label.position-category-heading{padding:20px 8px}}label.position-category-heading .position-category-title{color:var(--public-text-90);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px}label.position-category-heading .position-listing-count{color:var(--public-text-60);font-size:13px;font-weight:500}label.position-category-heading .public-icon{display:none;background-color:var(--public-text-60);transform:rotate(0);transition:var(--public-transition-hover-fast-cta);transition-property:background-color,transform}ul.public-careers-positions_list.collapsed label.position-category-heading{padding-right:32px;cursor:pointer}ul.public-careers-positions_list.collapsed label.position-category-heading:hover span{color:var(--public-text-00)}ul.public-careers-positions_list.collapsed label.position-category-heading .public-icon{display:block}ul.public-careers-positions_list.collapsed label.position-category-heading:hover .public-icon{background-color:var(--public-text-00)}input[type=checkbox]:checked+label .public-icon{transform:rotate(-180deg)}ul.position-list li{margin-bottom:1px}ul.position-list li a{display:flex;justify-content:space-between;align-items:center;padding:22px 32px;color:var(--public-text-80);font-size:15px;box-shadow:0 0 0 1px #ffffff14;transition:var(--public-transition-hover-fast);transition-property:background-color box-shadow color transform}ul.position-list li a:hover{color:var(--public-text-00);box-shadow:0 0 0 1px var(--sb-foreground-highlight-high);background-color:var(--public-bg-00);transform:translateY(-2px)}@media screen and (max-width: 500px){ul.position-list li a{padding:20px 8px;font-size:12px;box-shadow:none;border-top:solid 1px rgba(255,255,255,.08)}}ul.position-list li:first-child a{border-top-left-radius:2px;border-top-right-radius:2px}ul.position-list li:last-child a{border-bottom-left-radius:2px;border-bottom-right-radius:2px}@media screen and (max-width: 500px){ul.position-list li:last-child a{padding:20px 8px;font-size:12px;box-shadow:none;border-bottom:solid 1px rgba(255,255,255,.08)}}ul.public-careers-positions_list.collapsed ul.position-list{display:none}ul.public-careers-positions_list.collapsed input[type=checkbox]:checked+label+ul.position-list{display:block}.logo_grid{position:relative;box-shadow:inset 0 0 0 1px #0000004d;background-image:var(--public-bg-quote-logo_grid);overflow:hidden}.logo_grid:before,.logo_grid:after{position:absolute;content:"";height:180px;mix-blend-mode:lighten}.logo_grid:before{bottom:-42px;left:0;width:640px;background:url(https://c.staticblitz.com/assets/vite/quote-logo_grid-bg-pink-e0de3485.png) no-repeat;background-position:left center;background-size:cover}.logo_grid:after{top:-44px;right:0;width:480px;background:url(https://c.staticblitz.com/assets/vite/quote-logo_grid-bg-blue-fe4e3e99.png) no-repeat;background-position:right center;background-size:cover}.logo_grid .public-section__content{display:flex;flex-direction:column;align-items:center;width:1208px;max-width:100%;padding:92px 44px}@media screen and (max-width: 500px){.logo_grid .public-section__content{padding:72px 32px}}.logo_grid h3{margin-bottom:84px;font-size:36px;line-height:1.4;text-align:center}@media screen and (max-width: 500px){.logo_grid h3{font-size:32px;line-height:1.3}}.logo_grid h3 strong{color:#fff;background-clip:unset;background:none;-webkit-text-fill-color:unset}.logo_grid ul{display:grid;grid-template-columns:repeat(4,104px);justify-content:space-between;gap:62px;width:100%}@media screen and (max-width: 770px){.logo_grid ul{display:flex;flex-wrap:wrap;justify-content:center}}@media screen and (max-width: 500px){.logo_grid ul{display:grid;grid-template-columns:repeat(2,104px);justify-content:space-around;gap:40px}}.logo_grid ul li{display:flex;justify-content:center;align-items:center;list-style:none;width:106px;height:36px}.logo_grid ul li img{max-width:100%;max-height:100%}.logo_grid .public-button{width:440px;max-width:440px;margin-top:-24px;justify-content:center;z-index:1}@media screen and (max-width: 500px){.logo_grid .public-button{max-width:100%}}.logo_grid.outro{padding:84px 0}@media screen and (max-width: 500px){.logo_grid.outro h3{font-size:26px;letter-spacing:0}.logo_grid.outro h3 strong:first-child{line-height:2;font-size:40px}}.membership-criteria-select{display:flex;justify-content:center;gap:52px;margin-bottom:52px}@media screen and (max-width: 1024px){.membership-criteria-select{--overflow-correction: 24px;position:sticky;flex-direction:column;align-items:center;top:-16px;margin-left:calc(-1 * var(--overflow-correction));margin-right:calc(-1 * var(--overflow-correction));padding-left:var(--overflow-correction);padding-right:var(--overflow-correction);padding-bottom:16px;gap:32px;z-index:2;box-shadow:0 10px 8px -8px #0006;background-color:var(--public-bg-90)}}.membership-criteria-select.has-membership-status{justify-content:space-between}.membership-criteria-select label{display:flex;align-items:center;gap:6px}.membership-criteria-select label>span{max-width:160px;color:var(--public-text-80);font-size:14px;font-weight:500;line-height:1.5;transition:var(--public-transition-hover-fast);transition-property:color}.membership-criteria-select label:hover>span,.membership-criteria-select label:focus-within>span{color:var(--public-text-00)}.membership-criteria-select .membership-dev-count{display:flex;align-items:center;justify-content:center;margin-left:16px;padding-left:14px;border-radius:2px;box-shadow:0 0 0 1px var(--public-outline-dark-input);transition:var(--public-transition-hover-fast);transition-property:background-color,box-shadow;cursor:text}.membership-criteria-select .membership-dev-count input{width:68px;padding:14px 0;color:var(--public-text-80);font-family:Inter,sans-serif;font-size:18px;font-weight:600;text-align:center;transition:var(--public-transition-hover-fast);transition-property:color}.membership-criteria-select label:hover .membership-dev-count{box-shadow:0 0 0 1px var(--sb-foreground-highlight-high)}.membership-criteria-select label:focus-within .membership-dev-count{box-shadow:0 0 0 1px var(--public-blue-text-20)}.membership-criteria-select label:hover .membership-dev-count,.membership-criteria-select label:focus-within .membership-dev-count{background-color:var(--public-dark-bg-00)}.membership-criteria-select label:hover input,.membership-criteria-select label:focus-within input{color:var(--public-text-00)}.membership-criteria-select .membership-term-select{display:flex;width:484px;gap:1px}@media screen and (max-width: 1024px){.membership-criteria-select .membership-term-select{width:100%}}.membership-criteria-select .membership-term-select button{display:flex;justify-content:center;align-items:center;gap:16px;flex:1;color:var(--public-text-80);box-shadow:0 0 0 1px var(--public-outline-dark-neutral);width:400px;height:100%;padding:4px 18px;font-size:14px;font-weight:500;line-height:1.5;transition:var(--public-transition-hover-fast);transition-property:background-color,box-shadow,color,transform}@media screen and (max-width: 1024px){.membership-criteria-select .membership-term-select button{width:auto;padding:16px 18px}}.membership-criteria-select .membership-term-select button:first-child{border-top-left-radius:2px;border-bottom-left-radius:2px}.membership-criteria-select .membership-term-select button:last-child{border-top-right-radius:2px;border-bottom-right-radius:2px}.membership-criteria-select .membership-term-select button:hover{color:var(--public-text-00);box-shadow:0 0 0 1px var(--sb-foreground-highlight-high);background-color:var(--public-dark-bg-00)}.membership-criteria-select .membership-term-select button.selected{padding-left:14px;color:var(--public-text-90);box-shadow:inset 0 0 0 1px #00000080,0 1px #ffffff0f;background-color:var(--public-bg-00);transform:none;cursor:default}.membership-criteria-select .membership-term-select button .public-icon{background-color:var(--sb-foreground-highlight-high)}.membership-criteria-select .membership-term-select button span{display:none}p.current-membership-status{flex:1;display:flex;justify-content:center;align-items:center;gap:18px;margin-bottom:0;padding:4px 12px;color:var(--public-text-90);font-size:14px;font-weight:600;border-radius:6px;box-shadow:inset 0 0 0 1px var(--public-blue-text-secondary);background-color:var(--public-bg-00)}p.current-membership-status .public-icon{width:22px;height:22px;margin-left:-8px;background-color:var(--public-blue-text-secondary)}@media screen and (max-width: 1024px){.public-section_row.public-membership-select_container{gap:16px}}.public-membership-select__item{position:relative;flex:1;display:flex;flex-direction:column;align-items:stretch;padding:44px 40px 40px;border-radius:6px;box-shadow:inset 0 0 0 1px var(--public-outline-dark-neutral),0 4px 12px var(--public-bg-90-transparent);transition:var(--public-transition-hover-blur-cta);transition-property:background-color,box-shadow,transform,opacity;overflow:hidden}.public-membership-select__item:not(.disabled):hover{box-shadow:0 0 0 1px var(--public-outline-dark-neutral),0 32px 18px -20px var(--public-bg-90-transparent);background-color:var(--public-dark-bg-00);transform:translateY(-4px) scale(1.03)}@media screen and (max-width: 500px){.public-membership-select__item{padding-left:34px;padding-right:34px;box-shadow:inset 0 0 0 1px var(--public-outline-dark-input),0 4px 12px var(--public-bg-90-transparent)}.public-membership-select__item:hover{box-shadow:inset 0 0 0 1px var(--public-outline-dark-input),0 4px 12px var(--public-bg-90-transparent)}}.public-membership-select__item p{margin:0;padding:0}.public-membership-select__item .membership-name{margin-bottom:28px;font-family:Gilroy,sans-serif;font-weight:300;font-size:22px;line-height:1.1;text-transform:uppercase;letter-spacing:1px;transition:var(--public-transition-hover-fast);transition-property:color}.public-membership-select__item:hover .membership-name{color:var(--public-text-00)}.public-membership-select__item .membership-price{position:relative;display:flex;align-items:flex-end;align-self:flex-start;margin-bottom:6px;color:var(--public-text-90);font-size:54px;line-height:1;font-weight:700;transition:var(--public-transition-hover-fast);transition-property:color}.public-membership-select__item .membership-price:before,.public-membership-select__item .membership-price:after{display:block}.public-membership-select__item .membership-price:before{content:"$";font-size:26px;font-weight:500;transform:translateY(-16px) translate(-6px)}.public-membership-select__item .membership-price:after{content:"/mo";font-size:14px;font-weight:600;transform:translateY(-8px) translate(8px)}.public-membership-select__item .membership-price.simple{font-size:42px;line-height:56px}.public-membership-select__item .membership-price.simple:before,.public-membership-select__item .membership-price.simple:after{display:none}.public-membership-select__item .membership-price.small{font-size:32px}.public-membership-select__item .membership-price .cents{position:absolute;top:10px;right:-2px;color:var(--public-text-80);font-size:13px;font-weight:500}.public-membership-select__item:hover .membership-price{color:var(--public-text-00)}.public-membership-select__item ul.membership-cost-summary{display:flex;gap:20px;padding:0;margin-bottom:12px}.public-membership-select__item ul.membership-cost-summary li{color:var(--public-text-60);font-size:14px;font-weight:500;text-transform:capitalize;transition:var(--public-transition-hover-fast);transition-property:color}.public-membership-select__item:hover ul.membership-cost-summary li{color:var(--public-text-80)}.public-membership-select__item ul.membership-features{flex:1;margin-bottom:52px;padding:0 14px}.public-membership-select__item ul.membership-features li{margin-bottom:8px;padding-left:4px;color:var(--public-text-80);font-size:14px;list-style-type:disc;transition:var(--public-transition-hover-fast);transition-property:color}.public-membership-select__item:hover ul.membership-features li{color:var(--public-text-00)}.public-membership-select__item .membership-price+ul.membership-features{margin-top:16px}.public-membership-select__item .membership-savings{position:absolute;width:100px;top:0;right:0;display:flex;flex-direction:column;padding:8px 10px;transition:var(--public-transition-hover-fast);transition-property:color}.public-membership-select__item .membership-savings span{padding-top:12px;padding-right:11px;color:var(--public-text-90);font-size:18px;font-weight:600;line-height:1.3;text-align:right;text-transform:uppercase;text-shadow:0 1px 1px rgba(0,0,0,.4);transition:var(--public-transition-hover-fast);transition-property:opacity}.public-membership-select__item .membership-savings span:before{position:absolute;content:"save";top:8px;right:12px;font-size:10px;font-weight:700}.public-membership-select__item .membership-savings span:after{position:absolute;content:"%";bottom:15px;right:10px;font-size:11px}.public-membership-select__item .membership-savings:before{position:absolute;content:"";--badge-size: 136px;top:calc(var(--badge-size) / 2 * -1);right:calc(var(--badge-size) / 2 * -1);width:var(--badge-size);height:var(--badge-size);box-shadow:inset 0 0 0 1px var(--public-blue-text-secondary);background-image:var(--public-text-gradient-blue-badge);transform:rotate(45deg);z-index:-1;opacity:.5;transition:var(--public-transition-hover-fast);transition-property:opacity,transform}.public-membership-select__item .membership-savings.hidden span{opacity:0}.public-membership-select__item .membership-savings.hidden:before{transform:rotate(45deg) translate(-12px) translateY(-12px);opacity:0}.public-membership-select__item:hover .membership-savings:not(.hidden):before{opacity:1}.public-membership-select__item:hover .membership-savings:not(.hidden) span{color:var(--public-text-00)}.public-membership-select__item .public-button,.public-membership-select__item .public-button.cta{width:100%;justify-content:center;box-shadow:inset 0 0 0 2px var(--public-dark-outline-light);transition:var(--public-transition-hover-blur-cta);transition-property:box-shadow}.public-membership-select__item:hover .public-button{box-shadow:inset 0 0 0 2px var(--sb-foreground-highlight-high)}.public-membership-select__item.disabled{background-color:var(--public-bg-00)}.public-membership-select__item.disabled:not(.unavailable){box-shadow:inset 0 0 0 1px var(--public-blue-text-secondary)}.public-membership-select__item.disabled .membership-name,.public-membership-select__item.disabled .membership-price,.public-membership-select__item.disabled ul.membership-features li{color:var(--public-text-00)}.public-membership-select__item.disabled .public-button,.public-membership-select__item.disabled:hover .public-button{box-shadow:inset 0 0 0 1px var(--public-blue-text-secondary)}.public-membership-select__item.unavailable{opacity:.4;transform:scale(.96)}.public-membership-select__item.unavailable .public-button,.public-membership-select__item.unavailable:hover .public-button{box-shadow:inset 0 0 0 1px var(--public-dark-outline-light)}.body-narrow+.public-section.quote{margin-top:100px}.public-section.quote{--quote-text-color: #fff;--quote-text-secondary-color: #fff;--quote-background-color: var(--public-dark-bg-00);--quote-container-padding: 100px 0;--quote-container-background-color: var(--public-dark-bg-darkest);--quote-width: 900px;--quote-margin-bottom: 60px;--quote-font-size: 36px;--quote-font-weight: 400;--quote-letter-spacing: -.32px;--quote-line-height: 1.4;--quote-author-name-gap: 8px;--quote-author-name-font-size: 16px;--quote-author-position-font-size: 16px;--quote-author-img-size: 48px;--quote-author-logo-img-size: 48px;width:100%;padding:var(--quote-container-padding);background-color:var(--quote-container-background-color)}@media screen and (max-width: 500px){.public-section.quote{--quote-container-padding: 72px 0;--quote-margin-bottom: 52px;--quote-font-size: 26px;--quote-line-height: 1.4;--quote-author-img-size: 40px;--quote-author-logo-img-size: 32px;--quote-author-position-font-size: 14px}}.public-section.quote:before,.public-section.quote:after{display:none}.public-section.quote .public-section__content{align-items:center;width:auto}.public-section.quote h3{max-width:var(--quote-width);margin-bottom:var(--quote-margin-bottom);font-size:var(--quote-font-size);font-weight:var(--quote-font-weight);text-align:center;letter-spacing:var(--quote-letter-spacing);line-height:var(--quote-line-height)}.public-section.quote h3 strong{color:var(--quote-text-color);background-image:none;background-clip:none;-webkit-background-clip:unset;-webkit-text-fill-color:unset}.public-section.quote .author{display:flex;align-items:center;gap:24px}@media screen and (max-width: 500px){.public-section.quote .author{width:100%;gap:16px;align-items:center;justify-content:center}}.public-section.quote .author-img,.public-section.quote .author-logo-img{width:auto;border-radius:50%}@media screen and (max-width: 500px){.public-section.quote .author-img,.public-section.quote .author-logo-img{transform:translateY(-2px)}}.public-section.quote .author-img{height:var(--quote-author-img-size)}.public-section.quote .author-logo-img{height:var(--quote-author-logo-img-size)}.public-section.quote .author-name{display:flex;flex-direction:column;gap:var(--quote-author-name-gap);margin-left:12px}@media screen and (max-width: 500px){.public-section.quote .author-name{flex:.68}}.public-section.quote .author-name strong{display:inline-block;font-size:var(--quote-author-name-font-size);font-weight:700;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap}.public-section.quote .author-name span{display:inline-block;color:var(--quote-text-secondary-color);font-size:var(--quote-author-position-font-size);font-weight:400;line-height:1.32}.public-section.quote.style-card{--quote-width: 440px;--quote-margin-bottom: 40px;--quote-font-size: 28px;--quote-letter-spacing: -.5px;--quote-line-height: 1.3;--quote-author-name-gap: 10px;--quote-author-name-font-size: 13px;--quote-author-position-font-size: 13px;--quote-author-img-size: 36px;--quote-author-logo-img-size: 26px}@media screen and (max-width: 500px){.public-section.quote.style-card{--quote-container-padding: 16px 6px;--quote-font-size: 26px;--quote-line-height: 1.32;--quote-author-img-size: 40px;--quote-author-logo-img-size: 32px}}.public-section.quote.style-card .public-section__content{padding:64px 72px;border-radius:6px;box-shadow:0 4px 10px #0006;background-color:var(--quote-background-color)}@media screen and (max-width: 500px){.public-section.quote.style-card .public-section__content{padding:44px 18px}}.public-section.quote.style-card.theme-light{--quote-container-background-color: var(--public-blue-bg-light)}.public-section.quote.style-card.theme-light .public-section__content{box-shadow:inset 0 0 0 1px #00000014,0 2px 6px #0003;background-color:var(--public-blue-bg-lighter)}.public-section.quote.style-card.theme-dark .public-section__content{box-shadow:inset 0 0 0 1px #ffffff1a,0 4px 10px #0006;background-image:var(--public-bg-quote-logo_grid)}.public-section.quote.theme-light{--quote-background-color: none;--quote-text-color: #000;--quote-text-secondary-color: var(--public-light-text-60);--quote-container-background-color: var(--public-blue-bg-lighter)}.public-home-use_case_cycle{position:relative}.public-home-use_case_cycle-text{position:relative;margin-bottom:52px}.public-home-use_case_cycle-text h1{margin-bottom:0;font-size:100px;line-height:1}.public-home-use_case_cycle-text h1 strong{display:block;padding-top:1.6ch}@media screen and (max-width: 500px){.public-home-use_case_cycle-text h1 strong{padding-top:0}}.public-home-use_case_cycle-text h1.firstText{position:absolute}.public-home-use_case_cycle-text h1.cycleText{position:absolute;width:0;height:120px;overflow-x:hidden;text-overflow:unset;white-space:nowrap;opacity:.8;filter:blur(8px);transition:width .32s ease,opacity .32s ease-in,filter .32s ease-in}.public-home-use_case_cycle-text h1.cycleText.isActiveText{filter:none;width:100%;opacity:1;transition:width .32s ease,opacity .32s ease-out,filter .2s ease-out}.public-home-use_case_cycle-text h1.text-mobile{display:none}@media screen and (max-width: 500px){.public-home-use_case_cycle-text h1.text-mobile{display:block}.public-home-use_case_cycle-text h1.firstText,.public-home-use_case_cycle-text h1.cycleText{display:none}}.public-home-use_case_cycle-editor{position:absolute;display:flex;flex-direction:column;width:880px;height:600px;top:-116px;left:52%;border-radius:6px;box-shadow:0 0 0 1px #ffffff1a;z-index:-1}.public-home-use_case_cycle-editor:after{content:"";position:absolute;bottom:-1px;left:-1px;width:calc(100% + 2px);height:200px;background-image:linear-gradient(to bottom,transparent,var(--public-bg-dark-accent-hex))}@media screen and (max-width: 500px){.public-home-use_case_cycle-editor{top:-52px;left:24%}}.public-home-use_case_cycle-editor__browser{position:relative;width:100%;height:40px;box-shadow:0 1px #ffffff1a}.public-home-use_case_cycle-editor__browser__tab{position:absolute;bottom:-1px;left:140px;width:270px;height:calc(100% - 4px);border:solid 1px rgba(255,255,255,.1);border-top-left-radius:6px;border-top-right-radius:6px;border-bottom:none;background-color:var(--public-bg-dark-accent-hex);background-image:url(https://c.staticblitz.com/assets/vite/editor-tab-9b69ad36.svg);background-repeat:no-repeat;background-position:16px 8px;background-size:92px}.public-home-use_case_cycle-editor__address{width:100%;height:40px}.public-home-use_case_cycle-editor__editor{display:flex;flex-direction:column;flex:1;width:100%;box-shadow:0 -1px #ffffff1a}.public-home-use_case_cycle-editor__editor .mock_editor-body{flex:1;display:flex;width:100%}.public-home-use_case_cycle-editor__editor .mock_editor-body .mock_editor-body-left_bar{width:40px;height:100%}.mock_editor-body-file_explorer{width:200px;height:100%;border-right:solid 1px rgba(255,255,255,.1);border-top:none;border-bottom:none;background-color:#00000014;transition:width 1.2s ease;background-image:url(https://c.staticblitz.com/assets/vite/editor-file_explorer-f8760617.svg);background-repeat:no-repeat;background-position:42px 32px;background-size:100px}.mock_editor-body-code{position:relative;flex:1.1;height:100%;border-right:solid 1px rgba(255,255,255,.1);background-color:#00000014;transition:flex 1.2s ease,height 1.2s ease;background-image:url(https://c.staticblitz.com/assets/vite/editor-code-43a93720.svg);background-repeat:no-repeat;background-position:52px 52px;background-size:200px}.mock_editor-body-code-terminal{position:absolute;bottom:0;left:0;width:100%;height:32%;border-top:solid 1px rgba(255,255,255,.1);background-color:#00000014;transition:height 1.2s ease;background-image:url(https://c.staticblitz.com/assets/vite/editor-terminal-fce5588b.svg);background-repeat:no-repeat;background-position:28px 18px;background-size:120px}.mock_editor-body-preview{position:relative;flex:1;height:100%;transition:flex 1.2s ease,height 1.2s ease;background-image:url(https://c.staticblitz.com/assets/vite/editor-preview-8a14e8a8.svg);background-repeat:no-repeat;background-position:52px 48px;background-size:444px;overflow:hidden}.mock_editor-body-code-console{position:absolute;bottom:0;left:0;width:100%;height:22%;border-top:solid 1px rgba(255,255,255,.1);background-color:#1a1d22;transition:height 1.2s ease;background-image:url(https://c.staticblitz.com/assets/vite/editor-console-c07bce02.svg);background-repeat:no-repeat;background-position:28px 18px;background-size:120px}.public-home-use_case_cycle-editor.createBugReport .mock_editor-body-file_explorer{width:0}.public-home-use_case_cycle-editor.createBugReport .mock_editor-body-code-terminal{height:0}.public-home-use_case_cycle-editor.createBugReport .mock_editor-body-code-console{height:44%}.public-home-use_case_cycle-editor.reviewBugReport .mock_editor-body-code{flex:1.6}.public-home-use_case_cycle-editor.reviewBugReport .mock_editor-body-code-terminal{height:52%}.public-home-use_case_cycle-editor.reviewBugReport .mock_editor-body-code-console{height:10%}.public-home-use_case_cycle-editor.runLiveExample .mock_editor-body-file_explorer{width:40px}.public-home-use_case_cycle-editor.runLiveExample .mock_editor-body-code{flex:1.1}.public-home-use_case_cycle-editor.runLiveExample .mock_editor-body-preview{flex:1.6}.public-home-use_case_cycle-editor.runLiveExample .mock_editor-body-code-terminal,.public-home-use_case_cycle-editor.runLiveExample .mock_editor-body-code-console{height:20%}.public-home-use_case_cycle-editor.createRapidPrototype .mock_editor-body-file_explorer{width:0}.public-home-use_case_cycle-editor.createRapidPrototype .mock_editor-body-code,.public-home-use_case_cycle-editor.createRapidPrototype .mock_editor-body-preview{flex:1}.public-home-use_case_cycle-editor.createRapidPrototype .mock_editor-body-code-terminal,.public-home-use_case_cycle-editor.createRapidPrototype .mock_editor-body-code-console{height:48%}.public-home-use_case_cycle-editor.teachNewFramework .mock_editor-body-file_explorer{width:0}.public-home-use_case_cycle-editor.teachNewFramework .mock_editor-body-code{flex:1.8}.public-home-use_case_cycle-editor.teachNewFramework .mock_editor-body-preview{flex:1}.public-home-use_case_cycle-editor.teachNewFramework .mock_editor-body-code-terminal{height:30%}.public-home-use_case_cycle-editor.teachNewFramework .mock_editor-body-code-console{height:52%}.public-home-use_case_cycle-editor.presentLiveDemo .mock_editor-body-file_explorer{width:0}.public-home-use_case_cycle-editor.presentLiveDemo .mock_editor-body-code{flex:.84}.public-home-use_case_cycle-editor.presentLiveDemo .mock_editor-body-preview{flex:1}.public-home-use_case_cycle-editor.presentLiveDemo .mock_editor-body-code-terminal,.public-home-use_case_cycle-editor.presentLiveDemo .mock_editor-body-code-console{height:0}.public-home-use_case_cycle-editor.collaborate .mock_editor-body-code,.public-home-use_case_cycle-editor.collaborate .mock_editor-body-preview{flex:1}.public-home-use_case_cycle-editor.collaborate .mock_editor-body-code-terminal,.public-home-use_case_cycle-editor.collaborate .mock_editor-body-code-console{height:50%}.public-home-use_case_cycle-editor.getFeedback .mock_editor-body-file_explorer{width:40px}.public-home-use_case_cycle-editor.getFeedback .mock_editor-body-code{flex:1.6}.public-home-use_case_cycle-editor.getFeedback .mock_editor-body-preview{flex:1}.public-home-use_case_cycle-editor.getFeedback .mock_editor-body-code-terminal,.public-home-use_case_cycle-editor.getFeedback .mock_editor-body-code-console{height:10%}._root_r7nuj_1{height:100vh;background:radial-gradient(158.14% 123.77% at 50% 113.71%,#2b3346 0%,#1a1e2a 57.76%,#131720 100%);padding-inline:12px;padding-block-end:42px;padding-block-start:20vh}._subtitle_63u29_1{font-size:16px;font-weight:400;line-height:1.25;margin-bottom:32px;text-align:center}._section_1wpo0_1{margin-bottom:32px}._header_1wpo0_5{position:relative;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;min-height:44px;margin-bottom:24px;color:var(--sb-foreground)}@media (max-width: 500px){._header_1wpo0_5{position:sticky;z-index:2;top:46px;padding-top:16px;margin-inline:-12px;background-color:var(--public-bg-90)}._header_1wpo0_5:before,._header_1wpo0_5:after{content:"";position:absolute;z-index:2;top:0;width:16px;height:100%;pointer-events:none}._header_1wpo0_5:before{left:0;background-image:var(--public-bg-faux-fade-ltr)}._header_1wpo0_5:after{right:0;background-image:var(--public-bg-faux-fade-rtl)}}._tabs_1wpo0_43{position:relative;align-self:flex-end;display:flex;overflow-x:auto;scrollbar-width:thin}._tabButton_1wpo0_51{display:flex;align-items:center;justify-content:center;min-height:100%;min-width:76px;gap:4px;padding:14px 22px 12px;border-bottom:solid 2px transparent;font-size:12px;line-height:16px;font-weight:500;color:var(--sb-foreground-alt);white-space:nowrap;cursor:pointer}@media (max-width: 768px){._tabButton_1wpo0_51{min-width:60px;padding-inline:12px}}@media screen and (max-width: 500px){._tabButton_1wpo0_51{padding-bottom:16px}}._tabButton_1wpo0_51[aria-current=true]{color:var(--sb-foreground);border-color:var(--sb-foreground-highlight-high)}._tabButton_1wpo0_51:hover{color:var(--sb-foreground-active)}._tabButton_1wpo0_51:focus-visible{outline:solid 2px var(--sb-control-border-focus);outline-offset:-2px}._stacks_1wpo0_90{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;min-height:170px}._root_698q6_1{padding-block-start:52px;margin-inline:16px}._section_698q6_6{margin-block-start:100px;display:flex;flex-direction:column;max-width:940px;margin-inline:auto}._section_698q6_6:last-child{margin-block-end:84px}@media screen and (max-width: 1024px){._section_698q6_6{margin-inline:24px}}@media screen and (max-width: 500px){._section_698q6_6{margin-inline:16px}}._header_698q6_27{text-align:center;max-width:825px;margin-block-end:36px;margin-inline:auto}._title_698q6_34{font-family:Gilroy,var(--sb-ui-font-family, sans-serif);font-size:36px;font-weight:800;letter-spacing:-.015em;line-height:1.22222;color:var(--public-text-00)}._subtitle_698q6_43{font-size:18px;font-weight:400;line-height:1.3333;margin-block-start:16px;color:var(--public-text-60)}._cards_698q6_51{display:flex;justify-content:center;gap:8px;align-self:center}@media (max-width: 840px){._cards_698q6_51{flex-flow:column}}._questionWrapper_698q6_63:not(:last-child){margin-block-end:36px}._question_698q6_63{font-size:16px;font-weight:400;line-height:1.25;color:var(--public-text-00);margin-block-end:8px}._answer_698q6_75{font-size:13px;font-weight:400;line-height:1.2307;color:var(--public-text-60);line-height:20px}