*{margin:0;padding:0;box-sizing:border-box}html{height:100%;font-size:18px}body,button{font-family:Manrope,sans-serif}body{height:100%;min-height:100%;overflow-wrap:break-word;word-wrap:break-word}ul li{list-style:none}.container__content.post-body,.post-body{--post-body-el-margin-top: 36px;--post-body-el-margin-top-tight: 28px;color:var(--sbb-light-foreground-paragraph);font-size:18px;font-weight:400;line-height:2}@media screen and (max-width: 360px){.container__content.post-body,.post-body{font-size:16px}}.container__content.post-body [id],.post-body [id]{scroll-margin-top:80px}.container__content.post-body p,.post-body p{width:100%;max-width:100%}.container__content.post-body p>img:not(.wide),.post-body p>img:not(.wide){display:block;max-width:100%;margin:0 auto}.container__content.post-body img,.post-body img{--img-margin-vertical: 16px;margin-top:var(--img-margin-vertical);margin-bottom:var(--img-margin-vertical);max-width:100%;border-radius:8px}.container__content.post-body hr,.post-body hr{width:100%;margin:64px auto 24px;border:none;border-bottom:solid 1px var(--sbb-dark-foreground-button-alt)}.container__content.post-body ul,.container__content.post-body li,.post-body ul,.post-body li{margin:0;padding:0}.container__content.post-body ul,.post-body ul{padding-left:22px}.container__content.post-body ul>li,.post-body ul>li{padding-left:6px;line-height:1.72;list-style:outside}.container__content.post-body ul>li:not(:first-child):not(.container__content.post-body ul > li > ul > li,.post-body ul > li > ul > li),.post-body ul>li:not(:first-child):not(.container__content.post-body ul > li > ul > li,.post-body ul > li > ul > li){margin-top:18px}.container__content.post-body li>ul,.post-body li>ul{margin-block-start:12px!important;padding-bottom:16px}.container__content.post-body li>ul>li,.post-body li>ul>li{margin-top:10px}.container__content.post-body ol,.post-body ol{margin-left:var(--layout-content-padding)}.container__content.post-body ol li,.post-body ol li{padding-left:12px}.container__content.post-body p,.container__content.post-body ul,.container__content.post-body ol,.container__content.post-body pre,.post-body p,.post-body ul,.post-body ol,.post-body pre{margin-top:var(--post-body-el-margin-top);max-width:100%}.container__content.post-body li>p:first-child,.post-body li>p:first-child{margin-top:0}.container__content.post-body a,.post-body a{color:#0d92d4;text-underline-offset:3px}.container__content.post-body a:hover,.post-body a:hover{color:var(--sbb-light-foreground-paragraph)}.container__content.post-body h1,.container__content.post-body h2,.container__content.post-body h3,.container__content.post-body h4,.container__content.post-body h5,.container__content.post-body h6,.post-body h1,.post-body h2,.post-body h3,.post-body h4,.post-body h5,.post-body h6{gap:12px;max-width:740px;margin-top:calc(var(--post-body-el-margin-top) + var(--post-body-el-margin-top-tight))}.container__content.post-body h1 strong,.container__content.post-body h2 strong,.container__content.post-body h3 strong,.container__content.post-body h4 strong,.container__content.post-body h5 strong,.container__content.post-body h6 strong,.post-body h1 strong,.post-body h2 strong,.post-body h3 strong,.post-body h4 strong,.post-body h5 strong,.post-body h6 strong{font-weight:800}.container__content.post-body h1 code,.container__content.post-body h2 code,.container__content.post-body h3 code,.container__content.post-body h4 code,.container__content.post-body h5 code,.container__content.post-body h6 code,.post-body h1 code,.post-body h2 code,.post-body h3 code,.post-body h4 code,.post-body h5 code,.post-body h6 code{line-height:1.6}.container__content.post-body h2,.post-body h2{font-size:40px;font-weight:600;letter-spacing:-.5px;line-height:1.24}.container__content.post-body h3,.post-body h3{font-size:30px;font-weight:600;letter-spacing:-.2px;line-height:1.36}.container__content.post-body h4,.post-body h4{font-size:22px;font-weight:700;line-height:1.4}.container__content.post-body>p:first-child,.post-body>p:first-child{margin-top:0}.container__content.post-body p+p,.container__content.post-body h1+p,.container__content.post-body h2+p,.container__content.post-body h3+p,.container__content.post-body h4+p,.container__content.post-body h5+p,.container__content.post-body h6+p,.container__content.post-body h1+ul,.container__content.post-body h2+ul,.container__content.post-body h3+ul,.container__content.post-body h4+ul,.container__content.post-body h5+ul,.container__content.post-body h6+ul,.container__content.post-body strong+ul,.container__content.post-body li>ul:first-child,.post-body p+p,.post-body h1+p,.post-body h2+p,.post-body h3+p,.post-body h4+p,.post-body h5+p,.post-body h6+p,.post-body h1+ul,.post-body h2+ul,.post-body h3+ul,.post-body h4+ul,.post-body h5+ul,.post-body h6+ul,.post-body strong+ul,.post-body li>ul:first-child{margin-top:var(--post-body-el-margin-top-tight)}.container__content.post-body p>code,.container__content.post-body a>code,.container__content.post-body li>code,.post-body p>code,.post-body a>code,.post-body li>code{margin:0 2px;padding:4px 8px;font-size:16px;border-radius:8px;box-shadow:inset 0 -1px #0000001a;white-space:nowrap;background-color:var(--sbb-light-background-alt)}.container__content.post-body pre,.post-body pre{width:100%;padding:32px;border-radius:12px;font-size:15px;line-height:1.3;background-color:#171b20!important;overflow-x:auto}.container__content.post-body blockquote,.post-body blockquote{margin:48px 0 12px;padding:32px 32px 32px 44px;color:var(--sbb-light-foreground-lighter);font-size:24px;line-height:1.5;border-left:solid 3px var(--sbb-light-foreground-lighter-border)}.container__content.post-body blockquote p:first-child,.post-body blockquote p:first-child{margin-top:0}.container__content.post-body blockquote code,.post-body blockquote code{font-size:22px}.container__content.post-body .twitter-tweet,.post-body .twitter-tweet{margin:40px auto 16px!important}@font-face{font-family:Manrope;src:url(/fonts/manrope-extralight-webfont.woff2) format("woff2"),url(/fonts/manrope-extralight-webfont.woff) format("woff");font-weight:200;font-style:normal}@font-face{font-family:Manrope;src:url(/fonts/manrope-light-webfont.woff2) format("woff2"),url(/fonts/manrope-light-webfont.woff) format("woff");font-weight:300;font-style:normal}@font-face{font-family:Manrope;src:url(/fonts/manrope-regular-webfont.woff2) format("woff2"),url(/fonts/manrope-regular-webfont.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Manrope;src:url(/fonts/manrope-medium-webfont.woff2) format("woff2"),url(/fonts/manrope-medium-webfont.woff) format("woff");font-weight:500;font-style:normal}@font-face{font-family:Manrope;src:url(/fonts/manrope-semibold-webfont.woff2) format("woff2"),url(/fonts/manrope-semibold-webfont.woff) format("woff");font-weight:600;font-style:normal}@font-face{font-family:Manrope;src:url(/fonts/manrope-bold-webfont.woff2) format("woff2"),url(/fonts/manrope-bold-webfont.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:Manrope;src:url(/fonts/manrope-extrabold-webfont.woff2) format("woff2"),url(/fonts/manrope-extrabold-webfont.woff) format("woff");font-weight:800;font-style:normal}.container{display:flex;flex-direction:column;align-items:center;width:100%}.container__content{display:flex;flex-direction:column;align-items:flex-start;width:min(var(--layout-content-width),100%);padding:0 var(--layout-content-padding)}@media screen and (max-width: 500px){.container__content{padding:0 var(--layout-content-padding-small)}}:root{--transition-fast: .1s ease;--sbb-light-foreground: #000;--sbb-light-foreground-lighter: #526A78;--sbb-light-foreground-lighter-border: hsla(202, 19%, 40%, .2);--sbb-light-foreground-h1: #273045;--sbb-light-foreground-heading-alt: #818E9E;--sbb-light-foreground-icon: hsla(222, 19%, 35%, .9);--sbb-light-foreground-link: #7996B0;--sbb-light-foreground-paragraph: #2E2E2E;--sbb-light-foreground-paragraph-alt: #525A61;--sbb-light-foreground-paragraph-lighter: #717c86;--sbb-light-background: #FFF;--sbb-light-background-alt: #EEF0F5;--sbb-light-background-alt-transparent: hsla(223, 26%, 95%, .84);--sbb-light-background-alt-darker: #e8ebf0;--sbb-dark-foreground: #fff;--sbb-dark-foreground-link: #98A0B2;--sbb-dark-foreground-link-hsl: 222, 14%, 65%;--sbb-dark-foreground-button: #8ED6FF;--sbb-dark-foreground-button-hsl: 202, 100%, 78%;--sbb-dark-foreground-button-alt: #BEC9E2;--sbb-dark-foreground-button-alt-hsl: 222, 38%, 82%;--sbb-dark-background-alt: #485269;--sbb-dark-background-alt-hsl: 222, 19%, 35%;--sbb-dark-background-gradient_dark-0: #2E3442;--sbb-dark-background-gradient_dark-100: #14171F;--sbb-dark-background-gradient_dark-100-hsl: 224, 22%, 10%;--sbb-dark-background-gradient_light-0: #3F495E;--sbb-dark-background-gradient_light-100: #1F2534;--sbb-dark-background-radial-gradient-sizepos: 64% 130% at 50% 100%;--sbb-dark-background-radial-gradient-dark: radial-gradient(var(--sbb-dark-background-radial-gradient-sizepos), var(--sbb-dark-background-gradient_dark-0) 0%, var(--sbb-dark-background-gradient_dark-100) 100%);--sbb-dark-background-radial-gradient-light: radial-gradient(var(--sbb-dark-background-radial-gradient-sizepos), var(--sbb-dark-background-gradient_light-0) 0%, var(--sbb-dark-background-gradient_light-100) 100%);--sb-foreground-negative: hsl(355 80% 65%);--layout-content-width: 1296px;--layout-content-padding: 24px;--layout-content-padding-small: 18px;--layout-content-post_heading-width: 1078px;--layout-content-post_body-width: 856px;--layout-banner-height: 572px;--nav-top-height: 70px}._navTop__utilityLinks_1uy8v_1{display:flex;gap:28px}@media screen and (max-width: 1024px){._navTop__utilityLinks_1uy8v_1{gap:18px;width:100%;justify-content:space-around}}@media screen and (max-width: 1024px){._navTop__utilityLinks_1uy8v_1 a{flex:1;display:flex;justify-content:center;margin-bottom:6px;padding:20px 0;border-radius:12px;box-shadow:0 0 0 1px #00000008,0 6px 30px -8px #c6ccdc99;background-color:#ffffffb8}}._navTop__categoryLinks_1uy8v_25{display:flex;height:100%}@media screen and (max-width: 1024px){._navTop__categoryLinks_1uy8v_25{flex-direction:column;height:auto;width:100%;padding:10px 6px;border-radius:12px;box-shadow:0 0 0 1px #00000008,0 6px 30px -8px #c6ccdc99;background-color:#ffffffb8}}._navTop__categoryLinks_1uy8v_25 a{display:flex;align-items:center;height:100%;padding:0 16px;color:var(--sbb-light-foreground);font-size:13px;font-weight:600;text-decoration:none}@media screen and (max-width: 1024px){._navTop__categoryLinks_1uy8v_25 a{padding:12px 18px;color:var(--sbb-light-foreground-paragraph-alt);font-size:14px;font-weight:500}}._openMenuButton_1uy8v_59{margin:0 -16px;padding:16px;border:none;background-color:transparent;cursor:pointer}._closeMenuButton_1uy8v_67{position:absolute;top:0;right:0;padding:20px;border:none;background-color:transparent;opacity:.8;cursor:pointer}._mobileMenuContainer_1uy8v_78{position:fixed;top:0;left:0;width:100%;height:100vh;padding:6px;background-color:#00000052;backdrop-filter:blur(6px);animation:_mobileMenuContainerOpen_1uy8v_1 ease .16s}._authLinks_1uy8v_90{width:100%}@media screen and (min-width: 500px) and (max-width: 1024px){._authLinks_1uy8v_90{display:none}}@keyframes _mobileMenuContainerOpen_1uy8v_1{0%{background-color:transparent;backdrop-filter:none}}._mobileMenu_1uy8v_78{position:relative;display:flex;flex-direction:column;align-items:center;gap:18px;top:0;right:0;height:100%;padding:84px 18px 0;border-radius:12px;background-color:var(--sbb-light-background-alt);backdrop-filter:blur(6px);animation:_mobileMenuOpen_1uy8v_1 ease .24s}@keyframes _mobileMenuOpen_1uy8v_1{0%{opacity:0;transform:translateY(24px)}to{opacity:1}}._navAuth_1vw7z_1{display:flex;gap:8px}@media screen and (max-width: 1024px){._navAuth_1vw7z_1{width:100%;font-size:16px}}._link_1vw7z_12{--outline-color-hsl: 0, 0%, 100%;--outline-opacity: .08;display:flex;align-items:center;flex:1 0 50%;justify-content:center;height:36px;padding:0 20px;border-radius:8px;font-size:13px;font-weight:500;text-decoration:none;box-shadow:inset 0 0 0 1px hsla(var(--outline-color-hsl),var(--outline-opacity));background-color:#313d5e3d;backdrop-filter:blur(8px);transition:var(--transition-fast);transition-property:background-color,box-shadow,color;text-wrap:nowrap}@media screen and (max-width: 1024px){._link_1vw7z_12{height:40px}}._link_1vw7z_12._light_1vw7z_37{--outline-color-hsl: 224, 32%, 28%;--outline-opacity: .1;color:#37373e;font-weight:700;background-color:#313d5e1a}._link_1vw7z_12._light_1vw7z_37:hover{--outline-opacity: .2;background-color:transparent}._link_1vw7z_12._accent_1vw7z_48{--outline-opacity: .14;color:#fff;background-color:#1574ef}._link_1vw7z_12._accent_1vw7z_48:hover{--outline-opacity: .24;background-color:#0f8fff}.container:where(.astro-2W66RQV5){position:fixed;z-index:999;transition:.2s ease;transition-property:background-color,backdrop-filter,-webkit-backdrop-filter}.container:where(.astro-2W66RQV5).scrolling{background-color:var(--sbb-light-background-alt-transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.container__content:where(.astro-2W66RQV5){width:100%;padding:0 32px}@media screen and (max-width: 500px){.container__content:where(.astro-2W66RQV5){padding:0 24px}}.nav-top:where(.astro-2W66RQV5){display:flex;flex-wrap:none;align-items:center;justify-content:space-between;gap:32px;width:100%;height:var(--nav-top-height)}.nav-top__title:where(.astro-2W66RQV5){--title-gap: 16px;display:flex;align-items:center;flex:1;gap:var(--title-gap);height:32px;z-index:99}.nav-top__title__logo:where(.astro-2W66RQV5){width:104px;height:100%;background-color:var(--sbb-light-foreground);-webkit-mask-image:url(/logo/stackblitz-logo.svg);mask-image:url(/logo/stackblitz-logo.svg);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}.nav-top__title__link:where(.astro-2W66RQV5){display:flex;align-items:center;height:100%;padding-bottom:1px;color:var(--sbb-light-foreground);font-size:15px;font-weight:600;text-decoration:none}.nav-top__title__link:where(.astro-2W66RQV5):before{content:"/";margin-right:var(--title-gap);color:#a9b1c3;font-size:16px;font-weight:500}@media screen and (max-width: 1024px){.nav-top__category-links:where(.astro-2W66RQV5),.nav-top__icon-links:where(.astro-2W66RQV5){display:none}}@media screen and (max-width: 500px){.nav-top__auth-links:where(.astro-2W66RQV5){display:none}}.nav-top__mobile-menu:where(.astro-2W66RQV5){display:none}@media screen and (max-width: 1024px){.nav-top__mobile-menu:where(.astro-2W66RQV5){display:flex}}footer:where(.astro-AK3UPACL).container{display:flex;flex-direction:column;padding-top:80px;background-image:var(--sbb-dark-background-radial-gradient-dark)}@media screen and (max-width: 640px){footer:where(.astro-AK3UPACL).container{padding-top:64px}}.footer__general-links:where(.astro-AK3UPACL),.footer__disclaimers:where(.astro-AK3UPACL){display:flex;min-height:80px}.footer__general-links:where(.astro-AK3UPACL){justify-content:center;background-color:hsla(var(--sbb-dark-background-gradient_dark-100-hsl),.44)}.footer__general-links:where(.astro-AK3UPACL) .container__content:where(.astro-AK3UPACL){flex-direction:row;justify-content:space-between;align-items:center}@media screen and (max-width: 640px){.footer__general-links:where(.astro-AK3UPACL) .container__content:where(.astro-AK3UPACL){padding:24px;flex-direction:column;gap:32px}}.footer__disclaimers:where(.astro-AK3UPACL){justify-content:flex-end;padding-bottom:12px;background-color:hsla(var(--sbb-dark-background-gradient_dark-100-hsl),.8)}.footer__disclaimers:where(.astro-AK3UPACL) .container__content:where(.astro-AK3UPACL){align-items:flex-end}.footer-container:where(.astro-AK3UPACL){display:flex;justify-content:space-between;align-items:flex-start;gap:80px;width:100%;margin-bottom:132px}@media screen and (max-width: 860px){.footer-container:where(.astro-AK3UPACL){gap:120px}}@media screen and (max-width: 640px){.footer-container:where(.astro-AK3UPACL){flex-direction:column;gap:52px;margin-bottom:64px;padding:0 16px}}.footer__logo:where(.astro-AK3UPACL){width:120px}.footer__link-groups:where(.astro-AK3UPACL){display:grid;grid-template-columns:repeat(4,1fr);width:calc(var(--layout-content-width) / 6 * 4)}@media screen and (max-width: 860px){.footer__link-groups:where(.astro-AK3UPACL){grid-template-columns:repeat(2,1fr);gap:64px 0}}@media screen and (max-width: 640px){.footer__link-groups:where(.astro-AK3UPACL){grid-template-columns:1fr;gap:52px;width:auto}}.footer__link-group:where(.astro-AK3UPACL){display:flex;flex-direction:column;align-items:flex-start;gap:24px}.link-group__heading:where(.astro-AK3UPACL){color:var(--sbb-dark-foreground);font-size:14px;font-weight:600}.link-group__link:where(.astro-AK3UPACL){display:block;padding:7px 0;color:var(--sbb-dark-foreground-link);font-size:13px;font-weight:500;text-decoration:none;text-underline-offset:3px;transition:.1s ease;transition-property:color}.link-group__link:where(.astro-AK3UPACL):hover{color:var(--sbb-dark-foreground);text-decoration:underline}.copyright-links:where(.astro-AK3UPACL){display:flex;gap:28px}@media screen and (max-width: 640px){.copyright-links:where(.astro-AK3UPACL){flex-wrap:wrap;justify-content:center;gap:16px 28px}}.copyright-links:where(.astro-AK3UPACL) li:where(.astro-AK3UPACL),.copyright-links:where(.astro-AK3UPACL) a:where(.astro-AK3UPACL){font-size:12.5px;font-weight:600}.copyright-links:where(.astro-AK3UPACL) li:where(.astro-AK3UPACL){color:var(--sbb-dark-foreground-link)}.copyright-links:where(.astro-AK3UPACL) a:where(.astro-AK3UPACL){color:hsla(var(--sbb-dark-foreground-link-hsl),.7);text-decoration:none;text-underline-offset:3px;transition:.1s ease;transition-property:color}.copyright-links:where(.astro-AK3UPACL) a:where(.astro-AK3UPACL):hover{color:var(--sbb-dark-foreground);text-decoration:underline}.social-links:where(.astro-AK3UPACL){display:flex;gap:24px}.footer__disclaimer:where(.astro-AK3UPACL){color:hsla(var(--sbb-dark-foreground-link-hsl),.4);font-size:11.5px;font-weight:600}