.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:6px;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 source-code-viewer_pulse__GhKEu{0%,to{opacity:1}50%{opacity:.5}}.source-code-viewer_root__FaLhf{display:flex;gap:12px}.source-code-viewer_panel__5e4UY{flex:1 1 0;max-width:100%}.source-code-viewer_header__fUcQn{display:flex;align-items:center}.source-code-viewer_cssTypePicker__CAYoo{width:100%}@keyframes components-page_pulse__N4riX{0%,to{opacity:1}50%{opacity:.5}}.components-page_root__jsVF0{display:flex;flex-direction:column;flex:1 1 auto;gap:24px}.components-page_subheaderText__nmX3c{font-size:14px;line-height:20px;letter-spacing:-.01em;color:var(--text-secondary);font-weight:400}.components-page_headerSearch___mg9u{width:200px}@media(max-width:768px){.components-page_headerSearch___mg9u{display:none}}.components-page_headerSearchInput__9r9z2{font-size:12px;line-height:16px}.components-page_headerButton__MWQiS{margin-left:8px}.components-page_componentTabs__ea_EF{margin-bottom:12px}.components-page_content__oy7eF{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-gap:24px;row-gap:32px;padding-bottom:96px}.components-page_preview__V1dGY{display:flex;flex-direction:column;gap:4px}.components-page_preview__V1dGY.components-page_hidden__BuVW9{position:fixed;top:-9999px;left:-9999px}.components-page_previewFooter__fVGqH{display:flex;align-items:center;width:100%;gap:8px}.components-page_previewLabel__4vz0j{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__V1dGY:hover .components-page_previewLabel__4vz0j{color:var(--text-primary);font-weight:600}.components-page_emptyState__wBtov{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__s_DoF{font-size:18px;line-height:28px;font-weight:600;letter-spacing:-.015em;color:var(--text-primary)}.components-page_emptyStateSubtitle__oGSFv{margin-top:4px;color:var(--text-primary)}.components-page_emptyStateButton__jzFvI{margin-bottom:24px}@keyframes figma-instructions_pulse__Q4zjW{0%,to{opacity:1}50%{opacity:.5}}.figma-instructions_root__J8DKJ{padding:24px;display:flex;flex-direction:column;min-height:0;overflow:auto;width:100%}.figma-instructions_header__bZyE_{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__x16Jd{font-size:14px;line-height:20px;letter-spacing:-.01em;color:var(--text-secondary);margin-bottom:24px}.figma-instructions_alert__Jfx6i{margin-bottom:8px}.figma-instructions_cards__SQdod{display:flex;flex-direction:column;gap:12px}.figma-instructions_card__gBDCY{background:var(--bg-card);box-shadow:var(--shadow-card);border:1px solid var(--border-card);border-radius:4px;padding:24px}.figma-instructions_link__kb8GE{text-decoration:underline}.figma-instructions_figmaScreenshot__KaLyE{margin-top:12px}.figma-instructions_releasePayloadLabel__5NqVB{font-size:12px;line-height:16px;color:var(--text-secondary);font-weight:600;margin-top:12px}.guide-viewer_root__HFBxp{width:100%}@keyframes text-component-instructions_pulse__feVTl{0%,to{opacity:1}50%{opacity:.5}}.text-component-instructions_root__pI2eJ{padding:24px;display:flex;flex-direction:column;min-height:0;overflow:auto}.text-component-instructions_header__qCBsn{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__s5Y2o{font-size:14px;line-height:20px;letter-spacing:-.01em;color:var(--text-secondary);margin-bottom:24px}.text-component-instructions_textPreview__2dBKV{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__dTYpF{font-size:12px;line-height:16px;font-weight:400}.text-component-instructions_textLabelBold__cvHKR{font-size:12px;line-height:16px;font-weight:600}.text-component-instructions_textBody__613_f{font-size:14px;line-height:20px;font-weight:400}.text-component-instructions_textBodyBold__ZGWXr{font-size:14px;line-height:20px;font-weight:600}.text-component-instructions_textSubheader__ztZK5{font-size:18px;line-height:28px;font-weight:500}.text-component-instructions_textSectionHeader__GXJGU{font-size:30px;line-height:38px;font-weight:500}.text-component-instructions_textHeader__wvFVx{font-size:36px;line-height:40px;font-weight:500}