/* Montserrat 500 */
@font-face {
  font-family: montserrat;
  font-style: normal;
  font-weight: 500;
  src: url('./fonts/montserrat/montserrat-500.woff2') format('woff2');
}
@font-face {
  font-family: montserrat;
  font-style: italic;
  font-weight: 500;
  src: url('./fonts/montserrat/montserrat-500italic.woff2') format('woff2');
}
/* Montserrat 600 */
@font-face {
  font-family: montserrat;
  font-style: normal;
  font-weight: 600;
  src: url('./fonts/montserrat/montserrat-600.woff2') format('woff2');
}
@font-face {
  font-family: montserrat;
  font-style: italic;
  font-weight: 600;
  src: url('./fonts/montserrat/montserrat-600italic.woff2') format('woff2');
}
/* Montserrat 700 */
@font-face {
  font-family: montserrat;
  font-style: normal;
  font-weight: 700;
  src: url('./fonts/montserrat/montserrat-700.woff2') format('woff2');
}
@font-face {
  font-family: montserrat;
  font-style: italic;
  font-weight: 700;
  src: url('./fonts/montserrat/montserrat-700italic.woff2') format('woff2');
}

/* Barlow 400 */
@font-face {
  font-family: barlow;
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/barlow/barlow-400.woff2') format('woff2');
}
@font-face {
  font-family: barlow;
  font-style: italic;
  font-weight: 400;
  src: url('./fonts/barlow/barlow-400italic.woff2') format('woff2');
}
/* Barlow 500 */
@font-face {
  font-family: barlow;
  font-style: normal;
  font-weight: 500;
  src: url('./fonts/barlow/barlow-500.woff2') format('woff2');
}
@font-face {
  font-family: montserrat;
  font-style: italic;
  font-weight: 500;
  src: url('./fonts/barlow/barlow-500italic.woff2') format('woff2');
}

/* Typography utility classes */

.typography-heading-2xlarge, :host .typography-heading-2xlarge {
  font-family: montserrat, system-ui, sans-serif;
  font-weight: 700;
  font-size: 2rem;
  line-height: 2rem;
  letter-spacing: -0.05rem;
}
.typography-heading-xlarge {
  font-family: montserrat, system-ui, sans-serif;
  font-weight: 700;
  font-size: 1.75rem;
  line-height: 2rem;
  letter-spacing: -0.043rem;
}
.typography-heading-large {
  font-family: montserrat, system-ui, sans-serif;
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1.75rem;
  letter-spacing: -0.037rem;
}
.typography-heading-medium {
  font-family: montserrat, system-ui, sans-serif;
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.5rem;
  letter-spacing: -0.025rem;
}
.typography-heading-small {
  font-family: montserrat, system-ui, sans-serif;
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 1.5rem;
  letter-spacing: -0.022rem;
}
.typography-heading-xsmall {
  font-family: montserrat, system-ui, sans-serif;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.25rem;
  letter-spacing: -0.02rem;
}
.typography-body-large-regular {
  font-family: barlow, system-ui, sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
}
.typography-body-large-bold {
  font-family: barlow, system-ui, sans-serif;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: -0.005rem;
}
.typography-body-large-bold-underline {
  font-family: barlow, system-ui, sans-serif;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: -0.005rem;
  text-decoration: underline;
}
.typography-body-large-italic {
  font-family: barlow, system-ui, sans-serif;
  font-weight: 400;
  font-style: italic;
  font-size: 1rem;
  line-height: 1.5rem;
}
.typography-body-medium-regular {
  font-family: barlow, system-ui, sans-serif;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: 0.004rem;
}
.typography-body-medium-bold {
  font-family: barlow, system-ui, sans-serif;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.typography-body-medium-bold-underline {
  font-family: barlow, system-ui, sans-serif;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.25rem;
  text-decoration: underline;
}
.typography-body-medium-italic {
  font-family: barlow, system-ui, sans-serif;
  font-weight: 400;
  font-style: italic;
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: 0.004rem;
}
.typography-body-small-regular {
  font-family: barlow, system-ui, sans-serif;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1rem;
  letter-spacing: 0.007rem;
}
.typography-body-small-bold {
  font-family: barlow, system-ui, sans-serif;
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 1rem;
  letter-spacing: 0.003rem;
}
.typography-body-small-bold-underline {
  font-family: barlow, system-ui, sans-serif;
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 1rem;
  letter-spacing: 0.003rem;
  text-decoration: underline;
}
.typography-body-small-italic {
  font-family: barlow, system-ui, sans-serif;
  font-weight: 400;
  font-style: italic;
  font-size: 0.75rem;
  line-height: 1rem;
  letter-spacing: 0.007rem;
}
.typography-monoline-large {
  font-family: montserrat, system-ui, sans-serif;
  font-weight: 600;
  font-size: 0.9375rem;
  line-height: 1.5rem;
  letter-spacing: -0.014rem;
}
.typography-monoline-medium {
  font-family: montserrat, system-ui, sans-serif;
  font-weight: 600;
  font-size: 0.8125rem;
  line-height: 1rem;
  letter-spacing: -0.008rem;
}
.typography-monoline-small {
  font-family: barlow, system-ui, sans-serif;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1rem;
}
.typography-monoline-xsmall {
  font-family: montserrat, system-ui, sans-serif;
  font-weight: 600;
  font-size: 0.6875rem;
  line-height: 1rem;
}


cobalt-button {
  display: flex;
}

cobalt-button:not([size="small"]) {
  --number-radius-medium: var(--number-radius-round);
  --number-radius-large: var(--number-radius-round);
}