.ds2 {
  --ds-font-body: var(--font-geist-sans);
  --ds-font-display: var(--font-geist-sans);
  --ds-font-code: var(--font-roboto-mono), ui-monospace, monospace;
  --ds-text-hero: 3.25rem;
  --ds-text-4xl: 2.25rem;
  --ds-text-3xl: 1.875rem;
  --ds-text-2xl: 1.5rem;
  --ds-text-xl: 1.25rem;
  --ds-text-lg: 1.125rem;
  --ds-text-base: 1rem;
  --ds-text-sm: 0.875rem;
  --ds-text-xs: 0.8125rem;
  --ds-text-tiny: 0.75rem;
  --ds-text-xtiny: 0.6875rem;
  --ds-font-weight-regular: 400;
  --ds-font-weight-medium: 500;
  --ds-leading-hero: 0.9;
  --ds-leading-tight: 1.1;
  --ds-leading-snug: 1.25;
  --ds-leading-body: 1.6;
  --ds-tracking-tight: -0.02em;
  --ds-tracking-normal: 0em;
  --ds-tracking-subtitle: 0.02em;
  --ds-heading-muted: #0a0a0a59;
  font-family: var(--ds-font-body);
  font-optical-sizing: auto;
}
.ds2 :is(.ds-heading-muted) {
  color: var(--ds-heading-muted);
}
.ds2 :is(h1, h2, h3, h4, h5, h6, [data-ds-heading="true"], .ds-heading) {
  font-family: var(--ds-font-display);
  font-optical-sizing: auto;
}
.ds2
  :is(
    p,
    li,
    blockquote,
    dd,
    dt,
    figcaption,
    label,
    input,
    textarea,
    select,
    button
  ) {
  font-family: var(--ds-font-body);
}
.ds2 :is(h1, .ds-h1) {
  font-size: clamp(1.625rem, 5.5vw, var(--ds-text-hero));
  line-height: var(--ds-leading-hero);
  letter-spacing: var(--ds-tracking-normal);
  font-weight: var(--ds-font-weight-medium);
}
.ds2 :is(h2, .ds-h2) {
  font-size: var(--ds-text-3xl);
  line-height: var(--ds-leading-snug);
  letter-spacing: var(--ds-tracking-tight);
  font-weight: var(--ds-font-weight-medium);
}
.ds2 :is(h3, .ds-h3) {
  font-size: var(--ds-text-2xl);
  line-height: var(--ds-leading-snug);
  letter-spacing: var(--ds-tracking-tight);
  font-weight: var(--ds-font-weight-medium);
}
.ds2 :is(h4, .ds-h4) {
  font-size: var(--ds-text-xl);
  line-height: var(--ds-leading-snug);
  letter-spacing: var(--ds-tracking-normal);
  font-weight: var(--ds-font-weight-medium);
}
.ds2 :is(h5, .ds-h5) {
  font-size: var(--ds-text-lg);
  line-height: var(--ds-leading-snug);
  letter-spacing: var(--ds-tracking-normal);
  font-weight: var(--ds-font-weight-medium);
}
.ds2 :is(h6, .ds-h6) {
  font-size: var(--ds-text-base);
  line-height: var(--ds-leading-snug);
  letter-spacing: var(--ds-tracking-normal);
  font-weight: var(--ds-font-weight-medium);
}
.ds2 :is(.ds-h1-section) {
  font-size: clamp(1.5rem, 3.07vw, 2.625rem);
  line-height: var(--ds-leading-hero);
  letter-spacing: var(--ds-tracking-normal);
  font-weight: var(--ds-font-weight-medium);
}
.ds2 :is(p, .ds-body) {
  font-size: var(--ds-text-base);
  line-height: var(--ds-leading-body);
  letter-spacing: var(--ds-tracking-normal);
  font-weight: var(--ds-font-weight-regular);
}
.ds2 :is(.ds-subtitle) {
  font-size: clamp(0.875rem, 2.4vw, var(--ds-text-lg));
  line-height: 1.4;
  letter-spacing: var(--ds-tracking-subtitle);
  font-weight: var(--ds-font-weight-regular);
}
.ds2 :is(small, .ds-small) {
  font-size: var(--ds-text-sm);
  line-height: var(--ds-leading-body);
  letter-spacing: var(--ds-tracking-normal);
  font-weight: var(--ds-font-weight-regular);
}
.ds2 :is(.ds-caption) {
  font-size: var(--ds-text-xs);
  line-height: var(--ds-leading-body);
  letter-spacing: var(--ds-tracking-normal);
  font-weight: var(--ds-font-weight-regular);
}
.ds2 :is(.ds-nav-popover-heading) {
  color: #656362;
  text-align: center;
  font-family: var(--ds-font-body);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 12px;
  letter-spacing: 0.12px;
}
.ds2 :is(.ds-nav-popover-title) {
  color: #161514;
  font-family: var(--ds-font-body);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.16px;
}
.ds2 :is(.ds-nav-popover-subtitle) {
  color: #8f8c8b;
  font-family: var(--ds-font-body);
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 12px;
  letter-spacing: 0.16px;
}
.ds2 :is(.ds-section-label) {
  font-family: var(--ds-font-code);
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  color: #8f8c8b;
}
.ds2 :is(.ds-text-4xl) {
  font-size: var(--ds-text-4xl);
}
.ds2 :is(.ds-text-3xl) {
  font-size: var(--ds-text-3xl);
}
.ds2 :is(.ds-text-2xl) {
  font-size: var(--ds-text-2xl);
}
.ds2 :is(.ds-text-xl) {
  font-size: var(--ds-text-xl);
}
.ds2 :is(.ds-text-lg) {
  font-size: var(--ds-text-lg);
}
.ds2 :is(.ds-text-base) {
  font-size: var(--ds-text-base);
}
.ds2 :is(.ds-text-sm) {
  font-size: var(--ds-text-sm);
}
.ds2 :is(.ds-text-xs) {
  font-size: var(--ds-text-xs);
}
.ds2 :is(.ds-text-tiny) {
  font-size: var(--ds-text-tiny);
}
.ds2 :is(.ds-text-xtiny) {
  font-size: var(--ds-text-xtiny);
}
