.CodeBlock_CodeBlockRoot__vp57F{--code-block-radius:var(--radius-4);position:relative;box-sizing:border-box;background-color:var(--code-block-background);border-radius:var(--code-block-radius)}.CodeBlock_CodeBlockRoot__vp57F:after{content:"";inset:0;position:absolute;box-shadow:0 0 0 1px var(--code-block-border);border-radius:var(--code-block-radius);pointer-events:none}.CodeBlock_CodeBlockHeader__6ids7{background-color:var(--code-block-header-background);border-radius:var(--code-block-radius) var(--code-block-radius) 0 0}.CodeBlock_CodeBlockLivePreview__zHfFc{text-wrap:pretty;background-color:var(--color-background);border-radius:var(--code-block-radius) var(--code-block-radius) 0 0;box-shadow:inset 0 -1px var(--code-block-border)}.CodeBlock_CodeBlockLivePreviewInner__FHRPz{padding:var(--space-4);line-height:1}.CodeBlock_CodeBlockLivePreviewInner__FHRPz[data-scroll=true]{width:-moz-max-content;width:max-content}.CodeBlock_CodeBlockContent__D5T_n{box-sizing:border-box;position:relative;height:100%}.CodeBlock_CodeBlockContent__D5T_n .CodeBlock_CodeBlockCopyButton__fVlhb{position:absolute;top:7px;right:7px;transition:opacity 80ms ease-out;opacity:0}@media (max-width:767px){.CodeBlock_CodeBlockContent__D5T_n .CodeBlock_CodeBlockCopyButton__fVlhb{display:none}}.CodeBlock_CodeBlockContent__D5T_n .CodeBlock_CodeBlockCopyButton__fVlhb:focus-visible{opacity:1}@media (hover:hover){.CodeBlock_CodeBlockContent__D5T_n:hover .CodeBlock_CodeBlockCopyButton__fVlhb{opacity:1}}.CodeBlock_CodeBlockPre__tp_rM{--letter-spacing:var(--letter-spacing-2);box-sizing:border-box;overflow:hidden;height:100%;padding:var(--space-3) var(--space-4);font-family:var(--code-font-family);font-size:calc(var(--font-size-2) * var(--code-font-size-adjust));line-height:22px;white-space:pre}.CodeBlock_CodeBlockPre__tp_rM code{all:unset;display:contents}.CodeBlock_CodeBlockPre__tp_rM [data-highlighted=true]{background-color:var(--accent-a3);padding-left:var(--space-4);padding-right:var(--space-4);margin-left:calc(-1 * var(--space-4));margin-right:calc(-1 * var(--space-4))}.CodeBlock_CodeBlockPre__tp_rM [data-invert-line-highlight=true] [data-highlighted=true]{background-color:transparent;padding:unset;margin:unset}.CodeBlock_CodeBlockPre__tp_rM [data-invert-line-highlight=true] [data-highlighted=false],.CodeBlock_CodeBlockPre__tp_rM [data-invert-line-highlight=true] [data-highlighted=false] *{color:var(--gray-a8)}.CodeBlock_CodeBlockPre__tp_rM [data-invert-line-highlight=true] [data-highlighted],.CodeBlock_CodeBlockPre__tp_rM [data-invert-line-highlight=true] [data-highlighted] *{transition:color .1s ease-in-out}.ThemesDocsAssets_SegmentedControlDemo__hhPZr{--segmented-control-transition-duration:1s;pointer-events:none}@supports (zoom:2){@media (min-width:520px){.ThemesDocsAssets_SegmentedControlDemo__hhPZr{zoom:1.5;transform:scale(1.5)}}@media (min-width:768px){.ThemesDocsAssets_SegmentedControlDemo__hhPZr{zoom:2;transform:scale(2)}}}.HeroCodeBlock_HeroContainer__xOdIv{background-image:linear-gradient(330deg,var(--purple-9) 0,var(--indigo-9) 100%);padding-block:100px;border-top-left-radius:var(--radius-4);border-top-right-radius:var(--radius-4)}@media (min-width:1200px){.HeroCodeBlock_DemoContainer__VCRST,.HeroCodeBlock_HeroContainer__xOdIv{margin-left:calc(-1 * var(--space-7));margin-right:calc(-1 * var(--space-7))}}.HeroCodeBlock_SandboxButton__1FdXb{opacity:0;transition:opacity 80ms ease-out}.HeroCodeBlock_HeroContainer__xOdIv:hover+.HeroCodeBlock_DemoContainer__VCRST .HeroCodeBlock_SandboxButton__1FdXb,.HeroCodeBlock_SandboxButton__1FdXb:focus,.HeroCodeBlock_SandboxButton__1FdXb:hover{opacity:1}.HeroCodeBlock_CollapsibleGradient__kH9sM{position:absolute;bottom:0;right:0;left:0;height:80px;padding:var(--space-3);overflow:hidden;border-radius:0 0 var(--radius-4) var(--radius-4)}.HeroCodeBlock_CollapsibleGradient__kH9sM>button{z-index:2}.HeroCodeBlock_CollapsibleGradient__kH9sM:before{content:"";pointer-events:none;position:absolute;inset:0;background:linear-gradient(180deg,transparent,var(--white-a11) 70%);opacity:.9}:where(.dark,.dark-theme) .HeroCodeBlock_CollapsibleGradient__kH9sM:before{background:linear-gradient(180deg,transparent,var(--gray-1) 70%)}.HeroQuote_HeroQuote__7UWie{margin-top:var(--space-6);padding-block:var(--space-6);border-top:1px solid var(--gray-6);text-indent:-.61em}.HeroQuote_HeroQuote__7UWie:before{content:"“";margin-right:.1em}.HeroQuote_HeroQuote__7UWie:after{content:"”"}@media (min-width:1300px){.HeroQuote_HeroQuote__7UWie{position:relative;text-indent:0}.HeroQuote_HeroQuote__7UWie:after{content:none}.HeroQuote_HeroQuote__7UWie:before{position:absolute;color:var(--gray-6);top:25px;left:-85px;font-size:130px;font-weight:700;font-family:Times New Roman,serif;line-height:1;letter-spacing:-.045em;content:"‘‘"}}.MDXComponents_LinkHeading__00_jB{display:inline-flex;align-items:center;gap:var(--space-2)}.MDXComponents_LinkHeading__00_jB svg{color:var(--gray-11);visibility:hidden}.MDXComponents_LinkHeading__00_jB:hover svg{visibility:visible}.MDXComponents_List__Wn6B4{display:flex;flex-direction:column;gap:var(--space-2);padding-left:var(--space-4);list-style-type:circle;margin-bottom:var(--space-3)}.MDXComponents_List__Wn6B4 .MDXComponents_List__Wn6B4{margin-top:var(--space-2);margin-bottom:0}.MDXComponents_Blockquote__MBu7a{border-left:1px solid var(--gray-a5)}.MDXComponents_Note__fJZHG{border-radius:var(--radius-3);color:var(--gray-a11);font-size:var(--font-size-2)}.MDXComponents_Note__fJZHG p[class*=size-]{font-size:var(--font-size-2);margin:0}.MDXComponents_Alert__NsnVg{display:flex;flex-wrap:nowrap;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-4);box-shadow:inset 0 0 0 1px var(--yellow-a6);background-color:var(--yellow-a3);color:var(--yellow-11)}.MDXComponents_Alert__NsnVg p{margin:0}.MDXComponents_Alert__NsnVg p[class*=size-]{font-size:var(--font-size-2)}.MDXComponents_TabsCodeBlock__X1l7g{overflow:hidden;padding:1px;box-shadow:inset 0 0 0 1px var(--accent-a1),inset 0 0 0 1px var(--gray-a5);border-radius:var(--radius-4)}.MDXComponents_TabsCodeBlock__X1l7g .rt-TabsList{box-shadow:inset 0 -1px var(--accent-a1),inset 0 -1px var(--gray-a4);border-top-left-radius:calc(var(--radius-4) - 1px);border-top-right-radius:calc(var(--radius-4) - 1px)}.dark-theme .MDXComponents_TabsCodeBlock__X1l7g .rt-TabsList{background-color:var(--accent-a1)}.QuickNav_Link__3xZap{display:inline-block}.QuickNav_LinkWrapper__IB_R_{padding-block:var(--space-1)}.QuickNav_LinkWrapper__IB_R_[data-level="2"]~.QuickNav_LinkWrapper__IB_R_[data-level="3"] .QuickNav_Link__3xZap{margin-left:var(--space-5)}