svg.svelte-16p950b.svelte-16p950b,svg.svelte-16p950b>path.svelte-16p950b{flex:none;overflow:visible}code>span{display:inline-block!important;position:relative!important}.animate-slowest{-webkit-animation-duration:5s;animation-duration:5s}.snippet{position:relative;z-index:50;grid-column:span 3 / span 3;margin-left:-2.5rem;overflow:clip;border-radius:.125rem;--tw-bg-opacity:1;background-color:rgb(30 41 59 / var(--tw-bg-opacity));--tw-shadow:0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-inset:inset;--tw-ring-color:rgb(255 255 255 / .3);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;box-shadow:0 3px 3px -2px #0003,0 3px 4px #00000024,0 1px 8px #0000001f;counter-reset:block}.snippet:hover{box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f}@media (prefers-color-scheme: dark){.snippet{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.snippet{--tw-ring-inset:inset}.snippet{--tw-ring-color:rgb(255 255 255 / .1)}.snippet{box-shadow:0 3px 5px -1px #0003,0 5px 8px #00000024,0 1px 14px #0000001f}.snippet:hover{box-shadow:0 6px 6px -3px #0003,0 10px 14px 1px #00000024,0 4px 18px 3px #0000001f}}@media (min-width: 640px){.snippet{border-radius:.5rem}}@media (min-width: 1280px){.snippet{margin-left:0}}pre{margin-left:1rem;margin-right:1rem;display:flex;overflow:auto;font-size:.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(241 245 249 / var(--tw-text-opacity));font-variant-ligatures:contextual;counter-increment:block}.snippet pre:before{content:"";position:absolute;top:0px;left:0px;z-index:20;display:block;height:100%;width:3.5rem;border-right-width:2px;border-right-color:#fff3;background-color:#00000040}pre code{position:relative!important;flex:none;padding-top:.75rem;padding-bottom:.75rem;font-size:.875rem!important;line-height:1.75rem;-moz-tab-size:2;-o-tab-size:2;tab-size:2}pre::-webkit-scrollbar{height:0px!important;width:0px!important;background-color:#0000!important}.no-numbers code>span{margin-left:0!important;margin-right:0!important}.snippet pre code span{position:relative!important;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.7s}.snippet pre code span:hover{background-color:#0003!important}.snippet pre:not(.no-numbers)>code>span:before{position:absolute;left:0px;z-index:1000;margin-left:-1.25rem;display:block;min-width:2.66rem;max-width:3rem;padding-left:1.25rem;text-align:right;font-size:.875rem;line-height:1.25rem;font-weight:500;line-height:1.9;color:#ffffff80!important;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.5s;--tw-content:counter(line);content:var(--tw-content)}.snippet pre:not(.no-numbers)>code{position:relative!important;display:inline-block;counter-reset:line}.snippet pre:not(.no-numbers)>code>span{position:relative;display:inline-block;padding-left:3rem;padding-right:.5rem;counter-increment:line}.snippet pre:not(.no-numbers)>code>span:hover:before{content:var(--tw-content)!important;color:#ffffffb3!important}.thumb{margin-left:.25rem;margin-right:.25rem;margin-top:.25rem;display:flex;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content;flex:1 1 auto;overflow:clip;border-radius:.25rem;border-bottom-width:1px;border-top-width:1px;border-color:#64748b80;--tw-border-opacity:1;border-bottom-color:rgb(51 65 85 / var(--tw-border-opacity));background-color:#33415580;box-shadow:0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f!important}@media (min-width: 640px){.thumb{border-radius:.375rem}}.toolbar{position:absolute;top:4px;right:0px;display:flex;height:2rem;align-items:center;padding-right:.75rem}.toolbar div{position:relative;margin-right:-.5rem;display:flex;gap:.125rem}.toolbar button{margin-left:-.25rem;--tw-text-opacity:1;color:rgb(100 116 139 / var(--tw-text-opacity));transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.toolbar button:hover{--tw-text-opacity:1;color:rgb(148 163 184 / var(--tw-text-opacity))}@media (prefers-color-scheme: dark){.toolbar button{--tw-text-opacity:1;color:rgb(148 163 184 / var(--tw-text-opacity))}.toolbar button:hover{--tw-text-opacity:1;color:rgb(203 213 225 / var(--tw-text-opacity))}}.tab-bar{position:relative;z-index:50;display:flex;padding-left:.25rem;font-size:.75rem;line-height:1.5rem;--tw-text-opacity:1;color:rgb(148 163 184 / var(--tw-text-opacity))}.tab:before{z-index:1000;margin-right:.75rem;margin-left:-.5rem;display:none;height:.5rem;width:1rem;border-radius:9999px;border-right-width:2px;border-right-color:currentColor;padding-top:.375rem;padding-bottom:.375rem;text-align:center;font-size:.6rem!important;line-height:.15em;color:currentColor;opacity:.75;--tw-content:counter(block);content:var(--tw-content);counter-increment:block}.tab{position:relative;z-index:20;margin-top:.25rem;display:flex;flex:none;cursor:pointer;align-items:center;border-radius:.125rem;border-top-width:0px;border-bottom-width:2px;border-right-width:0px;--tw-border-opacity:1;border-color:rgb(125 211 252 / var(--tw-border-opacity));border-top-color:transparent!important;padding:.375rem 1rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(125 211 252 / var(--tw-text-opacity));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.7s;transition-timing-function:cubic-bezier(.4,0,1,1);box-shadow:0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f}.tab:hover{box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f}@media (min-width: 640px){.tab{border-radius:.375rem}}@media (min-width: 1280px){.tab{border-radius:.5rem}}.tab:not(.active){--tw-border-opacity:.6 !important;background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-gradient-from:#1f2937;--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, rgb(31 41 55 / 0));--tw-gradient-to:#0f172a;--tw-text-opacity:.8 !important}.tab:not(.active):hover{--tw-border-opacity:.8 !important;--tw-text-opacity:.9 !important}.tab:not(.tab)~:global(.tab){border-radius:.125rem!important;font-weight:600}@media (min-width: 640px){.tab:not(.tab)~:global(.tab){border-radius:.375rem!important}}@media (min-width: 1280px){.tab:not(.tab)~:global(.tab){border-radius:.5rem!important}}@media (min-width: 1536px){.tab:not(.tab)~:global(.tab){border-radius:.75rem!important}}.tab.active,.tab[aria-selected=true],.tab[tabindex="0"]{z-index:50!important;font-weight:500}.tab[data-lang=js i],.tab[data-lang=jsx i]{--icon:url(https://icns.ml/javascript.svg);--tw-border-opacity:1;border-color:rgb(254 240 138 / var(--tw-border-opacity));--tw-text-opacity:1;color:rgb(254 240 138 / var(--tw-text-opacity))}.tab[data-lang=css i]{--icon:url(https://icns.ml/css3.svg);--tw-border-opacity:1;border-color:rgb(167 139 250 / var(--tw-border-opacity));--tw-text-opacity:1;color:rgb(167 139 250 / var(--tw-text-opacity))}.tab[data-lang=sass i],.tab[data-lang=scss i]{--icon:url(https://icns.ml/sass.svg);--tw-border-opacity:1;border-color:rgb(244 114 182 / var(--tw-border-opacity));--tw-text-opacity:1;color:rgb(244 114 182 / var(--tw-text-opacity))}.tab[data-lang=sh i]{--icon:url(https://icns.ml/gnubash.svg);--tw-border-opacity:1;border-color:rgb(190 242 100 / var(--tw-border-opacity));--tw-text-opacity:1;color:rgb(190 242 100 / var(--tw-text-opacity))}.tab[data-lang=html i]{--icon:url(https://icns.ml/html5.svg);--tw-border-opacity:1;border-color:rgb(129 140 248 / var(--tw-border-opacity));--tw-text-opacity:1;color:rgb(129 140 248 / var(--tw-text-opacity))}.tab[data-lang=ts i],.tab[data-lang=tsx i]{--icon:url(https://icns.ml/typescript.svg);--tw-border-opacity:1;border-color:rgb(56 189 248 / var(--tw-border-opacity));--tw-text-opacity:1;color:rgb(56 189 248 / var(--tw-text-opacity))}.tab[data-lang=svelte i],.tab[data-lang=svx i],.tab[data-lang=mdsvex i]{--icon:url(https://icns.ml/svelte.svg);--tw-border-opacity:1;border-color:rgb(255 77 0 / var(--tw-border-opacity));--tw-text-opacity:1;color:rgb(255 74 51 / var(--tw-text-opacity))}.tab[data-lang=svelte i]:hover,.tab[data-lang=svx i]:hover,.tab[data-lang=mdsvex i]:hover{--tw-text-opacity:1 !important;color:rgb(255 79 51 / var(--tw-text-opacity))!important}.tab[data-lang=vue i]{--icon:url(https://icns.ml/vuedotjs.svg);border-color:#4fc08d;color:#4fc08d}.tab[data-lang=pnpm i]{--icon:url(https://icns.ml/pnpm.svg);--tw-border-opacity:1;border-color:rgb(254 215 170 / var(--tw-border-opacity));--tw-text-opacity:1;color:rgb(254 215 170 / var(--tw-text-opacity))}.tab[data-lang=pnpm i]:hover{--tw-text-opacity:1;color:rgb(251 146 60 / var(--tw-text-opacity))}.tab[data-lang=yarn i]{--icon:url(https://icns.ml/yarn.svg);--tw-border-opacity:1;border-color:rgb(147 197 253 / var(--tw-border-opacity));--tw-text-opacity:1;color:rgb(147 197 253 / var(--tw-text-opacity))}.tab[data-lang=yarn i]:hover{--tw-text-opacity:1;color:rgb(96 165 250 / var(--tw-text-opacity))}.tab[data-lang=npm i]{--icon:url(https://icns.ml/npm.svg);--tw-border-opacity:1;border-color:rgb(252 165 165 / var(--tw-border-opacity));--tw-text-opacity:1;color:rgb(252 165 165 / var(--tw-text-opacity))}.tab[data-lang=npm i]:hover{--tw-text-opacity:1;color:rgb(248 113 113 / var(--tw-text-opacity))}.step-info,.step.info{grid-column:span 2 / span 2;margin-bottom:3rem}@media (min-width: 1280px){.step-info,.step.info{margin-bottom:0}}.step{position:relative;grid-template-columns:repeat(5,minmax(0,1fr));gap:.5rem;padding-left:2.5rem;padding-bottom:6rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:1.2s}.step:before{content:var(--tw-content);position:absolute}.step:after{content:var(--tw-content);position:absolute}.step:last-child{padding-bottom:5rem}@media (min-width: 640px){.step{padding-bottom:7rem}}@media (min-width: 768px){.step{padding-bottom:8rem}}@media (min-width: 1024px){.step{padding-bottom:9rem}}@media (min-width: 1280px){.step{display:grid}.step{padding-bottom:10rem}}@media (min-width: 1536px){.step{padding-bottom:11rem}}.info h4{position:relative;margin-top:.125rem;margin-bottom:1rem;display:inline-block;cursor:default;padding-left:1rem;padding-right:1.5rem;font-size:1rem;line-height:1.5rem;font-weight:600!important;--tw-text-opacity:1;color:rgb(15 23 42 / var(--tw-text-opacity))}@media (prefers-color-scheme: dark){.info h4{--tw-text-opacity:1;color:rgb(226 232 240 / var(--tw-text-opacity))}}@media (min-width: 640px){.info h4{margin-top:.25rem}.info h4{padding-right:.5rem}.info h4{font-size:1.25rem!important;line-height:1.75rem!important}}.info .description{margin-bottom:3rem;cursor:default;padding-left:1rem;padding-right:1.5rem;font-size:.875rem;line-height:1.25rem}@media (prefers-color-scheme: dark){.info .description{color:#e2e8f099}}@media (min-width: 640px){.info .description{margin-bottom:2.5rem}.info .description{padding-right:.5rem}.info .description{font-size:1rem!important;line-height:1.5rem!important}}.step-number,.step:not(.footer):not(pre):before{position:absolute;left:calc(.6875rem + 4px);top:2px;z-index:50;display:flex;height:calc(1.375rem + 1px);width:calc(1.375rem + 1px);align-items:center;justify-content:center;border-radius:9999px;background-color:#e2e8f0cc;font-size:.75rem;font-weight:700;--tw-text-opacity:1;color:rgb(51 65 85 / var(--tw-text-opacity));--tw-shadow:0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}@media (prefers-color-scheme: dark){.step-number,.step:not(.footer):not(pre):before{--tw-bg-opacity:1 !important;background-color:rgb(17 24 39 / var(--tw-bg-opacity))!important}.step-number,.step:not(.footer):not(pre):before{color:#94a3b880}.step-number,.step:not(.footer):not(pre):before{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.step-number,.step:not(.footer):not(pre):before{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.step-number,.step:not(.footer):not(pre):before{--tw-ring-color:rgb(190 18 60 / .5) !important}}@media (min-width: 640px){.step-number,.step:not(.footer):not(pre):before{left:0px}.step-number,.step:not(.footer):not(pre):before{top:1px}.step-number,.step:not(.footer):not(pre):before{padding:1rem}.step-number,.step:not(.footer):not(pre):before{font-size:.875rem}}.step:not(.footer):not(pre):before{content:counter(step);counter-increment:step}.step:not(.step.footer):not(pre):after{position:absolute;top:calc(1.875rem + 5px);bottom:0px;left:calc(1.375rem + 3px);z-index:10;width:3px;--tw-bg-opacity:1 !important;background-color:rgb(226 232 240 / var(--tw-bg-opacity))!important}@media (prefers-color-scheme: dark){.step:not(.step.footer):not(pre):after{background-color:#e2e8f00d!important}}@media (min-width: 640px){.step:not(.step.footer):not(pre):after{left:calc(.6875rem + 3px)}}.timeline.svelte-n9s90.svelte-n9s90{position:relative;margin-bottom:0;margin-top:2.5rem;counter-reset:step}.footer.svelte-n9s90.svelte-n9s90{position:relative;gap:0px;padding-bottom:5rem!important}.footer.svelte-n9s90.svelte-n9s90:before{position:absolute;content:var(--tw-content);z-index:50}.footer.svelte-n9s90.svelte-n9s90:after{content:var(--tw-content);position:absolute}.footer.svelte-n9s90.svelte-n9s90:hover:before{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(153 27 27 / var(--tw-bg-opacity))}.footer.svelte-n9s90.svelte-n9s90:before{transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:1s;transition-timing-function:cubic-bezier(.4,0,1,1);position:relative;top:1px;margin-left:.75rem;display:inline-block;height:1.75rem;width:1.75rem;background-color:#991b1b99}@media (prefers-color-scheme: dark){.footer.svelte-n9s90.svelte-n9s90:before:hover{--tw-bg-opacity:1 !important;background-color:rgb(153 27 27 / var(--tw-bg-opacity))!important}}@media (min-width: 640px){.footer.svelte-n9s90.svelte-n9s90:before{margin-left:1px}}.footer.svelte-n9s90.svelte-n9s90:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-2.5 -2.5 30 30' fill='currentColor' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' fill-mode='evenodd'%3E%3Cpath d='M12.5 24a.5.5 0 0 1-.36-.16c-.39-.41-9.57-10.07-11-12.36A7.07 7.07 0 0 1 0 7.74a6.77 6.77 0 0 1 12.5-3.57A6.77 6.77 0 0 1 25 7.74a7.07 7.07 0 0 1-1.14 3.75c-1.42 2.29-10.6 11.95-11 12.36a.5.5 0 0 1-.36.15ZM6.76 2A5.76 5.76 0 0 0 1 7.74 6.09 6.09 0 0 0 2 11c1.21 2 8.75 10 10.51 11.81C14.25 20.92 21.79 12.92 23 11a6.09 6.09 0 0 0 1-3.22 5.77 5.77 0 0 0-11-2.3.52.52 0 0 1-.92 0A5.76 5.76 0 0 0 6.76 2Z' style='fill:%23494b4c'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-2.5 -2.5 30 30' fill='currentColor' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' fill-mode='evenodd'%3E%3Cpath d='M12.5 24a.5.5 0 0 1-.36-.16c-.39-.41-9.57-10.07-11-12.36A7.07 7.07 0 0 1 0 7.74a6.77 6.77 0 0 1 12.5-3.57A6.77 6.77 0 0 1 25 7.74a7.07 7.07 0 0 1-1.14 3.75c-1.42 2.29-10.6 11.95-11 12.36a.5.5 0 0 1-.36.15ZM6.76 2A5.76 5.76 0 0 0 1 7.74 6.09 6.09 0 0 0 2 11c1.21 2 8.75 10 10.51 11.81C14.25 20.92 21.79 12.92 23 11a6.09 6.09 0 0 0 1-3.22 5.77 5.77 0 0 0-11-2.3.52.52 0 0 1-.92 0A5.76 5.76 0 0 0 6.76 2Z' style='fill:%23494b4c'/%3E%3C/svg%3E")}@-webkit-keyframes svelte-n9s90-pulse{50%{opacity:.5}}@keyframes svelte-n9s90-pulse{50%{opacity:.5}}.footer.svelte-n9s90.svelte-n9s90:not(:hover):before{-webkit-animation:svelte-n9s90-pulse 2s cubic-bezier(.4,0,.6,1) infinite;animation:svelte-n9s90-pulse 2s cubic-bezier(.4,0,.6,1) infinite;background-color:#991b1b80;-webkit-animation-duration:5s;animation-duration:5s}.footer.svelte-n9s90 .description.svelte-n9s90{position:relative;top:-2px;margin-left:1.25rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity));transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.5s;transition-timing-function:cubic-bezier(.4,0,1,1)}@-webkit-keyframes svelte-n9s90-bounce{0%,to{transform:translateY(-25%);-webkit-animation-timing-function:cubic-bezier(.8,0,1,1);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;-webkit-animation-timing-function:cubic-bezier(0,0,.2,1);animation-timing-function:cubic-bezier(0,0,.2,1)}}.group:hover .footer.svelte-n9s90 .description.svelte-n9s90{-webkit-animation:svelte-n9s90-bounce 1s infinite;animation:svelte-n9s90-bounce 1s infinite}@media (prefers-color-scheme: dark){.footer.svelte-n9s90 .description.svelte-n9s90{color:#fff6}.footer.svelte-n9s90 .description.svelte-n9s90:hover{color:#fff9}}@media (min-width: 640px){.footer.svelte-n9s90 .description.svelte-n9s90{margin-left:.25rem}}@keyframes svelte-n9s90-bounce{0%,to{transform:translateY(-25%);-webkit-animation-timing-function:cubic-bezier(.8,0,1,1);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;-webkit-animation-timing-function:cubic-bezier(0,0,.2,1);animation-timing-function:cubic-bezier(0,0,.2,1)}}.footer.svelte-n9s90:hover .description.svelte-n9s90{-webkit-animation:svelte-n9s90-bounce 1s infinite;animation:svelte-n9s90-bounce 1s infinite;-webkit-animation-duration:1.5s;animation-duration:1.5s}