.styles_main__HeRPW{margin-top:-150px;grid-column:1/-1!important}.styles_background__7HE97{padding-top:120px;background-color:#647acb;display:flex;flex-direction:column;align-items:center;padding-inline:20px}.styles_title__tkeuc{z-index:99999999;text-align:center;color:var(--color-light-text);font-size:3rem;font-weight:700}@media screen and (min-width:768px){.styles_title__tkeuc{font-size:4.5rem}}.styles_tagline__VEuf3{z-index:9999999;color:var(--color-light-text);max-width:980px;white-space:pre-wrap;text-align:center}.styles_grid__XRxDG{display:grid;grid-template-columns:1fr;grid-gap:50px;gap:50px}@media(min-width:1024px){.styles_grid__XRxDG{grid-template-columns:1fr 1fr;gap:50px}}.mentions_mentionContainer__pPyuG:has([data-line=mentioned]) * [data-line]:not([data-line=mentioned]){opacity:.3}.mentions_mentionContainer__pPyuG:has([data-line=mentioned]) * [data-line=mentioned]{background-color:var(--code-editor-highlight)}.mentions_hoverLine__ojJ40{transition:opacity .3s,background-color .3s}.mentions_hoverLink__JHXNQ{position:relative;isolation:isolate;display:inline-block;cursor:help}.mentions_hoverLink__JHXNQ,.mentions_hoverLink__JHXNQ code{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;text-underline-offset:4px}.mentions_hoverLink__JHXNQ .mentions_extraHoverArea__DjZRh{z-index:-1;display:inline-block;--size-x:-8px;--size-y:-3px;position:absolute;top:var(--size-y);left:var(--size-x);right:var(--size-x);bottom:var(--size-y);-webkit-user-select:none;-moz-user-select:none;user-select:none}.word-wrap_wordWrap__P__G6{white-space:pre-wrap}.tab_tabList__9M7qR{position:relative;display:flex;flex-direction:row;background-color:var(--code-tab-inactive-background);border-top-left-radius:var(--code-border-radius);border-top-right-radius:var(--code-border-radius)}.tab_tabList__9M7qR:after{position:absolute;bottom:0;left:0;content:"";width:100%;height:1px;background-color:var(--code-tab-border)}.tab_tab__Hu9h9{display:flex;align-items:center;gap:var(--spacing-2);color:var(--code-tab-inactive-foreground);border-top-width:1px;border:1px solid var(--code-tab-border);border-top:2px solid var(--code-tab-border);position:relative;background-color:var(--code-tab-inactive-background);padding:var(--spacing-2) var(--spacing-3);font-size:13px}.tab_tab__Hu9h9,.tab_tab__Hu9h9 *,.tab_tab__Hu9h9 :after,.tab_tab__Hu9h9 :before{box-sizing:content-box}.tab_tab__Hu9h9:first-child{border-top-left-radius:var(--code-border-radius)}.tab_tab__Hu9h9[data-state=active]{color:var(--code-tab-active-foreground);border-color:var(--code-tab-active-border);border-top-color:var(--code-tab-active-border-top);border-bottom:0 solid transparent;background-color:var(--code-tab-active-background)}.tab_tab__Hu9h9[data-state=active] .tab_tabBottomBorder__qI87A{z-index:10;bottom:-1px;left:0;position:absolute;width:100%;border-bottom:2px solid var(--code-tab-active-background)}.copy-button_copyButton__5pl0K{border-radius:.25rem;position:absolute;top:var(--spacing-2);right:var(--spacing-2);color:var(--code-line-numbers);background-color:transparent;border:0;cursor:pointer;font-size:inherit;line-height:inherit;padding:var(--spacing-1);margin:calc(var(--spacing-1)*-1);text-align:center;display:flex;align-items:center;justify-content:center}.copy-button_copyButton__5pl0K:hover{background-color:rgba(156,163,175,.2)}.copy-button_copyButton__5pl0K svg{margin-left:1px;margin-right:-1px}.line-numbers_line__LqOhS{display:flex}.line-numbers_lineNumber__hw5n4{text-align:right;opacity:.5;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:var(--code-line-numbers)}.line-numbers_lineContent__VDub8{flex:1 1;padding-left:var(--spacing-3)}.code_codeWrapper__fx_Gz{margin-block:var(--spacing-4);--code-border-radius:8px;position:relative;display:flex;flex-direction:column;background:var(--code-tab-active-background);border-radius:var(--code-border-radius);overflow:hidden;font-family:sans-serif}@supports(font-variation-settings:normal){.code_codeWrapper__fx_Gz{font-family:Segoe WPC,Segoe UI,sans-serif}}@supports(font:-apple-system-body){.code_codeWrapper__fx_Gz{font-family:-apple-system,system-ui,sans-serif}}.code_codeWrapper__fx_Gz *,.code_codeWrapper__fx_Gz :after,.code_codeWrapper__fx_Gz :before{box-sizing:border-box}pre.code_codeBlock__ZFoEs{font-family:var(--code-font-family,"monospace");padding:var(--spacing-1);margin:var(--spacing-2) 0;font-size:14px;line-height:1.3}@media(max-width:400px){pre.code_codeBlock__ZFoEs{overflow-x:auto}}.collapse_chevronIcon__Nkjom{display:inline-block;transition:transform .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:.3;margin-bottom:.125rem}.collapse_chevronIcon__Nkjom[data-state=closed]{transform:rotate(-90deg);opacity:.8}.collapse_chevronIcon__Nkjom:hover{opacity:1!important}.collapse_triggerGroup__IGd2n{display:contents}.collapse_lineRow__C2Mj0{display:table-row}.collapse_iconCell__1atGF{width:1.25rem;text-align:center;display:table-cell}.collapse_contentCell__SjG83{display:table-cell}.scrolly-coding_responsiveContainer__qWk3F{container-type:inline-size;grid-column:1/-1!important;margin-block:var(--spacing-8)}.scrolly-coding_desktopContainer__9nAfs{display:none}@container (width > 600px){.scrolly-coding_desktopContainer__9nAfs{display:block}}.scrolly-coding_mobileContainer__MLKrk{display:block}@container (width > 600px){.scrolly-coding_mobileContainer__MLKrk{display:none}}.scrolly-coding_container__h_Mno{display:flex;gap:1rem;contain:paint}.scrolly-coding_stepsContainer___X3T2{flex:3 1;margin-left:.5rem;max-width:65ch}.scrolly-coding_stepsContainer___X3T2 h1,.scrolly-coding_stepsContainer___X3T2 h2,.scrolly-coding_stepsContainer___X3T2 h3,.scrolly-coding_stepsContainer___X3T2 h4,.scrolly-coding_stepsContainer___X3T2 h5,.scrolly-coding_stepsContainer___X3T2 h6{font-weight:600}.scrolly-coding_stepsContainer___X3T2 p{margin:1.5em 0;line-height:1.75}.scrolly-coding_step__XUJ1F{position:relative;--border-color:var(--code-tab-border);border-left:1px solid var(--border-color);border:1px solid var(--border-color);border-left-width:4px;padding:.5rem 1.25rem;margin-bottom:6rem;border-radius:.25rem;transition:opacity .3s;opacity:.5}.scrolly-coding_step__XUJ1F[data-selected=true]{--border-color:var(--code-tab-active-border-top);opacity:1}.scrolly-coding_stepBackground__pxTmS{position:absolute;top:0;left:0;right:0;bottom:0;background:#f6fafd;z-index:-1}.scrolly-coding_stepTitle__jwnYB{margin-top:1rem;font-size:1.25rem;line-height:1.75rem}.scrolly-coding_stickyCode__ZpVIr{position:-webkit-sticky;position:sticky;top:10rem;overflow:auto;background:var(--code-tab-active-background);border-radius:var(--code-border-radius)}.scrolly-coding_stickyCode__ZpVIr pre{overflow:hidden;overflow:clip}.scrolly-coding_grid__mx139{flex:4 1;display:grid;grid-template:"container";contain:paint;--code-border-radius:8px;border-bottom-right-radius:var(--code-border-radius);border-bottom-left-radius:var(--code-border-radius)}.scrolly-coding_grid__mx139>*{grid-area:container}.scrolly-coding_backgroundContainer__cqxcb{position:-webkit-sticky;position:sticky;top:10rem;margin-top:10px;height:10px;border-radius:var(--code-border-radius)}.scrolly-coding_backgroundContainer__cqxcb:after{border-radius:var(--code-border-radius);content:"";position:absolute;top:0;left:0;right:0;bottom:-200vh;background:var(--code-tab-active-background);z-index:-1}