:root {
  --icc-text-xs: 0.75rem;
  --icc-text-sm: 0.875rem;
  --icc-text-md: 1rem;
  --icc-text-lg: 1.125rem;
  --icc-text-xl: 1.25rem;
  --icc-text-2xl: 1.5rem;
  --icc-text-3xl: 2rem;
  --icc-text-4xl: 2.5rem;
  --icc-text-5xl: 3rem;
  --icc-text-6xl: 3.5rem;
  --icc-text-7xl: 4rem;

  --icc-leading-4: 1rem;
  --icc-leading-5: 1.25em;
  --icc-leading-6: 1.5rem;
  --icc-leading-7: 1.75rem;
  --icc-leading-8: 2rem;
  --icc-leading-10: 2.5rem;
  --icc-leading-12: 3rem;
  --icc-leading-14: 3.5rem;
  --icc-leading-16: 4rem;
  --icc-leading-18: 4.5rem;

  --icc-font-regular: 400;
  --icc-font-medium: 500;
  --icc-font-600: 600;
  --icc-font-bold: 700;

  --icc-lowercase: lowercase;
  --icc-underline: underline;
  --icc-uppercase: uppercase;
  --icc-capitalize: capitalize;
  --icc-italic: italic;
}

.icc-text-xs {
  font-size: var(--icc-text-xs) !important;
  line-height: var(--icc-leading-4);
}
.icc-text-sm {
  font-size: var(--icc-text-sm) !important;
  line-height: var(--icc-leading-5);
}
.icc-text-md {
  font-size: var(--icc-text-md) !important;
  line-height: var(--icc-leading-6);
}
.icc-text-lg {
  font-size: var(--icc-text-lg) !important;
  line-height: var(--icc-leading-7);
}
.icc-text-xl {
  font-size: var(--icc-text-xl) !important;
  line-height: var(--icc-leading-7);
}
.icc-text-2xl {
  font-size: var(--icc-text-2xl) !important;
}
.icc-text-3xl {
  font-size: var(--icc-text-3xl) !important;
  line-height: var(--icc-leading-10);
}
.icc-text-4xl {
  font-size: var(--icc-text-4xl) !important;
  line-height: var(--icc-leading-12);
}
.icc-text-5xl {
  font-size: var(--icc-text-5xl) !important;
  line-height: var(--icc-leading-14);
}
.icc-text-6xl {
  font-size: var(--icc-text-6xl) !important;
  line-height: var(--icc-leading-16);
}
.icc-text-7xl {
  font-size: var(--icc-text-7xl) !important;
}

@media screen and (width > 900px) {
  .icc-D-text-sm {
    font-size: var(--icc-text-sm) !important;
    line-height: var(--icc-leading-5);
  }
  .icc-D-text-md {
    font-size: var(--icc-text-md) !important;
    line-height: var(--icc-leading-6);
  }
  .icc-D-text-lg {
    font-size: var(--icc-text-lg) !important;
    line-height: var(--icc-leading-7);
  }
  .icc-D-text-xl {
    font-size: var(--icc-text-xl) !important;
    line-height: var(--icc-leading-7);
  }
  .icc-D-text-3xl {
    font-size: var(--icc-text-3xl) !important;
    line-height: var(--icc-leading-10);
  }
  .icc-D-text-4xl {
    font-size: var(--icc-text-4xl) !important;
    line-height: var(--icc-leading-12);
  }
  .icc-D-text-5xl {
    font-size: var(--icc-text-5xl) !important;
    line-height: var(--icc-leading-14);
  }
  .icc-D-text-6xl {
    font-size: var(--icc-text-6xl) !important;
    line-height: var(--icc-leading-16);
  }
}

.icc-leading-4 {
  line-height: var(--icc-leading-4);
}
.icc-leading-5 {
  line-height: var(--icc-leading-5);
}
.icc-leading-6 {
  line-height: var(--icc-leading-6);
}
.icc-leading-7 {
  line-height: var(--icc-leading-7);
}
.icc-leading-8 {
  line-height: var(--icc-leading-8);
}
.icc-leading-10 {
  line-height: var(--icc-leading-10);
}
.icc-leading-12 {
  line-height: var(--icc-leading-12);
}
.icc-leading-14 {
  line-height: var(--icc-leading-14);
}
.icc-leading-16 {
  line-height: var(--icc-leading-16);
}
.icc-leading-18 {
  line-height: var(--icc-leading-18);
}

.icc-font-regular {
  font-weight: var(--icc-font-regular) !important;
}
.icc-font-medium {
  font-weight: var(--icc-font-medium) !important;
}
.icc-font-600 {
  font-weight: var(--icc-font-600) !important;
}
.icc-font-bold {
  font-weight: var(--icc-font-bold) !important;
}

.icc-underline {
  text-decoration: var(--icc-underline) !important;
}
.icc-underline-none {
  text-decoration: none;
}
.icc-uppercase {
  text-transform: var(--icc-uppercase) !important;
}
.icc-first-capitalize:first-letter {
  text-transform: var(--icc-uppercase) !important;
}
.icc-lowercase {
  text-transform: var(--icc-lowercase) !important;
}
.icc-capitalize {
  text-transform: var(--icc-capitalize) !important;
}
.icc-italic {
  font-style: var(--icc-italic) !important;
}

.icc-text-M_sm-D_lg {
  font-size: var(--icc-text-md);
  line-height: var(--icc-leading-5);
}
@media screen and (width > 900px) {
  .icc-text-M_sm-D_lg {
    font-size: var(--icc-text-lg);
    line-height: var(--icc-leading-7);
  }
}

.icc-text-M_md-D_lg {
  font-size: var(--icc-text-md);
  line-height: var(--icc-leading-6);
}
@media screen and (width > 900px) {
  .icc-text-M_md-D_lg {
    font-size: var(--icc-text-lg);
    line-height: var(--icc-leading-7);
  }
}

.icc-text-M_lg-D_xl {
  font-size: var(--icc-text-mlg) !important;
  line-height: var(--icc-leading-7);
}
@media screen and (width > 900px) {
  .icc-text-M_lg-D_xl {
    font-size: var(--icc-text-xl) !important;
    line-height: var(--icc-leading-7);
  }
}

.icc-text-M_xl-D_2xl {
  font-size: var(--icc-text-xl);
  line-height: var(--icc-leading-7);
}
@media screen and (width > 900px) {
  .icc-text-M_xl-D_2xl {
    font-size: var(--icc-text-2xl);
    line-height: var(--icc-leading-8);
  }
}

.icc-text-M_2xl-D_3xl {
  font-size: var(--icc-text-2xl);
  line-height: var(--icc-leading-8);
}
@media screen and (width > 900px) {
  .icc-text-M_2xl-D_3xl {
    font-size: var(--icc-text-3xl);
    line-height: var(--icc-leading-10);
  }
}

.icc-text-M_2xl-D_4xl {
  font-size: var(--icc-text-2xl);
  line-height: var(--icc-leading-8);
}
@media screen and (width > 900px) {
  .icc-text-M_2xl-D_4xl {
    font-size: var(--icc-text-4xl);
    line-height: var(--icc-leading-12);
  }
}

.icc-text-M_3xl-D_4xl {
  font-size: var(--icc-text-3xl);
  line-height: var(--icc-leading-10);
}
@media screen and (width > 900px) {
  .icc-text-M_3xl-D_4xl {
    font-size: var(--icc-text-4xl);
    line-height: var(--icc-leading-12);
  }
}