.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}.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}.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)}: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)}.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}.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:#f5f5f5}.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}.DemoContentLoading_extraFiles__8gh0l,.DemoContentLoading_extraFiles__rBgjo,.DemoContentLoading_extraVariants__rGh3R{display:none}.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}.DemoTitle_link__a59qc{text-decoration:none}.DemoTitle_link__a59qc:hover{text-decoration:underline}.CheckboxRed_root__QBTRJ,.CheckboxRed_root__btU66,.CheckboxRed_root__h1__F{background-color:#e5484d!important;border-color:#e5484d!important}