/* src/styles.scss */
body,
html {
  margin: 0;
  height: 100%;
  font-family: "Titillium Web", sans-serif;
}
a,
a:visited {
  color: var(--mat-sys-on-background);
}
button .mat-icon {
  margin: 0 !important;
}
mat-form-field {
  margin-top: 10px;
}
.text-with-info-holder {
  display: flex;
  align-items: center;
}
.text-with-info-message {
  margin-bottom: 32px !important;
}
.radio-group {
  display: flex;
  flex-direction: row;
  gap: 30px;
}
.radio-group.small-screen {
  flex-direction: column;
}
.radio-group .radio-button input[type=radio] {
  display: none;
}
.radio-group .radio-button .radio-label {
  height: 30px;
  display: flex;
  justify-content: center;
  padding: 5px 0;
  width: 130px;
  cursor: pointer;
  border-radius: 5px;
  border: 1px solid #9E9E9E;
  font-size: 14px;
  align-items: center;
}
.radio-group .radio-button .radio-label img {
  width: 35px;
  margin-right: 7px;
}
.radio-group .option-holder {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.radio-group .option-holder .info-text {
  max-width: 240px;
  padding-left: 16px;
  margin-top: 6px;
}
.radio-group .radio-button input[type=radio]:checked + .radio-label {
  background-color: #fedd46;
  border: 1px solid #fedd46;
  font-weight: 600;
}
.max-width {
  max-width: 850px;
  margin-top: 0;
}
.link {
  text-decoration: underline;
  cursor: pointer;
}

/* node_modules/@sparbanken-syd/sparbanken-syd-theme-m3/index.scss */
@font-face {
  font-family: "Material Symbols Outlined";
  font-style: normal;
  font-weight: 400;
  src: url("./media/symbols-S44CJBMM.ttf");
}
@font-face {
  font-family: "Titillium Web";
  font-style: normal;
  font-weight: 200;
  src: url("./media/font-200-FLR77BUS.ttf");
}
@font-face {
  font-family: "Titillium Web";
  font-style: italic;
  font-weight: 200;
  src: url("./media/font-italic-200-VT5XAP52.ttf");
}
@font-face {
  font-family: "Titillium Web";
  font-style: normal;
  font-weight: 300;
  src: url("./media/font-300-E5BA2XBF.ttf");
}
@font-face {
  font-family: "Titillium Web";
  font-style: italic;
  font-weight: 300;
  src: url("./media/font-italic-300-UC4BMERT.ttf");
}
@font-face {
  font-family: "Titillium Web";
  font-style: normal;
  font-weight: 400;
  src: url("./media/font-400-KR4WGFNP.ttf");
}
@font-face {
  font-family: "Titillium Web";
  font-style: italic;
  font-weight: 400;
  src: url("./media/font-italic-400-QMRLJMY3.ttf");
}
@font-face {
  font-family: "Titillium Web";
  font-style: normal;
  font-weight: 600;
  src: url("./media/font-600-MHDWJDFT.ttf");
}
@font-face {
  font-family: "Titillium Web";
  font-style: italic;
  font-weight: 600;
  src: url("./media/font-italic-600-VWIEEWVJ.ttf");
}
@font-face {
  font-family: "Titillium Web";
  font-style: normal;
  font-weight: 700;
  src: url("./media/font-700-MPJALLPJ.ttf");
}
@font-face {
  font-family: "Titillium Web";
  font-style: italic;
  font-weight: 700;
  src: url("./media/font-italic-700-AHEFENMV.ttf");
}
:root,
:host {
  --mat-sys-primary: #fedd46;
  --mat-sys-on-primary: #000000;
  --mat-sys-primary-container: #fedd46;
  --mat-sys-on-primary-container: #221b00;
  --mat-sys-inverse-primary: #e4c52e;
  --mat-sys-primary-fixed: #fedd46;
  --mat-sys-primary-fixed-dim: #e4c52e;
  --mat-sys-on-primary-fixed: #221b00;
  --mat-sys-on-primary-fixed-variant: #534600;
  --mat-sys-secondary: #446559;
  --mat-sys-on-secondary: #ffffff;
  --mat-sys-secondary-container: #c6ebdb;
  --mat-sys-on-secondary-container: #002118;
  --mat-sys-secondary-fixed: #c6ebdb;
  --mat-sys-secondary-fixed-dim: #abcec0;
  --mat-sys-on-secondary-fixed: #002118;
  --mat-sys-on-secondary-fixed-variant: #2d4d42;
  --mat-sys-tertiary: #6b5b52;
  --mat-sys-on-tertiary: #ffffff;
  --mat-sys-tertiary-container: #f4ded3;
  --mat-sys-on-tertiary-container: #241913;
  --mat-sys-tertiary-fixed: #f4ded3;
  --mat-sys-tertiary-fixed-dim: #d7c2b8;
  --mat-sys-on-tertiary-fixed: #241913;
  --mat-sys-on-tertiary-fixed-variant: #52443c;
  --mat-sys-background: #fdf8f6;
  --mat-sys-on-background: #1c1b1a;
  --mat-sys-surface: #fdf8f6;
  --mat-sys-surface-dim: #ddd9d7;
  --mat-sys-surface-bright: #fdf8f6;
  --mat-sys-surface-container-lowest: #ffffff;
  --mat-sys-surface-container-low: #f7f3f0;
  --mat-sys-surface-container: #f1edeb;
  --mat-sys-surface-container-high: #ece7e5;
  --mat-sys-surface-container-highest: #e6e2df;
  --mat-sys-on-surface: #1c1b1a;
  --mat-sys-shadow: #000000;
  --mat-sys-scrim: #000000;
  --mat-sys-surface-tint: #635e52;
  --mat-sys-inverse-surface: #31302f;
  --mat-sys-inverse-on-surface: #f4f0ed;
  --mat-sys-outline: #7b776e;
  --mat-sys-outline-variant: #ccc6ba;
  --mat-sys-error: #ba1a1a;
  --mat-sys-error-container: #ffdad6;
  --mat-sys-on-error: #ffffff;
  --mat-sys-on-error-container: #410002;
  --mat-sys-surface-variant: #e8e2d6;
  --mat-sys-on-surface-variant: #4a463e;
  --mat-button-filled-label-text-weight: bold;
  --mat-button-outlined-label-text-weight: bold;
  --mat-button-protected-label-text-weight: bold;
  --mat-button-text-label-text-weight: bold;
  --mat-button-filled-container-color: #fedd46;
  --mat-button-filled-label-text-color: #000000;
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-icon-color: #fedd46;
  --mat-checkbox-selected-hover-icon-color: #d4b82e;
  --mat-checkbox-selected-focus-icon-color: #fedd46;
  --mat-progress-spinner-active-indicator-color: #fedd46;
  --mat-progress-bar-active-indicator-color: #fedd46;
  --mat-tab-active-focus-indicator-color: #fedd46;
  --mat-tab-active-indicator-color: #fedd46;
  --mat-tab-active-ripple-color: #fedd46;
  --mat-radio-selected-icon-color: #fedd46;
  --mat-radio-selected-hover-icon-color: #d4b82e;
  --mat-radio-selected-focus-icon-color: #fedd46;
  --mat-stepper-header-icon-background-color: #fedd46;
  --mat-stepper-header-selected-state-icon-background-color: #fedd46;
  --mat-stepper-header-done-state-icon-background-color: #fedd46;
  --mat-stepper-header-edit-state-icon-background-color: #fedd46;
  --mat-stepper-header-icon-foreground-color: #000;
  --mat-stepper-header-edit-state-icon-foreground-color: #000;
  --mat-stepper-header-selected-state-icon-foreground-color: #000;
  --mat-slider-active-track-color: #fedd46;
  --mat-slider-handle-color: #fedd46;
  --mat-slider-label-container-color: #fedd46;
  --mat-slider-label-label-text-color: #000;
}
.spb-dark-theme {
  --mat-sys-primary: #e4c52e;
  --mat-sys-on-primary: #3a3000;
  --mat-sys-primary-container: #534600;
  --mat-sys-on-primary-container: #fedd46;
  --mat-sys-inverse-primary: #6f5d00;
  --mat-sys-primary-fixed: #fedd46;
  --mat-sys-primary-fixed-dim: #e4c52e;
  --mat-sys-on-primary-fixed: #221b00;
  --mat-sys-on-primary-fixed-variant: #534600;
  --mat-sys-secondary: #abcec0;
  --mat-sys-on-secondary: #15362c;
  --mat-sys-secondary-container: #2d4d42;
  --mat-sys-on-secondary-container: #c6ebdb;
  --mat-sys-secondary-fixed: #c6ebdb;
  --mat-sys-secondary-fixed-dim: #abcec0;
  --mat-sys-on-secondary-fixed: #002118;
  --mat-sys-on-secondary-fixed-variant: #2d4d42;
  --mat-sys-tertiary: #d7c2b8;
  --mat-sys-on-tertiary: #3b2e26;
  --mat-sys-tertiary-container: #52443c;
  --mat-sys-on-tertiary-container: #f4ded3;
  --mat-sys-tertiary-fixed: #f4ded3;
  --mat-sys-tertiary-fixed-dim: #d7c2b8;
  --mat-sys-on-tertiary-fixed: #241913;
  --mat-sys-on-tertiary-fixed-variant: #52443c;
  --mat-sys-background: #141312;
  --mat-sys-on-background: #e6e2df;
  --mat-sys-surface: #141312;
  --mat-sys-surface-dim: #141312;
  --mat-sys-surface-bright: #3a3938;
  --mat-sys-surface-container-lowest: #0f0e0d;
  --mat-sys-surface-container-low: #1c1b1a;
  --mat-sys-surface-container: #201f1e;
  --mat-sys-surface-container-high: #2b2a29;
  --mat-sys-surface-container-highest: #363433;
  --mat-sys-on-surface: #e6e2df;
  --mat-sys-shadow: #000000;
  --mat-sys-scrim: #000000;
  --mat-sys-surface-tint: #cdc6b7;
  --mat-sys-inverse-surface: #e6e2df;
  --mat-sys-inverse-on-surface: #31302f;
  --mat-sys-outline: #959087;
  --mat-sys-outline-variant: #4a463e;
  --mat-sys-error: #ffb4ab;
  --mat-sys-error-container: #93000a;
  --mat-sys-on-error: #690005;
  --mat-sys-on-error-container: #ffdad6;
  --mat-sys-surface-variant: #4a463e;
  --mat-sys-on-surface-variant: #ccc6ba;
}
.mat-elevation-z0,
.mat-mdc-elevation-specific.mat-elevation-z0 {
  box-shadow: var(--mat-app-elevation-shadow-level-0, 0px 0px 0px 0px --mat-sys-shadow, 0px 0px 0px 0px --mat-sys-shadow, 0px 0px 0px 0px --mat-sys-shadow);
}
.mat-elevation-z1,
.mat-mdc-elevation-specific.mat-elevation-z1 {
  box-shadow: var(--mat-app-elevation-shadow-level-1, 0px 2px 1px -1px --mat-sys-shadow, 0px 1px 1px 0px --mat-sys-shadow, 0px 1px 3px 0px --mat-sys-shadow);
}
.mat-elevation-z2,
.mat-mdc-elevation-specific.mat-elevation-z2 {
  box-shadow: var(--mat-app-elevation-shadow-level-2, 0px 3px 1px -2px --mat-sys-shadow, 0px 2px 2px 0px --mat-sys-shadow, 0px 1px 5px 0px --mat-sys-shadow);
}
.mat-elevation-z3,
.mat-mdc-elevation-specific.mat-elevation-z3 {
  box-shadow: var(--mat-app-elevation-shadow-level-3, 0px 3px 3px -2px --mat-sys-shadow, 0px 3px 4px 0px --mat-sys-shadow, 0px 1px 8px 0px --mat-sys-shadow);
}
.mat-elevation-z4,
.mat-mdc-elevation-specific.mat-elevation-z4 {
  box-shadow: var(--mat-app-elevation-shadow-level-4, 0px 2px 4px -1px --mat-sys-shadow, 0px 4px 5px 0px --mat-sys-shadow, 0px 1px 10px 0px --mat-sys-shadow);
}
.mat-elevation-z5,
.mat-mdc-elevation-specific.mat-elevation-z5 {
  box-shadow: var(--mat-app-elevation-shadow-level-5, 0px 3px 5px -1px --mat-sys-shadow, 0px 5px 8px 0px --mat-sys-shadow, 0px 1px 14px 0px --mat-sys-shadow);
}
.mat-elevation-z6,
.mat-mdc-elevation-specific.mat-elevation-z6 {
  box-shadow: var(--mat-app-elevation-shadow-level-6, 0px 3px 5px -1px --mat-sys-shadow, 0px 6px 10px 0px --mat-sys-shadow, 0px 1px 18px 0px --mat-sys-shadow);
}
.mat-elevation-z7,
.mat-mdc-elevation-specific.mat-elevation-z7 {
  box-shadow: var(--mat-app-elevation-shadow-level-7, 0px 4px 5px -2px --mat-sys-shadow, 0px 7px 10px 1px --mat-sys-shadow, 0px 2px 16px 1px --mat-sys-shadow);
}
.mat-elevation-z8,
.mat-mdc-elevation-specific.mat-elevation-z8 {
  box-shadow: var(--mat-app-elevation-shadow-level-8, 0px 5px 5px -3px --mat-sys-shadow, 0px 8px 10px 1px --mat-sys-shadow, 0px 3px 14px 2px --mat-sys-shadow);
}
.mat-elevation-z9,
.mat-mdc-elevation-specific.mat-elevation-z9 {
  box-shadow: var(--mat-app-elevation-shadow-level-9, 0px 5px 6px -3px --mat-sys-shadow, 0px 9px 12px 1px --mat-sys-shadow, 0px 3px 16px 2px --mat-sys-shadow);
}
.mat-elevation-z10,
.mat-mdc-elevation-specific.mat-elevation-z10 {
  box-shadow: var(--mat-app-elevation-shadow-level-10, 0px 6px 6px -3px --mat-sys-shadow, 0px 10px 14px 1px --mat-sys-shadow, 0px 4px 18px 3px --mat-sys-shadow);
}
.mat-elevation-z11,
.mat-mdc-elevation-specific.mat-elevation-z11 {
  box-shadow: var(--mat-app-elevation-shadow-level-11, 0px 6px 7px -4px --mat-sys-shadow, 0px 11px 15px 1px --mat-sys-shadow, 0px 4px 20px 3px --mat-sys-shadow);
}
.mat-elevation-z12,
.mat-mdc-elevation-specific.mat-elevation-z12 {
  box-shadow: var(--mat-app-elevation-shadow-level-12, 0px 7px 8px -4px --mat-sys-shadow, 0px 12px 17px 2px --mat-sys-shadow, 0px 5px 22px 4px --mat-sys-shadow);
}
.mat-elevation-z13,
.mat-mdc-elevation-specific.mat-elevation-z13 {
  box-shadow: var(--mat-app-elevation-shadow-level-13, 0px 7px 8px -4px --mat-sys-shadow, 0px 13px 19px 2px --mat-sys-shadow, 0px 5px 24px 4px --mat-sys-shadow);
}
.mat-elevation-z14,
.mat-mdc-elevation-specific.mat-elevation-z14 {
  box-shadow: var(--mat-app-elevation-shadow-level-14, 0px 7px 9px -4px --mat-sys-shadow, 0px 14px 21px 2px --mat-sys-shadow, 0px 5px 26px 4px --mat-sys-shadow);
}
.mat-elevation-z15,
.mat-mdc-elevation-specific.mat-elevation-z15 {
  box-shadow: var(--mat-app-elevation-shadow-level-15, 0px 8px 9px -5px --mat-sys-shadow, 0px 15px 22px 2px --mat-sys-shadow, 0px 6px 28px 5px --mat-sys-shadow);
}
.mat-elevation-z16,
.mat-mdc-elevation-specific.mat-elevation-z16 {
  box-shadow: var(--mat-app-elevation-shadow-level-16, 0px 8px 10px -5px --mat-sys-shadow, 0px 16px 24px 2px --mat-sys-shadow, 0px 6px 30px 5px --mat-sys-shadow);
}
.mat-elevation-z17,
.mat-mdc-elevation-specific.mat-elevation-z17 {
  box-shadow: var(--mat-app-elevation-shadow-level-17, 0px 8px 11px -5px --mat-sys-shadow, 0px 17px 26px 2px --mat-sys-shadow, 0px 6px 32px 5px --mat-sys-shadow);
}
.mat-elevation-z18,
.mat-mdc-elevation-specific.mat-elevation-z18 {
  box-shadow: var(--mat-app-elevation-shadow-level-18, 0px 9px 11px -5px --mat-sys-shadow, 0px 18px 28px 2px --mat-sys-shadow, 0px 7px 34px 6px --mat-sys-shadow);
}
.mat-elevation-z19,
.mat-mdc-elevation-specific.mat-elevation-z19 {
  box-shadow: var(--mat-app-elevation-shadow-level-19, 0px 9px 12px -6px --mat-sys-shadow, 0px 19px 29px 2px --mat-sys-shadow, 0px 7px 36px 6px --mat-sys-shadow);
}
.mat-elevation-z20,
.mat-mdc-elevation-specific.mat-elevation-z20 {
  box-shadow: var(--mat-app-elevation-shadow-level-20, 0px 10px 13px -6px --mat-sys-shadow, 0px 20px 31px 3px --mat-sys-shadow, 0px 8px 38px 7px --mat-sys-shadow);
}
.mat-elevation-z21,
.mat-mdc-elevation-specific.mat-elevation-z21 {
  box-shadow: var(--mat-app-elevation-shadow-level-21, 0px 10px 13px -6px --mat-sys-shadow, 0px 21px 33px 3px --mat-sys-shadow, 0px 8px 40px 7px --mat-sys-shadow);
}
.mat-elevation-z22,
.mat-mdc-elevation-specific.mat-elevation-z22 {
  box-shadow: var(--mat-app-elevation-shadow-level-22, 0px 10px 14px -6px --mat-sys-shadow, 0px 22px 35px 3px --mat-sys-shadow, 0px 8px 42px 7px --mat-sys-shadow);
}
.mat-elevation-z23,
.mat-mdc-elevation-specific.mat-elevation-z23 {
  box-shadow: var(--mat-app-elevation-shadow-level-23, 0px 11px 14px -7px --mat-sys-shadow, 0px 23px 36px 3px --mat-sys-shadow, 0px 9px 44px 8px --mat-sys-shadow);
}
.mat-elevation-z24,
.mat-mdc-elevation-specific.mat-elevation-z24 {
  box-shadow: var(--mat-app-elevation-shadow-level-24, 0px 11px 15px -7px --mat-sys-shadow, 0px 24px 38px 3px --mat-sys-shadow, 0px 9px 46px 8px --mat-sys-shadow);
}
html {
  --mat-sys-on-surface: initial;
}
.mat-app-background {
  background-color: var(--mat-app-background-color, var(--mat-sys-background, transparent));
  color: var(--mat-app-text-color, var(--mat-sys-on-background, inherit));
}
:root {
  --mat-sys-background: light-dark(#FCFCFC, #16130a);
  --mat-sys-error: light-dark(#ba1a1a, #ffb4ab);
  --mat-sys-error-container: light-dark(#ffdad6, #93000a);
  --mat-sys-inverse-on-surface: light-dark(#f8f0e0, #343026);
  --mat-sys-inverse-primary: light-dark(#e4c52e, #6f5d00);
  --mat-sys-inverse-surface: light-dark(#343026, #e9e2d2);
  --mat-sys-on-background: light-dark(#1e1b12, #e9e2d2);
  --mat-sys-on-error: light-dark(#fff, #690005);
  --mat-sys-on-error-container: light-dark(#93000a, #ffdad6);
  --mat-sys-on-primary: light-dark(#fff, #3a3000);
  --mat-sys-on-primary-container: light-dark(#534600, #ffe263);
  --mat-sys-on-primary-fixed: light-dark(#221b00, #221b00);
  --mat-sys-on-primary-fixed-variant: light-dark(#534600, #534600);
  --mat-sys-on-secondary: light-dark(#fff, #3a3000);
  --mat-sys-on-secondary-container: light-dark(#524611, #f5e29d);
  --mat-sys-on-secondary-fixed: light-dark(#221b00, #221b00);
  --mat-sys-on-secondary-fixed-variant: light-dark(#524611, #524611);
  --mat-sys-on-surface: light-dark(#1e1b12, #e9e2d2);
  --mat-sys-on-surface-variant: light-dark(#4c4734, #ebe2c8);
  --mat-sys-on-tertiary: light-dark(#fff, #3a3000);
  --mat-sys-on-tertiary-container: light-dark(#534600, #ffe263);
  --mat-sys-on-tertiary-fixed: light-dark(#221b00, #221b00);
  --mat-sys-on-tertiary-fixed-variant: light-dark(#534600, #534600);
  --mat-sys-outline: light-dark(#7e7761, #98907a);
  --mat-sys-outline-variant: light-dark(#cfc6ad, #4c4734);
  --mat-sys-primary: light-dark(#6f5d00, #e4c52e);
  --mat-sys-primary-container: light-dark(#ffe263, #534600);
  --mat-sys-primary-fixed: light-dark(#ffe263, #ffe263);
  --mat-sys-primary-fixed-dim: light-dark(#e4c52e, #e4c52e);
  --mat-sys-scrim: light-dark(#000, #000);
  --mat-sys-secondary: light-dark(#6b5e27, #d8c684);
  --mat-sys-secondary-container: light-dark(#f5e29d, #524611);
  --mat-sys-secondary-fixed: light-dark(#f5e29d, #f5e29d);
  --mat-sys-secondary-fixed-dim: light-dark(#d8c684, #d8c684);
  --mat-sys-shadow: light-dark(#000, #000);
  --mat-sys-surface: light-dark(#FCFCFC, #16130a);
  --mat-sys-surface-bright: light-dark(#FCFCFC, #3d392e);
  --mat-sys-surface-container: light-dark(#f5eddd, #221f16);
  --mat-sys-surface-container-high: light-dark(#efe8d8, #2d2a1f);
  --mat-sys-surface-container-highest: light-dark(#e9e2d2, #38352a);
  --mat-sys-surface-container-low: light-dark(#faf3e3, #1e1b12);
  --mat-sys-surface-container-lowest: light-dark(#fff, #100e06);
  --mat-sys-surface-dim: light-dark(#e0d9ca, #16130a);
  --mat-sys-surface-tint: light-dark(#6f5d00, #e4c52e);
  --mat-sys-surface-variant: light-dark(#ebe2c8, #4c4734);
  --mat-sys-tertiary: light-dark(#6f5d00, #e4c52e);
  --mat-sys-tertiary-container: light-dark(#ffe263, #534600);
  --mat-sys-tertiary-fixed: light-dark(#ffe263, #ffe263);
  --mat-sys-tertiary-fixed-dim: light-dark(#e4c52e, #e4c52e);
  --mat-sys-neutral-variant20: #35301f;
  --mat-sys-neutral10: #1e1b12;
  --mat-sys-level0:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-sys-level1:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-sys-level2:
    0px 3px 3px -2px rgba(0, 0, 0, 0.2),
    0px 3px 4px 0px rgba(0, 0, 0, 0.14),
    0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  --mat-sys-level3:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-sys-level4:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-sys-level5:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-sys-body-large: 300 1rem / 1.5rem Titillium Web;
  --mat-sys-body-large-font: Titillium Web;
  --mat-sys-body-large-line-height: 1.5rem;
  --mat-sys-body-large-size: 1rem;
  --mat-sys-body-large-tracking: 0.031rem;
  --mat-sys-body-large-weight: 300;
  --mat-sys-body-medium: 300 0.875rem / 1.25rem Titillium Web;
  --mat-sys-body-medium-font: Titillium Web;
  --mat-sys-body-medium-line-height: 1.25rem;
  --mat-sys-body-medium-size: 0.875rem;
  --mat-sys-body-medium-tracking: 0.016rem;
  --mat-sys-body-medium-weight: 300;
  --mat-sys-body-small: 300 0.75rem / 1rem Titillium Web;
  --mat-sys-body-small-font: Titillium Web;
  --mat-sys-body-small-line-height: 1rem;
  --mat-sys-body-small-size: 0.75rem;
  --mat-sys-body-small-tracking: 0.025rem;
  --mat-sys-body-small-weight: 300;
  --mat-sys-display-large: 300 3.562rem / 4rem Titillium Web;
  --mat-sys-display-large-font: Titillium Web;
  --mat-sys-display-large-line-height: 4rem;
  --mat-sys-display-large-size: 3.562rem;
  --mat-sys-display-large-tracking: -0.016rem;
  --mat-sys-display-large-weight: 300;
  --mat-sys-display-medium: 300 2.812rem / 3.25rem Titillium Web;
  --mat-sys-display-medium-font: Titillium Web;
  --mat-sys-display-medium-line-height: 3.25rem;
  --mat-sys-display-medium-size: 2.812rem;
  --mat-sys-display-medium-tracking: 0;
  --mat-sys-display-medium-weight: 300;
  --mat-sys-display-small: 300 2.25rem / 2.75rem Titillium Web;
  --mat-sys-display-small-font: Titillium Web;
  --mat-sys-display-small-line-height: 2.75rem;
  --mat-sys-display-small-size: 2.25rem;
  --mat-sys-display-small-tracking: 0;
  --mat-sys-display-small-weight: 300;
  --mat-sys-headline-large: 300 2rem / 2.5rem Titillium Web;
  --mat-sys-headline-large-font: Titillium Web;
  --mat-sys-headline-large-line-height: 2.5rem;
  --mat-sys-headline-large-size: 2rem;
  --mat-sys-headline-large-tracking: 0;
  --mat-sys-headline-large-weight: 300;
  --mat-sys-headline-medium: 300 1.75rem / 2.25rem Titillium Web;
  --mat-sys-headline-medium-font: Titillium Web;
  --mat-sys-headline-medium-line-height: 2.25rem;
  --mat-sys-headline-medium-size: 1.75rem;
  --mat-sys-headline-medium-tracking: 0;
  --mat-sys-headline-medium-weight: 300;
  --mat-sys-headline-small: 300 1.5rem / 2rem Titillium Web;
  --mat-sys-headline-small-font: Titillium Web;
  --mat-sys-headline-small-line-height: 2rem;
  --mat-sys-headline-small-size: 1.5rem;
  --mat-sys-headline-small-tracking: 0;
  --mat-sys-headline-small-weight: 300;
  --mat-sys-label-large: 400 0.875rem / 1.25rem Titillium Web;
  --mat-sys-label-large-font: Titillium Web;
  --mat-sys-label-large-line-height: 1.25rem;
  --mat-sys-label-large-size: 0.875rem;
  --mat-sys-label-large-tracking: 0.006rem;
  --mat-sys-label-large-weight: 400;
  --mat-sys-label-large-weight-prominent: 600;
  --mat-sys-label-medium: 400 0.75rem / 1rem Titillium Web;
  --mat-sys-label-medium-font: Titillium Web;
  --mat-sys-label-medium-line-height: 1rem;
  --mat-sys-label-medium-size: 0.75rem;
  --mat-sys-label-medium-tracking: 0.031rem;
  --mat-sys-label-medium-weight: 400;
  --mat-sys-label-medium-weight-prominent: 600;
  --mat-sys-label-small: 400 0.688rem / 1rem Titillium Web;
  --mat-sys-label-small-font: Titillium Web;
  --mat-sys-label-small-line-height: 1rem;
  --mat-sys-label-small-size: 0.688rem;
  --mat-sys-label-small-tracking: 0.031rem;
  --mat-sys-label-small-weight: 400;
  --mat-sys-title-large: 300 1.375rem / 1.75rem Titillium Web;
  --mat-sys-title-large-font: Titillium Web;
  --mat-sys-title-large-line-height: 1.75rem;
  --mat-sys-title-large-size: 1.375rem;
  --mat-sys-title-large-tracking: 0;
  --mat-sys-title-large-weight: 300;
  --mat-sys-title-medium: 400 1rem / 1.5rem Titillium Web;
  --mat-sys-title-medium-font: Titillium Web;
  --mat-sys-title-medium-line-height: 1.5rem;
  --mat-sys-title-medium-size: 1rem;
  --mat-sys-title-medium-tracking: 0.009rem;
  --mat-sys-title-medium-weight: 400;
  --mat-sys-title-small: 400 0.875rem / 1.25rem Titillium Web;
  --mat-sys-title-small-font: Titillium Web;
  --mat-sys-title-small-line-height: 1.25rem;
  --mat-sys-title-small-size: 0.875rem;
  --mat-sys-title-small-tracking: 0.006rem;
  --mat-sys-title-small-weight: 400;
  --mat-sys-corner-extra-large: 28px;
  --mat-sys-corner-extra-large-top: 28px 28px 0 0;
  --mat-sys-corner-extra-small: 4px;
  --mat-sys-corner-extra-small-top: 4px 4px 0 0;
  --mat-sys-corner-full: 9999px;
  --mat-sys-corner-large: 16px;
  --mat-sys-corner-large-end: 0 16px 16px 0;
  --mat-sys-corner-large-start: 16px 0 0 16px;
  --mat-sys-corner-large-top: 16px 16px 0 0;
  --mat-sys-corner-medium: 12px;
  --mat-sys-corner-none: 0;
  --mat-sys-corner-small: 8px;
  --mat-sys-dragged-state-layer-opacity: 0.16;
  --mat-sys-focus-state-layer-opacity: 0.12;
  --mat-sys-hover-state-layer-opacity: 0.08;
  --mat-sys-pressed-state-layer-opacity: 0.12;
  --mat-form-field-outlined-focus-outline-width: 0.25rem;
  --mat-form-field-outlined-focus-outline-color: var(--mat-sys-on-surface);
}
body.spb-dark-theme {
  --mat-form-field-outlined-focus-outline-color: var(--mat-sys-on-surface);
}
.mat-mdc-snack-bar-container .mat-mdc-snack-bar-action {
  color: #FFF5C8 !important;
}
button[mat-raised-button],
button[mat-stroked-button],
button[mat-button] {
  color: var(--mat-sys-on-primary-container) !important;
}
.mat-icon {
  font-family: "Material Symbols Outlined", sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 1.5rem;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}
.green-icon,
.positive {
  color: #3daf3d;
}
.negative {
  color: var(--mat-sys-error);
}
.spb-flipper::-webkit-outer-spin-button,
.spb-flipper::-webkit-inner-spin-button {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
}

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