*,
:after,
:before {
  box-sizing: border-box;
  font-family: sans-serif;
}

html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

:root {
  /* referenced via {ICON_NAME} */
  --dcore-svg-sprite-sheet: /sfsites/c/resource/coreui/icons/symbols.svg;
  /* referenced via lib:{ICON_NAME} */
  --dcore-svg-sprite-sheet-lib: /sfsites/c/resource/coreui/icons/symbols-lib.svg;
  /* referenced via sf:{ICON_NAME} */
  --dcore-svg-sprite-sheet-sf: /sfsites/c/resource/coreui/icons/symbols-sf.svg;
  /* referenced via utility:{ICON_NAME} */
  --dcore-svg-sprite-sheet-utility: /sfsites/c/resource/coreui/icons/symbols-utility.svg;
  /* referenced via standard:{ICON_NAME} */
  --dcore-svg-sprite-sheet-standard: /sfsites/c/resource/coreui/icons/symbols-standard.svg;
  /* referenced via doctype:{ICON_NAME} */
  --dcore-svg-sprite-sheet-doctype: /sfsites/c/resource/coreui/icons/symbols-doctype.svg;
  /* referenced via custom:{ICON_NAME} */
  --dcore-svg-sprite-sheet-custom: /sfsites/c/resource/coreui/icons/symbols-custom.svg;
  /* referenced via action:{ICON_NAME} */
  --dcore-svg-sprite-sheet-action: /sfsites/c/resource/coreui/icons/symbols-action.svg;
}

/* Typography */

h1, .h1 {
  font-family: var(--dcore-typography-heading-1-s-m-font-family);
  font-size: var(--dcore-typography-heading-1-s-m-font-size);
  font-weight: var(--dcore-typography-heading-1-s-m-font-weight);
  letter-spacing: var(--dcore-typography-heading-1-s-m-letter-spacing);
  line-height: var(--dcore-typography-heading-1-s-m-line-height);
  text-decoration: var(--dcore-typography-heading-1-s-m-text-decoration);
  text-transform: var(--dcore-typography-heading-1-s-m-text-case);
}
h2, .h2 {
  font-family: var(--dcore-typography-heading-2-s-m-font-family);
  font-size: var(--dcore-typography-heading-2-s-m-font-size);
  font-weight: var(--dcore-typography-heading-2-s-m-font-weight);
  letter-spacing: var(--dcore-typography-heading-2-s-m-letter-spacing);
  line-height: var(--dcore-typography-heading-2-s-m-line-height);
  text-decoration: var(--dcore-typography-heading-2-s-m-text-decoration);
  text-transform: var(--dcore-typography-heading-2-s-m-text-case);
}
h3, .h3 {
  font-family: var(--dcore-typography-heading-3-s-m-font-family);
  font-size: var(--dcore-typography-heading-3-s-m-font-size);
  font-weight: var(--dcore-typography-heading-3-s-m-font-weight);
  letter-spacing: var(--dcore-typography-heading-3-s-m-letter-spacing);
  line-height: var(--dcore-typography-heading-3-s-m-line-height);
  text-decoration: var(--dcore-typography-heading-3-s-m-text-decoration);
  text-transform: var(--dcore-typography-heading-3-s-m-text-case);
}
h4, .h4 {
  font-family: var(--dcore-typography-heading-4-s-m-font-family);
  font-size: var(--dcore-typography-heading-4-s-m-font-size);
  font-weight: var(--dcore-typography-heading-4-s-m-font-weight);
  letter-spacing: var(--dcore-typography-heading-4-s-m-letter-spacing);
  line-height: var(--dcore-typography-heading-4-s-m-line-height);
  text-decoration: var(--dcore-typography-heading-4-s-m-text-decoration);
  text-transform: var(--dcore-typography-heading-4-s-m-text-case);
}
h5, .h5 {
  font-family: var(--dcore-typography-heading-5-s-m-font-family);
  font-size: var(--dcore-typography-heading-5-s-m-font-size);
  font-weight: var(--dcore-typography-heading-5-s-m-font-weight);
  letter-spacing: var(--dcore-typography-heading-5-s-m-letter-spacing);
  line-height: var(--dcore-typography-heading-5-s-m-line-height);
  text-decoration: var(--dcore-typography-heading-5-s-m-text-decoration);
  text-transform: var(--dcore-typography-heading-5-s-m-text-case);
}
h6, .h6 {
  font-family: var(--dcore-typography-heading-6-s-m-font-family);
  font-size: var(--dcore-typography-heading-6-s-m-font-size);
  font-weight: var(--dcore-typography-heading-6-s-m-font-weight);
  letter-spacing: var(--dcore-typography-heading-6-s-m-letter-spacing);
  line-height: var(--dcore-typography-heading-6-s-m-line-height);
  text-decoration: var(--dcore-typography-heading-6-s-m-text-decoration);
  text-transform: var(--dcore-typography-heading-6-s-m-text-case);
}
p.large {
  font-family: var(--dcore-typography-body-large-default-font-family);
  font-size: var(--dcore-typography-body-large-default-font-size);
  font-weight: var(--dcore-typography-body-large-default-font-weight);
  letter-spacing: var(--dcore-typography-body-large-default-letter-spacing);
  line-height: var(--dcore-typography-body-large-default-line-height);
  text-decoration: var(--dcore-typography-body-large-default-text-decoration);
  text-transform: var(--dcore-typography-body-large-default-text-case);
}
p, p.medium {
  font-family: var(--dcore-typography-body-medium-default-font-family);
  font-size: var(--dcore-typography-body-medium-default-font-size);
  font-weight: var(--dcore-typography-body-medium-default-font-weight);
  letter-spacing: var(--dcore-typography-body-medium-default-letter-spacing);
  line-height: var(--dcore-typography-body-medium-default-line-height);
  text-decoration: var(--dcore-typography-body-medium-default-text-decoration);
  text-transform: var(--dcore-typography-body-medium-default-text-case);
}
p.small {
  font-family: var(--dcore-typography-body-small-default-font-family);
  font-size: var(--dcore-typography-body-small-default-font-size);
  font-weight: var(--dcore-typography-body-small-default-font-weight);
  letter-spacing: var(--dcore-typography-body-small-default-letter-spacing);
  line-height: var(--dcore-typography-body-small-default-line-height);
  text-decoration: var(--dcore-typography-body-small-default-text-decoration);
  text-transform: var(--dcore-typography-body-small-default-text-case);
}

@media only screen and (min-width: 768px) {
  h1, .h1 {
    font-family: var(--dcore-typography-heading-1-l-xl-font-family);
    font-size: var(--dcore-typography-heading-1-l-xl-font-size);
    font-weight: var(--dcore-typography-heading-1-l-xl-font-weight);
    letter-spacing: var(--dcore-typography-heading-1-l-xl-letter-spacing);
    line-height: var(--dcore-typography-heading-1-l-xl-line-height);
    text-decoration: var(--dcore-typography-heading-1-l-xl-text-decoration);
    text-transform: var(--dcore-typography-heading-1-l-xl-text-case);
  }
  h2, .h2 {
    font-family: var(--dcore-typography-heading-2-l-xl-font-family);
    font-size: var(--dcore-typography-heading-2-l-xl-font-size);
    font-weight: var(--dcore-typography-heading-2-l-xl-font-weight);
    letter-spacing: var(--dcore-typography-heading-2-l-xl-letter-spacing);
    line-height: var(--dcore-typography-heading-2-l-xl-line-height);
    text-decoration: var(--dcore-typography-heading-2-l-xl-text-decoration);
    text-transform: var(--dcore-typography-heading-2-l-xl-text-case);
  }
  h3, .h3 {
    font-family: var(--dcore-typography-heading-3-l-xl-font-family);
    font-size: var(--dcore-typography-heading-3-l-xl-font-size);
    font-weight: var(--dcore-typography-heading-3-l-xl-font-weight);
    letter-spacing: var(--dcore-typography-heading-3-l-xl-letter-spacing);
    line-height: var(--dcore-typography-heading-3-l-xl-line-height);
    text-decoration: var(--dcore-typography-heading-3-l-xl-text-decoration);
    text-transform: var(--dcore-typography-heading-3-l-xl-text-case);
  }
  h4, .h4 {
    font-family: var(--dcore-typography-heading-4-l-xl-font-family);
    font-size: var(--dcore-typography-heading-4-l-xl-font-size);
    font-weight: var(--dcore-typography-heading-4-l-xl-font-weight);
    letter-spacing: var(--dcore-typography-heading-4-l-xl-letter-spacing);
    line-height: var(--dcore-typography-heading-4-l-xl-line-height);
    text-decoration: var(--dcore-typography-heading-4-l-xl-text-decoration);
    text-transform: var(--dcore-typography-heading-4-l-xl-text-case);
  }
  h5, .h5 {
    font-family: var(--dcore-typography-heading-5-l-xl-font-family);
    font-size: var(--dcore-typography-heading-5-l-xl-font-size);
    font-weight: var(--dcore-typography-heading-5-l-xl-font-weight);
    letter-spacing: var(--dcore-typography-heading-5-l-xl-letter-spacing);
    line-height: var(--dcore-typography-heading-5-l-xl-line-height);
    text-decoration: var(--dcore-typography-heading-5-l-xl-text-decoration);
    text-transform: var(--dcore-typography-heading-5-l-xl-text-case);
  }
  h6, .h6 {
    font-family: var(--dcore-typography-heading-6-l-xl-font-family);
    font-size: var(--dcore-typography-heading-6-l-xl-font-size);
    font-weight: var(--dcore-typography-heading-6-l-xl-font-weight);
    letter-spacing: var(--dcore-typography-heading-6-l-xl-letter-spacing);
    line-height: var(--dcore-typography-heading-6-l-xl-line-height);
    text-decoration: var(--dcore-typography-heading-6-l-xl-text-decoration);
    text-transform: var(--dcore-typography-heading-6-l-xl-text-case);
  }
}