.styles_codeBlock__cJkhk{border-radius:4px;border:1px solid var(--border);position:relative;background:transparent;overflow-x:auto;font-family:var(--font-mono);background-color:#fff;margin-bottom:1rem}[data-theme-mode=dark] .styles_codeBlock__cJkhk{background-color:#121212}.styles_title__LVFiR{border-bottom:1px solid var(--border);padding:12px 20px;font-size:.875rem;color:var(--secondary)}.styles_code__W0N63{padding:20px}.styles_library__heYod{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:1rem;gap:1rem}.styles_item__eX4d7{display:flex;flex-direction:column;align-items:center;gap:8px}.styles_icon__qun8b{display:flex;width:100%;justify-content:center;align-items:center;height:80px;border-radius:.5rem;border:1px solid var(--border);background-color:var(--panel);transition:background-color .2s ease-in-out;&:hover{background-color:var(--surface-1)}}.PageTitle_container__HSmVJ{margin-bottom:40px}.PageTitle_component__Ubo0E{font-size:11px;text-transform:uppercase;font-weight:500;letter-spacing:.05em;color:var(--secondary);margin-bottom:6px}.styles_wrapper__sBS6b{border:1px solid var(--border);border-radius:4px;overflow:hidden;margin-bottom:1rem}.styles_table__ij6HO{width:100%;margin:0!important;padding:0!important;border-spacing:0;border-collapse:collapse}.styles_tableCell__kaS_H{padding:12px 16px!important;border:none!important;text-align:left;background-color:var(--panel)!important;font-size:16px;& p{margin:0!important}}.styles_tableHeaderCell__bWDvx{border-bottom:1px solid var(--border)!important;font-weight:500;font-size:14px}.styles_tableRow__LiOYk{border:none;border-bottom:1px solid var(--border);&:last-child{border-bottom:none}}.styles_tableChip__K9ssW{display:inline-block;font-size:14px!important;border:1px solid var(--border);border-radius:6px;padding:0 6px;height:24px}.styles_tableType__Nq22z{display:flex;flex-wrap:wrap;flex-direction:row;gap:8px}.styles_chip__XPG78{display:inline-flex;align-items:center;font-family:monospace;font-size:13px;border-radius:6px;padding:0 8px;height:24px;margin-right:4px;background-color:#f0f0f0;color:#5d5d5d}.styles_head__L8DiE{background-color:#eaf2fd;color:#2563eb}[data-theme-mode=dark] .styles_chip__XPG78{background-color:#2c2c2c;color:#fff}[data-theme-mode=dark] .styles_chip__XPG78.styles_head__L8DiE{background-color:#33405b}.TypePopup_button__5EyXF{display:inline-flex;align-items:center;font-family:monospace;font-size:13px;border-radius:6px;padding:0 8px;height:24px;margin-right:4px;background-color:#f0f0f0;color:#5d5d5d;cursor:pointer;border:none;outline:none;box-shadow:none;text-decoration:underline}[data-theme-mode=dark] .TypePopup_button__5EyXF{background-color:#2c2c2c;color:#fff}.TypePopup_popover__A8jsj{border:1px solid var(--border);box-shadow:0 8px 20px rgba(0 0 0/.1);border-radius:6px;background:var(--panel);color:var(--primary);outline:none;transition:transform .2s,opacity .2s;padding:1rem;margin-top:6px;--origin:translateY(-8px);&[data-entering],&[data-exiting]{transform:var(--origin);opacity:0}}.TypePopup_arrow__y_RZJ svg{display:block;fill:var(--panel);stroke:var(--border);stroke-width:1px;transform:rotate(180deg)}.TypePopup_name__VvboF{font-size:14px;font-weight:500;margin-bottom:1rem}.TypePopup_grid__XCp2g{display:grid;grid-template-columns:auto auto 1fr;grid-gap:.5rem 1rem;gap:.5rem 1rem}.TypePopup_col1__1S_mq{font-size:13px;font-weight:500;color:var(--text-secondary);padding-top:.25rem}.TypePopup_col2__QbqQR{font-size:13px}.TypePopup_col3__5Pbg5{font-size:13px;color:var(--text-secondary);padding-top:.25rem}.styles_container__T5X7T{display:flex;flex-direction:column;gap:8px}.styles_preview__tlnTq{border-radius:4px;box-shadow:inset 0 0 0 1px var(--border);background-color:var(--bg);padding:1px;position:relative}.styles_previewContent__ZqyBx{width:100%;height:100%;background-image:radial-gradient(rgba(0,0,0,.08) 1px,transparent 0);background-position:calc((8px / 2) * -1) calc((8px / 2) * -1);background-size:8px 8px}.styles_center__xU0vc{display:flex;justify-content:center;align-items:center}.styles_trigger__oILEp{all:unset;position:absolute;right:16px;bottom:12px;cursor:pointer;font-size:14px}[data-theme-mode=dark] .styles_previewContent__ZqyBx{background-image:radial-gradient(rgba(255,255,255,.18) 1px,transparent 0)}.styles_panel__rSJk7{height:var(--collapsible-panel-height);transition:all .2s ease-out;overflow:hidden;&[data-ending-style],&[data-starting-style]{height:0}&[data-closed]{opacity:0}&[data-open]{opacity:1}}.mdx_h1__Eajjy{font-size:3rem;margin-top:0;margin-bottom:1.25rem}.mdx_h1__Eajjy,.mdx_h2__tTkl_{color:var(--primary);font-weight:400}.mdx_h2__tTkl_{font-size:1.5rem;margin-top:3rem;margin-bottom:1.5rem}.mdx_h3__osV67{font-size:1.25rem;margin-top:2rem;margin-bottom:.5rem;color:var(--primary);font-weight:400}.mdx_p__PmNxW{font-size:1rem;line-height:1.5;margin-top:0;margin-bottom:1rem;color:var(--secondary)}.mdx_ul__VF5SM{margin:0;padding-left:2rem}.mdx_li__KH92w{color:var(--secondary);margin-bottom:.5rem;line-height:1.5}.mdx_a__3c_W2{color:var(--link);text-decoration:none}.mdx_a__3c_W2:hover{text-decoration:underline}.LayoutComponents_layoutComponents__D4OeQ{display:flex;justify-content:flex-start;gap:1rem;flex-wrap:wrap;margin-top:2rem;& svg rect{transition:fill .2s ease-in-out}& .LayoutComponents_box__h5hEW{display:flex;flex-direction:column;width:calc(50% - .5rem);margin-bottom:1rem;align-items:flex-start}& .LayoutComponents_content__R2UDY{flex:none;background-color:var(--panel);border:1px solid var(--border);border-radius:4px;width:100%;height:180px;transition:all .2s ease-in-out;margin-bottom:.75rem;display:flex;align-items:center;justify-content:center;&:hover{transform:translateY(-4px)}}& .LayoutComponents_title__c1uLc{font-size:16px;transition:color .2s ease-in-out;margin-bottom:.25rem}& .LayoutComponents_description__5mYZa{font-size:16px;color:var(--secondary)}}.ComponentCards_grid__TpY_0{display:grid;grid-template-columns:repeat(1,1fr);grid-gap:1rem;gap:1rem;margin-top:1rem;margin-bottom:3rem}@media (min-width:768px){.ComponentCards_grid__TpY_0{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.ComponentCards_grid__TpY_0{grid-template-columns:repeat(3,1fr)}}@media (min-width:1280px){.ComponentCards_grid__TpY_0{grid-template-columns:repeat(4,1fr)}}.ComponentCards_card__pj1et{display:flex;flex-direction:column;justify-content:flex-end;background-color:var(--panel);border-radius:8px;border:1px solid var(--border);padding:16px;gap:4px;min-height:120px;&:hover{background-color:var(--panel-hover)}}.ComponentCards_title__AL7LI{margin:0;font-size:16px;font-weight:600;color:var(--primary)}.ComponentCards_description__yE3OR{margin:0;font-size:14px;color:var(--secondary)}