@charset "UTF-8";

/* node_modules/aeb-ui-kit/styles.css */
:root {
  --white: #fff;
  --white-hover: #f1f8ff;
  --white-active: #e6f2ff;
  --white-primary: #fafafa;
  --web-white: #f8fbfc;
  --blue: #2f88f0;
  --blue-hover: #288cff;
  --blue-active: #2c7dda;
  --blue-turquoise: #00b1e9;
  --active-gradient:
    linear-gradient(
      180deg,
      #11bef4 0%,
      #02d1c5 100%);
  --blue-primary-dark-theme: #4496f6;
  --lightblue: #d5e8fc;
  --lightblue-hover: #e8f2fd;
  --lightblue-active: #c6daf0;
  --mono-medium: #e2e9ef;
  --darkblue: #27303e;
  --darkblue-hover: #2c3747;
  --darkblue-active: #232b38;
  --darkblue-primary-dark-theme: #1e2632;
  --gray: #94a8be;
  --gray-hover: #9cb2c9;
  --gray-active: #889db4;
  --gray-primary: #a3aaae;
  --gray-primary-dark-theme: #3b404a;
  --gray-8c: #8c99a5;
  --lightgray: #e1e4e7;
  --lightgray-hover: #eff0f1;
  --lightgray-active: #d1d5d8;
  --lightgray-secondary: #f0f0f0;
  --red: #ff3055;
  --red-hover: #ff3055;
  --red-active: #ec4362;
  --lightred: #ffe0e6;
  --lightred-hover: #ffe9ed;
  --lightred-active: #fcd8df;
  --green: #00bf41;
  --green-hover: #01c944;
  --green-active: #02ac3b;
  --yellow: #f2c94c;
  --yellow-hover: #f7d05b;
  --yellow-active: #e6bd45;
  --light-gray: #e2e2e2;
  --middle-gray: #e7eaec;
  --light-blue: #d5e8fc;
  --secondary-light-gray: #e1e4e7;
  --secondary-web-ligth-sky: #f8fbfc;
  --others-destructive: #ff3055;
  --others-green: #00bf41;
  --others-turquoise: #00b1e9;
  --others-turquoise-active:
    linear-gradient(
      180deg,
      #11bef4 0%,
      #02d1c5 100%);
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  src: url("./media/Roboto-Regular.ttf") format("truetype");
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  src: url("./media/Roboto-Medium.ttf") format("truetype");
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 700;
  src: url("./media/Roboto-Bold.ttf") format("truetype");
}
:root {
  --color-blue-50: #EBF4FE;
  --color-blue-100: #D5E7FC;
  --color-blue-200: #ACCFF9;
  --color-blue-300: #82B8F6;
  --color-blue-400: #59A0F3;
  --color-blue-500: #2F88F0;
  --color-blue-600: #2975CE;
  --color-blue-700: #2362AC;
  --color-blue-800: #1E4F89;
  --color-blue-900: #15355C;
  --color-blue-1000: #0E1C2E;
  --color-mono-0: #FFFFFF;
  --color-mono-5: #FDFDFE;
  --color-mono-10: #F4F6F8;
  --color-mono-50: #EEF1F4;
  --color-mono-100: #D8DDE3;
  --color-mono-200: #BFC6D0;
  --color-mono-300: #A9B0B9;
  --color-mono-400: #939CA7;
  --color-mono-500: #7D8591;
  --color-mono-600: #68707B;
  --color-mono-700: #525C69;
  --color-mono-800: #3D4756;
  --color-mono-900: #27303E;
  --color-mono-1000: #1F2632;
  --color-mono-1100: #171D25;
  --color-mono-1200: #080A0C;
  --color-mono-1300: #000000;
  --color-green-50: #E7F8F0;
  --color-green-100: #CEF0E0;
  --color-green-200: #9DE1C1;
  --color-green-300: #6BD2A2;
  --color-green-400: #3AC383;
  --color-green-500: #09B464;
  --color-green-600: #099A57;
  --color-green-700: #08814A;
  --color-green-800: #09673C;
  --color-green-900: #08452B;
  --color-green-1000: #082319;
  --color-red-50: #FFEBEE;
  --color-red-100: #FFD6DD;
  --color-red-200: #FFACBB;
  --color-red-300: #FF8399;
  --color-red-400: #FF5977;
  --color-red-500: #FF3055;
  --color-red-600: #DA2A4A;
  --color-red-700: #B52540;
  --color-red-800: #901E34;
  --color-red-900: #5E1726;
  --color-red-1000: #2D0F17;
  --color-yellow-50: #FEFAEE;
  --color-yellow-100: #FCF4DB;
  --color-yellow-200: #FAE9B7;
  --color-yellow-300: #F7DF94;
  --color-yellow-400: #F5D470;
  --color-yellow-500: #F2C94C;
  --color-yellow-600: #CFAC43;
  --color-yellow-700: #AC9039;
  --color-yellow-800: #89722F;
  --color-yellow-900: #594C23;
  --color-yellow-1000: #2B2615;
  --color-turquoise-50: #E6F8FD;
  --color-turquoise-100: #CCEFFB;
  --color-turquoise-200: #99E0F6;
  --color-turquoise-300: #66D0F2;
  --color-turquoise-400: #33C1ED;
  --color-turquoise-500: #00B1E9;
  --color-turquoise-600: #0198C8;
  --color-turquoise-700: #027FA8;
  --color-turquoise-800: #046585;
  --color-turquoise-900: #054459;
  --color-turquoise-1000: #07222D;
  --font-size-g: 64px;
  --font-size-xxxl: 56px;
  --roboto: Roboto;
  --0-zero: 1;
  --80-high: 0.8;
  --font-size-xxl: 48px;
  --font-size-xl: 42px;
  --font-size-lg: 36px;
  --font-size-lm: 32px;
  --font-size-l: 24px;
  --font-size-md: 20px;
  --font-size-m: 18px;
  --font-size-s: 16px;
  --font-size-xs: 14px;
  --font-size-xxs: 12px;
  --font-weight-light: 300;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-black: 900;
  --line-height-small: 1;
  --line-height-medium: 1.2;
  --line-height-large: 1.5;
  --50-medium: 0.5;
  --40-medium-light: 0.4;
  --30-soft: 0.3;
  --15-light: 0.15;
  --10-bright: 0.1;
  --5-brighter: 0.05;
  --100-total: 0;
  --no-border: 0;
  --border-thin: 1px;
  --border-skinny: 2px;
  --border-medium: 3px;
  --border-square: 0;
  --border-lightly-rounded: 4px;
  --border-softly-rounded: 6px;
  --border-medium-rounded: 10px;
  --border-base-rounded: 12px;
  --border-rounded: 16px;
  --border-fully-rounded: 24px;
  --letter-spacing-none: 0;
  --letter-spacing-small: 0.5;
  --letter-spacing-medium: 1;
  --web-tp-title-64-b: 900 64px/1.5 Roboto;
  --web-tp-title-56-r: 400 56px/1.5 Roboto;
  --web-tp-title-48-r: 400 48px/1.5 Roboto;
  --web-tp-title-42-m: 500 42px/1.5 Roboto;
  --web-tp-title-36-r: 400 36px/1.5 Roboto;
  --web-tp-title-32-m: 500 32px/1.5 Roboto;
  --web-tp-title-32-r: 400 32px/1.5 Roboto;
  --web-tp-title-24-m: 500 24px/1.5 Roboto;
  --web-tp-body-20-m: 500 20px/1.5 Roboto;
  --web-tp-body-20-r: 400 20px/1.5 Roboto;
  --web-tp-body-18-r: 400 18px/1.5 Roboto;
  --web-tp-body-16-m: 500 16px/1.5 Roboto;
  --web-tp-body-16-r: 400 16px/1.5 Roboto;
  --web-tp-label-14-r: 400 14px/1.5 Roboto;
  --web-tp-label-14-m: 500 14px/1.5 Roboto;
  --web-tp-label-12-r: 400 12px/1.5 Roboto;
  --special-shadow: #27303E;
  --special-shadow-total: #000000;
  --special-shadow-blue: #2F88F0;
  --special-ice-bg: #EBF4FE;
  --light-theme-shadow-up: 0 -4px 5px 0 #27303e0d;
  --light-theme-shadow-smooth-low: 0 2px 8px 0 #27303e1a;
  --light-theme-shadow-smooth: 0 4px 12px 0 #27303e26;
  --light-theme-shadow-smooth-high: 0 6px 26px 0 #27303e26;
  --light-theme-shadow-smooth-high-blue: 0 6px 26px 0 #2f88f026;
  --dark-theme-shadow-up: 0 -4px 5px 0 #00000026;
  --dark-theme-shadow-smooth-low: 0 2px 12px 0 #00000066;
  --dark-theme-shadow-smooth: 0 4px 16px 0 #00000066;
  --dark-theme-shadow-smooth-high: 0 6px 30px 0 #00000080;
}
html {
  font-family: Roboto, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
input,
textarea,
select {
  font-family: inherit;
}

/* src/styles.scss */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src:
    local("Roboto-Bold"),
    local("Roboto Bold"),
    local("Roboto");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src:
    local("Roboto-Medium"),
    local("Roboto Medium"),
    local("Roboto");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src:
    local("Roboto-Regular"),
    local("Roboto Regular"),
    local("Roboto");
}
@font-face {
  font-family: "SFProDisplay";
  font-style: normal;
  font-weight: 700;
  src:
    local(".SFNS-Bold"),
    local("SF Pro Display Bold"),
    local("San Francisco");
}
@font-face {
  font-family: "SFProDisplay";
  font-style: normal;
  font-weight: 500;
  src:
    local(".SFNS-Medium"),
    local("SF Pro Display Medium"),
    local("San Francisco");
}
@font-face {
  font-family: "SFProDisplay";
  font-style: normal;
  font-weight: 400;
  src:
    local(".SFNS-Regular"),
    local("SF Pro Display Regular"),
    local("San Francisco");
}
html {
  width: 100%;
  height: 100%;
}
body {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: auto;
  background: var(--background-color-default);
  color: var(--color-text-default);
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  overflow-x: hidden;
  -webkit-tap-highlight-color: transparent;
}
body.dark {
  --background-color-default: var(--color-mono-1200);
  --background-color-blue-light: var(--color-blue-1000);
  --background-color-blue: var(--color-blue-900);
  --background-color-surface: var(--color-mono-1100);
  --background-color-surface-medium: var(--color-mono-1100);
  --color-text-default: var(--color-mono-0);
}
aeb-label {
  background-color: var(--background-color-default);
  font-size: 17px;
}
aeb-dropdown.aeb-dropdown .aeb-dropdown-selected-item {
  display: block;
  overflow: hidden;
  padding-top: 16px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
aeb-dropdown .aeb-dropdown__input--isOpen aeb-form-field.aeb-form-field .aeb-label {
  margin-top: -6px;
}
aeb-form-field.aeb-form-field *[aebIcon] {
  top: 20px;
  right: 18px;
  width: 16px;
  height: 16px;
}
aeb-form-field.aeb-form-field--disabled .aeb-input.no-disabled-style {
  color: var(--input-text-color-default);
}
aeb-form-field.aeb-form-field.aeb-form-field--focused .aeb-label__container,
aeb-form-field.aeb-form-field.aeb-form-field--has-value .aeb-label__container {
  background-color: var(--background-color-default);
}
.trigger-open-popup {
  position: absolute;
  z-index: 1;
  cursor: pointer;
  inset: 0;
}
button.aeb-button--medium {
  max-height: 48px;
}
input[type=date] {
  position: relative;
}
input[type=date]::-webkit-calendar-picker-indicator {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  background: transparent;
  color: transparent;
  cursor: pointer;
}
.error-log {
  color: red;
}
.stepper__button-wrapper .aeb-button__label {
  font-size: 12px;
  line-height: 14px;
}
.select-popup__button-wrapper .aeb-button__label {
  font-size: 12px;
  line-height: 14px;
}
.address-popup__button-wrapper .aeb-button__label {
  font-size: 12px;
  line-height: 14px;
}
.information-popup__button-wrapper .aeb-button__label {
  font-size: 12px;
  line-height: 14px;
}
:root {
  --background-color-default: var(--color-mono-0);
  --background-color-surface: var(--color-mono-10);
  --background-color-surface-medium: var(--color-mono-50);
  --background-color-blue-light: var(--color-blue-50);
  --background-color-blue: var(--color-blue-100);
  --color-text-default: var(--color-mono-900);
  --color-text-gray: var(--color-mono-500);
  --white: #fff;
  --white-hover: #f1f8ff;
  --white-active: #e6f2ff;
  --white-primary: #fafafa;
  --blue: #2f88f0;
  --blue-hover: #288cff;
  --blue-active: #2c7dda;
  --blue-turquoise: #00b1e9;
  --lightblue: #d5e8fc;
  --lightblue-hover: #e8f2fd;
  --lightblue-active: #c6daf0;
  --darkblue: #27303e;
  --darkblue-hover: #2c3747;
  --darkblue-active: #232b38;
  --gray: #94a8be;
  --gray-hover: #9cb2c9;
  --gray-active: #889db4;
  --gray-primary: #a3aaae;
  --gray-soft: #a6b0bf;
  --lightgray: #e1e4e7;
  --lightgray-hover: #eff0f1;
  --lightgray-active: #d1d5d8;
  --red: #ff3055;
  --red-hover: #ff3055;
  --red-active: #ec4362;
  --lightred: #ffe0e6;
  --lightred-hover: #ffe9ed;
  --lightred-active: #fcd8df;
}
.step-title {
  display: flex;
  width: 100%;
  height: 64px;
  align-items: center;
  font-family: "Roboto", sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 140%;
}
.step-subtitle {
  color: #a6b0bf;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 20px;
  text-align: left;
}
.step-divider {
  height: 1px;
  background: #eaeff4;
}
.required-field {
  margin-top: 8px;
  color: #2f88f0;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
}
.error-field {
  margin-top: 8px;
  color: #ff3055;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
}
.hint-field {
  margin-top: 8px;
  color: #a3aaae;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
}
.mt12 {
  margin-top: 12px;
}
.mt16 {
  margin-top: 16px;
}
.mt18 {
  margin-top: 18px;
}
.mt20 {
  margin-top: 20px;
}
.mt24 {
  margin-top: 24px;
}
.mt32 {
  margin-top: 32px;
}
.mt40 {
  margin-top: 40px;
}
.pt24 {
  padding-top: 24px;
}

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