/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/ngx-build-plus/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/ngx-build-plus/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles.scss?ngGlobalStyle ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
html,
body {
  height: 100%;
  min-height: 100%;
}

/* Font */
/* Colors */
/* Gradients */
/* Buttons height */
html,
body {
  height: 100%;
  min-height: 100%;
}

/* Font */
/* Colors */
/* Gradients */
/* Buttons height */
@font-face {
  font-family: "Inter";
  /* src: url("../fonts/inter/Inter-Regular.ttf"); */
  src: url("/projects/avaldigitallabs/bpop-visual-components-frontend-lib/src/lib/assets/fonts/inter/Inter-Regular.ttf");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "Inter";
  src: url("/projects/avaldigitallabs/bpop-visual-components-frontend-lib/src/lib/assets/fonts/inter/Inter-Medium.ttf");
  font-style: normal;
  font-weight: 500;
}
@font-face {
  font-family: "Inter";
  src: url("/projects/avaldigitallabs/bpop-visual-components-frontend-lib/src/lib/assets/fonts/inter/Inter-SemiBold.ttf");
  font-style: normal;
  font-weight: 600;
}
@font-face {
  font-family: "Inter";
  src: url("/projects/avaldigitallabs/bpop-visual-components-frontend-lib/src/lib/assets/fonts/inter/Inter-Bold.ttf");
  font-style: normal;
  font-weight: 700;
}
.text-minimal-small {
  font-size: 0.6em;
}

.text-special-small {
  font-size: 0.7em;
}

.text-maximum-small {
  font-size: 0.75em;
}

.text-extra-small {
  font-size: 0.85em;
}

.text-small {
  font-size: 0.94em;
}

.text-medium {
  font-size: 1em;
}

.text-large {
  font-size: 1.12em;
}

.text-extra-large {
  font-size: 1.8em;
}

.text-orange {
  color: #ff7200;
}

.text-inherit {
  font-size: inherit;
}

.principal-Hero-regular {
  font-family: "Inter", sans-serif;
  font-size: 88px;
  font-weight: 400;
  line-height: 112px;
}

.principal-Hero-medium {
  font-family: "Inter", sans-serif;
  font-size: 88px;
  font-weight: 500;
  line-height: 112px;
}

.principal-Hero-semibold {
  font-family: "Inter", sans-serif;
  font-size: 88px;
  font-weight: 600;
  line-height: 112px;
}

.principal-Hero-bold {
  font-family: "Inter", sans-serif;
  font-size: 88px;
  font-weight: 700;
  line-height: 112px;
}

.principal-H1-regular {
  font-family: "Inter", sans-serif;
  font-size: 56px;
  font-weight: 400;
  line-height: 64px;
}

.principal-H1-medium {
  font-family: "Inter", sans-serif;
  font-size: 56px;
  font-weight: 500;
  line-height: 64px;
}

.principal-H1-semibold {
  font-family: "Inter", sans-serif;
  font-size: 56px;
  font-weight: 600;
  line-height: 64px;
}

.principal-H1-bold {
  font-family: "Inter", sans-serif;
  font-size: 56px;
  font-weight: 700;
  line-height: 64px;
}

.principal-H2-regular {
  font-family: "Inter", sans-serif;
  font-size: 48px;
  font-weight: 400;
  line-height: 56px;
}

.principal-H2-medium {
  font-family: "Inter", sans-serif;
  font-size: 48px;
  font-weight: 500;
  line-height: 56px;
}

.principal-H2-semibold {
  font-family: "Inter", sans-serif;
  font-size: 48px;
  font-weight: 600;
  line-height: 56px;
}

.principal-H2-bold {
  font-family: "Inter", sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 56px;
}

.principal-H3-regular {
  font-family: "Inter", sans-serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 40px;
}

.principal-H3-medium {
  font-family: "Inter", sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 40px;
}

.principal-H3-semibold {
  font-family: "Inter", sans-serif;
  font-size: 32px;
  font-weight: 600;
  line-height: 40px;
}

.principal-H3-bold {
  font-family: "Inter", sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 40px;
}

.principal-H4-regular {
  font-family: "Inter", sans-serif;
  font-size: 28px;
  font-weight: 400;
  line-height: 36px;
}

.principal-H4-medium {
  font-family: "Inter", sans-serif;
  font-size: 28px;
  font-weight: 500;
  line-height: 36px;
}

.principal-H4-semibold {
  font-family: "Inter", sans-serif;
  font-size: 28px;
  font-weight: 600;
  line-height: 36px;
}

.principal-H4-bold {
  font-family: "Inter", sans-serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 36px;
}

.principal-H5-regular {
  font-family: "Inter", sans-serif;
  font-size: 21px;
  font-weight: 400;
  line-height: 28px;
}

.principal-H5-semibold {
  font-family: "Inter", sans-serif;
  font-size: 21px;
  font-weight: 600;
  line-height: 28px;
}

.principal-H5-bold {
  font-family: "Inter", sans-serif;
  font-size: 21px;
  font-weight: 700;
  line-height: 28px;
}

.principal-Subtitle1-regular {
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.principal-Subtitle1-medium {
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}

.principal-Subtitle1-semibold {
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
}

.principal-Subtitle1-bold {
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}

.principal-Subtitle2-regular {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.principal-Subtitle2-medium {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.principal-Subtitle2-semibold {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.principal-Subtitle2-bold {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}

.principal-Action1-regular {
  font-family: "Inter", sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 21px;
}

.principal-Action1-medium {
  font-family: "Inter", sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 21px;
}

.principal-Action1-semibold {
  font-family: "Inter", sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 21px;
}

.principal-Action1-bold {
  font-family: "Inter", sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 21px;
}

.principal-Action2-regular {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.principal-Action2-medium {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.principal-Action2-semibold {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

.principal-Action2-bold {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}

.principal-Action3-regular {
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 17px;
}

.principal-Action3-medium {
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 17px;
}

.principal-Action3-semibold {
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 17px;
}

.principal-Action3-bold {
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 17px;
}

.principal-Body1-regular {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.principal-Body1-medium {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
}

.principal-Body1-semibold {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
}

.principal-Body1-bold {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
}

.principal-Body2-regular {
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 22px;
}

.principal-Body2-medium {
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 22px;
}

.principal-Body2-semibold {
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 22px;
}

.principal-Body2-bold {
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 22px;
}

.principal-Body3-regular {
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
}

.principal-Body3-medium {
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
}

.principal-Body3-semibold {
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
}

.principal-Body3-bold {
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 20px;
}

.principal-Caption-regular {
  font-family: "Inter", sans-serif;
  font-size: 11px;
  font-weight: 400;
  line-height: 16px;
}

.principal-Caption-medium {
  font-family: "Inter", sans-serif;
  font-size: 11px;
  font-weight: 500;
  line-height: 16px;
}

.principal-Caption-semibold {
  font-family: "Inter", sans-serif;
  font-size: 11px;
  font-weight: 600;
  line-height: 16px;
}

.principal-Caption-bold {
  font-family: "Inter", sans-serif;
  font-size: 11px;
  font-weight: 700;
  line-height: 16px;
}

.principal-Overline-regular {
  font-family: "Inter", sans-serif;
  font-size: 10px;
  font-weight: 400;
  line-height: 14px;
  text-transform: uppercase;
}

.principal-Overline-medium {
  font-family: "Inter", sans-serif;
  font-size: 10px;
  font-weight: 500;
  line-height: 14px;
  text-transform: uppercase;
}

.principal-Overline-semibold {
  font-family: "Inter", sans-serif;
  font-size: 10px;
  font-weight: 600;
  line-height: 14px;
  text-transform: uppercase;
}

.principal-Overline-bold {
  font-family: "Inter", sans-serif;
  font-size: 10px;
  font-weight: 700;
  line-height: 14px;
  text-transform: uppercase;
}

body {
  background-color: #f5f5f5;
  line-height: 1;
}

/*# sourceMappingURL=styles.css.map*/