.CodeContent_code__tMAZp{margin:1rem 0;background:#fdfcfe;border:1px solid #d0cdd7;border-radius:8px;overflow-x:auto}.CodeContent_codeBlock__jNU6i{margin:0;display:block;overflow-x:auto;padding:1em}: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}.BenchViewer_Root__smUPy{display:flex;align-items:center;justify-content:center}.BenchViewer_Button__YWgqA{box-sizing:border-box;display:flex;align-items:center;justify-content:center;height:2.5rem;padding:0 .875rem;margin:0;outline:0;border:1px solid #d0cdd7;border-radius:.375rem;background-color:#fdfcfe;font-family:inherit;font-size:1rem;font-weight:500;line-height:1.5rem;color:#65636d;-webkit-user-select:none;user-select:none;@media (hover:hover){&:hover{background-color:#30004010}}&:active{background-color:#20003820}&:focus-visible{outline:2px solid #8e4ec6;outline-offset:-1px}}.BenchViewer_Backdrop__jMlUd{position:fixed;inset:0;background-color:#fefcfe;opacity:.2;transition:opacity .15s cubic-bezier(.45,1.005,0,1.005);&[data-ending-style],&[data-starting-style]{opacity:0}}.BenchViewer_Popup__cGOTo{box-sizing:border-box;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:1120px;max-width:calc(100vw - 3rem);height:85%;margin-top:-2rem;padding:1.5rem;border-radius:.5rem;outline:1px solid #d0cdd7;background-color:#fefcfe;transition:all .15s;z-index:100;display:flex;gap:1rem;&[data-ending-style],&[data-starting-style]{opacity:0;transform:translate(-50%,-50%) scale(.9)}}.BenchViewer_Interactive__uSTxg{display:flex;flex-direction:column;flex:1 1}.BenchViewer_Results__Tdwt1{flex:1 1}.BenchViewer_Title__1IVnP{margin-top:-.375rem;margin-bottom:.25rem;font-size:1.125rem;line-height:1.75rem;letter-spacing:-.0025em;font-weight:500}.BenchViewer_Description__qzszW{margin:0 0 1.5rem;font-size:1rem;line-height:1.5rem;color:#65636d}.BenchViewer_Actions__Zf_S8{display:flex;gap:1rem}.BenchViewer_FrameContainer__HXOjn{width:792px;position:relative}.BenchViewer_Frame__63M98{width:100%;height:100%;border:none}.BenchViewer_FrameContainer__HXOjn.BenchViewer_isDisabled__arnyY{cursor:wait}.BenchViewer_FrameBlocker__L14lg{position:absolute;inset:0;z-index:100;background:transparent;touch-action:none;cursor:wait}.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}