.blog-mdx-renderer_code__KnWHz{background:#fff;border:1px solid var(--neutral-border);border-radius:4px;position:relative;--sh-class:#2d5e9d;--sh-identifier:#354150;--sh-sign:#8996a3;--sh-property:#0550ae;--sh-entity:#249a97;--sh-jsxliterals:#6266d1;--sh-string:#00a99a;--sh-keyword:#f47067;--sh-comment:#a19595}.blog-mdx-renderer_copyToCode__Cr0Cl{position:absolute;top:8px;right:8px}@keyframes icon-button_pulse__1FUy1{0%,to{opacity:1}50%{opacity:.5}}.icon-button_root___xU24{border-radius:4px;color:var(--text-primary);cursor:pointer;width:28px;height:28px;font-size:14px;flex:0 0 auto}.icon-button_root___xU24:hover:not(:active):not(:disabled):not(.icon-button_active__Maryw){background:var(--bg-neutral-secondary)}.icon-button_root___xU24:disabled{opacity:.5;cursor:default}.icon-button_root___xU24:active{background:var(--bg-secondary)}.icon-button_withBackground__RxnSk{background:var(--bg-base)}.icon-button_noBackground__xjIRq{background:none}.icon-button_dark__1XHhj{background:var(--bg-static-dark);color:var(--text-static-ondark)}.icon-button_dark__1XHhj:hover:not(:active):not(:disabled):not(.icon-button_active__Maryw){background:var(--bg-static-dark-secondary)}.icon-button_dark__1XHhj:active{background:var(--bg-static-dark)}.icon-button_active__Maryw{background:var(--bg-brand-secondary);color:var(--bg-brand)}.icon-button_sizeDefault__wAlvX{width:28px;height:28px}.icon-button_sizeSmall__sdQSQ{width:24px;height:24px}.icon-button_sizeLarge__ciGau{width:38px;height:38px}.code-snippet_blockRoot___0Ywk{position:relative}.code-snippet_blockRoot___0Ywk .code-snippet_editor__sC5GE{border-radius:6px;padding:12px;margin:0!important;height:100%;color-scheme:dark}.code-snippet_blockRoot___0Ywk .code-snippet_editor__sC5GE.code-snippet_wrapLongLines__Z9_pw code{word-break:break-word}.code-snippet_blockRoot___0Ywk .code-snippet_buttonChildren__ji8S0{display:flex;align-items:center;gap:8px;position:absolute;top:8px;right:8px}.code-snippet_expandable__skrNA{max-height:200px;overflow:hidden}.code-snippet_expandButtonContainer__S7NqG{position:absolute;left:0;right:0;bottom:0;height:48px;padding:0 12px;display:flex;align-items:center;justify-content:center}.code-snippet_expandButtonContainer__S7NqG:before{content:"";pointer-events:none;display:block;width:100%;height:100%;position:absolute;top:0;left:0}.code-snippet_expanded__V_tJ9{max-height:none}.code-snippet_expanded__V_tJ9 .code-snippet_editor__sC5GE{padding-bottom:48px!important}@keyframes code-inline_pulse__SKKoG{0%,to{opacity:1}50%{opacity:.5}}.code-inline_root__3mZ_r{padding:2px;word-break:break-word}.code-inline_neutral__PBMa6{border-radius:2px;color:var(--text-primary);font-weight:500}.code-inline_brand__V_CMo{border-radius:2px;color:var(--text-primary);font-weight:600}@keyframes prose_pulse__nD0SL{0%,to{opacity:1}50%{opacity:.5}}.prose_previewContainer__G8lnZ{display:flex;flex-direction:column;border-radius:4px;overflow:hidden}.prose_preview__eoD9B{background:var(--bg-primary);border:1px solid var(--gray10);border-radius:6px;padding:32px;align-items:flex-start;gap:16px}.prose_codeContainer__NSoAA,.prose_preview__eoD9B{display:flex;flex-direction:column}.prose_codeTrigger__wIlR0{font-size:12px;line-height:16px;color:var(--text-secondary);font-weight:600;font-family:Inter;cursor:pointer;display:flex;padding:12px 0}.prose_codeTriggerChevron__QiNpt{margin-left:4px}.prose_codeContents__LGPYC{position:relative;font-size:13px}.prose_copyToClipboardButton__wlWSf{position:absolute;top:8px;right:8px}.prose_prose-sm__1pj2b{color:var(--tw-prose-body);max-width:120ch;font-size:14px;line-height:1.7142857}.prose_prose-sm__1pj2b :where(p):not(:where([class~=not-prose] *)){margin-top:1.1428571em;margin-bottom:1.1428571em}.prose_prose-sm__1pj2b :where([class~=lead]):not(:where([class~=not-prose] *)){line-height:1.5555556;margin-top:.8888889em;margin-bottom:.8888889em}.prose_prose-sm__1pj2b :where(blockquote):not(:where([class~=not-prose] *)){margin-top:1.3333333em;margin-bottom:1.3333333em;padding-left:1.1111111em}.prose_prose-sm__1pj2b :where(h1):not(:where([class~=not-prose] *)){font-size:2.1428571em;margin-top:0;margin-bottom:.8em;line-height:1.2}.prose_prose-sm__1pj2b :where(h2):not(:where([class~=not-prose] *)){font-size:1.4285714em;margin-top:1.6em;margin-bottom:.8em;line-height:1.4}.prose_prose-sm__1pj2b :where(h3):not(:where([class~=not-prose] *)){font-size:1.2857143em;margin-top:1.5555556em;margin-bottom:.4444444em;line-height:1.5555556}.prose_prose-sm__1pj2b :where(h4):not(:where([class~=not-prose] *)){margin-top:64px;margin-bottom:.5714286em;line-height:1.4285714;font-weight:600}.prose_prose-sm__1pj2b :where(img):not(:where([class~=not-prose] *)){margin-top:1.7142857em;margin-bottom:1.7142857em}.prose_prose-sm__1pj2b :where(video):not(:where([class~=not-prose] *)){margin-top:1.7142857em;margin-bottom:1.7142857em}.prose_prose-sm__1pj2b :where(figure):not(:where([class~=not-prose] *)){margin-top:1.7142857em;margin-bottom:1.7142857em}.prose_prose-sm__1pj2b :where(figure>*):not(:where([class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose_prose-sm__1pj2b :where(figcaption):not(:where([class~=not-prose] *)){font-size:.8571429em;line-height:1.3333333;margin-top:.6666667em}.prose_prose-sm__1pj2b :where(code):not(:where([class~=not-prose] *)){font-size:13px}.prose_prose-sm__1pj2b :where(h2 code):not(:where([class~=not-prose] *)){font-size:.9em}.prose_prose-sm__1pj2b :where(h3 code):not(:where([class~=not-prose] *)){font-size:.8888889em}.prose_prose-sm__1pj2b :where(pre):not(:where([class~=not-prose] *)){line-height:1.6666667;margin-top:1.6666667em;margin-bottom:1.6666667em;border-radius:.25rem;padding:.6666667em 1em}.prose_prose-sm__1pj2b :where(ol):not(:where([class~=not-prose] *)){padding-left:1.5714286em}.prose_prose-sm__1pj2b :where(ul):not(:where([class~=not-prose] *)){padding-left:1.5714286em}.prose_prose-sm__1pj2b :where(li):not(:where([class~=not-prose] *)){margin-top:.2857143em;margin-bottom:.2857143em}.prose_prose-sm__1pj2b :where(ol>li):not(:where([class~=not-prose] *)){padding-left:.4285714em}.prose_prose-sm__1pj2b :where(ul>li):not(:where([class~=not-prose] *)){padding-left:.4285714em}.prose_prose-sm__1pj2b>:where(ul>li p):not(:where([class~=not-prose] *)){margin-top:.5714286em;margin-bottom:.5714286em}.prose_prose-sm__1pj2b>:where(ul>li>:first-child):not(:where([class~=not-prose] *)){margin-top:1.1428571em}.prose_prose-sm__1pj2b>:where(ul>li>:last-child):not(:where([class~=not-prose] *)){margin-bottom:1.1428571em}.prose_prose-sm__1pj2b>:where(ol>li>:first-child):not(:where([class~=not-prose] *)){margin-top:1.1428571em}.prose_prose-sm__1pj2b>:where(ol>li>:last-child):not(:where([class~=not-prose] *)){margin-bottom:1.1428571em}.prose_prose-sm__1pj2b :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose] *)){margin-top:.5714286em;margin-bottom:.5714286em}.prose_prose-sm__1pj2b :where(hr):not(:where([class~=not-prose] *)){margin-top:2.8571429em;margin-bottom:2.8571429em}.prose_prose-sm__1pj2b :where(hr+*):not(:where([class~=not-prose] *)){margin-top:0}.prose_prose-sm__1pj2b :where(h2+*):not(:where([class~=not-prose] *)){margin-top:0}.prose_prose-sm__1pj2b :where(h3+*):not(:where([class~=not-prose] *)){margin-top:0}.prose_prose-sm__1pj2b :where(h4+*):not(:where([class~=not-prose] *)){margin-top:0}.prose_prose-sm__1pj2b :where(table):not(:where([class~=not-prose] *)){font-size:.8571429em;line-height:1.5}.prose_prose-sm__1pj2b :where(thead th):not(:where([class~=not-prose] *)){padding-right:1em;padding-bottom:.6666667em;padding-left:1em}.prose_prose-sm__1pj2b :where(thead th:first-child):not(:where([class~=not-prose] *)){padding-left:0}.prose_prose-sm__1pj2b :where(thead th:last-child):not(:where([class~=not-prose] *)){padding-right:0}.prose_prose-sm__1pj2b :where(tbody td):not(:where([class~=not-prose] *)){padding:.6666667em 1em}.prose_prose-sm__1pj2b :where(tbody td:first-child):not(:where([class~=not-prose] *)){padding-left:0}.prose_prose-sm__1pj2b :where(tbody td:last-child):not(:where([class~=not-prose] *)){padding-right:0}.prose_prose-sm__1pj2b>:where(:first-child):not(:where([class~=not-prose] *)){margin-top:0}.prose_prose-sm__1pj2b>:where(:last-child):not(:where([class~=not-prose] *)){margin-bottom:0}.prose_prose-slate__GW7jf{--tw-prose-body:#334155;--tw-prose-headings:#0f172a;--tw-prose-lead:#475569;--tw-prose-links:#0f172a;--tw-prose-bold:#0f172a;--tw-prose-counters:#64748b;--tw-prose-bullets:#cbd5e1;--tw-prose-hr:#e2e8f0;--tw-prose-quotes:#0f172a;--tw-prose-quote-borders:#e2e8f0;--tw-prose-captions:#64748b;--tw-prose-code:#0f172a;--tw-prose-pre-code:#e2e8f0;--tw-prose-pre-bg:#1e293b;--tw-prose-th-borders:#cbd5e1;--tw-prose-td-borders:#e2e8f0;--tw-prose-invert-body:#cbd5e1;--tw-prose-invert-headings:#fff;--tw-prose-invert-lead:#94a3b8;--tw-prose-invert-links:#fff;--tw-prose-invert-bold:#fff;--tw-prose-invert-counters:#94a3b8;--tw-prose-invert-bullets:#475569;--tw-prose-invert-hr:#334155;--tw-prose-invert-quotes:#f1f5f9;--tw-prose-invert-quote-borders:#334155;--tw-prose-invert-captions:#94a3b8;--tw-prose-invert-code:#fff;--tw-prose-invert-pre-code:#cbd5e1;--tw-prose-invert-pre-bg:rgba(0,0,0,.5);--tw-prose-invert-th-borders:#475569;--tw-prose-invert-td-borders:#334155}@keyframes component-documentation_pulse__EQr51{0%,to{opacity:1}50%{opacity:.5}}.component-documentation_root__8hv_S{display:flex;flex-direction:column;padding-bottom:64px;margin-top:16px}.component-documentation_header__H3ksr{font-size:14px;line-height:20px;letter-spacing:-.01em;font-weight:600}.component-documentation_propContainerTabItems___gUM3{flex-wrap:wrap}.component-documentation_propEmptyState__minqO{font-size:12px;line-height:16px;color:var(--text-secondary);grid-column:1/-1;display:flex;align-items:center;justify-content:center;height:160px;border-radius:8px;border:1px solid var(--border-primary)}@keyframes prop-banner_pulse__Qfv_7{0%,to{opacity:1}50%{opacity:.5}}.prop-banner_banner__MmAzy{margin-top:16px}.prop-banner_externalPropBannerLibraryName__fXucr{font-weight:600}@keyframes prop-table_pulse__60rWx{0%,to{opacity:1}50%{opacity:.5}}.prop-table_propContainer__tIkUa{max-width:720px;min-height:500px}.prop-table_propTable__XOxeB{display:grid;flex-direction:column;grid-template-columns:1fr 2fr 1fr 1fr}.prop-table_propTableHeader__ykq9X{font-size:11px;line-height:16px;font-weight:500;color:var(--text-secondary)}.prop-table_propAdditionalInfoCell__Ut4Tm,.prop-table_propDefaultCell__X5NnJ,.prop-table_propNameCell__1zevA,.prop-table_propTypeCell__yYPgG{padding:12px 0;border-bottom:1px solid var(--border-primary)}@keyframes source-code-viewer_pulse__mEoyB{0%,to{opacity:1}50%{opacity:.5}}.source-code-viewer_root__M_Jra{display:flex;gap:12px}.source-code-viewer_panel__fJHcc{flex:1 1 0;max-width:100%}.source-code-viewer_header__C4tBy{display:flex;align-items:center}.source-code-viewer_cssTypePicker__nwGn6{width:100%}@keyframes template-detail_pulse___DYvP{0%,to{opacity:1}50%{opacity:.5}}.template-detail_templatePreview__SGdMz{display:flex;flex-direction:column;align-self:stretch;padding:32px 0}.template-detail_templatePreviewHeader__X8jp1{display:flex;align-self:stretch;align-items:center;gap:8px;margin-bottom:16px;flex-wrap:wrap}.template-detail_templatePreviewTitle__ved7J{font-size:24px;line-height:32px;font-weight:600;color:var(--text-primary);letter-spacing:-.015em}.template-detail_templatePagePreviewRoot___hVrV{display:flex;flex:1 1 0}.template-detail_templatePagePreviewRoot___hVrV.template-detail_mobile__2Va0j{margin:auto;width:100%;max-width:400px}.template-detail_templatePagePreviewContainer___CIE7{display:flex;flex-direction:column;width:100%;min-height:720px;overflow-x:auto}.template-detail_templateComponentPreviewContainer__u93qU{background:var(--bg-primary);display:flex;width:100%;align-items:center;justify-content:center;min-height:480px;padding:24px;overflow:hidden;flex:1 1 0}.template-detail_templateComponentPreviewContainerInner__VFHS9{display:flex;max-width:1200px}.template-detail_templateInstance__JsqEq{width:100%;flex:1 1 0}.template-detail_templatePreviewLoading__u2sFm{display:flex;align-items:center;justify-content:center;padding:20px;height:100%;width:100%}.template-detail_templateCode__vXOIs{display:flex;flex-direction:column}.template-detail_componentsUsed__5_Qta{display:flex;flex-direction:column;gap:8px;width:100%}.template-detail_componentsUsedTitle__KpfGX{font-size:12px;line-height:16px;color:var(--text-secondary);font-weight:600}.template-detail_componentUsedCards__rZ0e7{display:flex;overflow:auto;gap:16px}@keyframes context-menu_pulse__Jzrrg{0%,to{opacity:1}50%{opacity:.5}}.context-menu_menu__os5mi{z-index:var(--z-index-popup)}@keyframes components-page_pulse__vJvVN{0%,to{opacity:1}50%{opacity:.5}}.components-page_root__prgA6{display:flex;flex-direction:column;flex:1 1 auto;gap:24px}.components-page_subheaderText__8fqGt{font-size:14px;line-height:20px;letter-spacing:-.01em;color:var(--text-secondary);font-weight:400}.components-page_headerSearch___Ogqu{width:200px}@media(max-width:768px){.components-page_headerSearch___Ogqu{display:none}}.components-page_headerSearchInput__xnafi{font-size:12px;line-height:16px}.components-page_headerButton__siPjY{margin-left:8px}.components-page_componentTabs__wlD7F{margin-bottom:12px}.components-page_content__Ly8Tn{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-gap:24px;row-gap:32px;padding-bottom:96px}.components-page_preview__78Yd0{display:flex;flex-direction:column;gap:4px}.components-page_preview__78Yd0.components-page_hidden__YhCZY{position:fixed;top:-9999px;left:-9999px}.components-page_previewTile__6fsKn{cursor:pointer}.components-page_previewFooter__YyQGp{display:flex;align-items:center;width:100%;gap:8px}.components-page_previewLabel__xwSv5{font-size:14px;line-height:20px;letter-spacing:-.01em;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;color:var(--text-secondary);font-weight:500;width:0;flex:1 1 auto}.components-page_preview__78Yd0:hover .components-page_previewLabel__xwSv5{color:var(--text-primary);font-weight:600}.components-page_emptyState__QVUj4{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;background:var(--bg-tertiary);border-radius:4px}.components-page_emptyStateTitle__uBIV_{font-size:18px;line-height:28px;font-weight:600;letter-spacing:-.015em;color:var(--text-primary)}.components-page_emptyStateSubtitle__RXja0{margin-top:4px;color:var(--text-primary)}.components-page_emptyStateButton__tB2ye{margin-bottom:24px}@keyframes figma-instructions_pulse__iku_q{0%,to{opacity:1}50%{opacity:.5}}.figma-instructions_root__LfY0G{padding:24px;display:flex;flex-direction:column;min-height:0;overflow:auto;width:100%}.figma-instructions_header__i_z8r{display:flex;align-items:center;font-size:24px;line-height:32px;font-weight:600;color:var(--text-primary);letter-spacing:-.015em;margin-bottom:8px}.figma-instructions_subHeader__olsti{font-size:14px;line-height:20px;letter-spacing:-.01em;color:var(--text-secondary);margin-bottom:24px}.figma-instructions_alert__TPC2U{margin-bottom:8px}.figma-instructions_cards__qgSEQ{display:flex;flex-direction:column;gap:12px}.figma-instructions_card__kiuVm{background:var(--bg-card);box-shadow:var(--shadow-card);border:1px solid var(--border-card);border-radius:4px;padding:24px}.figma-instructions_link__SuuXO{text-decoration:underline}.figma-instructions_figmaScreenshot__n1X2M{margin-top:12px}.figma-instructions_releasePayloadLabel__Ozob6{font-size:12px;line-height:16px;color:var(--text-secondary);font-weight:600;margin-top:12px}.guide-viewer_root__eTRYp{width:100%}@keyframes text-component-instructions_pulse__YnaMc{0%,to{opacity:1}50%{opacity:.5}}.text-component-instructions_root__6v_m9{padding:24px;display:flex;flex-direction:column;min-height:0;overflow:auto}.text-component-instructions_header__eO_vX{display:flex;align-items:center;font-size:24px;line-height:32px;font-weight:600;color:var(--text-primary);letter-spacing:-.015em;margin-bottom:8px}.text-component-instructions_subHeader__hV_mx{font-size:14px;line-height:20px;letter-spacing:-.01em;color:var(--text-secondary);margin-bottom:24px}.text-component-instructions_textPreview__bHBZr{background:linear-gradient(90deg,var(--bg-base) 14px,transparent 1%) 50%,linear-gradient(var(--bg-base) 14px,transparent 1%) 50%,var(--border-primary);background-size:16px 16px;background-position:8px 8px;padding:24px;display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.text-component-instructions_textLabel__EZ_8Z{font-size:12px;line-height:16px;font-weight:400}.text-component-instructions_textLabelBold__N79FI{font-size:12px;line-height:16px;font-weight:600}.text-component-instructions_textBody__pQK2T{font-size:14px;line-height:20px;font-weight:400}.text-component-instructions_textBodyBold__yO_Rj{font-size:14px;line-height:20px;font-weight:600}.text-component-instructions_textSubheader__0hpKZ{font-size:18px;line-height:28px;font-weight:500}.text-component-instructions_textSectionHeader__hm_6p{font-size:30px;line-height:38px;font-weight:500}.text-component-instructions_textHeader__Ypbd9{font-size:36px;line-height:40px;font-weight:500}