/* apps/portal/src/styles.scss */
:root,
:host {
  --jds-base-red-25: #fff6f6;
  --jds-base-red-50: #ffebeb;
  --jds-base-red-100: #ffd7d7;
  --jds-base-red-200: #ffafaf;
  --jds-base-red-300: #ff8888;
  --jds-base-red-400: #ff6060;
  --jds-base-red-500: #ff3838;
  --jds-base-red-600: #cc2d2d;
  --jds-base-red-700: #992222;
  --jds-base-red-800: #661616;
  --jds-base-red-900: #330b0b;
  --jds-base-red-925: #251616;
  --jds-base-red-950: #231111;
  --jds-base-orange-100: #ffe6cc;
  --jds-base-orange-200: #ffce99;
  --jds-base-orange-300: #ffb566;
  --jds-base-orange-400: #ff9d33;
  --jds-base-orange-500: #ff8400;
  --jds-base-orange-600: #cc6a00;
  --jds-base-orange-700: #994f00;
  --jds-base-orange-800: #663500;
  --jds-base-orange-900: #331a00;
  --jds-base-green-25: #f7fff7;
  --jds-base-green-50: #eafdea;
  --jds-base-green-100: #d6f5d6;
  --jds-base-green-200: #adebad;
  --jds-base-green-300: #84e184;
  --jds-base-green-400: #5bd75b;
  --jds-base-green-500: #32cd32;
  --jds-base-green-600: #28a428;
  --jds-base-green-700: #1e7b1e;
  --jds-base-green-800: #145214;
  --jds-base-green-900: #0a290a;
  --jds-base-green-925: #192319;
  --jds-base-green-950: #121f12;
  --jds-base-blue-100: #cce1f3;
  --jds-base-blue-200: #9ac2e6;
  --jds-base-blue-300: #67a4da;
  --jds-base-blue-400: #3585cd;
  --jds-base-blue-500: #0267c1;
  --jds-base-blue-600: #02529a;
  --jds-base-blue-700: #013e74;
  --jds-base-blue-800: #01294d;
  --jds-base-blue-900: #001527;
  --jds-base-lightblue-100: #d5f2fe;
  --jds-base-lightblue-200: #abe6fd;
  --jds-base-lightblue-300: #82d9fb;
  --jds-base-lightblue-400: #58cdfa;
  --jds-base-lightblue-500: #2ec0f9;
  --jds-base-lightblue-600: #259ac7;
  --jds-base-lightblue-700: #1c7395;
  --jds-base-lightblue-800: #124d64;
  --jds-base-lightblue-900: #092632;
  --jds-base-yellow-25: #fffbf1;
  --jds-base-yellow-50: #fdf5e4;
  --jds-base-yellow-100: #fff6da;
  --jds-base-yellow-200: #ffecb5;
  --jds-base-yellow-300: #ffe390;
  --jds-base-yellow-400: #ffd96b;
  --jds-base-yellow-500: #ffd046;
  --jds-base-yellow-600: #cca638;
  --jds-base-yellow-700: #997d2a;
  --jds-base-yellow-800: #66531c;
  --jds-base-yellow-900: #332a0e;
  --jds-base-yellow-925: #232218;
  --jds-base-yellow-950: #232114;
  --jds-base-slate-100: #acb5b9;
  --jds-base-slate-200: #828f96;
  --jds-base-slate-300: #596a73;
  --jds-base-slate-400: #2f4550;
  --jds-base-slate-500: #263740;
  --jds-base-slate-600: #1c2930;
  --jds-base-slate-700: #131c20;
  --jds-base-grey-100: #f1f1f1;
  --jds-base-grey-200: #ebebeb;
  --jds-base-grey-300: #e4e4e4;
  --jds-base-grey-400: #dddddd;
  --jds-base-grey-500: #b1b1b1;
  --jds-base-grey-600: #858585;
  --jds-base-grey-700: #585858;
  --jds-base-black-100: #5d5d5d;
  --jds-base-black-200: #494949;
  --jds-base-black-300: #353535;
  --jds-base-black-350: #2e2e2e;
  --jds-base-black-400: #2a2a2a;
  --jds-base-black-500: #252525;
  --jds-base-black-600: #202020;
  --jds-base-black-700: #1b1b1b;
  --jds-base-black-800: #101010;
  --jds-base-black-900: #000000;
  --jds-base-white-100: #ffffff;
  --jds-base-white-200: #fbfbfc;
  --jds-base-white-300: #f7f8f8;
  --jds-base-white-400: #f5f5f6;
  --jds-base-white-500: #f2f3f4;
  --jds-base-white-600: #dadbdc;
  --jds-base-white-700: #c2c2c3;
}
:root,
:host {
  --jds-base-ff-sans: sans-serif;
  --jds-base-ff-mono:
    SFMono-Regular,
    Menlo,
    Monaco,
    Consolas,
    "Liberation Mono",
    "Courier New",
    monospace;
  --jds-base-ff-icon: "Material Icons";
  --jds-base-ff-icon-alt: "Material Icons Outlined";
  --jds-base-fs-100: 0.625rem;
  --jds-base-fs-200: 0.75rem;
  --jds-base-fs-300: 0.875rem;
  --jds-base-fs-400: 1rem;
  --jds-base-fs-500: 1.125;
  --jds-base-fs-600: 1.25rem;
  --jds-base-fs-700: 1.5rem;
  --jds-base-fs-800: 1.75rem;
  --jds-base-fs-900: 2rem;
  --jds-base-fs-1000: 2.25rem;
  --jds-base-fs-1100: 2.625rem;
  --jds-base-fs-1200: 3rem;
  --jds-base-fs-1300: 3.375rem;
  --jds-base-fw-200: 200;
  --jds-base-fw-300: 300;
  --jds-base-fw-400: 400;
  --jds-base-fw-500: 500;
  --jds-base-fw-600: 600;
  --jds-base-fw-900: 900;
}
:root,
:host {
  --jds-base-space-01: 2px;
  --jds-base-space-02: 4px;
  --jds-base-space-03: 8px;
  --jds-base-space-04: 12px;
  --jds-base-space-05: 16px;
  --jds-base-space-06: 24px;
  --jds-base-space-07: 32px;
  --jds-base-space-08: 40px;
  --jds-base-space-09: 48px;
  --jds-base-space-10: 64px;
  --jds-base-space-11: 80px;
  --jds-base-space-12: 96px;
  --jds-space-inset-xxs: var(--jds-base-space-01) var(--jds-base-space-01) var(--jds-base-space-01) var(--jds-base-space-01);
  --jds-space-inset-xs: var(--jds-base-space-02) var(--jds-base-space-02) var(--jds-base-space-02) var(--jds-base-space-02);
  --jds-space-inset-sm: var(--jds-base-space-03) var(--jds-base-space-03) var(--jds-base-space-03) var(--jds-base-space-03);
  --jds-space-inset: var(--jds-base-space-04) var(--jds-base-space-04) var(--jds-base-space-04) var(--jds-base-space-04);
  --jds-space-inset-lg: var(--jds-base-space-05) var(--jds-base-space-05) var(--jds-base-space-05) var(--jds-base-space-05);
  --jds-space-inset-xl: var(--jds-base-space-06) var(--jds-base-space-06) var(--jds-base-space-06) var(--jds-base-space-06);
  --jds-space-inset-xxl: var(--jds-base-space-07) var(--jds-base-space-07) var(--jds-base-space-07) var(--jds-base-space-07);
  --jds-space-inset-xxxl: var(--jds-base-space-08) var(--jds-base-space-08) var(--jds-base-space-08) var(--jds-base-space-08);
  --jds-space-inset-squish-xxs: var(--jds-base-space-01) var(--jds-base-space-02) var(--jds-base-space-01) var(--jds-base-space-02);
  --jds-space-inset-squish-xs: var(--jds-base-space-02) var(--jds-base-space-03) var(--jds-base-space-02) var(--jds-base-space-03);
  --jds-space-inset-squish-sm: var(--jds-base-space-03) var(--jds-base-space-05) var(--jds-base-space-03) var(--jds-base-space-05);
  --jds-space-inset-squish: var(--jds-base-space-04) var(--jds-base-space-06) var(--jds-base-space-04) var(--jds-base-space-06);
  --jds-space-inset-squish-lg: var(--jds-base-space-05) var(--jds-base-space-07) var(--jds-base-space-05) var(--jds-base-space-07);
  --jds-space-inset-squish-xl: var(--jds-base-space-06) var(--jds-base-space-09) var(--jds-base-space-06) var(--jds-base-space-09);
  --jds-space-inset-squish-xxl: var(--jds-base-space-07) var(--jds-base-space-10) var(--jds-base-space-07) var(--jds-base-space-10);
  --jds-space-inset-stretch-xxs: var(--jds-base-space-02) var(--jds-base-space-01) var(--jds-base-space-02) var(--jds-base-space-01);
  --jds-space-inset-stretch-xs: var(--jds-base-space-03) var(--jds-base-space-02) var(--jds-base-space-03) var(--jds-base-space-02);
  --jds-space-inset-stretch-sm: var(--jds-base-space-05) var(--jds-base-space-03) var(--jds-base-space-05) var(--jds-base-space-03);
  --jds-space-inset-stretch: var(--jds-base-space-06) var(--jds-base-space-04) var(--jds-base-space-06) var(--jds-base-space-04);
  --jds-space-inset-stretch-lg: var(--jds-base-space-07) var(--jds-base-space-05) var(--jds-base-space-07) var(--jds-base-space-05);
  --jds-space-inset-stretch-xl: var(--jds-base-space-09) var(--jds-base-space-06) var(--jds-base-space-09) var(--jds-base-space-06);
  --jds-space-inset-stretch-xxl: var(--jds-base-space-10) var(--jds-base-space-07) var(--jds-base-space-10) var(--jds-base-space-07);
  --jds-space-stack-xxs: 0 0 var(--jds-base-space-01) 0;
  --jds-space-stack-xs: 0 0 var(--jds-base-space-02) 0;
  --jds-space-stack-sm: 0 0 var(--jds-base-space-03) 0;
  --jds-space-stack: 0 0 var(--jds-base-space-04) 0;
  --jds-space-stack-lg: 0 0 var(--jds-base-space-05) 0;
  --jds-space-stack-xl: 0 0 var(--jds-base-space-06) 0;
  --jds-space-stack-xxl: 0 0 var(--jds-base-space-07) 0;
  --jds-space-inline-xxs: 0 var(--jds-base-space-01) 0 0;
  --jds-space-inline-xs: 0 var(--jds-base-space-02) 0 0;
  --jds-space-inline-sm: 0 var(--jds-base-space-03) 0 0;
  --jds-space-inline: 0 var(--jds-base-space-04) 0 0;
  --jds-space-inline-lg: 0 var(--jds-base-space-05) 0 0;
  --jds-space-inline-xl: 0 var(--jds-base-space-06) 0 0;
  --jds-space-inline-xxl: 0 var(--jds-base-space-07) 0 0;
  --jds-space-xxs: var(--jds-base-space-01);
  --jds-space-xs: var(--jds-base-space-02);
  --jds-space-sm: var(--jds-base-space-03);
  --jds-space: var(--jds-base-space-04);
  --jds-space-lg: var(--jds-base-space-05);
  --jds-space-xl: var(--jds-base-space-06);
  --jds-space-xxl: var(--jds-base-space-07);
  --jds-space-xxxl: var(--jds-base-space-08);
  --jds-space-xxxxl: var(--jds-base-space-09);
}
:root,
:host {
  --hsla-primary-color: hsla(var(--primary-h), var(--primary-s), var(--primary-l), 1);
  --hsla-primary-color--darker: hsla(var(--primary-h), var(--primary-s), calc(var(--primary-l) - 5%), 1);
  --hsla-primary-color--darkest: hsla(var(--primary-h), var(--primary-s), calc(var(--primary-l) - 10%), 1);
  --hsla-primary-color--lighter: hsla(var(--primary-h), var(--primary-s), calc(var(--primary-l) + 20%), 1);
  --hsla-secondary-color: hsla(var(--secondary-dark-h), var(--secondary-dark-s), var(--secondary-dark-l), 1);
  --hsla-secondary-color--darker: hsla( var(--secondary-dark-h), var(--secondary-dark-s), calc(var(--secondary-dark-l) - 5%), 1 );
  --hsla-secondary-color--darkest: hsla( var(--secondary-dark-h), var(--secondary-dark-s), calc(var(--secondary-dark-l) - 10%), 1 );
  --hsla-secondary-color--lighter: hsla( var(--secondary-dark-h), var(--secondary-dark-s), calc(var(--secondary-dark-l) + 20%), 1 );
  --jds-base-brand-color-primary: var(--hsla-primary-color, var(--primary-color));
  --jds-base-brand-color-primary--darker: var(--hsla-primary-color--darker, var(--primary-color));
  --jds-base-brand-color-primary--darkest: var(--hsla-primary-color--darkest, var(--primary-color));
  --jds-base-brand-color-primary--lighter: var(--hsla-primary-color--lighter, var(--primary-color));
  --jds-base-brand-color-secondary: var(--hsla-secondary-color, var(--secondary-dark-color));
  --jds-base-brand-color-secondary--darker: var(--hsla-secondary-color--darker, var(--secondary-darker-color));
  --jds-base-brand-color-secondary--darkest: var(--hsla-secondary-color--darkest, var(--secondary-darker-color));
  --jds-base-brand-color-secondary--lighter: var(--hsla-secondary-color--lighter, var(--secondary-dark-color));
  --jds-base-brand-color-primary-contrast-color: var(--primary-contrast, var(--jds-base-white-100));
  --jds-base-brand-color-secondary-contrast-color: var(--secondary-contrast, var(--jds-base-white-100));
  --hsla-primary-color--on-dark: hsla( var(--primary-h--on-dark), var(--primary-s--on-dark), var(--primary-l--on-dark), 1 );
  --hsla-primary-color--on-dark--darker: hsla( var(--primary-h--on-dark), var(--primary-s--on-dark), calc(var(--primary-l--on-dark) - 5%), 1 );
  --hsla-primary-color--on-dark--darkest: hsla( var(--primary-h--on-dark), var(--primary-s--on-dark), calc(var(--primary-l--on-dark) - 10%), 1 );
  --hsla-primary-color--on-dark--lighter: hsla( var(--primary-h--on-dark), var(--primary-s--on-dark), calc(var(--primary-l--on-dark) + 20%), 1 );
  --hsla-secondary-color--on-dark: hsla( var(--secondary-dark-h--on-dark), var(--secondary-dark-s--on-dark), var(--secondary-dark-l--on-dark), 1 );
  --hsla-secondary-color--on-dark--darker: hsla( var(--secondary-dark-h--on-dark), var(--secondary-dark-s--on-dark), calc(var(--secondary-dark-l--on-dark) - 5%), 1 );
  --hsla-secondary-color--on-dark--darkest: hsla( var(--secondary-dark-h--on-dark), var(--secondary-dark-s--on-dark), calc(var(--secondary-dark-l--on-dark) - 10%), 1 );
  --hsla-secondary-color--on-dark--lighter: hsla( var(--secondary-dark-h--on-dark), var(--secondary-dark-s--on-dark), calc(var(--secondary-dark-l--on-dark) + 20%), 1 );
  --jds-base-brand-color-primary--on-dark: var(--hsla-primary-color--on-dark, var(--jds-base-brand-color-primary));
  --jds-base-brand-color-primary--on-dark--darker: var( --hsla-primary-color--on-dark--darker, var(--jds-base-brand-color-primary--darker) );
  --jds-base-brand-color-primary--on-dark--darkest: var( --hsla-primary-color--on-dark--darkest, var(--jds-base-brand-color-primary--darkest) );
  --jds-base-brand-color-primary--on-dark--lighter: var( --hsla-primary-color--on-dark--lighter, var(--jds-base-brand-color-primary--lighter) );
  --jds-base-brand-color-secondary--on-dark: var(--hsla-secondary-color--on-dark, var(--jds-base-white-600));
  --jds-base-brand-color-secondary--on-dark--darker: var( --hsla-secondary-color--on-dark--darker, var(--jds-base-white-600) );
  --jds-base-brand-color-secondary--on-dark--darkest: var( --hsla-secondary-color--on-dark--darkest, var(--jds-base-white-600) );
  --jds-base-brand-color-secondary--on-dark--lighter: var( --hsla-secondary-color--on-dark--lighter, var(--jds-base-white-600) );
  --jds-base-brand-color-primary-contrast-color--on-dark: var(--primary-contrast--on-dark, var(--jds-base-white-100));
  --jds-base-brand-color-secondary-contrast-color--on-dark: var( --secondary-contrast--on-dark, var(--jds-base-black-200) );
}
:root {
  --primary-h: 217;
  --primary-s: 100%;
  --primary-l: 40%;
  --primary-contrast: var(--jds-base-white-100);
  --secondary-dark-h: 205;
  --secondary-dark-s: 27%;
  --secondary-dark-l: 24%;
  --secondary-contrast: var(--jds-base-white-100);
  --jds-theme-color-primary: var(--jds-base-brand-color-primary);
  --jds-theme-color-primary--darker: var(--jds-base-brand-color-primary--darker);
  --jds-theme-color-primary--darkest: var(--jds-base-brand-color-primary--darkest);
  --jds-theme-color-primary--lighter: var(--jds-base-brand-color-primary--lighter);
  --jds-theme-color-primary-contrast-color: var(--jds-base-brand-color-primary-contrast-color);
  --jds-theme-color-secondary: var(--jds-base-brand-color-secondary);
  --jds-theme-color-secondary-contrast-color: var(--jds-base-brand-color-secondary-contrast-color);
  --jds-theme-ff: var( --font-family, "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif );
  --jds-theme-fs-xxs: var(--jds-base-fs-200);
  --jds-theme-fs-xs: var(--jds-base-fs-300);
  --jds-theme-fs-sm: var(--jds-base-fs-300);
  --jds-theme-fs: var(--jds-base-fs-400);
  --jds-theme-fs-lg: var(--jds-base-fs-600);
  --jds-theme-fs-xl: var(--jds-base-fs-700);
  --jds-theme-fs-xxl: var(--jds-base-fs-900);
  --jds-theme-fw-light: var(--jds-base-fw-300);
  --jds-theme-fw: var(--jds-base-fw-400);
  --jds-theme-fw-bold: var(--jds-base-fw-600);
  --jds-theme-color-bg-main: var(--jds-base-white-300);
  --jds-theme-color-bg-surface: var(--jds-base-white-100);
  --jds-theme-color-bg-surface-contrast-10: var(--jds-base-white-400);
  --jds-theme-color-text: var(--jds-base-slate-400);
  --jds-theme-color-text-contrast-40: var(--jds-base-slate-300);
  --jds-theme-color-text-contrast-20: var(--jds-base-slate-300);
  --jds-theme-color-text-heading: var(--jds-base-black-600);
  --jds-theme-color-border: var(--jds-base-grey-400);
  --jds-theme-color-state-info: var(--jds-base-blue-500);
  --jds-theme-color-state-info-contrast-color: var(--jds-base-white-100);
  --jds-theme-alert-info-color-bg: var(--jds-base-lightblue-100);
  --jds-theme-ui-border-radius: 12px;
  --jds-theme-ui-border-radius-lg: 16px;
  --jds-theme-ui-border-radius-pill: 999px;
  --jds-theme-ui-shadow: 0 1px 2px rgba(0, 0, 0, 0.04), 0 2px 8px rgba(0, 0, 0, 0.06);
  --jds-theme-skeleton-loader-color-bg: var(--jds-base-grey-400);
  --jds-theme-skeleton-loader-color-fg-rgb:
    255,
    255,
    255;
  --jui-skeleton-loader-color-bg: var(--jds-theme-skeleton-loader-color-bg);
  --jui-skeleton-loader-color-fg-rgb: var(--jds-theme-skeleton-loader-color-fg-rgb);
}
:root {
  --portal-content-max-width: 60rem;
}
html,
body {
  margin: 0;
  min-height: 100%;
  background: var(--jds-theme-color-bg-main);
  color: var(--jds-theme-color-text);
  font-family: var(--jds-theme-ff);
  font-size: var(--jds-theme-fs);
}

/* node_modules/ngx-spinner/animations/line-scale.css */
/*!
 * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
 * Copyright 2015 Daniel Cardoso <@DanielCardoso>
 * Licensed under MIT
 */
.la-line-scale,
.la-line-scale > div {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.la-line-scale {
  display: block;
  font-size: 0;
  color: #fff;
}
.la-line-scale.la-dark {
  color: #333;
}
.la-line-scale > div {
  display: inline-block;
  float: none;
  background-color: currentColor;
  border: 0 solid currentColor;
}
.la-line-scale {
  width: 40px;
  height: 32px;
}
.la-line-scale > div {
  width: 4px;
  height: 32px;
  margin: 2px;
  margin-top: 0;
  margin-bottom: 0;
  border-radius: 0;
  -webkit-animation: line-scale 1.2s infinite ease;
  -moz-animation: line-scale 1.2s infinite ease;
  -o-animation: line-scale 1.2s infinite ease;
  animation: line-scale 1.2s infinite ease;
}
.la-line-scale > div:nth-child(1) {
  -webkit-animation-delay: -1.2s;
  -moz-animation-delay: -1.2s;
  -o-animation-delay: -1.2s;
  animation-delay: -1.2s;
}
.la-line-scale > div:nth-child(2) {
  -webkit-animation-delay: -1.1s;
  -moz-animation-delay: -1.1s;
  -o-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
.la-line-scale > div:nth-child(3) {
  -webkit-animation-delay: -1s;
  -moz-animation-delay: -1s;
  -o-animation-delay: -1s;
  animation-delay: -1s;
}
.la-line-scale > div:nth-child(4) {
  -webkit-animation-delay: -.9s;
  -moz-animation-delay: -.9s;
  -o-animation-delay: -.9s;
  animation-delay: -.9s;
}
.la-line-scale > div:nth-child(5) {
  -webkit-animation-delay: -.8s;
  -moz-animation-delay: -.8s;
  -o-animation-delay: -.8s;
  animation-delay: -.8s;
}
.la-line-scale.la-sm {
  width: 20px;
  height: 16px;
}
.la-line-scale.la-sm > div {
  width: 2px;
  height: 16px;
  margin: 1px;
  margin-top: 0;
  margin-bottom: 0;
}
.la-line-scale.la-2x {
  width: 80px;
  height: 64px;
}
.la-line-scale.la-2x > div {
  width: 8px;
  height: 64px;
  margin: 4px;
  margin-top: 0;
  margin-bottom: 0;
}
.la-line-scale.la-3x {
  width: 120px;
  height: 96px;
}
.la-line-scale.la-3x > div {
  width: 12px;
  height: 96px;
  margin: 6px;
  margin-top: 0;
  margin-bottom: 0;
}
@-webkit-keyframes line-scale {
  0%, 40%, 100% {
    -webkit-transform: scaleY(.4);
    transform: scaleY(.4);
  }
  20% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@-moz-keyframes line-scale {
  0%, 40%, 100% {
    -webkit-transform: scaleY(.4);
    -moz-transform: scaleY(.4);
    transform: scaleY(.4);
  }
  20% {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@-o-keyframes line-scale {
  0%, 40%, 100% {
    -webkit-transform: scaleY(.4);
    -o-transform: scaleY(.4);
    transform: scaleY(.4);
  }
  20% {
    -webkit-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@keyframes line-scale {
  0%, 40%, 100% {
    -webkit-transform: scaleY(.4);
    -moz-transform: scaleY(.4);
    -o-transform: scaleY(.4);
    transform: scaleY(.4);
  }
  20% {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
  }
}

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