/* GENERATED by design-system/tools/gen-dist.mjs from design-system/tokens/*.json — do not edit; run `make ds-build`. */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('../fonts/Inter-Variable.woff2') format('woff2');
}
@font-face {
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 200 1000;
  font-display: swap;
  src: url('../fonts/Mulish-Variable.woff2') format('woff2');
}
@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 100 700;
  font-display: block;
  src: url('../fonts/MaterialSymbolsOutlined-Variable.woff2') format('woff2');
}

.type-display { font-family: var(--type-body-family); font-size: var(--type-display-size); font-weight: var(--type-display-weight); line-height: var(--type-display-leading); }
.type-h1 { font-family: var(--type-body-family); font-size: var(--type-h1-size); font-weight: var(--type-h1-weight); line-height: var(--type-h1-leading); }
.type-h2 { font-family: var(--type-body-family); font-size: var(--type-h2-size); font-weight: var(--type-h2-weight); line-height: var(--type-h2-leading); }
.type-h3 { font-family: var(--type-body-family); font-size: var(--type-h3-size); font-weight: var(--type-h3-weight); line-height: var(--type-h3-leading); }
.type-body { font-family: var(--type-body-family); font-size: var(--type-body-size); font-weight: var(--type-body-weight); line-height: var(--type-body-leading); }
.type-body-large { font-family: var(--type-body-family); font-size: var(--type-body-large-size); font-weight: var(--type-body-large-weight); line-height: var(--type-body-large-leading); }
.type-caption { font-family: var(--type-body-family); font-size: var(--type-caption-size); font-weight: var(--type-caption-weight); line-height: var(--type-caption-leading); }
.type-code { font-family: var(--type-code-family); font-size: var(--type-code-size); font-weight: var(--type-code-weight); line-height: var(--type-code-leading); font-variant-numeric: tabular-nums; }
code, kbd, samp, pre { font-family: var(--type-code-family); font-variant-numeric: tabular-nums; }

.material-symbols-outlined { font-family: 'Material Symbols Outlined'; font-weight: normal; font-style: normal; font-size: var(--icon-size-md); line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; font-feature-settings: 'liga'; -webkit-font-smoothing: antialiased; font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24; }
.msi-filled { font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24; }
.msi-xs { font-size: var(--icon-size-xs); }
.msi-sm { font-size: var(--icon-size-sm); }
.msi-md { font-size: var(--icon-size-md); }
.msi-lg { font-size: var(--icon-size-lg); }
.msi-xl { font-size: var(--icon-size-xl); }