._LBnFa_tableWrapper{background-color:var(--semantic-color-background-primary,#fff);border:1px solid var(--semantic-color-border-primary,#e5e7eb);border-radius:var(--semantic-border-radius-md,8px);width:100%;overflow-x:auto}._LBnFa_table{border-collapse:collapse;width:100%;font-family:var(--core-typography-font-family-sans,Inter, sans-serif)}._LBnFa_table thead tr{border-bottom:1px solid var(--semantic-color-border-primary,#e5e7eb)}._LBnFa_table tbody tr{border-bottom:1px solid var(--semantic-color-border-primary,#e5e7eb)}._LBnFa_table tbody tr:last-child{border-bottom:0}._LBnFa_table th,._LBnFa_table td{vertical-align:middle;text-align:left;padding:12px 20px;font-size:14px;line-height:1.5}._LBnFa_table thead th{background-color:var(--semantic-color-background-secondary,#f9fafb);color:var(--semantic-color-foreground-primary,#111827);letter-spacing:.02em;font-size:13px;font-weight:600}._LBnFa_colProperty{width:24%;min-width:180px}._LBnFa_colDescription{width:56%}._LBnFa_colType{width:20%;min-width:120px;text-align:right!important}._LBnFa_partName{color:var(--semantic-color-foreground-primary,#111827);text-transform:none;white-space:nowrap;font-weight:600}._LBnFa_glyph{color:var(--semantic-color-foreground-secondary,#6b7280);margin-right:6px;display:inline-block}._LBnFa_partDescription{color:var(--semantic-color-foreground-secondary,#6b7280)}._LBnFa_partType{text-align:right}._LBnFa_typePill{background-color:var(--semantic-color-background-tertiary,#e5e7eb);border:1px solid var(--semantic-color-border-subtle,transparent);color:var(--semantic-color-foreground-secondary,#4b5563);white-space:nowrap;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:500;line-height:1.4;display:inline-block}._LBnFa_tone-slot{background-color:var(--semantic-color-background-info-subtle,#eef2ff);color:var(--semantic-color-foreground-info,#4f46e5);border-color:#0000}._LBnFa_tone-prop{background-color:var(--semantic-color-background-secondary,#f3f4f6);border-color:var(--semantic-color-border-subtle,transparent);color:var(--semantic-color-foreground-primary,#111827);font-size:12px;font-family:var(--core-typography-font-family-mono,monospace)}._LBnFa_tone-part{background-color:var(--semantic-color-background-tertiary,#e5e7eb);color:var(--semantic-color-foreground-secondary,#6b7280);border-color:#0000}._LBnFa_tone-root{background-color:var(--semantic-color-background-info-subtle,#eef2ff);color:var(--semantic-color-foreground-info,#4f46e5);border-color:#0000;font-weight:600}@media (max-width:720px){._LBnFa_table th,._LBnFa_table td{padding:10px 12px;font-size:13px}}
.AMI70W_isometric{--explode-progress:0;background-color:var(--semantic-color-background-secondary,#f9fafb);border:1px solid var(--semantic-color-border-primary,#e5e7eb);border-radius:var(--semantic-border-radius-md,8px);cursor:zoom-in;width:100%;padding:16px;position:relative}.AMI70W_isometric:hover,.AMI70W_isometric:focus-within{--explode-progress:1}.AMI70W_svg{width:100%;height:auto;max-height:520px;display:block}.AMI70W_layer{transform-origin:50%;transform-box:fill-box;transition:transform .45s cubic-bezier(.22,1,.36,1);transform:translateY(0)}.AMI70W_isometric:hover .AMI70W_layer,.AMI70W_isometric:focus-within .AMI70W_layer{transform:translateY(var(--explode-y,0))}.AMI70W_layerLabel{pointer-events:none;-webkit-user-select:none;user-select:none}.AMI70W_pins{opacity:0;transition:opacity .3s ease-in-out .1s}.AMI70W_isometric:hover .AMI70W_pins,.AMI70W_isometric:focus-within .AMI70W_pins{opacity:1}.AMI70W_pin{transition:transform .45s cubic-bezier(.22,1,.36,1)}@media (prefers-reduced-motion:reduce){.AMI70W_layer,.AMI70W_pins,.AMI70W_pin{transition:none}}
.I8KYiG_componentDoc{max-width:1200px;margin:0 auto;padding:0 1rem}.I8KYiG_header{border-bottom:1px solid var(--semantic-color-border-subtle);margin-bottom:2rem;padding-bottom:2rem}.I8KYiG_headerContent{flex-direction:column;gap:1rem;display:flex}.I8KYiG_titleSection{flex-direction:column;gap:.75rem;display:flex}.I8KYiG_title{color:var(--semantic-color-foreground-primary);margin:0;font-size:2.5rem;font-weight:700}.I8KYiG_metadata{flex-wrap:wrap;gap:.5rem;display:flex}.I8KYiG_badge{border-radius:1rem;padding:.25rem .75rem;font-size:.875rem;font-weight:500}.I8KYiG_badge[data-type=category]{background:var(--semantic-color-background-info-subtle);color:var(--semantic-color-foreground-info)}.I8KYiG_badge[data-type=complexity]{background:var(--semantic-color-background-highlight);color:var(--semantic-color-foreground-info)}.I8KYiG_badge[data-type=status][data-status=built]{background:var(--semantic-color-background-success-subtle);color:var(--semantic-color-foreground-success)}.I8KYiG_badge[data-type=status][data-status=planned]{background:var(--semantic-color-background-warning-subtle);color:var(--semantic-color-foreground-warning)}.I8KYiG_badge[data-type=status][data-status=doconly]{background:var(--semantic-color-background-neutral-subtle);color:var(--semantic-color-foreground-secondary)}.I8KYiG_description{color:var(--semantic-color-foreground-secondary);margin:0;font-size:1.125rem;line-height:1.6}.I8KYiG_aliases{color:var(--semantic-color-foreground-tertiary);font-size:.875rem}.I8KYiG_aliases ul{gap:.5rem;margin:0;padding:0;list-style:none;display:inline-flex}.I8KYiG_aliases ul li:not(:last-child):after{opacity:.5;content:"•";margin-left:.5rem}.I8KYiG_quickNav{z-index:100;background:var(--semantic-color-background-elevated);border:1px solid var(--semantic-color-border-subtle);border-radius:.5rem;margin-bottom:2rem;padding:1rem;position:sticky;top:1rem;box-shadow:0 2px 8px #0000001a}.I8KYiG_quickNav ul{flex-wrap:wrap;gap:1rem;margin:0;padding:0;list-style:none;display:flex}.I8KYiG_quickNav ul li a{color:var(--semantic-color-foreground-secondary);border-radius:.25rem;padding:.5rem 1rem;font-weight:500;text-decoration:none;transition:all .2s}.I8KYiG_quickNav ul li a:hover{background:var(--semantic-color-background-hover);color:var(--semantic-color-foreground-accent)}.I8KYiG_section{z-index:1;contain:layout style;isolation:isolate;margin-bottom:3rem;position:relative}.I8KYiG_section h2{border-bottom:2px solid var(--semantic-color-foreground-accent);color:var(--semantic-color-foreground-primary);margin:0 0 1.5rem;padding-bottom:.5rem;font-size:1.75rem;font-weight:600}.I8KYiG_section h3{color:var(--semantic-color-foreground-primary);margin:1.5rem 0 .75rem;font-size:1.25rem;font-weight:600}.I8KYiG_section+.I8KYiG_section{margin-top:4rem}.I8KYiG_overviewGrid{grid-template-columns:1fr 1fr;gap:2rem;display:grid}@media (max-width:768px){.I8KYiG_overviewGrid{grid-template-columns:1fr}}.I8KYiG_overviewContent ul{padding-left:1.5rem}.I8KYiG_overviewContent ul li{margin-bottom:.5rem;line-height:1.5}.I8KYiG_liveExample{contain:layout;isolation:isolate}.I8KYiG_liveExample .I8KYiG_exampleContainer{border:1px solid var(--semantic-color-border-subtle);border-radius:.5rem;min-height:400px;position:relative;overflow:hidden}.I8KYiG_anatomyContent .I8KYiG_anatomyVisualization{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;gap:1.5rem;margin-top:1.25rem;display:grid}@media (max-width:960px){.I8KYiG_anatomyContent .I8KYiG_anatomyVisualization{grid-template-columns:1fr}}.I8KYiG_anatomyContent .I8KYiG_anatomyTableCol,.I8KYiG_anatomyContent .I8KYiG_anatomyIsometricCol{min-width:0}.I8KYiG_plannedContent{background:var(--semantic-color-background-info-subtle);border:1px solid var(--semantic-color-border-info);color:var(--semantic-color-foreground-info);border-radius:.5rem;padding:2rem}.I8KYiG_plannedContent p{margin:0}.I8KYiG_plannedContent code{background:var(--semantic-color-background-primary);font-family:var(--core-typography-font-family-mono);border-radius:.25rem;padding:.125rem .25rem}.I8KYiG_placeholder{color:var(--semantic-color-foreground-tertiary);text-align:center;font-style:italic}.I8KYiG_apiContent{contain:layout;isolation:isolate}.I8KYiG_apiContent .I8KYiG_propsTable,.I8KYiG_apiContent .I8KYiG_methodsTable{background:var(--semantic-color-background-secondary);border:1px solid var(--semantic-color-border-subtle);contain:layout style;border-radius:.5rem;margin-bottom:2rem;position:relative;overflow-x:auto}:is(.I8KYiG_apiContent .I8KYiG_propsTable,.I8KYiG_apiContent .I8KYiG_methodsTable) table{border-collapse:collapse;width:100%;font-size:.875rem}:is(.I8KYiG_apiContent .I8KYiG_propsTable,.I8KYiG_apiContent .I8KYiG_methodsTable) table th,:is(.I8KYiG_apiContent .I8KYiG_propsTable,.I8KYiG_apiContent .I8KYiG_methodsTable) table td{border-bottom:1px solid var(--semantic-color-border-subtle);text-align:left;padding:.75rem 1rem}:is(.I8KYiG_apiContent .I8KYiG_propsTable,.I8KYiG_apiContent .I8KYiG_methodsTable) table th{background:var(--semantic-color-background-tertiary);white-space:nowrap;font-weight:600}:is(.I8KYiG_apiContent .I8KYiG_propsTable,.I8KYiG_apiContent .I8KYiG_methodsTable) table td code{background:var(--semantic-color-background-primary);font-size:.8125rem;font-family:var(--core-typography-font-family-mono);border-radius:.25rem;padding:.125rem .375rem}:is(.I8KYiG_apiContent .I8KYiG_propsTable,.I8KYiG_apiContent .I8KYiG_methodsTable) table tr:last-child td{border-bottom:none}.I8KYiG_apiContent .I8KYiG_noData{color:var(--semantic-color-foreground-tertiary);padding:1.5rem;font-style:italic}.I8KYiG_accessibilityContent .I8KYiG_pitfalls{background:var(--semantic-color-background-warning-subtle);border:1px solid var(--semantic-color-border-warning);border-radius:.5rem;margin:1.5rem 0;padding:1.5rem}.I8KYiG_accessibilityContent .I8KYiG_pitfalls ul{margin:.5rem 0 0;padding-left:1.5rem}.I8KYiG_accessibilityContent .I8KYiG_accessibilityChecklist{background:var(--semantic-color-background-success-subtle);border:1px solid var(--semantic-color-border-success);border-radius:.5rem;padding:1.5rem}.I8KYiG_accessibilityContent .I8KYiG_accessibilityChecklist ul{margin:.5rem 0 0;padding-left:1.5rem;list-style:none}.I8KYiG_accessibilityContent .I8KYiG_accessibilityChecklist ul li{color:var(--semantic-color-foreground-success);margin-bottom:.5rem}.I8KYiG_relatedCard>h3{color:var(--semantic-color-foreground-primary);margin:0 0 .5rem}.I8KYiG_usageContent .I8KYiG_dosAndDonts{grid-template-columns:1fr 1fr;gap:2rem;display:grid}@media (max-width:768px){.I8KYiG_usageContent .I8KYiG_dosAndDonts{grid-template-columns:1fr}}.I8KYiG_usageContent .I8KYiG_dos{background:var(--semantic-color-background-success-subtle);border:1px solid var(--semantic-color-border-success);border-radius:.5rem;padding:1.5rem}.I8KYiG_usageContent .I8KYiG_dos h3{color:var(--semantic-color-foreground-success);margin-top:0}.I8KYiG_usageContent .I8KYiG_dos ul{margin:0;padding-left:1.5rem}.I8KYiG_usageContent .I8KYiG_dos ul li{color:var(--semantic-color-foreground-success);margin-bottom:.5rem}.I8KYiG_usageContent .I8KYiG_donts{background:var(--semantic-color-background-danger-subtle);border:1px solid var(--semantic-color-border-danger);border-radius:.5rem;padding:1.5rem}.I8KYiG_usageContent .I8KYiG_donts h3{color:var(--semantic-color-foreground-danger);margin-top:0}.I8KYiG_usageContent .I8KYiG_donts ul{margin:0;padding-left:1.5rem}.I8KYiG_usageContent .I8KYiG_donts ul li{color:var(--semantic-color-foreground-danger);margin-bottom:.5rem}.I8KYiG_examplesContent{contain:layout;isolation:isolate}.I8KYiG_examplesContent .I8KYiG_exampleGrid{grid-template-columns:1fr 1fr;gap:2rem;display:grid}@media (max-width:768px){.I8KYiG_examplesContent .I8KYiG_exampleGrid{grid-template-columns:1fr}}.I8KYiG_examplesContent .I8KYiG_example{border:1px solid var(--semantic-color-border-subtle);contain:layout style;isolation:isolate;border-radius:.5rem;min-height:300px;position:relative;overflow:hidden}.I8KYiG_examplesContent .I8KYiG_example h3{z-index:1;background:var(--semantic-color-background-secondary);margin:0;padding:1rem 1rem 0;position:relative}.I8KYiG_examplesContent .I8KYiG_example .I8KYiG_exampleDescription{z-index:1;background:var(--semantic-color-background-secondary);border-bottom:1px solid var(--semantic-color-border-subtle);color:var(--semantic-color-foreground-secondary);margin:0;padding:.5rem 1rem 1rem;font-size:.875rem;position:relative}.I8KYiG_relatedGrid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;display:grid}.I8KYiG_relatedCard{border:1px solid var(--semantic-color-border-subtle);color:inherit;border-radius:.5rem;padding:1.5rem;text-decoration:none;transition:all .2s;display:block}.I8KYiG_relatedCard:hover{background:var(--semantic-color-background-hover);border-color:var(--semantic-color-foreground-accent);transform:translateY(-2px)}.I8KYiG_relatedCard p{color:var(--semantic-color-foreground-secondary);margin:0 0 .75rem;font-size:.875rem;line-height:1.4}.I8KYiG_relatedCard .I8KYiG_relatedMeta{color:var(--semantic-color-foreground-tertiary);letter-spacing:.05em;text-transform:uppercase;font-size:.75rem}.I8KYiG_lastUpdated{color:var(--semantic-color-foreground-tertiary);font-size:.875rem}.I8KYiG_lastUpdated time{font-weight:500}.I8KYiG_panelSection{border:1px solid var(--semantic-color-border-subtle);border-radius:.5rem;margin-top:1.5rem;overflow:hidden}.I8KYiG_panelToggle{background:var(--semantic-color-background-secondary);width:100%;color:var(--semantic-color-foreground-primary);text-align:left;cursor:pointer;border:none;align-items:center;gap:.5rem;padding:1rem;font-size:.875rem;font-weight:600;transition:background .2s;display:flex}.I8KYiG_panelToggle:hover{background:var(--semantic-color-background-hover)}.I8KYiG_panelToggle[aria-expanded=true]{border-bottom:1px solid var(--semantic-color-border-subtle)}.I8KYiG_panelContent{background:var(--semantic-color-background-primary);padding:1rem}.I8KYiG_panelDescription{color:var(--semantic-color-foreground-secondary);margin:0 0 1rem;font-size:.875rem;line-height:1.5}.I8KYiG_devToolsSection{background:var(--semantic-color-background-secondary);border:1px solid var(--semantic-color-border-subtle);border-radius:.5rem;margin-top:2rem;padding:1.5rem}.I8KYiG_devToolsSection h3{color:var(--semantic-color-foreground-primary);margin:0 0 .5rem;font-size:1.125rem}.I8KYiG_devToolsDescription{color:var(--semantic-color-foreground-secondary);margin:0 0 1.5rem;font-size:.875rem}.I8KYiG_devToolsGrid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;display:grid}.I8KYiG_contentGuidelinesSection{flex-direction:column;gap:2rem;display:flex}.I8KYiG_voiceTone{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}@media (max-width:768px){.I8KYiG_voiceTone{grid-template-columns:1fr}}.I8KYiG_voiceBox,.I8KYiG_toneBox{background:var(--semantic-color-background-secondary);border:1px solid var(--semantic-color-border-subtle);border-radius:.5rem;padding:1.25rem}:is(.I8KYiG_voiceBox,.I8KYiG_toneBox) h3{color:var(--semantic-color-foreground-primary);margin:0 0 .5rem;font-size:1rem;font-weight:600}:is(.I8KYiG_voiceBox,.I8KYiG_toneBox) p{color:var(--semantic-color-foreground-secondary);margin:0;font-size:.875rem;line-height:1.5}.I8KYiG_contentExamples h3{color:var(--semantic-color-foreground-primary);margin:0 0 1rem;font-size:1rem;font-weight:600}.I8KYiG_examplesGrid{flex-direction:column;gap:1rem;display:flex}.I8KYiG_examplePair{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (max-width:768px){.I8KYiG_examplePair{grid-template-columns:1fr}}.I8KYiG_goodExample,.I8KYiG_badExample{border-radius:.375rem;padding:1rem}:is(.I8KYiG_goodExample,.I8KYiG_badExample) p{margin:0;font-size:.9375rem;line-height:1.5}.I8KYiG_goodExample{background:var(--semantic-color-background-success-subtle);border:1px solid var(--semantic-color-border-success)}.I8KYiG_badExample{background:var(--semantic-color-background-danger-subtle);border:1px solid var(--semantic-color-border-danger)}.I8KYiG_exampleLabel{letter-spacing:.05em;text-transform:uppercase;border-radius:.25rem;margin-bottom:.5rem;padding:.125rem .5rem;font-size:.75rem;font-weight:600;display:inline-block}.I8KYiG_goodExample .I8KYiG_exampleLabel{background:var(--semantic-color-background-success);color:var(--semantic-color-foreground-on-success,#fff)}.I8KYiG_badExample .I8KYiG_exampleLabel{background:var(--semantic-color-background-danger);color:var(--semantic-color-foreground-on-danger,#fff)}.I8KYiG_contentPatterns h3{color:var(--semantic-color-foreground-primary);margin:0 0 1rem;font-size:1rem;font-weight:600}.I8KYiG_contentPatterns ul{margin:0;padding-left:1.5rem}.I8KYiG_contentPatterns ul li{color:var(--semantic-color-foreground-secondary);margin-bottom:.5rem;font-size:.9375rem;line-height:1.5}.I8KYiG_changelogSection{flex-direction:column;gap:1.5rem;display:flex}.I8KYiG_changelogEntry{background:var(--semantic-color-background-secondary);border:1px solid var(--semantic-color-border-subtle);border-radius:.5rem;padding:1.25rem}.I8KYiG_changelogHeader{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.I8KYiG_changelogVersion{background:var(--semantic-color-background-accent);color:var(--semantic-color-foreground-on-accent,#fff);border-radius:.25rem;padding:.25rem .75rem;font-size:.875rem;font-weight:600}.I8KYiG_changelogDate{color:var(--semantic-color-foreground-tertiary);font-size:.875rem}.I8KYiG_changelogList{margin:0;padding:0;list-style:none}.I8KYiG_changelogItem{color:var(--semantic-color-foreground-secondary);align-items:flex-start;gap:.75rem;margin-bottom:.5rem;font-size:.875rem;line-height:1.5;display:flex}.I8KYiG_changelogItem:last-child{margin-bottom:0}.I8KYiG_changeType{letter-spacing:.03em;text-transform:uppercase;border-radius:.25rem;flex-shrink:0;padding:.125rem .5rem;font-size:.75rem;font-weight:600}[data-type=added] .I8KYiG_changeType{background:var(--semantic-color-background-success-subtle);color:var(--semantic-color-foreground-success)}[data-type=changed] .I8KYiG_changeType{background:var(--semantic-color-background-warning-subtle);color:var(--semantic-color-foreground-warning)}[data-type=deprecated] .I8KYiG_changeType{background:var(--semantic-color-background-info-subtle);color:var(--semantic-color-foreground-info)}[data-type=removed] .I8KYiG_changeType{background:var(--semantic-color-background-danger-subtle);color:var(--semantic-color-foreground-danger)}[data-type=fixed] .I8KYiG_changeType{background:var(--semantic-color-background-success-subtle);color:var(--semantic-color-foreground-success)}[data-type=security] .I8KYiG_changeType{background:var(--semantic-color-background-danger-subtle);color:var(--semantic-color-foreground-danger)}.I8KYiG_migrationLink{background:var(--semantic-color-background-info-subtle);border:1px solid var(--semantic-color-border-info);border-radius:.5rem;margin-top:1.5rem;padding:1rem}.I8KYiG_migrationLink p{color:var(--semantic-color-foreground-info);margin:0;font-size:.875rem}.I8KYiG_migrationLink p a{color:var(--semantic-color-foreground-accent);font-weight:500;text-decoration:underline}.I8KYiG_migrationLink p a:hover{text-decoration:none}.I8KYiG_contributeSection{background:var(--semantic-color-background-secondary);border:1px solid var(--semantic-color-border-subtle);border-radius:.5rem;padding:1.5rem}.I8KYiG_contributeSection p{color:var(--semantic-color-foreground-secondary);margin:0 0 1rem;font-size:.9375rem;line-height:1.5}.I8KYiG_contributeLinks{flex-wrap:wrap;gap:.75rem;display:flex}.I8KYiG_contributeLink{background:var(--semantic-color-background-primary);border:1px solid var(--semantic-color-border-subtle);color:var(--semantic-color-foreground-accent);border-radius:.375rem;align-items:center;padding:.5rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.I8KYiG_contributeLink:hover{background:var(--semantic-color-background-hover);border-color:var(--semantic-color-foreground-accent)}.I8KYiG_accessibilityChecklist ul li[data-status=pass]{color:var(--semantic-color-foreground-success)}.I8KYiG_accessibilityChecklist ul li[data-status=fail]{color:var(--semantic-color-foreground-danger)}.I8KYiG_accessibilityChecklist ul li[data-status=pending]{color:var(--semantic-color-foreground-tertiary)}