.HeroCodeBlock_HeroContainer__DdrbF{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){margin-left:calc(-1 * var(--space-7));margin-right:calc(-1 * var(--space-7))}}.HeroCodeBlock_DemoContainer__nGEw0{@media (min-width:1200px){margin-left:calc(-1 * var(--space-7));margin-right:calc(-1 * var(--space-7))}}.HeroCodeBlock_SandboxButton__Y3jGf{opacity:0;transition:opacity 80ms ease-out}.HeroCodeBlock_HeroContainer__DdrbF:hover+.HeroCodeBlock_DemoContainer__nGEw0 .HeroCodeBlock_SandboxButton__Y3jGf,.HeroCodeBlock_SandboxButton__Y3jGf:focus,.HeroCodeBlock_SandboxButton__Y3jGf:hover{opacity:1}.HeroCodeBlock_CollapsibleGradient__7rRpj{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__7rRpj>button{z-index:2}.HeroCodeBlock_CollapsibleGradient__7rRpj: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__7rRpj:before{background:linear-gradient(180deg,transparent,var(--gray-2) 70%)}.HeroCodeBlock_CodeContainer__F8BRp .HeroCodeBlock_CopyButton__8nLT5{opacity:0;transition:opacity 80ms ease-out}.HeroCodeBlock_CodeContainer__F8BRp:hover .HeroCodeBlock_CopyButton__8nLT5{opacity:1}.CodeBlock_Container__Fr56T .CodeBlock_CopyButton__CbEou{opacity:0;transition:opacity 80ms ease-out}.CodeBlock_Container__Fr56T:hover .CodeBlock_CopyButton__CbEou{opacity:1}.HeroQuote_HeroQuote__5Oqnc{margin-top:var(--space-6);padding-block:var(--space-6);border-top:1px solid var(--gray-6);text-indent:-.61em}.HeroQuote_HeroQuote__5Oqnc:before{content:"“";margin-right:.1em}.HeroQuote_HeroQuote__5Oqnc:after{content:"”"}@media (min-width:1300px){.HeroQuote_HeroQuote__5Oqnc{position:relative;text-indent:0}.HeroQuote_HeroQuote__5Oqnc:after{content:none}.HeroQuote_HeroQuote__5Oqnc: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:"‘‘"}}.Colors_BaseButton__MGo6_{all:unset;display:inline-flex;justify-content:center;align-items:center;height:var(--space-6);padding-inline:var(--space-4);border-radius:var(--radius-3);font-weight:600;font-size:14px}.Colors_MenuItemButton__n_YTX{padding-inline:var(--space-5);justify-content:flex-start;max-width:250px;color:var(--gray-12);border-radius:0;font-weight:400;font-size:12px;background-color:transparent;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.Colors_MenuItemButton__n_YTX:hover{background-color:var(--color-4)}.Colors_MenuItemButton__n_YTX:active,.Colors_MenuItemButton__n_YTX[data-state=active]{background-color:var(--color-5)}.Colors_MenuItemButton__n_YTX[data-state=selected],.Colors_MenuItemButton__n_YTX[data-state=selected]:active,.Colors_MenuItemButton__n_YTX[data-state=selected]:hover{background-color:var(--color-4)}.Colors_MenuItemButton__n_YTX[data-state=highlighted]{background-color:var(--color-5)}.Colors_MenuItemButton__n_YTX[data-state=highlighted]:active,.Colors_MenuItemButton__n_YTX[data-state=highlighted]:hover{background-color:var(--color-6)}.PreWithCopyButton_Container__2VlR8 .PreWithCopyButton_CopyButton__4Sm_8{opacity:0;transition:opacity 80ms ease-out}.PreWithCopyButton_Container__2VlR8:hover .PreWithCopyButton_CopyButton__4Sm_8{opacity:1}.PreWithLivePreview_CodeContainer__fPkQX .PreWithLivePreview_CopyButton__4EJqO{opacity:0;transition:opacity 80ms ease-out}.PreWithLivePreview_CodeContainer__fPkQX:hover .PreWithLivePreview_CopyButton__4EJqO{opacity:1}.MDXComponents_LinkHeading__rCgOs{display:inline-flex;align-items:center;gap:var(--space-2)}.MDXComponents_LinkHeading__rCgOs svg{color:var(--gray-11);visibility:hidden}.MDXComponents_LinkHeading__rCgOs:hover svg{visibility:visible}.MDXComponents_List__b_TQv{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__b_TQv .MDXComponents_List__b_TQv{margin-top:var(--space-2);margin-bottom:0}.MDXComponents_Blockquote__RFHO_{border-left:1px solid var(--gray-a5)}.MDXComponents_Note__0eqr0{border-radius:var(--radius-3);color:var(--gray-a11);font-size:var(--font-size-2)}.MDXComponents_Note__0eqr0 p[class*=size-]{font-size:var(--font-size-2);margin:0}.MDXComponents_Alert__7Ooec{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__7Ooec p{margin:0}.MDXComponents_Alert__7Ooec p[class*=size-]{font-size:var(--font-size-2)}.MDXComponents_TabsCodeBlock__TNmnV{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__TNmnV .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__TNmnV .rt-TabsList{background-color:var(--accent-a1)}.QuickNav_Link___pZn7{display:inline-block}.QuickNav_LinkWrapper__I8OgX{padding-block:var(--space-1)}.QuickNav_LinkWrapper__I8OgX[data-level="2"]~.QuickNav_LinkWrapper__I8OgX[data-level="3"] .QuickNav_Link___pZn7{margin-left:var(--space-5)}