/* ADS typography: the single screen type scale and neutral text palette. */
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/static/fonts/inter/InterVariable.woff2?v=4.1") format("woff2");
}
:root {
  --ui-font: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --ui-text-size: 14px;
  --ui-text-line: 1.45;
  --ui-muted-size: 12px;
  --ui-label-size: 13px;
  --ui-regular-weight: 400;
  --ui-medium-weight: 500;
  --ui-title-weight: 600;
  --ui-strong-weight: 600;
  --ads-text: #101828;
  --ads-text-on-accent: #000;
  --ads-text-secondary: #344054;
  --ads-text-muted: #667085;
  --ui-control-line: 1.35;
  --ui-display-lg: 48px;
  --ui-display-size: 36px;
  --ui-display-sm: 32px;
  --ui-heading-lg: 24px;
  --ui-heading-line: 1.2;
  --ui-heading-md: 20px;
  --ui-heading-sm: 18px;
  --ui-relaxed-line: 1.5;
  --ui-subtitle-size: 16px;
  --ui-title-size: 28px;
  --ui-tracking-tight: -.02em;
  --ui-tracking-wide: .06em;
}
@media screen {
  html { font-family: var(--ui-font); font-size: var(--ui-text-size); line-height: var(--ui-text-line); color: var(--ads-text-secondary); }
  body { font-family: inherit; font-size: inherit; font-weight: var(--ui-regular-weight); line-height: inherit; }
  :where(button, input, select, textarea) { font-family: var(--ui-font); font-size: var(--ui-text-size); line-height: var(--ui-text-line); }
  :where(input, select, textarea) { font-weight: var(--ui-regular-weight); color: var(--ads-text); }
  :where(label) { font-size: var(--ui-label-size); font-weight: var(--ui-medium-weight); color: var(--ads-text-secondary); }
  :where(button) { font-weight: var(--ui-medium-weight); }
  :where(h1, h2, h3, h4, h5, h6) { font-weight: var(--ui-title-weight); color: var(--ads-text); }
  :where(strong, b, th) { font-weight: var(--ui-strong-weight); }
  :where(small) { font-size: var(--ui-muted-size); color: var(--ads-text-muted); }
  ::placeholder { color: var(--ads-text-muted); opacity: 1; }
}