.CodeBlock_wrapper__bvK81{position:relative;border:1px solid var(--color-semantic-border,#e4e4e7);border-radius:var(--border-radius-md,6px);overflow:hidden;margin-bottom:2rem;max-width:100%;width:100%;min-width:0}.CodeBlock_pre__3xNpN{margin:0;padding:1.25rem 5rem 1.25rem 1.5rem;background:var(--color-semantic-background-subtle,#fafafa);overflow-x:auto;font-size:.875rem;line-height:1.7}.CodeBlock_code__Y5QpZ{font-family:var(--font-jetbrains-mono,monospace);color:var(--color-semantic-foreground,#0a0a0a);white-space:pre;display:block}.CodeBlock_copyBtn__L8zC_{position:absolute;top:.625rem;right:.625rem;display:flex;align-items:center;gap:.3rem;padding:.25rem .625rem;background:var(--color-semantic-background,#fff);border:1px solid var(--color-semantic-border,#e4e4e7);border-radius:var(--border-radius-sm,4px);color:var(--color-semantic-foreground-muted);font-size:.75rem;font-family:var(--font-family-sans,sans-serif);cursor:pointer;transition:color .15s ease,background-color .15s ease,border-color .15s ease;z-index:1}.CodeBlock_copyBtn__L8zC_:hover{color:var(--color-semantic-foreground);background:var(--color-semantic-background-subtle);border-color:var(--color-semantic-foreground-muted)}.CodeBlock_copyBtn__L8zC_:focus-visible{outline:2px solid var(--color-semantic-primary);outline-offset:2px}.CodeBlock_copyLabel___yojx{line-height:1}@media (max-width:640px){.CodeBlock_pre__3xNpN{padding:.875rem 3rem .875rem 1rem;font-size:.8125rem}.CodeBlock_copyBtn__L8zC_{top:.5rem;right:.5rem;padding:.25rem .5rem;font-size:.6875rem}.CodeBlock_copyLabel___yojx{display:none}}.PropsTable_wrapper__g7DBF{overflow-x:auto;border:1px solid var(--color-semantic-border,#e4e4e7);border-radius:var(--border-radius-md,6px);margin-bottom:2rem}.PropsTable_table__1SOUg{width:100%;min-width:560px;border-collapse:collapse;font-size:.875rem;line-height:1.5}.PropsTable_th__pxl7C{text-align:left;padding:.625rem 1rem;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-semantic-foreground-muted,#71717a);background:var(--color-semantic-background-subtle,#fafafa)}.PropsTable_th__pxl7C,.PropsTable_tr__wFaXH{border-bottom:1px solid var(--color-semantic-border,#e4e4e7)}.PropsTable_tr__wFaXH:last-child{border-bottom:none}.PropsTable_tr__wFaXH:nth-child(2n){background:var(--color-semantic-background-subtle,#fafafa)}.PropsTable_tdDefault__zjAOM,.PropsTable_tdDesc__NBnqM,.PropsTable_tdProp__oIZr3,.PropsTable_tdType__J_GNM{padding:.625rem 1rem;vertical-align:top;font-size:.875rem;line-height:1.5;color:var(--color-semantic-foreground,#0a0a0a);white-space:nowrap}.PropsTable_tdProp__oIZr3{width:14%}.PropsTable_tdType__J_GNM{width:22%;white-space:normal;word-break:break-word}.PropsTable_tdDefault__zjAOM{width:14%}.PropsTable_tdDesc__NBnqM{width:50%;color:var(--color-semantic-foreground-muted,#71717a);white-space:normal;min-width:180px}.PropsTable_code__MbZZ2{font-family:var(--font-jetbrains-mono,monospace);font-size:.875rem;line-height:1.5;background:var(--color-semantic-background,#fff);border:1px solid var(--color-semantic-border,#e4e4e7);border-radius:var(--border-radius-sm,4px);padding:.1em .4em;color:var(--color-semantic-foreground,#0a0a0a)}@media (max-width:640px){.PropsTable_table__1SOUg{font-size:.8125rem}.PropsTable_tdDefault__zjAOM,.PropsTable_tdDesc__NBnqM,.PropsTable_tdProp__oIZr3,.PropsTable_tdType__J_GNM,.PropsTable_th__pxl7C{padding:.5rem .625rem}.PropsTable_tdDefault__zjAOM,.PropsTable_th__pxl7C:nth-child(3){display:none}.PropsTable_tdProp__oIZr3,.PropsTable_tdType__J_GNM{width:30%}.PropsTable_tdDesc__NBnqM{width:40%}}.component-page_page__mf3TX{max-width:100%}.component-page_header__gTd7X{margin-bottom:2.5rem}.component-page_title__8cdVq{font-size:2.25rem;font-weight:700;margin-bottom:.5rem;color:var(--color-semantic-foreground)}.component-page_description__RIEid{font-size:1.125rem;color:var(--color-semantic-foreground-muted,#71717a);margin-bottom:1rem}.component-page_storybookLink__IFLbL{display:inline-flex;align-items:center;gap:.375rem;font-size:.875rem;color:var(--color-semantic-primary,#6d28d9);text-decoration:none;border:1px solid var(--color-semantic-border,#e4e4e7);border-radius:var(--border-radius-md,6px);padding:.375rem .75rem;transition:background .15s}.component-page_storybookLink__IFLbL:hover{background:var(--color-semantic-background-subtle,#fafafa)}.component-page_section__Zze_0{margin-bottom:2.5rem}.component-page_sectionTitle__HqMLc{font-size:1.125rem;font-weight:600;color:var(--color-semantic-foreground,#0a0a0a);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--color-semantic-border,#e4e4e7)}.component-page_demo__njAOO{flex-wrap:wrap;align-items:center;min-width:0;overflow-x:auto}.component-page_demoColumn__7s_xQ,.component-page_demo__njAOO{display:flex;gap:var(--spacing-3,.75rem);padding:1.5rem;background:var(--color-semantic-background-subtle,#fafafa);border:1px solid var(--color-semantic-border,#e4e4e7);border-radius:var(--border-radius-lg,8px)}.component-page_demoColumn__7s_xQ{flex-direction:column;align-items:flex-start}