.Header_githubMenuItem__8jvn3,.Header_header__2AlXl{display:flex;align-items:center;justify-content:center}.Header_header__2AlXl{flex-direction:column;background:#fff;border-bottom:1px solid #e2e0e0;padding:14px 0;position:-webkit-sticky;position:sticky;top:0;z-index:90}.Header_header__2AlXl .Header_headerContent__RlvqN{display:flex;width:100%;max-width:1400px;padding:0 40px;justify-content:space-around}.Header_header__2AlXl .Header_headerContent__RlvqN .Header_mainNav__xEPTs{display:flex;align-items:center;margin-left:30px;font-size:16px}.Header_header__2AlXl .Header_headerContent__RlvqN .Header_mainNav__xEPTs a{display:block;margin:0 8px;color:#323131;transition:background .2s;padding:9px 12px 6px;border-radius:8px;line-height:1}.Header_header__2AlXl .Header_headerContent__RlvqN .Header_mainNav__xEPTs a.Header_active__hqWrL,.Header_header__2AlXl .Header_headerContent__RlvqN .Header_mainNav__xEPTs a:hover{background:var(--color-bg-inset)}.Header_header__2AlXl .Header_headerContent__RlvqN .Header_mainNav__xEPTs a:active{background:var(--color-bg-inset-emphasis)}.Header_header__2AlXl .Header_headerContent__RlvqN .Header_secondaryNav__lKe_Q{margin-left:auto;display:flex;align-items:center}.Header_header__2AlXl .Header_headerContent__RlvqN .Header_secondaryNav__lKe_Q a{margin-left:18px;display:block;width:26px;transition:opacity .2s}.Header_header__2AlXl .Header_headerContent__RlvqN .Header_secondaryNav__lKe_Q a svg{display:block}.Header_header__2AlXl .Header_headerContent__RlvqN .Header_secondaryNav__lKe_Q a:hover{opacity:.6}.Header_header__2AlXl .Header_headerContent__RlvqN .Header_secondaryNav__lKe_Q .DocSearch-Button{width:200px}.Header_header__2AlXl .Header_headerContent__RlvqN .Header_mobileNavToggle__jNge_{border:none;padding:0;right:0;top:7.5em}.Header_header__2AlXl .Header_headerContent__RlvqN .Header_mobileNavToggle__jNge_ span{background-color:#333;display:block;height:3px;margin:.53em;width:2.5em}.Header_header__2AlXl .Header_searchBarContainer__gSERJ{margin-left:auto;font-size:14px}.Header_header__2AlXl .Header_searchBarContainer__gSERJ input{width:200px;background:#eaeaea;border-radius:3px;border:0;padding:8px 12px;line-height:1}.Header_header__2AlXl .Header_logo__d2E46,.Header_header__2AlXl .Header_logo__d2E46 a{display:flex;align-items:center}.Header_header__2AlXl .DocSearch-Button-Placeholder{font-size:14px;margin-top:2px}.Header_header__2AlXl .DocSearch-Button-Keys{display:flex;justify-content:center;background:#fff;border:1px solid #ccc;border-radius:6px;min-width:30px;text-align:center;padding:1px 5px 0;margin-right:8px;height:20px}.Header_header__2AlXl .DocSearch-Search-Icon{color:var(--docsearch-muted-color)}.Header_header__2AlXl .DocSearch-Button-Key{margin:0;padding:0;width:auto;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1}.Header_header__2AlXl .DocSearch-Button-Key--pressed{box-shadow:none;transform:none}.Header_versionWrapper__ByVS_{position:relative;margin-left:4px}.Header_versionWrapper__ByVS_ .Header_version__opXB6{display:flex;align-items:center;font-size:13px;border-radius:8px;line-height:1;background:var(--color-accent);font-family:Sofia Pro,sans-serif;transition:all .2s;border:2px solid transparent;padding:5px 6px 3px 8px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.Header_versionWrapper__ByVS_ .Header_version__opXB6:hover{background:transparent;border:2px solid var(--color-accent)}.Header_versionWrapper__ByVS_ .Header_version__opXB6 svg{height:12px;width:12px;fill:#333}.Header_versionWrapper__ByVS_ .Header_versionDropdown__me7d2,.Header_versionWrapper__ByVS_ .Header_version__opXB6{margin-left:10px}.Header_versionWrapper__ByVS_ .Header_versionDropdown__me7d2{margin-top:8px;position:absolute;padding:12px 8px;width:max-content;text-align:left;font-size:16px;transition:opacity .2s;background:#fff;border-radius:8px;box-shadow:0 0 1rem rgba(0,0,0,.15)}.Header_versionWrapper__ByVS_ .Header_versionDropdown__me7d2:not(.Header_isOpen__BGKPB){pointer-events:none;opacity:0}.Header_versionWrapper__ByVS_ .Header_versionDropdown__me7d2 .Header_versionLabel__m77Q4{color:#999;text-transform:uppercase;font-size:12px;border-top:1px solid #eee;padding:12px 8px 0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.Header_versionWrapper__ByVS_ .Header_versionDropdown__me7d2 .Header_versionLabel__m77Q4:not(:first-child){margin-top:8px}.Header_versionWrapper__ByVS_ .Header_versionDropdown__me7d2 .Header_versionDropdownItem__M3dAG{padding:8px 10px 7px;line-height:1;transition:background .2s;border-radius:8px}.Header_versionWrapper__ByVS_ .Header_versionDropdown__me7d2 .Header_versionDropdownItem__M3dAG span{text-transform:uppercase;font-size:12px;margin-left:20px;background:var(--color-accent);padding:4px 8px;border-radius:4px;line-height:1}.Header_versionWrapper__ByVS_ .Header_versionDropdown__me7d2 .Header_versionDropdownItem__M3dAG svg{width:12px;height:12px;color:#ccc;margin-left:4px;margin-top:-1px;fill:#999}.Header_versionWrapper__ByVS_ .Header_versionDropdown__me7d2 .Header_versionDropdownItem__M3dAG.Header_isActive__pBx6Y,.Header_versionWrapper__ByVS_ .Header_versionDropdown__me7d2 .Header_versionDropdownItem__M3dAG:hover{background:#f5f5f5}.Header_header__2AlXl .Header_mobileNavToggle__jNge_,.Header_header__2AlXl .Header_mobileNav__Owv_Z{display:none}.Header_header__2AlXl .Header_mobileMainNav__I5BY7{margin-top:24px}.Header_header__2AlXl .Header_mobileMainNav__I5BY7 a{display:block;font-size:16px;padding:8px 0}@media(max-width:960px){.Header_header__2AlXl .DocSearch-Button{display:none}}@media(max-width:800px){.Header_header__2AlXl .Header_headerContent__RlvqN .Header_mainNav__xEPTs,.Header_header__2AlXl .Header_headerContent__RlvqN .Header_secondaryNav__lKe_Q{display:none}.Header_header__2AlXl .Header_headerContent__RlvqN{justify-content:space-between}.Header_header__2AlXl .Header_mobileNavToggle__jNge_,.Header_header__2AlXl .Header_mobileNav__Owv_Z.Header_isNavOpen__DdnWe{display:block}}.GitHub_button__NOW4F{background-color:#1d1e30;border:3px solid #1d1e30;display:flex;flex-direction:row;font-family:Sofia Pro,sans-serif;font-weight:700;letter-spacing:.15rem;text-transform:uppercase;width:min-content}.GitHub_action__jv_N0{color:#fff;display:flex;flex-direction:row;font-size:1.33rem;line-height:32px;padding:10px 22px}.GitHub_action__jv_N0:hover{color:#fff}.GitHub_action__jv_N0 svg{float:left;height:32px;margin-right:12px;width:32px}.GitHub_action__jv_N0 path{fill:#fff}.GitHub_count__0bC6I{color:inherit;background-color:#fff;font-size:1.75rem;line-height:32px;padding:10px 30px}.GitHub_button__NOW4F.GitHub_isDark__pkJVY{background-color:#fff;border:3px solid #fff}.GitHub_button__NOW4F.GitHub_isDark__pkJVY .GitHub_action__jv_N0{color:#1d1e30}.GitHub_button__NOW4F.GitHub_isDark__pkJVY .GitHub_action__jv_N0 path{fill:#1d1e30}.GitHub_button__NOW4F.GitHub_isDark__pkJVY .GitHub_count__0bC6I{background-color:#1d1e30;color:#fff}.OpenSource_container__25t67 .OpenSource_about__TlGxg{line-height:1.2}.OpenSource_github__MTdVz{margin-top:20px}.PostLayout_breadcrumbRow__R9JLA{align-items:center;display:flex;margin-bottom:32px;justify-content:space-between}.PostLayout_breadcrumbRow__R9JLA:after{content:none}.PostLayout_breadcrumbRow__R9JLA .PostLayout_breadcrumb__ez32c{font-size:1.25rem;display:flex}.PostLayout_breadcrumbRow__R9JLA .PostLayout_breadcrumb__ez32c span:not(:last-child):after{content:">";font-weight:400;margin:0 4px 0 6px}.PostLayout_breadcrumbRow__R9JLA .PostLayout_breadcrumb__ez32c span:first-child{font-weight:700;margin-right:4px}.PostLayout_breadcrumbRow__R9JLA .PostLayout_editOnGitHub__qgBJc{font-size:1.08rem;max-width:var(--width-readable);text-transform:uppercase}.PostLayout_content__Rt0_E code{background:#f1f1f1}.PostLayout_content__Rt0_E pre{border-radius:2px}.PostLayout_content__Rt0_E pre code{background:transparent}.Sandpack_container__hQZCA{margin:24px 0 32px;transition:opacity .2s}.Sandpack_bar___x4Gz{display:flex;margin:0 0 10px}.Sandpack_bar___x4Gz .Sandpack_togglePreviewButton__hQKk5{margin-left:auto}.Sandpack_wrapper__fXxET{display:flex;flex-direction:column}.Sandpack_wrapper__fXxET .Sandpack_editorWrapper__VlS4d{border:1px solid #dadcdc;position:relative;max-height:480px;display:flex;flex-direction:column}.Sandpack_wrapper__fXxET .Sandpack_editorWrapper__VlS4d .Sandpack_codeArea__qEZE2{display:flex;flex-direction:row;min-height:0}.Sandpack_wrapper__fXxET .Sandpack_editorWrapper__VlS4d .Sandpack_fileTree__blqzy{border-right:1px solid #dadcdc;width:200px;overflow:auto}.Sandpack_wrapper__fXxET .Sandpack_editorWrapper__VlS4d .Sandpack_editor__5E7Vk{display:flex;flex:1 1}.Sandpack_wrapper__fXxET .Sandpack_preview__0Ytj9{border:1px solid #ccc;border-top:0;min-height:283px;display:flex}.Sandpack_wrapper__fXxET.Sandpack_preferPreview__8TOWD .Sandpack_preview__0Ytj9{border:1px solid #ccc;border-bottom:0;min-height:320px}.Sandpack_widget__p8h3j{border:1px solid #1ea7fd;border-radius:2px;padding:2px 4px 2px 12px;margin-left:6px;position:relative;cursor:pointer}.Sandpack_widget__p8h3j:before{content:attr(data-id);background:#1ea7fd;border-radius:100%;position:absolute;width:16px;display:block;height:16px;left:-8px;top:2px;font-size:11px;text-align:center;color:#fff;line-height:17px}.Sandpack_footer__15Fzo{background:var(--color-bg-inset);padding:8px 12px;border-top:1px solid #dadcdc}.Sandpack_standaloneWrapper__zReyv{display:grid;grid-template-columns:min-content fit-content(400px) 1fr;height:100vh}.Sandpack_standaloneWrapper__zReyv .Sandpack_standaloneFileTree__qH_fS{border-right:1px solid #ccc}.Sandpack_standaloneWrapper__zReyv .Sandpack_standaloneEditor__JNqqu{border-right:1px solid #ccc;width:400px;overflow-y:auto;scrollbar-gutter:stable}.Sandpack_standaloneWrapper__zReyv .Sandpack_standalonePreview__KQIvQ{display:flex}@media(max-width:900px){.Sandpack_standaloneWrapper__zReyv{display:flex;flex-direction:column-reverse;height:auto}.Sandpack_standaloneWrapper__zReyv .Sandpack_standalonePreview__KQIvQ{height:320px}.Sandpack_standaloneWrapper__zReyv .Sandpack_standaloneEditor__JNqqu{width:auto;border-top:1px solid #ccc;border-right:0}.Sandpack_standaloneWrapper__zReyv .Sandpack_standaloneFileTree__qH_fS{border-top:1px solid #ccc;border-right:0}}.Sandpack_copied__daY_C{position:fixed;top:0;left:0;right:0;bottom:0;color:#fff;display:flex;align-items:center;place-content:center;font-size:20px;opacity:0;transition:opacity .2s;pointer-events:none;z-index:99999}.Sandpack_copied__daY_C.Sandpack_active__a9f_P{opacity:1}.Sandpack_copied__daY_C:before{content:"URL copied to clipboard";background-color:rgba(0,0,0,.5);width:max-content;padding:10px 20px;border-radius:10px;line-height:20px}.Sandpack_shareButton__EL9ea{padding:10px;border-bottom:1px solid #ccc}.Hint_container__rqsPl{padding:0 0 0 20px;border-left:3px solid #45aad8;margin:20px 0 30px}.Hint_container__rqsPl .Hint_title__iXBnK{color:#45aad8;margin-bottom:4px}.Hint_container__rqsPl :last-child{margin-bottom:0}