/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[5].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].rules[1].use[1]!./node_modules/lb-utils-front/src/components/assets/scss/theme.scss?ngGlobalStyle ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --primary-lowest: #effcfc;
  --primary-lower: #b2ebef;
  --primary-low: #41c3cf;
  --primary-medium: #218394;
  --primary-high: #226d7c;
  --primary-higher: #245966;
  --primary-highest: #11313b;
  --secondary-lowest: #f1fcf9;
  --secondary-lower: #9ff0da;
  --secondary-low: #37caab;
  --secondary-medium: #1eaf93;
  --secondary-high: #158c77;
  --secondary-higher: #157061;
  --secondary-highest: #072c29;
  --danger-lowest: #fff1f1;
  --danger-lower: #ffe0df;
  --danger-low: #ffa09d;
  --danger-medium: #ff4c47;
  --danger-high: #c8120d;
  --danger-higher: #881714;
  --danger-highest: #4b0604;
  --success-lowest: #f0fdf2;
  --success-lower: #dbfde2;
  --success-low: #84f19c;
  --success-medium: #1fc846;
  --success-high: #13822d;
  --success-higher: #135424;
  --success-highest: #042f10;
  --warning-lowest: #fff6ed;
  --warning-lower: #ffecd4;
  --warning-low: #ffb571;
  --warning-medium: #fe6a11;
  --warning-high: #c63908;
  --warning-higher: #7e2810;
  --warning-highest: #441106;
  --neutral-lowest: #ffffff;
  --neutral-lower: #f3f3f8;
  --neutral-low: #d2d2db;
  --neutral-medium: #9494a8;
  --neutral-high: #656575;
  --neutral-higher: #363642;
  --neutral-highest: #09090d;
  --common--spacing-4XS: 2px;
  --common--spacing-3XS: 4px;
  --common--spacing-2XS: 6px;
  --common--spacing-XS: 8px;
  --common--spacing-S: 12px;
  --common--spacing-M: 16px;
  --common--spacing-L: 24px;
  --common--spacing-XL: 32px;
  --common--spacing-2XL: 48px;
  --common--spacing-3XL: 64px;
  --common--radius-M: 4px;
  --common--radius-L: 8px;
  --common--radius-XL: 16px;
  --common--radius-round: 9999px;
  --common--fontSize-0dot1: rem(1px);
  --common--fontSize-0dot5: 2px;
  --common--fontSize-01: 4px;
  --common--fontSize-01dot5: 6px;
  --common--fontSize-02: 8px;
  --common--fontSize-02dot5: 10px;
  --common--fontSize-03: 12px;
  --common--fontSize-03dot5: 14px;
  --common--fontSize-04: 16px;
  --common--fontSize-04dot5: 18px;
  --common--fontSize-05: 20px;
  --common--fontSize-05dot5: 22px;
  --common--fontSize-06: 24px;
  --common--fontSize-06dot5: 26px;
  --common--fontSize-07: 28px;
  --common--fontSize-07dot5: 30px;
  --common--fontSize-08: 32px;
  --common--fontSize-08dot5: 34px;
  --common--fontSize-09: 36px;
  --common--fontSize-09dot5: 38px;
  --common--fontSize-10: 40px;
  --common--fontSize-10dot5: 42px;
  --common--fontSize-11: 44px;
  --common--fontSize-11dot5: 46px;
  --common--fontSize-12: 48px;
  --common--fontSize-14: 56px;
  --common--fontSize-15: 60px;
  --common--fontSize-16: 64px;
  --common--fontSize-20: 80px;
  --common--fontSize-24: 96px;
  --primitive--spacing-0: 0;
  --primitive--spacing-0dot1: 1px;
  --primitive--spacing-0dot5: 2px;
  --primitive--spacing-01: 4px;
  --primitive--spacing-01dot5: 6px;
  --primitive--spacing-02: 8px;
  --primitive--spacing-02dot5: 10px;
  --primitive--spacing-03: 12px;
  --primitive--spacing-03dot5: 14px;
  --primitive--spacing-04: 16px;
  --primitive--spacing-05: 20px;
  --primitive--spacing-06: 24px;
  --primitive--spacing-07: 28px;
  --primitive--spacing-08: 32px;
  --primitive--spacing-09: 36px;
  --primitive--spacing-10: 40px;
  --primitive--spacing-11: 44px;
  --primitive--spacing-12: 48px;
  --primitive--spacing-14: 56px;
  --primitive--spacing-15: 60px;
  --primitive--spacing-16: 64px;
  --primitive--spacing-20: 80px;
  --primitive--spacing-24: 96px;
  --primitive--spacing-28: 112px;
  --primitive--spacing-32: 128px;
  --primitive--spacing-36: 144px;
  --primitive--spacing-38: 152px;
  --primitive--spacing-40: 160px;
  --primitive--spacing-42: 168px;
  --primitive--spacing-44: 176px;
  --primitive--spacing-48: 192px;
  --primitive--spacing-50: 200px;
  --primitive--spacing-52: 208px;
  --primitive--spacing-56: 224px;
  --primitive--spacing-60: 240px;
  --primitive--spacing-64: 256px;
  --primitive--spacing-72: 288px;
  --primitive--spacing-80: 320px;
  --primitive--spacing-96: 384px;
  --primitive--radius-none: 0;
  --primitive--radius-sm: 2px;
  --primitive--radius-smPlus: 4px;
  --primitive--radius-md: 6px;
  --primitive--radius-lg: 8px;
  --primitive--radius-xl: 12px;
  --primitive--radius-2xl: 16px;
  --primitive--radius-3xl: 24px;
  --ui-base-font: "Inter";
  --ui-display-font: "DMSerifDisplay";
}

@font-face {
  font-family: "Inter";
  src: url('Inter.ttf');
}
@font-face {
  font-family: "DMSerifDisplay";
  src: url('DMSerifDisplay.ttf');
}
lucide-angular,
lucide-icon,
i-lucide,
span-lucide {
  display: flex;
  justify-content: center;
  align-items: center;
}
lucide-angular svg.icon,
lucide-icon svg.icon,
i-lucide svg.icon,
span-lucide svg.icon {
  height: 1em;
  width: 1em;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[5].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].rules[1].use[1]!./src/styles.scss?ngGlobalStyle ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* You can add global styles to this file, and also import other style files */
:root {
  --primary-lowest: #effcfc;
  --primary-lower: #b2ebef;
  --primary-low: #41c3cf;
  --primary-medium: #218394;
  --primary-high: #226d7c;
  --primary-higher: #245966;
  --primary-highest: #11313b;
  --secondary-lowest: #f1fcf9;
  --secondary-lower: #9ff0da;
  --secondary-low: #37caab;
  --secondary-medium: #1eaf93;
  --secondary-high: #158c77;
  --secondary-higher: #157061;
  --secondary-highest: #072c29;
  --danger-lowest: #fff1f1;
  --danger-lower: #ffe0df;
  --danger-low: #ffa09d;
  --danger-medium: #ff4c47;
  --danger-high: #c8120d;
  --danger-higher: #881714;
  --danger-highest: #4b0604;
  --success-lowest: #f0fdf2;
  --success-lower: #dbfde2;
  --success-low: #84f19c;
  --success-medium: #1fc846;
  --success-high: #13822d;
  --success-higher: #135424;
  --success-highest: #042f10;
  --warning-lowest: #fff6ed;
  --warning-lower: #ffecd4;
  --warning-low: #ffb571;
  --warning-medium: #fe6a11;
  --warning-high: #c63908;
  --warning-higher: #7e2810;
  --warning-highest: #441106;
  --neutral-lowest: #ffffff;
  --neutral-lower: #f3f3f8;
  --neutral-low: #d2d2db;
  --neutral-medium: #9494a8;
  --neutral-high: #656575;
  --neutral-higher: #363642;
  --neutral-highest: #09090d;
  --common--spacing-4XS: 2px;
  --common--spacing-3XS: 4px;
  --common--spacing-2XS: 6px;
  --common--spacing-XS: 8px;
  --common--spacing-S: 12px;
  --common--spacing-M: 16px;
  --common--spacing-L: 24px;
  --common--spacing-XL: 32px;
  --common--spacing-2XL: 48px;
  --common--spacing-3XL: 64px;
  --common--radius-M: 4px;
  --common--radius-L: 8px;
  --common--radius-XL: 16px;
  --common--radius-round: 9999px;
  --common--fontSize-0dot1: rem(1px);
  --common--fontSize-0dot5: 2px;
  --common--fontSize-01: 4px;
  --common--fontSize-01dot5: 6px;
  --common--fontSize-02: 8px;
  --common--fontSize-02dot5: 10px;
  --common--fontSize-03: 12px;
  --common--fontSize-03dot5: 14px;
  --common--fontSize-04: 16px;
  --common--fontSize-04dot5: 18px;
  --common--fontSize-05: 20px;
  --common--fontSize-05dot5: 22px;
  --common--fontSize-06: 24px;
  --common--fontSize-06dot5: 26px;
  --common--fontSize-07: 28px;
  --common--fontSize-07dot5: 30px;
  --common--fontSize-08: 32px;
  --common--fontSize-08dot5: 34px;
  --common--fontSize-09: 36px;
  --common--fontSize-09dot5: 38px;
  --common--fontSize-10: 40px;
  --common--fontSize-10dot5: 42px;
  --common--fontSize-11: 44px;
  --common--fontSize-11dot5: 46px;
  --common--fontSize-12: 48px;
  --common--fontSize-14: 56px;
  --common--fontSize-15: 60px;
  --common--fontSize-16: 64px;
  --common--fontSize-20: 80px;
  --common--fontSize-24: 96px;
  --primitive--spacing-0: 0;
  --primitive--spacing-0dot1: 1px;
  --primitive--spacing-0dot5: 2px;
  --primitive--spacing-01: 4px;
  --primitive--spacing-01dot5: 6px;
  --primitive--spacing-02: 8px;
  --primitive--spacing-02dot5: 10px;
  --primitive--spacing-03: 12px;
  --primitive--spacing-03dot5: 14px;
  --primitive--spacing-04: 16px;
  --primitive--spacing-05: 20px;
  --primitive--spacing-06: 24px;
  --primitive--spacing-07: 28px;
  --primitive--spacing-08: 32px;
  --primitive--spacing-09: 36px;
  --primitive--spacing-10: 40px;
  --primitive--spacing-11: 44px;
  --primitive--spacing-12: 48px;
  --primitive--spacing-14: 56px;
  --primitive--spacing-15: 60px;
  --primitive--spacing-16: 64px;
  --primitive--spacing-20: 80px;
  --primitive--spacing-24: 96px;
  --primitive--spacing-28: 112px;
  --primitive--spacing-32: 128px;
  --primitive--spacing-36: 144px;
  --primitive--spacing-38: 152px;
  --primitive--spacing-40: 160px;
  --primitive--spacing-42: 168px;
  --primitive--spacing-44: 176px;
  --primitive--spacing-48: 192px;
  --primitive--spacing-50: 200px;
  --primitive--spacing-52: 208px;
  --primitive--spacing-56: 224px;
  --primitive--spacing-60: 240px;
  --primitive--spacing-64: 256px;
  --primitive--spacing-72: 288px;
  --primitive--spacing-80: 320px;
  --primitive--spacing-96: 384px;
  --primitive--radius-none: 0;
  --primitive--radius-sm: 2px;
  --primitive--radius-smPlus: 4px;
  --primitive--radius-md: 6px;
  --primitive--radius-lg: 8px;
  --primitive--radius-xl: 12px;
  --primitive--radius-2xl: 16px;
  --primitive--radius-3xl: 24px;
  --ui-base-font: "Inter";
  --ui-display-font: "DMSerifDisplay";
}

@font-face {
  font-family: "Inter";
  src: url('Inter.ttf');
}
@font-face {
  font-family: "DMSerifDisplay";
  src: url('DMSerifDisplay.ttf');
}
lucide-angular,
lucide-icon,
i-lucide,
span-lucide {
  display: flex;
  justify-content: center;
  align-items: center;
}
lucide-angular svg.icon,
lucide-icon svg.icon,
i-lucide svg.icon,
span-lucide svg.icon {
  height: 1em;
  width: 1em;
}

body {
  background-color: var(--neutral-lower);
  margin: 0;
  padding: 0 32px;
}

.primary-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 32px 64px;
  gap: 16px;
}
@media screen and (max-width: 768px) {
  .primary-container {
    padding: 32px 16px;
  }
}