.LabeledSwitch_root__94qJ4{display:flex;width:88px;height:28px}.LabeledSwitch_indicator__ZM0y_{position:absolute;height:28px;width:44px;background-color:color(display-p3 .57 .373 .791);background-color:#9a5cd0;z-index:-100;border-radius:12px 0 0 12px;transition:all .2s ease}.LabeledSwitch_indicator__ZM0y_.LabeledSwitch_checked__U82ri{transform:translateX(45px);border-radius:0 12px 12px 0}.LabeledSwitch_segment__vZBJk{flex:1 1;padding:0;font-size:1rem;line-height:1;border:1px solid #10003332;border:1px solid color(display-p3 .067 .008 .184/.197);background-color:initial;color:#0400119c;color:color(display-p3 .016 0 .059/.612);cursor:pointer;transition:background .2s,color .2s,border-color .2s}.LabeledSwitch_segment__vZBJk+.LabeledSwitch_segment__vZBJk{margin-left:-1px;border-left:none}.LabeledSwitch_segment__vZBJk:nth-child(2),.LabeledSwitch_segment__vZBJk:nth-child(2).LabeledSwitch_active__nza6A{border-radius:12px 0 0 12px}.LabeledSwitch_segment__vZBJk:last-child{border-radius:0 12px 12px 0}.LabeledSwitch_segment__vZBJk.LabeledSwitch_active__nza6A{background-color:initial;border-color:#9a5cd0;color:#fff}.LabeledSwitch_segment__vZBJk:hover{background-color:#30004010;background-color:color(display-p3 .129 .008 .255/.063);border-color:#30004010;border-color:color(display-p3 .129 .008 .255/.063)}.CodeEditorContent_container__XR_aD{border:1px solid #d0cdd7;border-radius:8px}.CodeEditorContent_header__tOvIv{display:flex;justify-content:space-between;align-items:center;padding:6px 12px;border-bottom:1px solid #d0cdd7}.CodeEditorContent_name__UgxkF{color:#65636d;font-size:13px;font-family:var(--font-geist-mono)}.CodeEditorContent_headerActions__Lb84j{display:flex;align-items:center;gap:8px}.CodeEditorContent_switchContainer__rxX83{display:flex}.CodeEditorContent_code__CsSgo{padding:6px}.CodeEditorContent_codeBlock__rKTPt{margin:0;padding:6px;overflow-x:auto}.CodeEditorContent_codeBlock__rKTPt:focus-visible{outline:none}.Tabs_tabsRoot__P90_C{display:flex}.Tabs_tabsList__Az1nd{display:flex;gap:0;overflow-x:auto;max-width:100%;padding-top:14px}.Tabs_name__1r7vP{display:flex;align-items:center;height:48px}.Tabs_name__1r7vP:hover{cursor:pointer;text-decoration:underline}.Tabs_name__1r7vP span{padding:8px 12px}.Tabs_name__1r7vP span,.Tabs_tab__KOgxv{color:#65636d;font-size:12px;font-family:var(--font-geist-mono)}.Tabs_tab__KOgxv{padding:10px 8px 8px;border:1px solid #d0cdd7;border-bottom:none;background-color:initial;cursor:pointer;transition:all .2s ease;position:relative;z-index:1;margin-left:0;margin-right:0;white-space:nowrap}.Tabs_tab__KOgxv:hover:not(.Tabs_tabSelected__oNaQ3){background-color:#30004010}.Tabs_tab__KOgxv:active:not(.Tabs_tabSelected__oNaQ3){background-color:#20003820}.Tabs_tab__KOgxv[aria-disabled=true]{opacity:.7;cursor:progress}.Tabs_tabSelected__oNaQ3{border-radius:12px 12px 0 0;background-color:color(display-p3 .523 .318 .751);background-color:#8e4ec6;border-color:#8e4ec6;color:#ffffff;z-index:2}.Tabs_tabSelected__oNaQ3:active{border-radius:16px 16px 0 0}.Tabs_tabFirst__mQ4cU{border-radius:12px 0 0}.Tabs_tabLast__PQwva{border-radius:0 12px 0 0}.Tabs_tabMiddle__RKpsL{border-radius:0}.Tabs_tabNextSelected__4T45U{padding:10px 20px 8px 8px;margin-right:-12px}.Tabs_tabPrevSelected__DZooD{padding:10px 8px 8px 20px;margin-left:-12px}.Tabs_tabNoBorderRight__nxTT9{border-right:1px solid transparent}.Tabs_tabNoBorderRight__nxTT9:not(.Tabs_tabNextSelected__4T45U){margin-right:-1px}.Tabs_tabWithBorderRight__pjFjW{border-right:1px solid #d0cdd7}.Tabs_tabSelected__oNaQ3.Tabs_tabWithBorderRight__pjFjW{border-color:color(display-p3 .523 .318 .751) color(display-p3 .523 .318 .751) #8e4ec6 #8e4ec6;border-right:1px solid #8e4ec6;border-top-color:#8e4ec6}.CopyButton_copyButton__1mW1M{background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:6px;border-radius:12px;color:#0400119c;transition:background-color .2s ease}.CopyButton_copyButton__1mW1M:hover:not(:disabled){background-color:#30004010}.CopyButton_copyButton__1mW1M:active:not(:disabled){background-color:#20003820}.CopyButton_copyButton__1mW1M:disabled{cursor:default;color:#4caf50}:root{--color-prettylights-syntax-brackethighlighter-angle:#59636e;--color-prettylights-syntax-brackethighlighter-unmatched:#82071e;--color-prettylights-syntax-carriage-return-bg:#cf222e;--color-prettylights-syntax-carriage-return-text:#f6f8fa;--color-prettylights-syntax-comment:#59636e;--color-prettylights-syntax-constant:#0550ae;--color-prettylights-syntax-constant-other-reference-link:#0a3069;--color-prettylights-syntax-entity:#6639ba;--color-prettylights-syntax-entity-tag:#0550ae;--color-prettylights-syntax-invalid-illegal-bg:#82071e;--color-prettylights-syntax-invalid-illegal-text:#f6f8fa;--color-prettylights-syntax-keyword:#cf222e;--color-prettylights-syntax-markup-changed-bg:#ffd8b5;--color-prettylights-syntax-markup-changed-text:#953800;--color-prettylights-syntax-markup-deleted-bg:#ffebe9;--color-prettylights-syntax-markup-deleted-text:#82071e;--color-prettylights-syntax-markup-heading:#0550ae;--color-prettylights-syntax-markup-ignored-bg:#0550ae;--color-prettylights-syntax-markup-ignored-text:#d1d9e0;--color-prettylights-syntax-markup-inserted-bg:#dafbe1;--color-prettylights-syntax-markup-inserted-text:#116329;--color-prettylights-syntax-markup-list:#3b2300;--color-prettylights-syntax-meta-diff-range:#8250df;--color-prettylights-syntax-string:#0a3069;--color-prettylights-syntax-string-regexp:#116329;--color-prettylights-syntax-sublimelinter-gutter-mark:#818b98;--color-prettylights-syntax-variable:#953800;--color-prettylights-syntax-markup-bold:#1f2328;--color-prettylights-syntax-markup-italic:#1f2328;--color-prettylights-syntax-storage-modifier-import:#1f2328}.pl-c{color:var(--color-prettylights-syntax-comment)}.pl-c1,.pl-s .pl-v{color:var(--color-prettylights-syntax-constant)}.pl-e,.pl-en{color:var(--color-prettylights-syntax-entity)}.pl-s .pl-s1,.pl-smi{color:var(--color-prettylights-syntax-storage-modifier-import)}.pl-ent{color:var(--color-prettylights-syntax-entity-tag)}.pl-k{color:var(--color-prettylights-syntax-keyword)}.pl-pds,.pl-s,.pl-s .pl-pse .pl-s1,.pl-sr,.pl-sr .pl-cce,.pl-sr .pl-sra,.pl-sr .pl-sre{color:var(--color-prettylights-syntax-string)}.pl-smw,.pl-v{color:var(--color-prettylights-syntax-variable)}.pl-bu{color:var(--color-prettylights-syntax-brackethighlighter-unmatched)}.pl-ii{color:var(--color-prettylights-syntax-invalid-illegal-text);background-color:var(--color-prettylights-syntax-invalid-illegal-bg)}.pl-c2{color:var(--color-prettylights-syntax-carriage-return-text);background-color:var(--color-prettylights-syntax-carriage-return-bg)}.pl-sr .pl-cce{font-weight:700;color:var(--color-prettylights-syntax-string-regexp)}.pl-ml{color:var(--color-prettylights-syntax-markup-list)}.pl-mh,.pl-mh .pl-en,.pl-ms{font-weight:700;color:var(--color-prettylights-syntax-markup-heading)}.pl-mi{font-style:italic;color:var(--color-prettylights-syntax-markup-italic)}.pl-mb{font-weight:700;color:var(--color-prettylights-syntax-markup-bold)}.pl-md{color:var(--color-prettylights-syntax-markup-deleted-text);background-color:var(--color-prettylights-syntax-markup-deleted-bg)}.pl-mi1{color:var(--color-prettylights-syntax-markup-inserted-text);background-color:var(--color-prettylights-syntax-markup-inserted-bg)}.pl-mc{color:var(--color-prettylights-syntax-markup-changed-text);background-color:var(--color-prettylights-syntax-markup-changed-bg)}.pl-mi2{color:var(--color-prettylights-syntax-markup-ignored-text);background-color:var(--color-prettylights-syntax-markup-ignored-bg)}.pl-mdr{font-weight:700;color:var(--color-prettylights-syntax-meta-diff-range)}.pl-ba{color:var(--color-prettylights-syntax-brackethighlighter-angle)}.pl-sg{color:var(--color-prettylights-syntax-sublimelinter-gutter-mark)}.pl-corl{text-decoration:underline;color:var(--color-prettylights-syntax-constant-other-reference-link)}.CodeContent_container__PbqbC{border:1px solid #d0cdd7;border-radius:8px}.CodeContent_header__6SRet{border-bottom:1px solid #d0cdd7;height:48px;position:relative}.CodeContent_headerContainer__glaKp{position:absolute;width:100%;display:flex;justify-content:space-between;gap:8px}.CodeContent_headerActions__0qsMK{display:flex;align-items:center;gap:8px;padding-right:8px;height:48px}.CodeContent_tabContainer__D3Yg4{display:flex;align-items:center;gap:8px;margin-left:-1px;padding-bottom:2px;overflow-x:auto}.CodeContent_switchContainer__3xSns{display:flex}.CodeContent_switchContainerHidden__KwgHZ{display:none}.CodeContent_code__8SFlw{padding:10px 6px}.CodeContent_codeBlock__VRdYR{margin:0;padding:6px;overflow-x:auto}.CodeContent_name__eQv_M{display:flex;align-items:center;height:48px}.CodeContent_name__eQv_M span{color:#65636d;padding:8px 12px;font-size:12px;font-family:var(--font-geist-mono)}.Blockquote_root__GIofk{color:#211f26;border-left:4px solid #d0cdd7;padding:8px 16px;margin:0 0 16px}.Blockquote_root__GIofk p{margin:0}.Blockquote_root__GIofk .Blockquote_title__ngqZ9{font-weight:600;margin-bottom:8px}.Blockquote_title__ngqZ9>svg{width:16px;height:16px;margin-right:8px;vertical-align:-2px}.Blockquote_root__GIofk[data-callout-type=note]{border-left-color:#0090ff}.Blockquote_root__GIofk[data-callout-type=note] .Blockquote_title__ngqZ9{color:color(display-p3 .15 .44 .84);color:#0d74ce}.Blockquote_root__GIofk[data-callout-type=tip]{border-left-color:#46a758}.Blockquote_root__GIofk[data-callout-type=tip] .Blockquote_title__ngqZ9{color:color(display-p3 .263 .488 .261);color:#2a7e3b}.Blockquote_root__GIofk[data-callout-type=important]{border-left-color:#8e4ec6}.Blockquote_root__GIofk[data-callout-type=important] .Blockquote_title__ngqZ9{color:color(display-p3 .473 .281 .687);color:#8145b5}.Blockquote_root__GIofk[data-callout-type=warning]{border-left-color:#ffe629}.Blockquote_root__GIofk[data-callout-type=warning] .Blockquote_title__ngqZ9{color:color(display-p3 .6 .44 0);color:#9e6c00}.Blockquote_root__GIofk[data-callout-type=caution]{border-left-color:#e54d2e}.Blockquote_root__GIofk[data-callout-type=caution] .Blockquote_title__ngqZ9{color:color(display-p3 .755 .259 .152);color:#d13415}.Navigation_toggleButton__2MIP5{position:fixed;top:12px;left:20px;z-index:1001;display:none;padding:6px;background-color:color(display-p3 .983 .971 .993);background-color:#fbf7fe;border:1px solid #e0c4f4;border-radius:8px;cursor:pointer;color:color(display-p3 .523 .318 .751);color:#8e4ec6;transition:all .2s ease;width:36px;height:36px;align-items:center;justify-content:center}.Navigation_toggleButton__2MIP5:hover{background-color:color(display-p3 .523 .318 .751);background-color:#8e4ec6;color:#ffffff}.Navigation_toggleButton__2MIP5:active{transform:scale(.95)}.Navigation_overlay__x5Azp{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgb(0 0 0/.5);z-index:999;cursor:pointer;animation:Navigation_fade-in__AjYnh .3s ease-in-out}@keyframes Navigation_fade-in__AjYnh{0%{opacity:0}to{opacity:1}}.Navigation_nav__hP0PW{--scrollbar-thumb-width:0.25rem;--scrollbar-width:1.5rem;--scrollbar-gap-right:1rem;margin-right:calc(var(--scrollbar-gap-right) - var(--scrollbar-width) / 2 + var(--scrollbar-thumb-width) / 2);position:sticky;top:0;:root[data-navigating] &{view-transition-name:side-nav}}.Navigation_viewport__sM1hM{max-height:100vh;outline:0}.Navigation_scrollbar__XL1sP{display:flex;padding-top:1.5rem;padding-bottom:3rem;width:1.5rem;opacity:0;transition:opacity .2s .5s;&:active,&[data-scrolling],.Navigation_viewport__sM1hM:focus-visible+&{transition-duration:0s;transition-delay:0s;opacity:1}}.Navigation_scrollbarThumb__uC7Ps{display:flex;justify-content:center;width:100%;&:before{content:"";display:block;height:100%;width:.25rem;border-radius:4px;background-color:#d0cdd7}&:hover:before{background-color:#65636d}}.Navigation_list__iaD8Z{list-style:none;margin:0;padding:.75rem 1rem 6rem 1.5rem}.Navigation_section__MagjV{margin-bottom:32px}.Navigation_sectionTitle___tRuo{display:block;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#65636d;padding:8px 24px;margin-bottom:8px;font-family:var(--font-geist-mono)}.Navigation_pageList__AeUv6{list-style:none;margin:0;padding:0}.Navigation_pageItem__UB9eq{margin:0}.Navigation_pageLink__7dMdp{display:block;padding:10px 24px;font-size:14px;line-height:1.5;color:#65636d;text-decoration:none;transition:all .2s ease;border-left:3px solid transparent;font-family:var(--font-geist-sans)}.Navigation_pageLink__7dMdp:hover{background-color:#30004010;color:color(display-p3 .523 .318 .751);color:#8e4ec6;border-left-color:#8e4ec6}.Navigation_pageLink__7dMdp:active{background-color:#20003820}.Navigation_pageLink__7dMdp.Navigation_selected__gfWxE{background-color:#30004010;color:color(display-p3 .523 .318 .751);color:#8e4ec6;border-left-color:#8e4ec6;font-weight:600}.Navigation_new__545Mj{color:white;background-color:#8e4ec6;font-size:10px;font-weight:600;margin-left:8px;padding:2px 4px;border-radius:6px}@media (min-width:1401px){.Navigation_nav__hP0PW{display:block}}@media (max-width:1400px){.Navigation_toggleButton__2MIP5{display:flex}.Navigation_nav__hP0PW{position:fixed;top:0;left:0;bottom:0;width:280px;z-index:1000;transform:translateX(-100%);margin-right:0;background-color:color(display-p3 .995 .988 .996);background-color:#fefcfe;box-shadow:2px 0 8px rgb(0 0 0/.1);padding-top:80px;box-sizing:border-box}.Navigation_viewport__sM1hM{max-height:calc(100vh - 80px)}.Navigation_navOpen__4tC2R{transform:translateX(0)}}.PagesIndex_pages___lwGu{display:flex;flex-direction:row;flex-wrap:wrap;gap:12px}.PagesIndex_page__Fxny1{display:flex;flex-direction:column;border:1px solid #d0cdd7;max-width:222px;padding:16px;border-radius:12px;background-color:initial;transition:all .2s ease;text-decoration:none}.PagesIndex_page__Fxny1:hover{background-color:#30004010;cursor:pointer}.PagesIndex_page__Fxny1:active{background-color:#20003820}.PagesIndex_pageTitle__g0iDk{font-weight:700;display:flex;align-items:center;color:#793aaf}.PagesIndex_pageDescription__3vxW8{margin-top:8px;color:#65636d;font-size:14px}.PagesIndex_new__BRMHU{color:#ffffff;background-color:#8e4ec6;background-color:color(display-p3 .523 .318 .751);font-size:10px;font-weight:600;margin-left:8px;padding:2px 6px;border-radius:6px;height:14px;font-family:var(--font-geist-mono)}.DemoContent_container__hENrz{border:1px solid #d0cdd7;border-radius:8px}.DemoContent_demoSection__9t2z2{padding:24px;border-radius:7px 7px 0 0}.DemoContent_codeSection__l621u{border-top:1px solid #d0cdd7}.DemoContent_header__7RQ_Z{border-bottom:1px solid #d0cdd7;height:48px;position:relative}.DemoContent_headerContainer__UEnwb{position:absolute;width:100%;display:flex;justify-content:space-between;gap:8px}.DemoContent_headerContainer__UEnwb:before{content:"";position:absolute;top:0;left:0;bottom:0;width:1px;margin:-1px;background-color:#d0cdd7}.DemoContent_headerActions__jC_2w{display:flex;align-items:center;gap:8px;padding-right:8px;height:48px}.DemoContent_tabContainer__H9DiG{display:flex;align-items:center;gap:8px;margin-left:-1px;padding-bottom:2px;overflow-x:auto}.DemoContent_switchContainer__QPj_C{display:flex}.DemoContent_switchContainerHidden__czQOo{display:none}.DemoContent_code__63NGz{padding:10px 6px}.DemoContent_codeBlock__TQGAz{margin:0;padding:6px;overflow-x:auto}.DemoContentLoading_extraFiles__8gh0l,.DemoContentLoading_extraFiles__rBgjo,.DemoContentLoading_extraVariants__rGh3R{display:none}.DemoTitle_link__a59qc{text-decoration:none}.DemoTitle_link__a59qc:hover{text-decoration:underline}.TextInputCopy_container__L6Nby{display:flex;gap:8px;align-items:center;max-width:400px}.TextInputCopy_input__C7LrH{flex:1 1;padding:8px 12px;border:1px solid #d0cdd7;border-radius:4px;font-size:12px;font-family:var(--font-geist-mono);color:#65636d;transition:all .2s ease}.TextInputCopy_input__C7LrH:focus{outline:none;border-color:#8e4ec6;border-color:color(display-p3 .523 .318 .751)}.TextInputCopy_button__3ka4H{padding:8px 12px;border:1px solid #d0cdd7;border-radius:4px;background-color:initial;font-size:12px;font-family:var(--font-geist-mono);color:#65636d;cursor:pointer;transition:all .2s ease;min-width:90px;white-space:nowrap}.TextInputCopy_button__3ka4H:hover{background-color:#30004010}.TextInputCopy_button__3ka4H:active{background-color:#20003820}.VariantSelector_container__1YQzt{display:flex;flex-direction:column;gap:16px}.VariantSelector_controls__uhkrG{display:flex;flex-direction:column;gap:8px}.VariantSelector_label__zLRBu{font-size:12px;font-family:var(--font-geist-mono);color:#65636d}.VariantSelector_buttonGroup__WmxWP{display:flex;gap:8px}.VariantSelector_buttonSelected__jPjV9,.VariantSelector_button__weKse{padding:8px 12px;border:1px solid #d0cdd7;border-radius:4px;background-color:initial;font-size:12px;font-family:var(--font-geist-mono);color:#65636d;cursor:pointer;transition:all .2s ease;white-space:nowrap}.VariantSelector_button__weKse:hover{background-color:#30004010}.VariantSelector_button__weKse:active{background-color:#20003820}.VariantSelector_buttonSelected__jPjV9{background-color:#8e4ec6;background-color:color(display-p3 .523 .318 .751);border-color:#8e4ec6;border-color:color(display-p3 .523 .318 .751);color:#ffffff}.VariantSelector_preview__5A2pE{padding:12px;border:1px solid #d0cdd7;border-radius:4px;background-color:#fafafa}.VariantSelector_previewText__WRn33{margin:0 0 4px;font-size:14px;font-weight:500;color:#1a1a1a}.VariantSelector_hint__ar41W{margin:0;font-size:12px;color:#65636d;font-style:italic}.TabNavigation_container__7hnpI{display:flex;flex-direction:column;gap:0;border:1px solid #d0cdd7;border-radius:8px;overflow:hidden}.TabNavigation_tabs__LEOoq{display:flex;gap:0;border-bottom:1px solid #d0cdd7;background-color:#f2eff3}.TabNavigation_tabActive__QhsNd,.TabNavigation_tab__ztleS{padding:12px 16px;border:none;border-right:1px solid #d0cdd7;background-color:initial;font-size:12px;font-family:var(--font-geist-mono);color:#65636d;cursor:pointer;transition:all .2s ease;white-space:nowrap}.TabNavigation_tabActive__QhsNd:last-child,.TabNavigation_tab__ztleS:last-child{border-right:none}.TabNavigation_tab__ztleS:hover{background-color:#30004010}.TabNavigation_tab__ztleS:active{background-color:#20003820}.TabNavigation_tabActive__QhsNd{background-color:#8e4ec6;background-color:color(display-p3 .523 .318 .751);color:#ffffff}.TabNavigation_content__IbO38{padding:16px;background-color:#fff}.TabNavigation_contentText__DYRtb{margin:0 0 8px;font-size:14px;color:#1a1a1a}.TabNavigation_hint__7WvMc{margin:0;font-size:12px;color:#65636d;font-style:italic}.CheckboxRed_root__QBTRJ,.CheckboxRed_root__h1__F{background-color:#e5484d!important;border-color:#e5484d!important}.Checkbox_checkbox__DjPnv{position:relative;display:inline-block;width:20px;height:20px}.Checkbox_checkbox__DjPnv input{opacity:0;width:0;height:0}.Checkbox_checkbox__DjPnv .Checkbox_checkmark__7iy5J{position:absolute;top:0;left:0;width:20px;height:20px;background-color:#eee;border-radius:4px;border:2px solid #ddd;transition:all .2s ease}.Checkbox_checkbox__DjPnv input:checked+.Checkbox_checkmark__7iy5J{background-color:#9a5cd0;border-color:#9a5cd0}.Checkbox_checkbox__DjPnv .Checkbox_checkmark__7iy5J:after{content:"";position:absolute;display:none;left:7px;top:3px;width:4px;height:9px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.Checkbox_checkbox__DjPnv input:checked+.Checkbox_checkmark__7iy5J:after{display:block}.Checkbox_sr-only__plKFb{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}