.ds-typography-swatch{gap:var(--gap-xl);background:var(--color-bg-container-primary);border:var(--border-xs)solid var(--color-bg-container-border);border-radius:var(--radius-xl);width:100%;padding:var(--padding-xl)var(--padding-lg)var(--padding-lg);flex-direction:column;display:flex;overflow:hidden}.ds-typography-swatch__preview{color:var(--color-text-primary);word-break:break-word}.ds-typography-swatch__divider{border:none;border-top:1px solid var(--color-bg-container-border);width:100%;margin:0}.ds-typography-swatch__values{flex-wrap:wrap;gap:10px;width:100%;display:flex}.ds-typography-swatch__value-item{flex-direction:column;flex:1;gap:0;min-width:0;display:flex}.ds-typography-swatch__value-number{font-family:var(--font-title-body-family);font-size:var(--font-title-body-size);font-weight:var(--font-title-body-weight);line-height:var(--font-title-body-line-height);letter-spacing:var(--font-title-body-letter-spacing);color:var(--color-text-primary)}.ds-typography-swatch__value-label{font-family:var(--font-paragraph-family);font-size:var(--font-paragraph-size);font-weight:var(--font-paragraph-weight);line-height:var(--font-paragraph-line-height);color:var(--color-text-secondary)}