.type-section.svelte-qkwgky{padding:var(--space-6) 0;border-bottom:1px solid color-mix(in oklch,var(--border) 40%,transparent)}.type-section.svelte-qkwgky:first-child{padding-top:var(--space-4)}.type-section.svelte-qkwgky:last-child{border-bottom:none;padding-bottom:0}@media (min-width: 768px){.type-section.svelte-qkwgky{padding:var(--space-4) 0}.type-section.svelte-qkwgky:first-child{padding-top:var(--space-2)}}.type-header.svelte-qkwgky{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-4)}.type-content.svelte-qkwgky{display:grid;grid-template-columns:1fr;gap:var(--space-4);align-items:start}@media (min-width: 768px){.type-content.svelte-qkwgky{grid-template-columns:1fr 1fr;gap:var(--space-6);align-items:center}}.type-tokens.svelte-qkwgky{display:grid;grid-template-columns:auto auto auto;grid-template-rows:auto auto auto auto;gap:var(--space-2) var(--space-3);align-items:center}.token-size.svelte-qkwgky .token-label:where(.svelte-qkwgky){grid-column:1;grid-row:1}.token-color.svelte-qkwgky .token-label:where(.svelte-qkwgky){grid-column:1;grid-row:2}.token-weight.svelte-qkwgky .token-label:where(.svelte-qkwgky){grid-column:1;grid-row:3}.token-size.svelte-qkwgky code:where(.svelte-qkwgky){grid-column:2;grid-row:1}.token-color.svelte-qkwgky code:where(.svelte-qkwgky){grid-column:2;grid-row:2}.token-weight.svelte-qkwgky code:where(.svelte-qkwgky){grid-column:2;grid-row:3}.token-size.svelte-qkwgky .token-value:where(.svelte-qkwgky){grid-column:3;grid-row:1}.token-color.svelte-qkwgky .token-value:where(.svelte-qkwgky){grid-column:3;grid-row:2}.token-weight.svelte-qkwgky .token-value:where(.svelte-qkwgky){grid-column:3;grid-row:3}.token-group.svelte-qkwgky{display:contents}.token-label.svelte-qkwgky{color:var(--typography-muted-color);font-size:var(--text-xs);text-align:right}.token-group.svelte-qkwgky code:where(.svelte-qkwgky){background:var(--surface-code);padding:2px 4px;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:9px;color:var(--primary);line-height:1.4;max-width:140px;word-wrap:break-word;overflow-wrap:anywhere}@media (min-width: 768px){.token-group.svelte-qkwgky code:where(.svelte-qkwgky){padding:2px var(--space-2);font-size:10px;max-width:180px}}.token-value.svelte-qkwgky{color:var(--typography-caption-color);font-size:var(--text-xs);display:flex;align-items:center;gap:var(--space-1);white-space:nowrap}.type-label.svelte-qkwgky{color:var(--typography-subheading-color);font-size:var(--text-base);font-weight:var(--font-medium)}.type-usage.svelte-qkwgky{color:var(--typography-caption-color);font-size:var(--text-xs)}.color-dot.svelte-qkwgky{width:12px;height:12px;border-radius:var(--radius-full);border:1px solid var(--border);display:inline-block;flex-shrink:0}.utility-grid.svelte-qkwgky{display:flex;flex-direction:column;gap:var(--space-3)}@media (min-width: 768px){.utility-grid.svelte-qkwgky{display:grid;grid-template-columns:1fr;gap:var(--space-4)}}.utility-example.svelte-qkwgky{display:flex;align-items:center;justify-content:flex-start;height:40px;text-align:left}@media (min-width: 768px){.utility-example.svelte-qkwgky{justify-content:center;height:60px;text-align:center}}.utility-example.svelte-qkwgky p:where(.svelte-qkwgky){margin:0;font-size:var(--text-sm)}@media (min-width: 768px){.utility-example.svelte-qkwgky p:where(.svelte-qkwgky){font-size:var(--text-base)}}.type-sample.svelte-qkwgky{display:flex;align-items:center;justify-content:center;padding:var(--space-4) 0;min-height:80px}.type-sample.svelte-qkwgky p:where(.svelte-qkwgky){margin:0;line-height:1.2;word-wrap:break-word;overflow-wrap:break-word;text-align:center}@media (min-width: 768px){.type-tokens.svelte-qkwgky{display:grid;grid-template-columns:auto auto auto;grid-template-rows:auto auto auto;gap:var(--space-2) var(--space-3);align-items:center}.token-size.svelte-qkwgky .token-label:where(.svelte-qkwgky){grid-row:1}.token-size.svelte-qkwgky code:where(.svelte-qkwgky){grid-row:1}.token-size.svelte-qkwgky .token-value:where(.svelte-qkwgky){grid-row:1}.token-color.svelte-qkwgky .token-label:where(.svelte-qkwgky){grid-row:2}.token-color.svelte-qkwgky code:where(.svelte-qkwgky){grid-row:2}.token-color.svelte-qkwgky .token-value:where(.svelte-qkwgky){grid-row:2}.token-weight.svelte-qkwgky .token-label:where(.svelte-qkwgky){grid-row:3}.token-weight.svelte-qkwgky code:where(.svelte-qkwgky){grid-row:3}.token-weight.svelte-qkwgky .token-value:where(.svelte-qkwgky){grid-row:3}.type-sample.svelte-qkwgky{display:flex;align-items:center;justify-content:center}.type-sample.svelte-qkwgky p:where(.svelte-qkwgky){margin:0;line-height:1!important}}