@charset "UTF-8";

/* src/styles.scss */
@font-face {
  font-family: "Santander Headline";
  src: url(/fonts/SantanderHeadline-Regular.otf) format("opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Santander Headline";
  src: url(/fonts/SantanderHeadline-Bold.otf) format("opentype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Santander Micro Text";
  src: url(/fonts/SantanderMicroText-Regular.otf) format("opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Santander Micro Text";
  src: url(/fonts/SantanderMicroText-Bold.otf) format("opentype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Santander Text";
  src: url(/fonts/SantanderText-Regular.otf) format("opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Santander Text Light";
  src: url(/fonts/SantanderText-Light.otf) format("opentype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Santander Text";
  src: url(/fonts/SantanderText-Bold.otf) format("opentype");
  font-weight: bold;
  font-style: normal;
}
:root {
  --aqua-100: #EEFBEF;
  --aqua-700: #1F8926;
  --brand-200: #FFD5D5;
  --brand-300: #FFA3A3;
  --brand-400: #FF7070;
  --brand-500: #EC0000;
  --lemon-100: #FBF9F1;
  --lemon-700: #FFCC33;
  --primary-black: #191919;
  --primary-white: #FFFFFF;
  --sky-100: #F1F3FB;
  --sky-700: #1F4FFF;
  --watermelon-100: #FBF1F1;
  --watermelon-700: #CC0000;
  --ui-100: #F2F2F2;
  --ui-200: #EAEAEA;
  --ui-300: #E1E1E1;
  --ui-400: #D9D9D9;
  --ui-500: #B9B9B9;
  --ui-600: #999999;
  --ui-700: #767676;
  --ui-800: #4E4E4E;
  --ui-900: #262626;
  --ui-teal-100: #F6FAFC;
  --ui-teal-200: #DEEDF2;
  --ui-teal-300: #C5DFE8;
  --ui-teal-400: #A7CFDD;
  --ui-teal-500: #5D9FBA;
  --ui-teal-600: #46829C;
  --ui-teal-700: #346378;
  --ui-teal-800: #244554;
  --ui-teal-900: #13252E;
  --letter-spacing-xs: -0.02em;
  --letter-spacing-none: 0em;
  --line-height-4xs: 1.1em;
  --line-height-3xs: 1.2em;
  --line-height-2xs: 1.25em;
  --line-height-xs: 1.3em;
  --line-height-s: 1.4em;
  --line-height-m: 1.5em;
  --line-height-l: 1.7em;
  --size-8: 0.5rem;
  --size-9: 0.5625rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-14: 0.875rem;
  --size-16: 1rem;
  --size-17: 1.0625rem;
  --size-18: 1.125rem;
  --size-19: 1.1875rem;
  --size-20: 1.25rem;
  --size-22: 1.375rem;
  --size-24: 1.5rem;
  --size-30: 1.875rem;
  --size-32: 2rem;
  --size-34: 2.125rem;
  --size-40: 2.5rem;
  --size-48: 3rem;
  --size-52: 3.25rem;
  --size-56: 3.5rem;
  --size-64: 4rem;
  --size-72: 4.5rem;
  --size-80: 5rem;
  --size-96: 6rem;
  --font-santander-headline: "Santander Headline", sans-serif;
  --font-santander-micro-text: "Santander Micro Text", sans-serif;
  --font-santander-text: "Santander Text", sans-serif;
  --font-weight-light: 300;
  --font-weight-regular: 400;
  --font-weight-semi-bold: 600;
  --font-weight-bold: 700;
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 12px;
  --radius-lg: 24px;
  --radius-full: 999px;
  --background-brand: var(--brand-500);
  --background-brand-hover: var(--brand-400);
  --background-disable: var(--ui-200);
  --background-error: var(--watermelon-700);
  --background-error-subtle: var(--watermelon-100);
  --background-hover: var(--ui-100);
  --background-info: var(--sky-700);
  --background-info-subtle: var(--sky-100);
  --background-inverse: var(--primary-black);
  --background-primary: var(--primary-white);
  --background-secondary-hover: var(--brand-200);
  --background-successful: var(--aqua-700);
  --background-successful-subtle: var(--aqua-100);
  --background-warning: var(--lemon-700);
  --background-warning-subtle: var(--lemon-100);
  --border-1: var(--ui-100);
  --border-6: var(--ui-600);
  --border-brand: var(--brand-500);
  --border-brand-hover: var(--brand-400);
  --border-disable: var(--ui-400);
  --border-error: var(--watermelon-700);
  --border-info: var(--sky-700);
  --border-inverse: var(--primary-black);
  --border-primary: var(--ui-900);
  --border-secondary: var(--ui-400);
  --border-successful: var(--aqua-700);
  --border-teal-3: var(--ui-teal-300);
  --content-1: var(--ui-100);
  --content-6: var(--ui-600);
  --content-brand: var(--brand-500);
  --content-brand-hover: var(--brand-400);
  --content-disable: var(--ui-600);
  --content-error: var(--watermelon-700);
  --content-error-details: var(--watermelon-700);
  --content-info: var(--sky-700);
  --content-primary: var(--primary-black);
  --content-primary-hover: var(--ui-800);
  --content-primary-inverse: var(--primary-white);
  --content-secondary: var(--ui-700);
  --content-selection: var(--brand-200);
  --content-successful: var(--aqua-700);
  --content-teal-6: var(--ui-teal-600);
  --surfaces-1: var(--ui-100);
  --surfaces-2: var(--ui-200);
  --surfaces-3: var(--ui-300);
  --surfaces-6: var(--ui-600);
  --surfaces-7: var(--ui-700);
  --surfaces-8: var(--ui-800);
  --surfaces-9: var(--ui-900);
  --surfaces-teal-1: var(--ui-teal-100);
  --surfaces-teal-2: var(--ui-teal-200);
  --surfaces-teal-3: var(--ui-teal-300);
  --surfaces-teal-4: var(--ui-teal-400);
  --surfaces-teal-5: var(--ui-teal-500);
  --link-button-pressed: var(--ui-700);
  --elevation-l1: 0 2px 6px 0 rgba(48, 48, 48, 0.15);
  --elevation-l2: 0 4px 8px 0 rgba(48, 48, 48, 0.15);
  --elevation-l3: 0 6px 10px 0 rgba(48, 48, 48, 0.15);
  --elevation-l4: 0 8px 12px 0 rgba(48, 48, 48, 0.15);
  --elevation-l5: 0 10px 14px 0 rgba(48, 48, 48, 0.15);
  --elevation-l6: 0 12px 16px 0 rgba(48, 48, 48, 0.15);
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
* {
  font-family: var(--font-santander-text);
  font-size: 100%;
  margin: 0;
  padding: 0;
}
html,
body {
  overscroll-behavior: none;
  -webkit-font-smoothing: antialiased;
}
p,
h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--content-primary);
  margin: 0;
  overflow-wrap: break-word;
  padding: 0;
}
p {
  text-wrap: pretty;
  text-wrap: wrap;
  -webkit-text-wrap: wrap;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: var(--font-weight-bold);
  text-wrap: balance;
}
@media (prefers-reduced-motion: reduce) {
  * {
    animation: none !important;
    transition: none !important;
  }
}
::selection {
  background: var(--content-selection);
}
::-moz-selection {
  background: var(--content-selection);
}
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */