/* projects/app/src/styles.scss */
.apply-form_section {
  position: relative;
  height: 100%;
  max-height: calc(100vh - 88px - 40px);
  overflow-y: auto;
}
.apply-form_header.sticky {
  z-index: 3;
  position: sticky;
  top: 0;
  background: var(--white);
}
.apply-form_header .title {
  margin: 0;
}
.apply-form_save-data_icon {
  padding: 4px;
}
.apply-form_save-data_icon svg > path:first-child {
  fill: var(--grey-100);
}
.apply-form_save-data_icon svg > path:last-child {
  stroke: var(--grey-100);
}
.apply-form_save-data_time {
  display: inline-block;
  padding: 4px;
}
.apply-form_save-data_time.text {
  color: var(--grey-100);
}
.apply-form_card {
  margin-top: 0 !important;
  padding-top: 0.75em !important;
}
.apply-form_card-title {
  margin: 0.556em 0 1.225em 0;
}
.apply-form_legal-info {
  padding: 1.5em 0 0;
}
.apply-form_legal-info_item {
  min-width: 13em;
}
.apply-form_legal-info_label {
  display: block;
  color: var(--black-60) !important;
}
.apply-form_legal-info_value {
  display: block;
  margin: 0.5em 0.5em 0.5em 0;
}
.apply-form_input-label .text.extra-small {
  color: var(--black-60);
}
.apply-form_empty-catalog {
  max-width: 38em;
  text-align: center;
  margin: 0 auto;
}
.radio-group-inline .med-radio {
  display: flex;
}
.radio-group-inline .med-radio .med-radio__group-item {
  padding-right: 1em;
}
.change_contacts_form {
  padding: 5em 10em;
}
.change_contacts_form-content {
  width: 23.75em;
}
.change_contacts_form .container {
  width: 100%;
}
.change_contacts_form .label {
  color: var(--black-60);
}
.change_contacts_form med-btn,
.change_contacts_form button {
  width: 100%;
}
.apply-form_section .notification-container__body {
  position: relative;
  font-size: 12px;
  color: var(--black-80);
  border-left: 2px solid var(--black-60);
  padding-left: 1em;
}
.codifier-modal-info {
  background: var(--blue-5);
  border-radius: 8px;
  padding: 24px;
}
.codifier-modal-info .info-title {
  align-items: center;
}
.codifier-modal-info .info-text {
  padding-left: 12px;
  border-left: 2px solid #305FBC;
  color: var(--black-80);
}
.codifier-modal-info svg path {
  fill: #305FBC;
}
.catalog-modal_header {
  padding: 24px;
  margin-bottom: 1em;
  border-bottom: 1px solid var(--grey-100);
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
  background: var(--white);
  z-index: 3;
}
.catalog-modal-body {
  padding: 0 24px 8px 24px;
}
.codifier-modal-root .med-modal__content {
  padding: 0 !important;
}
.codifier-list {
  max-height: 500px;
  overflow-y: auto;
}
.codifier-list-item {
  margin: 12px 0 !important;
  display: flex;
}
.codifier-list-item.white {
  background-color: var(--white);
}
.codifier-list-item med-accordion {
  flex: 1 0 0;
}
.codifier-list-item__select {
  display: flex;
  align-items: flex-end;
}
.codifier-list-item__selector {
  margin-right: 1em;
  padding-top: 0.75em;
}
.codifier-list-item__title h4 {
  margin: 0 0 4px 0;
}
.codifier-list-item__hint {
  color: var(--black-60);
}
.codifier-list input[type=checkbox] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 16px;
  height: 16px;
  border: 1px solid var(--grey-100);
  border-radius: 50%;
  display: inline-block;
  position: relative;
  cursor: pointer;
  background-color: white;
  outline: none;
  transition: border-color 0.2s;
}
.codifier-list input[type=checkbox]:hover {
  border-color: var(--black-60);
}
.codifier-list input[type=checkbox]:checked {
  border-color: var(--black-100);
}
.codifier-list input[type=checkbox]:checked::after {
  content: "";
  width: 8px;
  height: 8px;
  background: var(--black-100);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
:root {
  --blue-105: #23344a;
  --blue-100: #0037a3;
  --blue-90: #1a4bac;
  --blue-80: #335fb5;
  --blue-70: #4c73bf;
  --blue-65: #71a1ff;
  --blue-60: #6687c8;
  --blue-50: #809bd1;
  --blue-40: #99afda;
  --blue-30: #b3c3e3;
  --blue-20: #ccd7ed;
  --blue-10: #e5ebf6;
  --blue-5: #f5f9ff;
  --purple-100: #1f1f49;
  --purple-90: #353573;
  --purple-80: #404087;
  --purple-70: #5151a8;
  --purple-60: #6060c4;
  --purple-50: #6e6ede;
  --purple-40: #8d8de6;
  --purple-30: #acaced;
  --purple-20: #cbcbf4;
  --purple-15: #ebedff;
  --purple-10: #f3f3fd;
  --black-100: #000;
  --black-90: #1a1a1a;
  --black-80: #333;
  --black-70: #4c4c4c;
  --black-60: #666;
  --black-50: #808080;
  --black-40: #999;
  --black-30: #b3b3b3;
  --black-20: #ccc;
  --black-10: #e5e5e5;
  --grey-base: #494949;
  --grey-100: #c7c7c7;
  --grey-80: #d0d0d0;
  --grey-60: #ddd;
  --grey-50: #ededed;
  --grey-45: #d9d9d9;
  --grey-40: #e9e9e9;
  --grey-20: #f4f4f4;
  --grey-10: #f9f9f9;
  --white: #fff;
  --yellow-100: #ffbd12;
  --yellow-90: #ffc32a;
  --yellow-80: #ffcf55;
  --yellow-70: #ffd56a;
  --yellow-60: #ffdb7f;
  --yellow-50: #ffe195;
  --yellow-40: #ffe7aa;
  --yellow-30: #ffedbf;
  --yellow-20: #fff3d4;
  --yellow-10: #fff9ea;
  --green-100: #00c95c;
  --green-90: #1ace6d;
  --green-80: #33d47d;
  --green-70: #4dd98d;
  --green-60: #66df9e;
  --green-50: #80e4ae;
  --green-40: #99e9be;
  --green-30: #b3efce;
  --green-20: #ccf4de;
  --green-10: #e6faef;
  --green-base: #6AE429;
  --green-dark: #217067;
  --green-deep-dark: #061B20;
  --yellow-light: #F2F5AF;
  --yellow-base: #FBFFB0;
  --green-approved: #30C0B0;
  --green-success: #BEF4A0;
  --green-ultra-light: #EBFEFB;
  --red-declined: #FA597C;
  --red-100: #fb3333;
  --red-90: #fb4848;
  --red-80: #fc5c5c;
  --red-70: #fc7070;
  --red-60: #fd8585;
  --red-50: #fd9999;
  --red-40: #fdadad;
  --red-30: #fec2c2;
  --red-20: #fed6d6;
  --red-10: #ffebeb;
  --purple-radial-gradient:
    radial-gradient(
      65.16% 115.07% at 20.65% 21.85%,
      #6e6edf 0%,
      #28285d 69.52%,
      #1f1f49 100%);
  --revert-purple-gradient:
    radial-gradient(
      205.16% 115.07% at 20.65% 21.85%,
      #6e6edf 0%,
      #28285d 69.52%,
      #1f1f49 100%);
  --base-blue-gradient:
    linear-gradient(
      357.31deg,
      #0037a3 -5.35%,
      #71a1ff 102.33%);
  --left-blue-gradient:
    linear-gradient(
      97.14deg,
      #0037a3 -5.35%,
      #71a1ff 102.33%);
  --right-blue-gradient:
    radial-gradient(
      51.67% 124.53% at 34.24% -5.59%,
      #71a1ff 0%,
      #0037a3 100%);
  --top-blue-gradient:
    linear-gradient(
      180deg,
      #0037a3 0%,
      #b3ccff 100%);
  --ripple-btn-gradient:
    #0037a3 radial-gradient(
      circle,
      transparent 1%,
      #0037a3 1%) center/15000%;
  --base-grey-gradient:
    linear-gradient(
      357.31deg,
      #000 -5.35%,
      #777 102.33%);
  --left-grey-gradient:
    linear-gradient(
      97.14deg,
      #000 6.92%,
      #737373 97.65%);
  --right-grey-gradient:
    radial-gradient(
      51.67% 124.53% at 34.24% -5.59%,
      #737373 0%,
      #000 100%);
  --multicolor-gradient:
    radial-gradient(
      51.67% 124.53% at 34.24% -5.59%,
      #737373 0%,
      #000 100%);
  --left-green-gradient:
    linear-gradient(
      100deg,
      #006d32 0%,
      #3ac67a 100%);
  --right-green-gradient:
    linear-gradient(
      270deg,
      #006d32 0%,
      #3ac67a 100%);
  --base-green-gradient:
    linear-gradient(
      270deg,
      #006d32 0%,
      #3ac67a 100%);
  --bottom-green-gradient:
    linear-gradient(
      180deg,
      #216842 0%,
      #50d38c 100%);
  --banner-yellow-gradient:
    radial-gradient(
      ellipse at 50% 110%,
      #2c96ff,
      transparent 75%);
  --banner-blue-gradient:
    radial-gradient(
      ellipse at 50% -10%,
      var(--yellow-100),
      transparent 75%);
  --yellow-blue-gradient: var(--banner-yellow-gradient), var(--banner-blue-gradient);
  --uafsans: "UAFSans";
  --ukraine: "e-Ukraine";
  --e-ukrainehead: "e-UkraineHead";
  --size-05px: .5px;
  --size-1px: 1px;
  --size-10px: 10px;
  --size-11px: 11px;
  --size-12px: 12px;
  --size-13px: 13px;
  --size-14px: 14px;
  --size-16px: 16px;
  --size-18px: 18px;
  --size-20px: 20px;
  --size-22px: 22px;
  --size-24px: 24px;
  --size-28px: 28px;
  --size-30px: 30px;
  --size-32px: 32px;
  --size-34px: 34px;
  --size-40px: 40px;
  --size-46px: 46px;
  --size-56px: 56px;
  --size-64px: 64px;
  --thin: 100;
  --ultra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --bold: 600;
  --extra-bold: 700;
  --animation-duration: 0.2s;
  --header-margin-bottom: 32px;
  --horizontal-scroll-height: 16px;
  --modal-z-index: 1001;
  --controls-z-index: 1002;
}
.loader {
  --size: 280px;
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--loader-bg-color);
  z-index: 999;
}
.loader.fetch {
  background-color: var(--loader-bg-color);
}
.loader__icon {
  width: var(--size);
  height: var(--size);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 4px solid var(--purple-10);
}
.loader__progress {
  display: none;
  position: absolute;
  top: -4px;
  left: -4px;
  width: 103%;
  height: auto;
  animation: spin 2s linear infinite;
}
.error-page__title {
  margin-top: 42px;
  margin-bottom: 0;
}
.error-page__message {
  color: var(--black-70);
  margin: 24px 0 0;
}
.error-page__err-code {
  position: relative;
  display: flex;
}
.error-page__err-code::after {
  content: "";
  position: absolute;
  width: 155px;
  height: 128px;
  top: 74px;
  right: -84px;
  background-image: url(/assets/images/not-browser.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.error-page__numbers {
  font-weight: var(--extra-bold);
  font-size: 176px;
  line-height: 1.2;
  text-align: center;
  background: var(--purple-radial-gradient);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.auth {
  width: 100%;
  height: 100vh;
  overflow: hidden;
}
.auth-screen,
.auth-intro {
  background-color: var(--auth-screen-bg-color);
  overflow-y: auto;
  padding: 64px 64px 16px 64px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.auth-intro #logo {
  width: 429px;
}
.auth-register #logo {
  width: 318px;
}
#auth-way-widget {
  margin: 110px auto 68px auto;
  max-width: 650px;
  width: 100%;
  text-align: center;
}
#auth-way-widget.wide {
  max-width: 960px;
}
#auth-way-widget #emblem {
  display: block;
  margin: 0 auto;
}
#auth-way-widget h1 {
  color: var(--white);
  margin: 0;
}
#auth-way-widget p {
  color: var(--black-30);
  margin: 0 110px;
}
#auth-intro-footer {
  color: var(--black-30);
  border-top: 1px solid var(--black-30);
  padding-top: 2em;
}
#auth-intro-footer li {
  margin-top: 0;
  margin-bottom: 2em;
}
#auth-intro-footer li:last-child {
  margin: 0;
}
#auth-brand h1 {
  color: var(--white);
  margin: 0;
  font-weight: 700;
}
#auth-brand p {
  color: var(--black-30);
  margin: 0;
}
.auth-register_result {
  position: relative;
  width: 100%;
  min-height: 30em;
  padding: 2em 6em;
  background-color: var(--white);
  border-radius: var(--border-radius);
  flex-direction: column;
}
.auth-register_result-actions {
  max-width: 23.75em;
  margin: 0 auto;
  width: 100%;
}
.auth-register_result h2.title {
  font-weight: 500;
  color: var(--black-100);
  font-size: 2em;
  line-height: 1.25em;
  margin: 0;
  text-align: center;
}
.auth-register_result p.text {
  font-family: var(--auth-result-text-font-family), sans-serif;
  text-align: center;
  margin: 0;
}
.auth-register_result med-btn {
  display: block;
  max-width: 23.75em;
  margin: 0;
}
.auth-register_result med-btn button {
  width: 100%;
}
.auth-register_stepper {
  position: absolute;
  top: 2em;
  right: 2em;
}
.auth-register_complete {
  width: 100%;
}
.auth-register_complete .auth_form {
  max-width: 23.75em;
  margin: 0 auto;
}
.auth-register_complete .label {
  color: var(--black-60);
}
#auth-register-code {
  text-align: center;
}
#auth-register-code .code-input {
  text-align: left;
}
.agreement_modal-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 4px;
  background: var(--black-100);
}
.agreement_modal-icon svg path {
  fill: var(--white);
}
.agreement_modal-body {
  color: var(--black-60);
}
.agreement_modal-footer {
  max-width: 300px;
  margin: 0 auto;
}
.agreement_modal-footer med-btn {
  display: block;
}
.agreement_modal-footer med-btn button {
  width: 100%;
}
.edr-section-content {
  flex-direction: column !important;
}
.edr-card .med-accordion.active .med-accordion__header {
  margin-bottom: 1em;
}
.edr-card .med-table__td,
.edr-card .med-table__th {
  color: var(--black-100) !important;
  background: transparent !important;
}
.edr-card .med-table__td .med-table-cell,
.edr-card .med-table__th .med-table-cell {
  color: inherit !important;
}
.edr-data-section__title {
  padding: 0.5em 0;
  border-bottom: 1px solid var(--black-100);
}
.edr-data-section__content {
  padding: 1em 0;
}
.edr-data-section__content-label {
  color: var(--black-60) !important;
}
.edr-data-section__content-data {
  padding: 0.5em 0.5em 0.5em 0 !important;
}
.nav_icon {
  margin-right: 0.5em;
}
.left-aside__content .nav_title {
  display: none;
}
.left-aside__content.opened .nav_title {
  display: inline-block;
}
.left-aside__content med-link a {
  --color: var(--black-100) !important;
  width: 100%;
}
.left-aside__content > med-link .med-link.active {
  background: var(--grey-20);
}
.left-aside__content .med-accordion__header:has(.med-link.active) {
  background: var(--grey-20);
}
:root,
.theme--brand {
  --icon-user: url(/media/svg/64px/ic64-user.svg);
  --icon-docs: url(/media/svg/64px/ic64-docs.svg);
  --icon-aimbulance: url(/media/svg/64px/ic64-aimbulance.svg);
  --icon-home: url(/media/svg/64px/ic64-home.svg);
  --icon-contract: url(/media/svg/64px/ic64-contract.svg);
  --icon-forward: url(/media/svg/64px/ic64-forward.svg);
  --icon-ratings: url(/media/svg/64px/ic64-ratings.svg);
  --icon-enter: url(/media/svg/128px/Enter.svg);
  --icon-feedback: url(/media/svg/128px/Feedback.svg);
  --icon-info: url(/media/svg/128px/Info.svg);
  --icon-insurance: url(/media/svg/128px/Insurance.svg);
  --icon-lock: url(/media/svg/128px/Lock.svg);
  --icon-document: url(/media/svg/128px/Document.svg);
  --icon-user-big: url(/media/svg/128px/User.svg);
  --icon-browser: url(/media/svg/128px/Browser.svg);
  --icon-close: url(/media/svg/128px/Close.svg);
}
:root,
.theme--eStock {
  --icon-user: url(/media-legacy/64px/ic64-user.svg);
  --icon-docs: url(/media-legacy/64px/ic64-docs.svg);
  --icon-aimbulance: url(/media-legacy/64px/ic64-aimbulance.svg);
  --icon-home: url(/media-legacy/64px/ic64-home.svg);
  --icon-contract: url(/media-legacy/64px/ic64-contract.svg);
  --icon-forward: url(/media-legacy/64px/ic64-forward.svg);
  --icon-ratings: url(/media-legacy/64px/ic64-ratings.svg);
  --icon-enter: url(/media-legacy/128px/Enter.svg);
  --icon-feedback: url(/media-legacy/128px/Feedback.svg);
  --icon-info: url(/media-legacy/128px/Info.svg);
  --icon-insurance: url(/media-legacy/128px/Insurance.svg);
  --icon-lock: url(/media-legacy/128px/Lock.svg);
  --icon-document: url(/media-legacy/128px/Settings.svg);
  --icon-user-big: url(/media-legacy/128px/User.svg);
  --icon-browser: url(/media-legacy/128px/Browser.svg);
}
.icon {
  background-size: contain;
}
.icon.no-effect {
  border-radius: 0;
  box-shadow: none;
}
.icon.ic64-user {
  background-image: var(--icon-user);
}
.icon.ic64-docs {
  background-image: var(--icon-docs);
}
.icon.ic64-aimbulance {
  background-image: var(--icon-aimbulance);
}
.icon.ic64-home {
  background-image: var(--icon-home);
}
.icon.ic64-contract {
  background-image: var(--icon-contract);
}
.icon.ic64-forward {
  background-image: var(--icon-forward);
}
.icon.ic64-ratings {
  background-image: var(--icon-ratings);
}
.icon.ic128-enter {
  background-image: var(--icon-enter);
}
.icon.ic128-feedback {
  background-image: var(--icon-feedback);
}
.icon.ic128-info {
  background-image: var(--icon-info);
}
.icon.ic128-key {
  background-image: var(--icon-insurance);
}
.icon.ic128-lock {
  background-image: var(--icon-lock);
}
.icon.ic128-settings {
  background-image: var(--icon-document);
}
.icon.ic128-user {
  background-image: var(--icon-user-big);
}
.icon.ic128-browser {
  background-image: var(--icon-browser);
}
.icon.ic128-insurance {
  background-image: var(--icon-insurance);
}
.icon.ic128-close {
  background-image: var(--icon-close);
}
.med-label.label-with-tooltip {
  flex-direction: row !important;
}
.med-label.label-with-tooltip .med-label__name {
  width: auto !important;
}
.title {
  font-family: var(--title-font-family), sans-serif;
  font-weight: var(--medium);
  color: var(--black-100);
}
.title.double-large {
  font-weight: var(--extra-bold);
  font-size: 3.5em;
  line-height: 1.1428571429;
}
@media (max-width: 768px) {
  .title.double-large {
    font-size: 1.75em;
    line-height: 1.2142857143;
  }
}
.title.extra-large {
  font-size: 2.875em;
  line-height: 1.2173913043;
}
@media (max-width: 768px) {
  .title.extra-large {
    font-size: 1.5em;
    line-height: 1.3333333333;
  }
}
.title.large {
  font-size: 2.375em;
  line-height: 1.2631578947;
}
@media (max-width: 768px) {
  .title.large {
    font-size: 1.375em;
    line-height: 1.3636363636;
  }
}
.title.medium {
  font-size: 1.75em;
  line-height: 1.2142857143;
}
@media (max-width: 768px) {
  .title.medium {
    font-size: 1.25em;
    line-height: 1.4;
  }
}
.title.small {
  font-size: 1.5em;
  line-height: 1.3333333333;
}
@media (max-width: 768px) {
  .title.small {
    font-size: 1.125em;
    line-height: 1.3333333333;
  }
}
.title.extra-small {
  font-size: 1.25em;
  line-height: 1.4;
}
@media (max-width: 768px) {
  .title.extra-small {
    font-size: 1em;
    line-height: 1.375;
  }
}
.text {
  font-weight: var(--regular);
  color: var(--black-100);
}
.text.extra-large {
  font-weight: var(--medium);
  font-size: 1.125em;
  line-height: 1.3333333333;
}
@media (max-width: 768px) {
  .text.extra-large {
    font-size: 0.875em;
    line-height: 1.4285714286;
  }
}
.text.large {
  font-size: 1em;
  line-height: 1.375;
}
@media (max-width: 768px) {
  .text.large {
    font-size: 0.8125em;
    line-height: 1.3846153846;
  }
}
.text.medium {
  font-size: 0.875em;
  line-height: 1.4285714286;
}
@media (max-width: 768px) {
  .text.medium {
    font-size: 0.6875em;
    line-height: 1.2727272727;
  }
}
.text.small {
  font-size: 0.75em;
  line-height: 1.3333333333;
}
@media (max-width: 768px) {
  .text.small {
    font-size: 0.625em;
    line-height: 1.4;
  }
}
.text.extra-small {
  font-size: 0.625em;
  line-height: 1.4;
}
@media (max-width: 768px) {
  .text.extra-small {
    font-size: 0.625em;
    line-height: 1.2;
  }
}
.text--wrap {
  word-wrap: break-word;
  hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
}
.text.text-center {
  text-align: center;
}
.table-popover {
  background: var(--white);
  box-shadow: 0 0.25em 0.775em 0 rgba(0, 0, 0, 0.2196078431);
  border: 1px solid var(--grey-40);
  border-radius: 0.5em;
}
.table-popover__item {
  padding: 8px;
  color: var(--black-60);
  cursor: pointer;
  font-size: 0.75em;
  line-height: 1.3333333333;
}
@media (max-width: 768px) {
  .table-popover__item {
    font-size: 0.625em;
    line-height: 1.4;
  }
}
.profile_section {
  margin-top: 6px;
}
.profile_section-header .title {
  margin: 0;
}
.profile_section .card {
  margin-top: 0;
}
.seller-card__item {
  flex-direction: column;
}
.seller-card__item-label {
  display: block;
  color: var(--black-60) !important;
}
.seller-card__item-value,
.seller-card__item .user-status,
.seller-card__item .application-status {
  display: flex;
  align-items: center;
}
.seller-card__item-value span {
  width: 100%;
  display: inline-block;
}
.seller-card__item-edit {
  cursor: pointer;
}
.seller-card__item-contacts {
  max-width: 15em;
  border: 1px solid var(--grey-100);
  border-radius: 8px;
  padding: 13px 12px;
  cursor: pointer;
}
.seller-card__item-contacts-filled {
  cursor: default;
  border: 0;
  padding: 0;
  height: 42px;
  margin-top: 1em;
}
.seller-card__item > div {
  height: 42px;
}
.user-status,
.application-status {
  position: relative;
  display: inline-block;
}
.user-status:before,
.application-status:before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 18px;
  position: absolute;
  left: 0;
  top: calc(50% - 9px);
  border-radius: var(--status-before-border-radius);
}
.user-status_unregistered:before,
.user-status_presign:before,
.user-status_created:before,
.user-status_assigned:before,
.user-status_submitted:before,
.user-status_PRE_REGISTRATION:before,
.user-status_pre_registration:before,
.user-status_draft:before,
.user-status_under_review:before,
.user-status_pending_approval:before,
.user-status_preliminary:before,
.application-status_unregistered:before,
.application-status_presign:before,
.application-status_created:before,
.application-status_assigned:before,
.application-status_submitted:before,
.application-status_PRE_REGISTRATION:before,
.application-status_pre_registration:before,
.application-status_draft:before,
.application-status_under_review:before,
.application-status_pending_approval:before,
.application-status_preliminary:before {
  background: var(--yellow-light);
}
.user-status_included:before,
.user-status_registered:before,
.user-status_registered_migrated:before,
.user-status_active:before,
.user-status_approved:before,
.application-status_included:before,
.application-status_registered:before,
.application-status_registered_migrated:before,
.application-status_active:before,
.application-status_approved:before {
  background: var(--green-approved);
}
.user-status_expired:before,
.application-status_expired:before {
  background: var(--red-declined);
}
.user-status_returned:before,
.application-status_returned:before {
  background: var(--purple-40);
}
.user-status_blocked:before,
.user-status_rejected:before,
.user-status_registration_denied:before,
.user-status_excluded:before,
.user-status_excluded_voluntarily:before,
.user-status_forced_excluded_due_to_edr_status_change:before,
.application-status_blocked:before,
.application-status_rejected:before,
.application-status_registration_denied:before,
.application-status_excluded:before,
.application-status_excluded_voluntarily:before,
.application-status_forced_excluded_due_to_edr_status_change:before {
  background: var(--red-declined);
}
.user-status_default:before,
.user-status_unspecified:before,
.application-status_default:before,
.application-status_unspecified:before {
  background: var(--black-30);
}
.profile_form.user-add .profile_form-content {
  width: 540px;
}
.profile_form-content {
  width: 440px;
  background: var(--grey-10);
  padding: 16px 20px;
  margin-top: 16px;
  border-radius: 8px;
  flex-wrap: wrap;
}
.profile_form-content .col:first-child {
  padding: 0 5px 0 0;
}
.profile_form-content .col:last-child {
  padding: 0 0 0 5px;
}
.profile_form-content .col-6:nth-child(odd) {
  padding: 0 5px 0 0;
}
.profile_form-content .col-6:nth-child(even) {
  padding: 0 0 0 5px;
}
.profile_form-content .col-12 {
  padding: 0 !important;
  flex: 1 1 auto;
}
.profile_form-header {
  margin: 0 -24px;
  padding: 0 24px 24px;
  border-bottom: 1px solid var(--black-20);
}
.profile_form-header_icon {
  width: 32px;
  aspect-ratio: 1;
  border-radius: 8px;
}
.profile_success,
.profile_alert {
  display: flex;
  flex-direction: column;
  text-align: center;
}
.profile_success .text,
.profile_alert .text {
  color: var(--black-60);
}
.profile_success med-btn,
.profile_alert med-btn {
  width: 100%;
  display: block;
}
.profile_success med-btn button,
.profile_alert med-btn button {
  width: 100%;
}
.profile_success-icon,
.profile_alert-icon {
  margin: 0 auto 12px auto;
  padding: 4px;
  width: 32px;
  height: 32px;
  border-radius: 16px;
}
.profile_success-icon {
  margin: 0 auto 12px auto;
  padding: 4px;
  width: 32px;
  height: 32px;
  border-radius: 16px;
  background: var(--green-base);
}
.profile_alert-icon {
  margin: 0 auto 12px auto;
  padding: 4px;
  width: 32px;
  height: 32px;
  border-radius: 16px;
  background: var(--black-100);
}
.profile_alert-icon svg path {
  fill: var(--white);
}
.apply_forms {
  flex-direction: column;
}
.application-link {
  cursor: pointer;
  text-decoration: underline;
}
.block_representative_modal_content {
  min-width: 30em;
  margin: 5em 7em;
}
.block_representative_modal_content .icon {
  margin: 0 auto 0.75em;
}
.block_representative_modal_content .title {
  text-align: center;
}
.block_representative_modal_content .submit {
  width: 300px;
  margin: 0 auto;
  display: flex;
}
.block_representative_modal_content .submit med-btn,
.block_representative_modal_content .submit button {
  width: 100%;
}
.json-container .json-mark {
  color: var(--red-100);
}
.json-container .json-key {
  color: var(--green-100);
}
.json-container .json-string {
  color: var(--blue-40);
}
.json-container .json-number {
  color: var(--green-40);
}
.json-container .json-boolean {
  color: var(--red-40);
}
.json-container .json-null {
  color: var(--yellow-100);
}
.application_row_draft,
.application_row_returned,
.application_row_rejected {
  cursor: pointer;
}
.application_row_default {
  cursor: default;
}
.answer_text {
  white-space: normal;
  word-break: break-word;
}
.user-state {
  display: inline-block;
  padding: 4px 8px;
  border-radius: 2px;
  color: var(--black-100);
}
.user-state_active {
  background: var(--green-ultra-light);
}
.user-state_inactive {
  background: var(--yellow-light);
}
.user-state .access_state {
  color: #434343;
  padding-left: 10px;
  position: relative;
}
.user-state .access_state:before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 3px;
  position: absolute;
  left: 0;
  top: calc(50% - 3px);
}
.user-state .access_state.allowed:before {
  background: var(--green-base);
}
.user-state .access_state.blocked:before {
  background: #F1708C;
}
.profile-info__session path {
  fill: var(--white);
}
.research-status {
  display: inline-block;
  color: var(--black-60);
  padding-left: 1em;
  position: relative;
  line-height: 1.75em;
}
.research-status::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 5px;
  height: 100%;
  border-radius: 2px;
}
.research-status_created::before {
  background-color: var(--black-20);
}
.research-status_published::before {
  background-color: var(--green-100);
}
.research-status_unfilled::before {
  background-color: #695CFC;
}
.research-status_cancelled::before {
  background-color: var(--red-80);
}
.research-status_closed::before {
  background-color: #FD9C0B;
}
.research_header {
  margin-bottom: 2em;
}
.research_header h2 {
  margin: 0;
}
.research-modal {
  flex-direction: column;
  text-align: center;
}
.research-modal .text {
  color: var(--black-60);
}
.research-modal med-btn {
  width: 100%;
  display: block;
}
.research-modal med-btn button {
  width: 100%;
}
.research-modal .modal-icon {
  margin: 0 auto 0.75em auto;
  padding: 8px;
  width: 32px;
  height: 32px;
  border-radius: 16px;
  background: var(--black-100);
}
.research-modal .modal-icon path {
  fill: var(--white);
}
.research-modal .modal-icon_check path {
  stroke: var(--white);
  fill: transparent;
}
.research-modal.success .modal-icon {
  background: var(--green-base);
}
.research-modal.success .modal-icon path {
  fill: var(--black-100);
}
.research_details-container .accordion-content {
  border-top: 1px solid var(--black-10);
  flex-wrap: wrap;
}
.demand-status {
  display: inline-block;
  color: var(--black-60);
  padding-left: 1em;
  position: relative;
  line-height: 1.75em;
}
.demand-status::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 5px;
  height: 100%;
  border-radius: 2px;
}
.demand-status_published::before,
.demand-status_enrolled::before {
  background-color: #695CFC;
}
.demand-status_cancelled::before,
.demand-status_closed::before {
  background-color: var(--black-60);
}
.demand-status_accepted::before,
.demand-status_answered::before,
.demand-status_picked::before {
  background-color: var(--green-100);
}
.demand-status_rejected::before {
  background-color: var(--red-80);
}
.research_meta > .col-3 > .flex,
.research_meta > .col-12 > .flex,
.research_meta > .col-8 > .flex {
  flex-direction: column;
  padding: 0 0.5em;
}
.research_meta > .col-3 > .flex .text.medium,
.research_meta > .col-12 > .flex .text.medium,
.research_meta > .col-8 > .flex .text.medium {
  display: inline-flex;
  min-height: 42px;
  align-items: center;
}
.research_meta .research-status {
  color: var(--black-100) !important;
}
.research_meta-title {
  color: var(--black-60);
  display: inline-block;
}
:root,
.theme--brand {
  --border-radius: 0;
  --avatar-bg-color: var(--green-dark);
  --link-color: var(--purple-80);
  --link-hover-color: var(--purple-60);
  --link-active-color: var(--black-100);
  --link-disabled-color: var(--black-30);
  --header-border-color: var(--black-10);
  --auth-screen-bg-color: var(--green-deep-dark);
  --loader-bg-color: var(--green-deep-dark);
  --btn-border-radius: 0;
  --icon-btn-border-radius: 0;
  --modal-border-radius: 0;
  --title-font-family: var(--uafsans);
  --main-aside-font-family: var(--uafsans);
  --auth-result-text-font-family: var(--uafsans);
  --status-before-border-radius: 0;
  --nav-link-aside-bg-color: var(--green-dark);
  --notification-container-error-bg-color: var(--red-30);
  --notification-container-success-bg-color: var(--green-success);
  --notification-container-warning-bg-color: var(--blue-10);
  --notification-container-info-bg-color: var(--blue-20);
  --notification-container-border-radius: 0;
}
:is(:root, .theme--brand) .loader__progress.brand {
  display: inline-block;
}
:root,
.theme--eStock {
  --border-radius: 8px;
  --btn-hover-base-bg-color: var(--right-grey-gradient);
  --btn-hover-base-border-color: var(--black-100);
  --btn-focus-base-border-color: var(--multicolor-gradient);
  --avatar-bg-color: #D89512;
  --link-color: var(--purple-80);
  --link-hover-color: var(--purple-60);
  --warship-banner-bg-color: var(--purple-80);
  --header-border-color: var(--purple-15);
  --layout-switch-hover-bg-color: var(--purple-10);
  --auth-screen-bg-color: var(--black-100);
  --loader-bg-color: var(--black-100);
  --btn-border-radius: 8px;
  --modal-border-radius: 20px;
  --icon-btn-border-radius: 50%;
  --status-before-border-radius: 2px;
  --nav-link-aside-bg-color: var(--black-100);
  --title-font-family: var(--ukraine);
  --main-aside-font-family: var(--ukraine);
  --auth-result-text-font-family: var(--ukraine);
  --notification-container-error-bg-color: var(--red-30);
  --notification-container-success-bg-color: var(--green-40);
  --notification-container-warning-bg-color: var(--yellow-40);
  --notification-container-info-bg-color: var(--blue-20);
  --notification-container-border-radius: 4px;
}
:is(:root, .theme--eStock) .loader__progress.stock {
  display: inline-block;
}
@font-face {
  font-family: e-Ukraine;
  font-weight: 100;
  src: url("./media/e-Ukraine-Thin-EGI6IPFU.ttf") format("truetype");
}
@font-face {
  font-family: e-Ukraine;
  font-weight: 200;
  src: url("./media/e-Ukraine-UltraLight-OGWMLLMM.ttf") format("truetype");
}
@font-face {
  font-family: e-Ukraine;
  font-weight: 300;
  src: url("./media/e-Ukraine-Light-UQEEAH7I.ttf") format("truetype");
}
@font-face {
  font-family: e-Ukraine;
  font-weight: 400;
  src: url("./media/e-Ukraine-Regular-TROQNEIL.ttf") format("truetype");
}
@font-face {
  font-family: e-Ukraine;
  font-weight: 600;
  src: url("./media/e-Ukraine-Medium-KXS4ZQZG.ttf") format("truetype");
}
@font-face {
  font-family: e-Ukraine;
  font-weight: 700;
  src: url("./media/e-Ukraine-Bold-3ITEI3DB.ttf") format("truetype");
}
@font-face {
  font-family: e-UkraineHead;
  font-weight: 100;
  src: url("./media/e-UkraineHead-Thin-WGAZ75NE.ttf") format("truetype");
}
@font-face {
  font-family: e-UkraineHead;
  font-weight: 200;
  src: url("./media/e-UkraineHead-UltraLight-BE2P3ZNI.ttf") format("truetype");
}
@font-face {
  font-family: e-UkraineHead;
  font-weight: 300;
  src: url("./media/e-UkraineHead-Light-XOFZVQTM.ttf") format("truetype");
}
@font-face {
  font-family: e-UkraineHead;
  font-weight: 400;
  src: url("./media/e-UkraineHead-Regular-RSCNOT7B.ttf") format("truetype");
}
@font-face {
  font-family: e-UkraineHead;
  font-weight: 500;
  src: url("./media/e-UkraineHead-LOGO-VM47ZNGD.ttf") format("truetype");
}
@font-face {
  font-family: e-UkraineHead;
  font-weight: 600;
  src: url("./media/e-UkraineHead-Medium-7FHOQPFB.ttf") format("truetype");
}
@font-face {
  font-family: e-UkraineHead;
  font-weight: 700;
  src: url("./media/e-UkraineHead-Bold-Q3RIAJEI.ttf") format("truetype");
}
@font-face {
  font-family: UAFSans;
  font-weight: 400;
  src: url("./media/UAFSans-Regular-S6MTWQAU.ttf") format("truetype");
}
@font-face {
  font-family: UAFSans;
  font-weight: 500;
  src: url("./media/UAFSans-Medium-USH3GHJI.ttf") format("truetype");
}
@font-face {
  font-family: UAFSans;
  font-weight: 700;
  src: url("./media/UAFSans-Bold-QC7KMA4V.ttf") format("truetype");
}
.animate--rotate {
  transform-origin: center;
  animation: spin 2s linear infinite;
}
@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}
.m-0 {
  margin: 0 0 !important;
}
.mt-0 {
  margin-top: 0 !important;
}
.mr-0 {
  margin-right: 0 !important;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.ml-0 {
  margin-left: 0 !important;
}
.m-1 {
  margin: 0.25rem 0.25rem !important;
}
.mt-1 {
  margin-top: 0.25rem !important;
}
.mr-1 {
  margin-right: 0.25rem !important;
}
.mb-1 {
  margin-bottom: 0.25rem !important;
}
.ml-1 {
  margin-left: 0.25rem !important;
}
.m-2 {
  margin: 0.5rem 0.5rem !important;
}
.mt-2 {
  margin-top: 0.5rem !important;
}
.mr-2 {
  margin-right: 0.5rem !important;
}
.mb-2 {
  margin-bottom: 0.5rem !important;
}
.ml-2 {
  margin-left: 0.5rem !important;
}
.m-3 {
  margin: 0.75rem 0.75rem !important;
}
.mt-3 {
  margin-top: 0.75rem !important;
}
.mr-3 {
  margin-right: 0.75rem !important;
}
.mb-3 {
  margin-bottom: 0.75rem !important;
}
.ml-3 {
  margin-left: 0.75rem !important;
}
.m-4 {
  margin: 1rem 1rem !important;
}
.mt-4 {
  margin-top: 1rem !important;
}
.mr-4 {
  margin-right: 1rem !important;
}
.mb-4 {
  margin-bottom: 1rem !important;
}
.ml-4 {
  margin-left: 1rem !important;
}
.m-5 {
  margin: 1.25rem 1.25rem !important;
}
.mt-5 {
  margin-top: 1.25rem !important;
}
.mr-5 {
  margin-right: 1.25rem !important;
}
.mb-5 {
  margin-bottom: 1.25rem !important;
}
.ml-5 {
  margin-left: 1.25rem !important;
}
.m-6 {
  margin: 1.5rem 1.5rem !important;
}
.mt-6 {
  margin-top: 1.5rem !important;
}
.mr-6 {
  margin-right: 1.5rem !important;
}
.mb-6 {
  margin-bottom: 1.5rem !important;
}
.ml-6 {
  margin-left: 1.5rem !important;
}
.m-7 {
  margin: 1.75rem 1.75rem !important;
}
.mt-7 {
  margin-top: 1.75rem !important;
}
.mr-7 {
  margin-right: 1.75rem !important;
}
.mb-7 {
  margin-bottom: 1.75rem !important;
}
.ml-7 {
  margin-left: 1.75rem !important;
}
.m-8 {
  margin: 2rem 2rem !important;
}
.mt-8 {
  margin-top: 2rem !important;
}
.mr-8 {
  margin-right: 2rem !important;
}
.mb-8 {
  margin-bottom: 2rem !important;
}
.ml-8 {
  margin-left: 2rem !important;
}
.m-9 {
  margin: 2.25rem 2.25rem !important;
}
.mt-9 {
  margin-top: 2.25rem !important;
}
.mr-9 {
  margin-right: 2.25rem !important;
}
.mb-9 {
  margin-bottom: 2.25rem !important;
}
.ml-9 {
  margin-left: 2.25rem !important;
}
.m-10 {
  margin: 2.5rem 2.5rem !important;
}
.mt-10 {
  margin-top: 2.5rem !important;
}
.mr-10 {
  margin-right: 2.5rem !important;
}
.mb-10 {
  margin-bottom: 2.5rem !important;
}
.ml-10 {
  margin-left: 2.5rem !important;
}
.m-11 {
  margin: 2.75rem 2.75rem !important;
}
.mt-11 {
  margin-top: 2.75rem !important;
}
.mr-11 {
  margin-right: 2.75rem !important;
}
.mb-11 {
  margin-bottom: 2.75rem !important;
}
.ml-11 {
  margin-left: 2.75rem !important;
}
.m-12 {
  margin: 3rem 3rem !important;
}
.mt-12 {
  margin-top: 3rem !important;
}
.mr-12 {
  margin-right: 3rem !important;
}
.mb-12 {
  margin-bottom: 3rem !important;
}
.ml-12 {
  margin-left: 3rem !important;
}
.p-0 {
  padding: 0 0 !important;
}
.pt-0 {
  padding-top: 0 !important;
}
.pr-0 {
  padding-right: 0 !important;
}
.pb-0 {
  padding-bottom: 0 !important;
}
.pl-0 {
  padding-left: 0 !important;
}
.p-1 {
  padding: 0.25rem 0.25rem !important;
}
.pt-1 {
  padding-top: 0.25rem !important;
}
.pr-1 {
  padding-right: 0.25rem !important;
}
.pb-1 {
  padding-bottom: 0.25rem !important;
}
.pl-1 {
  padding-left: 0.25rem !important;
}
.p-2 {
  padding: 0.5rem 0.5rem !important;
}
.pt-2 {
  padding-top: 0.5rem !important;
}
.pr-2 {
  padding-right: 0.5rem !important;
}
.pb-2 {
  padding-bottom: 0.5rem !important;
}
.pl-2 {
  padding-left: 0.5rem !important;
}
.p-3 {
  padding: 0.75rem 0.75rem !important;
}
.pt-3 {
  padding-top: 0.75rem !important;
}
.pr-3 {
  padding-right: 0.75rem !important;
}
.pb-3 {
  padding-bottom: 0.75rem !important;
}
.pl-3 {
  padding-left: 0.75rem !important;
}
.p-4 {
  padding: 1rem 1rem !important;
}
.pt-4 {
  padding-top: 1rem !important;
}
.pr-4 {
  padding-right: 1rem !important;
}
.pb-4 {
  padding-bottom: 1rem !important;
}
.pl-4 {
  padding-left: 1rem !important;
}
.p-5 {
  padding: 1.25rem 1.25rem !important;
}
.pt-5 {
  padding-top: 1.25rem !important;
}
.pr-5 {
  padding-right: 1.25rem !important;
}
.pb-5 {
  padding-bottom: 1.25rem !important;
}
.pl-5 {
  padding-left: 1.25rem !important;
}
.p-6 {
  padding: 1.5rem 1.5rem !important;
}
.pt-6 {
  padding-top: 1.5rem !important;
}
.pr-6 {
  padding-right: 1.5rem !important;
}
.pb-6 {
  padding-bottom: 1.5rem !important;
}
.pl-6 {
  padding-left: 1.5rem !important;
}
.p-7 {
  padding: 1.75rem 1.75rem !important;
}
.pt-7 {
  padding-top: 1.75rem !important;
}
.pr-7 {
  padding-right: 1.75rem !important;
}
.pb-7 {
  padding-bottom: 1.75rem !important;
}
.pl-7 {
  padding-left: 1.75rem !important;
}
.p-8 {
  padding: 2rem 2rem !important;
}
.pt-8 {
  padding-top: 2rem !important;
}
.pr-8 {
  padding-right: 2rem !important;
}
.pb-8 {
  padding-bottom: 2rem !important;
}
.pl-8 {
  padding-left: 2rem !important;
}
.p-9 {
  padding: 2.25rem 2.25rem !important;
}
.pt-9 {
  padding-top: 2.25rem !important;
}
.pr-9 {
  padding-right: 2.25rem !important;
}
.pb-9 {
  padding-bottom: 2.25rem !important;
}
.pl-9 {
  padding-left: 2.25rem !important;
}
.p-10 {
  padding: 2.5rem 2.5rem !important;
}
.pt-10 {
  padding-top: 2.5rem !important;
}
.pr-10 {
  padding-right: 2.5rem !important;
}
.pb-10 {
  padding-bottom: 2.5rem !important;
}
.pl-10 {
  padding-left: 2.5rem !important;
}
.p-11 {
  padding: 2.75rem 2.75rem !important;
}
.pt-11 {
  padding-top: 2.75rem !important;
}
.pr-11 {
  padding-right: 2.75rem !important;
}
.pb-11 {
  padding-bottom: 2.75rem !important;
}
.pl-11 {
  padding-left: 2.75rem !important;
}
.p-12 {
  padding: 3rem 3rem !important;
}
.pt-12 {
  padding-top: 3rem !important;
}
.pr-12 {
  padding-right: 3rem !important;
}
.pb-12 {
  padding-bottom: 3rem !important;
}
.pl-12 {
  padding-left: 3rem !important;
}
.width-full {
  width: 100%;
}
.text--blue-10 {
  color: var(--blue-10);
}
.text--blue-20 {
  color: var(--blue-20);
}
.text--blue-30 {
  color: var(--blue-30);
}
.text--blue-40 {
  color: var(--blue-40);
}
.text--blue-50 {
  color: var(--blue-50);
}
.text--blue-60 {
  color: var(--blue-60);
}
.text--blue-70 {
  color: var(--blue-70);
}
.text--blue-80 {
  color: var(--blue-80);
}
.text--blue-90 {
  color: var(--blue-90);
}
.text--blue-100 {
  color: var(--blue-100);
}
.text--purple-10 {
  color: var(--purple-10);
}
.text--purple-20 {
  color: var(--purple-20);
}
.text--purple-30 {
  color: var(--purple-30);
}
.text--purple-40 {
  color: var(--purple-40);
}
.text--purple-50 {
  color: var(--purple-50);
}
.text--purple-60 {
  color: var(--purple-60);
}
.text--purple-70 {
  color: var(--purple-70);
}
.text--purple-80 {
  color: var(--purple-80);
}
.text--purple-90 {
  color: var(--purple-90);
}
.text--purple-100 {
  color: var(--purple-100);
}
.text--black-10 {
  color: var(--black-10);
}
.text--black-20 {
  color: var(--black-20);
}
.text--black-30 {
  color: var(--black-30);
}
.text--black-40 {
  color: var(--black-40);
}
.text--black-50 {
  color: var(--black-50);
}
.text--black-60 {
  color: var(--black-60);
}
.text--black-70 {
  color: var(--black-70);
}
.text--black-80 {
  color: var(--black-80);
}
.text--black-90 {
  color: var(--black-90);
}
.text--black-100 {
  color: var(--black-100);
}
.text--grey-10 {
  color: var(--grey-10);
}
.text--grey-20 {
  color: var(--grey-20);
}
.text--grey-30 {
  color: var(--grey-30);
}
.text--grey-40 {
  color: var(--grey-40);
}
.text--grey-50 {
  color: var(--grey-50);
}
.text--grey-60 {
  color: var(--grey-60);
}
.text--grey-70 {
  color: var(--grey-70);
}
.text--grey-80 {
  color: var(--grey-80);
}
.text--grey-90 {
  color: var(--grey-90);
}
.text--grey-100 {
  color: var(--grey-100);
}
.text--yellow-10 {
  color: var(--yellow-10);
}
.text--yellow-20 {
  color: var(--yellow-20);
}
.text--yellow-30 {
  color: var(--yellow-30);
}
.text--yellow-40 {
  color: var(--yellow-40);
}
.text--yellow-50 {
  color: var(--yellow-50);
}
.text--yellow-60 {
  color: var(--yellow-60);
}
.text--yellow-70 {
  color: var(--yellow-70);
}
.text--yellow-80 {
  color: var(--yellow-80);
}
.text--yellow-90 {
  color: var(--yellow-90);
}
.text--yellow-100 {
  color: var(--yellow-100);
}
.text--green-10 {
  color: var(--green-10);
}
.text--green-20 {
  color: var(--green-20);
}
.text--green-30 {
  color: var(--green-30);
}
.text--green-40 {
  color: var(--green-40);
}
.text--green-50 {
  color: var(--green-50);
}
.text--green-60 {
  color: var(--green-60);
}
.text--green-70 {
  color: var(--green-70);
}
.text--green-80 {
  color: var(--green-80);
}
.text--green-90 {
  color: var(--green-90);
}
.text--green-100 {
  color: var(--green-100);
}
.text--red-10 {
  color: var(--red-10);
}
.text--red-20 {
  color: var(--red-20);
}
.text--red-30 {
  color: var(--red-30);
}
.text--red-40 {
  color: var(--red-40);
}
.text--red-50 {
  color: var(--red-50);
}
.text--red-60 {
  color: var(--red-60);
}
.text--red-70 {
  color: var(--red-70);
}
.text--red-80 {
  color: var(--red-80);
}
.text--red-90 {
  color: var(--red-90);
}
.text--red-100 {
  color: var(--red-100);
}
.bg--blue-10 {
  background-color: var(--blue-10);
}
.bg--blue-20 {
  background-color: var(--blue-20);
}
.bg--blue-30 {
  background-color: var(--blue-30);
}
.bg--blue-40 {
  background-color: var(--blue-40);
}
.bg--blue-50 {
  background-color: var(--blue-50);
}
.bg--blue-60 {
  background-color: var(--blue-60);
}
.bg--blue-70 {
  background-color: var(--blue-70);
}
.bg--blue-80 {
  background-color: var(--blue-80);
}
.bg--blue-90 {
  background-color: var(--blue-90);
}
.bg--blue-100 {
  background-color: var(--blue-100);
}
.bg--purple-10 {
  background-color: var(--purple-10);
}
.bg--purple-20 {
  background-color: var(--purple-20);
}
.bg--purple-30 {
  background-color: var(--purple-30);
}
.bg--purple-40 {
  background-color: var(--purple-40);
}
.bg--purple-50 {
  background-color: var(--purple-50);
}
.bg--purple-60 {
  background-color: var(--purple-60);
}
.bg--purple-70 {
  background-color: var(--purple-70);
}
.bg--purple-80 {
  background-color: var(--purple-80);
}
.bg--purple-90 {
  background-color: var(--purple-90);
}
.bg--purple-100 {
  background-color: var(--purple-100);
}
.bg--black-10 {
  background-color: var(--black-10);
}
.bg--black-20 {
  background-color: var(--black-20);
}
.bg--black-30 {
  background-color: var(--black-30);
}
.bg--black-40 {
  background-color: var(--black-40);
}
.bg--black-50 {
  background-color: var(--black-50);
}
.bg--black-60 {
  background-color: var(--black-60);
}
.bg--black-70 {
  background-color: var(--black-70);
}
.bg--black-80 {
  background-color: var(--black-80);
}
.bg--black-90 {
  background-color: var(--black-90);
}
.bg--black-100 {
  background-color: var(--black-100);
}
.bg--grey-10 {
  background-color: var(--grey-10);
}
.bg--grey-20 {
  background-color: var(--grey-20);
}
.bg--grey-30 {
  background-color: var(--grey-30);
}
.bg--grey-40 {
  background-color: var(--grey-40);
}
.bg--grey-50 {
  background-color: var(--grey-50);
}
.bg--grey-60 {
  background-color: var(--grey-60);
}
.bg--grey-70 {
  background-color: var(--grey-70);
}
.bg--grey-80 {
  background-color: var(--grey-80);
}
.bg--grey-90 {
  background-color: var(--grey-90);
}
.bg--grey-100 {
  background-color: var(--grey-100);
}
.bg--yellow-10 {
  background-color: var(--yellow-10);
}
.bg--yellow-20 {
  background-color: var(--yellow-20);
}
.bg--yellow-30 {
  background-color: var(--yellow-30);
}
.bg--yellow-40 {
  background-color: var(--yellow-40);
}
.bg--yellow-50 {
  background-color: var(--yellow-50);
}
.bg--yellow-60 {
  background-color: var(--yellow-60);
}
.bg--yellow-70 {
  background-color: var(--yellow-70);
}
.bg--yellow-80 {
  background-color: var(--yellow-80);
}
.bg--yellow-90 {
  background-color: var(--yellow-90);
}
.bg--yellow-100 {
  background-color: var(--yellow-100);
}
.bg--green-10 {
  background-color: var(--green-10);
}
.bg--green-20 {
  background-color: var(--green-20);
}
.bg--green-30 {
  background-color: var(--green-30);
}
.bg--green-40 {
  background-color: var(--green-40);
}
.bg--green-50 {
  background-color: var(--green-50);
}
.bg--green-60 {
  background-color: var(--green-60);
}
.bg--green-70 {
  background-color: var(--green-70);
}
.bg--green-80 {
  background-color: var(--green-80);
}
.bg--green-90 {
  background-color: var(--green-90);
}
.bg--green-100 {
  background-color: var(--green-100);
}
.bg--red-10 {
  background-color: var(--red-10);
}
.bg--red-20 {
  background-color: var(--red-20);
}
.bg--red-30 {
  background-color: var(--red-30);
}
.bg--red-40 {
  background-color: var(--red-40);
}
.bg--red-50 {
  background-color: var(--red-50);
}
.bg--red-60 {
  background-color: var(--red-60);
}
.bg--red-70 {
  background-color: var(--red-70);
}
.bg--red-80 {
  background-color: var(--red-80);
}
.bg--red-90 {
  background-color: var(--red-90);
}
.bg--red-100 {
  background-color: var(--red-100);
}
.text--light {
  font-weight: 300;
}
.text--normal {
  font-weight: 400;
}
.text--medium {
  font-weight: 500;
}
.text--semibold {
  font-weight: 600;
}
.text--bold {
  font-weight: 700;
}
.container {
  --pading: 16px;
  --max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: var(--max-width);
  padding-left: var(--pading);
  padding-right: var(--pading);
}
@media (max-width: calc(768px - 0.02px)) {
  .container {
    --pading: 8px;
  }
}
@media (min-width: 768px) {
  .container {
    --max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container {
    --max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container {
    --max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container {
    --max-width: calc(100% - 4%);
  }
}
.container.fluid {
  --max-width: 100%;
}
.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  width: 100%;
  margin-top: calc(var(--bs-gutter-y) * -1);
  margin-right: calc(var(--bs-gutter-x) * -0.5);
  margin-left: calc(var(--bs-gutter-x) * -0.5);
}
.row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}
.row.align-items-start {
  align-items: flex-start;
}
.row.wrap {
  flex-wrap: wrap;
}
.col {
  flex: 1 0 0;
}
.col-1 {
  flex: 0 0 auto;
  width: 8.3333333333%;
}
.col-2 {
  flex: 0 0 auto;
  width: 16.6666666667%;
}
.col-3 {
  flex: 0 0 auto;
  width: 25%;
}
.col-4 {
  flex: 0 0 auto;
  width: 33.3333333333%;
}
.col-5 {
  flex: 0 0 auto;
  width: 41.6666666667%;
}
.col-6 {
  flex: 0 0 auto;
  width: 50%;
}
.col-7 {
  flex: 0 0 auto;
  width: 58.3333333333%;
}
.col-8 {
  flex: 0 0 auto;
  width: 66.6666666667%;
}
.col-9 {
  flex: 0 0 auto;
  width: 75%;
}
.col-10 {
  flex: 0 0 auto;
  width: 83.3333333333%;
}
.col-11 {
  flex: 0 0 auto;
  width: 91.6666666667%;
}
.col-12 {
  flex: 0 0 auto;
  width: 100%;
}
@media (min-width: 576px) {
  .sm\:col-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }
}
@media (min-width: 576px) {
  .sm\:col-2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
}
@media (min-width: 576px) {
  .sm\:col-3 {
    flex: 0 0 auto;
    width: 25%;
  }
}
@media (min-width: 576px) {
  .sm\:col-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
}
@media (min-width: 576px) {
  .sm\:col-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }
}
@media (min-width: 576px) {
  .sm\:col-6 {
    flex: 0 0 auto;
    width: 50%;
  }
}
@media (min-width: 576px) {
  .sm\:col-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }
}
@media (min-width: 576px) {
  .sm\:col-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }
}
@media (min-width: 576px) {
  .sm\:col-9 {
    flex: 0 0 auto;
    width: 75%;
  }
}
@media (min-width: 576px) {
  .sm\:col-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }
}
@media (min-width: 576px) {
  .sm\:col-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
  }
}
@media (min-width: 576px) {
  .sm\:col-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media (min-width: 768px) {
  .md\:col-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }
}
@media (min-width: 768px) {
  .md\:col-2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
}
@media (min-width: 768px) {
  .md\:col-3 {
    flex: 0 0 auto;
    width: 25%;
  }
}
@media (min-width: 768px) {
  .md\:col-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
}
@media (min-width: 768px) {
  .md\:col-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }
}
@media (min-width: 768px) {
  .md\:col-6 {
    flex: 0 0 auto;
    width: 50%;
  }
}
@media (min-width: 768px) {
  .md\:col-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }
}
@media (min-width: 768px) {
  .md\:col-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }
}
@media (min-width: 768px) {
  .md\:col-9 {
    flex: 0 0 auto;
    width: 75%;
  }
}
@media (min-width: 768px) {
  .md\:col-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }
}
@media (min-width: 768px) {
  .md\:col-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
  }
}
@media (min-width: 768px) {
  .md\:col-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media (min-width: 992px) {
  .lg\:col-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }
}
@media (min-width: 992px) {
  .lg\:col-2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
}
@media (min-width: 992px) {
  .lg\:col-3 {
    flex: 0 0 auto;
    width: 25%;
  }
}
@media (min-width: 992px) {
  .lg\:col-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
}
@media (min-width: 992px) {
  .lg\:col-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }
}
@media (min-width: 992px) {
  .lg\:col-6 {
    flex: 0 0 auto;
    width: 50%;
  }
}
@media (min-width: 992px) {
  .lg\:col-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }
}
@media (min-width: 992px) {
  .lg\:col-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }
}
@media (min-width: 992px) {
  .lg\:col-9 {
    flex: 0 0 auto;
    width: 75%;
  }
}
@media (min-width: 992px) {
  .lg\:col-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }
}
@media (min-width: 992px) {
  .lg\:col-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
  }
}
@media (min-width: 992px) {
  .lg\:col-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .xl\:col-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }
}
@media (min-width: 1200px) {
  .xl\:col-2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
}
@media (min-width: 1200px) {
  .xl\:col-3 {
    flex: 0 0 auto;
    width: 25%;
  }
}
@media (min-width: 1200px) {
  .xl\:col-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
}
@media (min-width: 1200px) {
  .xl\:col-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }
}
@media (min-width: 1200px) {
  .xl\:col-6 {
    flex: 0 0 auto;
    width: 50%;
  }
}
@media (min-width: 1200px) {
  .xl\:col-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }
}
@media (min-width: 1200px) {
  .xl\:col-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }
}
@media (min-width: 1200px) {
  .xl\:col-9 {
    flex: 0 0 auto;
    width: 75%;
  }
}
@media (min-width: 1200px) {
  .xl\:col-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }
}
@media (min-width: 1200px) {
  .xl\:col-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
  }
}
@media (min-width: 1200px) {
  .xl\:col-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media (min-width: 1400px) {
  .xxl\:col-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }
}
@media (min-width: 1400px) {
  .xxl\:col-2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
}
@media (min-width: 1400px) {
  .xxl\:col-3 {
    flex: 0 0 auto;
    width: 25%;
  }
}
@media (min-width: 1400px) {
  .xxl\:col-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
}
@media (min-width: 1400px) {
  .xxl\:col-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }
}
@media (min-width: 1400px) {
  .xxl\:col-6 {
    flex: 0 0 auto;
    width: 50%;
  }
}
@media (min-width: 1400px) {
  .xxl\:col-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }
}
@media (min-width: 1400px) {
  .xxl\:col-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }
}
@media (min-width: 1400px) {
  .xxl\:col-9 {
    flex: 0 0 auto;
    width: 75%;
  }
}
@media (min-width: 1400px) {
  .xxl\:col-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }
}
@media (min-width: 1400px) {
  .xxl\:col-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
  }
}
@media (min-width: 1400px) {
  .xxl\:col-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
.flex {
  display: flex;
}
.flex-center {
  align-items: center;
}
.flex-between {
  justify-content: space-between;
}
.flex-end {
  justify-content: flex-end;
}
.flex-justify-center {
  justify-content: center;
}
.flex-wrap {
  flex-wrap: wrap;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.spacer {
  flex: 1 0 0;
}
.field {
  --text-color: var(--black-100);
  --border-color: var(--black-20);
  --padding: 12px;
  width: 100%;
  outline: none;
  cursor: pointer;
  border-radius: var(--border-radius);
  padding: var(--padding);
  color: var(--text-color);
  font-weight: var(--regular);
  font-size: var(--size-12px);
  line-height: var(--size-14px);
  border: 1px solid var(--border-color);
}
.field::placeholder,
.field.placeholder {
  color: var(--black-60);
}
.field:not(.field:disabled, .disabled):hover {
  --border-color: var(--black-80);
}
.field:not(.field:disabled):active,
.field:not(.field:disabled):focus {
  --border-color: var(--black-60);
}
.field:disabled,
.field.disabled {
  --border-color: transparent;
  --text-color: var(--black-100);
  cursor: default;
  background-color: var(--grey-40);
}
.field:disabled::placeholder,
.field.disabled::placeholder {
  color: var(--text-color);
}
.field:enabled(.success, .error) {
  padding-left: 0;
}
.field.success,
.field.success:not(.field:disabled):focus {
  --border-color: var(--green-100);
}
.field.error,
.field.error:not(.field:disabled):focus {
  --border-color: var(--red-90);
}
.field.small {
  --border-radius: 4px;
  --padding: 8px 12px;
}
.field__row {
  position: relative;
}
.field__container {
  margin-bottom: 24px;
}
.field__error-message {
  padding: 4px 6px;
  color: var(--red-100);
  font-weight: var(--regular);
  font-size: var(--size-10px);
  line-height: var(--size-14px);
}
.field__error-message.up {
  margin-top: -22px;
}
.field {
}
.field::-webkit-outer-spin-button,
.field::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.field {
}
.field[type=number] {
  -moz-appearance: textfield;
}
.med-layout {
  display: table;
  max-width: 100%;
}
.med-layout--sticky {
  position: sticky;
}
.med-layout__main {
  display: flex;
}
.med-layout__banner {
  position: sticky;
  left: 0;
  display: block;
}
.med-layout__header {
  position: sticky;
  align-self: self-start;
  display: block;
  z-index: 4;
  top: 0;
  left: 0;
  margin-bottom: var(--header-margin-bottom);
}
.med-layout__right,
.med-layout__left {
  z-index: 3;
  flex: 0 0 186px;
  position: sticky;
  background-color: var(--white);
}
.med-layout__left {
  left: 0;
}
.med-layout__right {
  right: 0;
}
.med-layout__bottom {
  z-index: 3;
  position: sticky;
  top: 8px;
  padding-bottom: 8px;
  background-color: var(--white);
}
.med-layout__footer {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 5;
  padding-left: 16px;
  padding-right: 16px;
  background-color: var(--white);
}
.med-layout__footer-content {
  height: 100%;
  color: var(--white);
  padding: 8px;
  border-radius: 8px 8px 0 0;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background: var(--black-90);
}
.med-popup__tooltip {
  z-index: 9;
  position: fixed;
  transform: translate(-99999px, -9999px);
  font-weight: var(--medium);
  font-size: var(--size-14px);
  line-height: var(--size-18px);
  color: var(--black-100);
  padding: 12px 8px;
  background-color: var(--white);
  border: 1px solid var(--black-20);
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.22);
}
.med-popup__tooltip[data-popper-reference-hidden] {
  visibility: hidden;
  pointer-events: none;
}
.med-tooltip__tooltip-wrap {
  z-index: 1002;
  position: fixed;
  transform: translate(-99999px, -9999px);
}
.med-tooltip__tooltip-wrap[data-popper-reference-hidden] {
  visibility: hidden;
  pointer-events: none;
}
.med-tooltip__tooltip-wrap[data-popper-placement^=top] {
  padding-bottom: 10px;
}
.med-tooltip__tooltip-wrap[data-popper-placement^=top] .med-tooltip__arrow {
  bottom: -4px;
  left: calc(50% - 2px);
}
.med-tooltip__tooltip-wrap[data-popper-placement^=bottom] {
  padding-top: 10px;
}
.med-tooltip__tooltip-wrap[data-popper-placement^=bottom] .med-tooltip__arrow {
  top: -4px;
}
.med-tooltip__tooltip-wrap[data-popper-placement^=left] {
  padding-right: 10px;
}
.med-tooltip__tooltip-wrap[data-popper-placement^=left] .med-tooltip__arrow {
  right: -4px;
}
.med-tooltip__tooltip-wrap[data-popper-placement^=right] {
  padding-left: 10px;
}
.med-tooltip__tooltip-wrap[data-popper-placement^=right] .med-tooltip__arrow {
  left: -4px;
}
.med-tooltip__tooltip {
  color: var(--black-100);
  background-color: var(--white);
  padding: 12px 8px;
  border-radius: 8px;
  font-weight: var(--regular);
  font-size: var(--size-12px);
  line-height: var(--size-16px);
  filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.22));
}
.med-tooltip__arrow {
  visibility: hidden;
}
.med-tooltip__arrow,
.med-tooltip__arrow::before {
  position: absolute;
  width: 8px;
  height: 8px;
  background: inherit;
}
.med-tooltip__arrow::before {
  content: "";
  visibility: visible;
  transform: rotate(45deg);
}
.p-disabled {
  color: var(--black-60) !important;
}
.p-datepicker-day {
  font-size: 0.8em;
}
.p-datepicker-day-cell {
  padding: 0.5em 0 !important;
}
.med-datepicker {
  --nav-border-color: var(--grey-100) !important;
  position: relative !important;
  color: var(--black-60) !important;
}
.med-datepicker.disabled .med-datepicker__icon--calendar {
  color: var(--grey-100) !important;
}
.med-datepicker__host {
  width: 100% !important;
}
.med-datepicker__field {
  padding-right: 50px !important;
}
.med-datepicker__nav {
  position: absolute !important;
  right: 6px !important;
  top: 50% !important;
  transform: translate(0, -50%) !important;
  display: flex !important;
  align-items: center !important;
}
.med-datepicker__icon {
  cursor: pointer !important;
  display: flex !important;
  background-color: transparent !important;
  padding: 2px !important;
  border-radius: 4px !important;
}
.med-datepicker__icon--calendar {
  color: var(--black-100) !important;
}
.med-datepicker__icon--delete {
  margin-right: 4px !important;
}
.med-datepicker__icon--delete:hover {
  color: var(--black-100) !important;
  background-color: var(--grey-50) !important;
}
.med-datepicker__icon--delete.hide {
  display: none !important;
}
.med-datepicker__panel {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.22);
  background: var(--white) !important;
  border: 1px solid var(--nav-border-color) !important;
  border-radius: 8px !important;
  z-index: var(--modal-z-index) !important;
}
.med-datepicker__panel.flexible {
  display: flex;
}
.med-datepicker__panel .p-datepicker-header {
  border-bottom: 1px solid var(--grey-100) !important;
  padding: 6px 8px !important;
}
.med-datepicker__panel .p-datepicker-prev,
.med-datepicker__panel .p-datepicker-next {
  --nav-border-color: var(--purple-100) !important;
  width: 24px !important;
  height: 24px !important;
  align-items: center !important;
  justify-content: center !important;
  border: none !important;
  background-color: transparent !important;
}
.med-datepicker__panel .p-datepicker-prev::before,
.med-datepicker__panel .p-datepicker-next::before {
  content: "";
  border: solid var(--nav-border-color) !important;
  border-width: 0 2px 2px 0 !important;
  display: inline-block !important;
  padding: 3px !important;
}
.med-datepicker__panel .p-datepicker-prev::before {
  transform: rotate(135deg) !important;
}
.med-datepicker__panel .p-datepicker-next::before {
  transform: rotate(-45deg) !important;
}
.med-datepicker__panel .p-datepicker-month,
.med-datepicker__panel .p-datepicker-year,
.med-datepicker__panel .p-datepicker-decade {
  cursor: pointer !important;
  border: none !important;
  background-color: transparent !important;
  color: var(--black-100) !important;
  font-weight: var(--regular) !important;
  font-size: var(--size-14px) !important;
}
.med-datepicker__panel .p-datepicker-month:hover,
.med-datepicker__panel .p-datepicker-year:hover,
.med-datepicker__panel .p-datepicker-decade:hover {
  color: var(--purple-100) !important;
}
.med-datepicker__panel .p-datepicker-calendar-container {
  padding-bottom: 12px !important;
}
.med-datepicker__panel .p-datepicker-calendar thead {
  background-color: var(--grey-40) !important;
}
.med-datepicker__panel .p-datepicker-calendar th,
.med-datepicker__panel .p-datepicker-calendar td .p-element {
  padding: 8px 7px !important;
  color: var(--black-100) !important;
  font-weight: var(--regular) !important;
  font-size: var(--size-12px) !important;
}
.med-datepicker__panel .p-datepicker-calendar th:first-child {
  padding-left: 23px !important;
}
.med-datepicker__panel .p-datepicker-calendar th:last-child {
  padding-right: 23px !important;
}
.med-datepicker__panel .p-datepicker-calendar td:first-child .p-element {
  margin-left: 16px !important;
}
.med-datepicker__panel .p-datepicker-calendar td:last-child .p-element {
  margin-right: 16px !important;
}
.med-datepicker__panel .p-datepicker-calendar td .p-element {
  border-radius: 4px !important;
}
.med-datepicker__panel .p-datepicker-calendar td .p-element:hover:not(.p-disabled) {
  color: var(--purple-100) !important;
  background: var(--purple-10) !important;
}
.med-datepicker__panel .p-datepicker-calendar td .p-element.p-highlight {
  color: var(--white) !important;
  background-color: var(--purple-100) !important;
}
.med-datepicker__panel .p-datepicker-calendar td .p-element.p-disabled {
  color: var(--grey-100) !important;
}
.med-datepicker__panel .p-yearpicker,
.med-datepicker__panel .p-monthpicker {
  padding: 26px 12px !important;
}
.med-datepicker__panel .p-yearpicker-year,
.med-datepicker__panel .p-yearpicker-month,
.med-datepicker__panel .p-monthpicker-year,
.med-datepicker__panel .p-monthpicker-month {
  padding: 8px 0 !important;
  border-radius: 4px !important;
  color: var(--black-100) !important;
  font-weight: var(--regular) !important;
  font-size: var(--size-12px) !important;
}
.med-datepicker__panel .p-yearpicker-year:hover,
.med-datepicker__panel .p-yearpicker-month:hover,
.med-datepicker__panel .p-monthpicker-year:hover,
.med-datepicker__panel .p-monthpicker-month:hover {
  background-color: var(--grey-20) !important;
}
.med-datepicker__panel .p-yearpicker-year.p-highlight,
.med-datepicker__panel .p-yearpicker-month.p-highlight,
.med-datepicker__panel .p-monthpicker-year.p-highlight,
.med-datepicker__panel .p-monthpicker-month.p-highlight {
  color: var(--white) !important;
  background-color: var(--purple-100) !important;
}
.med-datepicker__panel .p-timepicker {
  padding-right: 12px !important;
}
.med-datepicker__panel .p-timepicker span {
  color: var(--black-100);
  font-weight: var(--regular);
  font-size: var(--size-16px);
}
.med-datepicker__panel .p-timepicker .p-ripple {
  width: 24px;
  height: 24px;
  align-items: center;
  justify-content: center;
  border: none;
  background-color: transparent;
}
.med-datepicker__panel .p-timepicker .p-ripple::before {
  content: "";
  border: solid var(--nav-border-color);
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
}
.med-datepicker__panel .p-timepicker .p-ripple:hover {
  --nav-border-color: var(--purple-100);
}
.med-datepicker__panel .p-timepicker .p-ripple:first-child {
  transform: rotate(-135deg);
}
.med-datepicker__panel .p-timepicker .p-ripple:last-child {
  transform: rotate(45deg);
}
.med-datepicker__panel .p-timepicker .p-separator {
  margin-left: 2px;
}
:root,
.theme--brand {
  --icon-border-radius: 0;
  --icon-box-shadow: none;
}
:root,
.theme--eStock {
  --icon-border-radius: 0.00625em;
  --icon-box-shadow: 0 .25em .775em -.3em #00000042;
}
.icon-4 {
  width: 0.25em;
  aspect-ratio: 1;
  border-radius: var(--icon-border-radius);
  box-shadow: var(--icon-box-shadow);
}
.icon-4.round {
  border-radius: 0.125em;
}
:root,
.theme--brand {
  --icon-border-radius: 0;
  --icon-box-shadow: none;
}
:root,
.theme--eStock {
  --icon-border-radius: 0.0125em;
  --icon-box-shadow: 0 .25em .775em -.3em #00000042;
}
.icon-8 {
  width: 0.5em;
  aspect-ratio: 1;
  border-radius: var(--icon-border-radius);
  box-shadow: var(--icon-box-shadow);
}
.icon-8.round {
  border-radius: 0.25em;
}
:root,
.theme--brand {
  --icon-border-radius: 0;
  --icon-box-shadow: none;
}
:root,
.theme--eStock {
  --icon-border-radius: 0.01875em;
  --icon-box-shadow: 0 .25em .775em -.3em #00000042;
}
.icon-12 {
  width: 0.75em;
  aspect-ratio: 1;
  border-radius: var(--icon-border-radius);
  box-shadow: var(--icon-box-shadow);
}
.icon-12.round {
  border-radius: 0.375em;
}
:root,
.theme--brand {
  --icon-border-radius: 0;
  --icon-box-shadow: none;
}
:root,
.theme--eStock {
  --icon-border-radius: 0.025em;
  --icon-box-shadow: 0 .25em .775em -.3em #00000042;
}
.icon-16 {
  width: 1em;
  aspect-ratio: 1;
  border-radius: var(--icon-border-radius);
  box-shadow: var(--icon-box-shadow);
}
.icon-16.round {
  border-radius: 0.5em;
}
:root,
.theme--brand {
  --icon-border-radius: 0;
  --icon-box-shadow: none;
}
:root,
.theme--eStock {
  --icon-border-radius: 0.03125em;
  --icon-box-shadow: 0 .25em .775em -.3em #00000042;
}
.icon-20 {
  width: 1.25em;
  aspect-ratio: 1;
  border-radius: var(--icon-border-radius);
  box-shadow: var(--icon-box-shadow);
}
.icon-20.round {
  border-radius: 0.625em;
}
:root,
.theme--brand {
  --icon-border-radius: 0;
  --icon-box-shadow: none;
}
:root,
.theme--eStock {
  --icon-border-radius: 0.0375em;
  --icon-box-shadow: 0 .25em .775em -.3em #00000042;
}
.icon-24 {
  width: 1.5em;
  aspect-ratio: 1;
  border-radius: var(--icon-border-radius);
  box-shadow: var(--icon-box-shadow);
}
.icon-24.round {
  border-radius: 0.75em;
}
:root,
.theme--brand {
  --icon-border-radius: 0;
  --icon-box-shadow: none;
}
:root,
.theme--eStock {
  --icon-border-radius: 0.04375em;
  --icon-box-shadow: 0 .25em .775em -.3em #00000042;
}
.icon-28 {
  width: 1.75em;
  aspect-ratio: 1;
  border-radius: var(--icon-border-radius);
  box-shadow: var(--icon-box-shadow);
}
.icon-28.round {
  border-radius: 0.875em;
}
:root,
.theme--brand {
  --icon-border-radius: 0;
  --icon-box-shadow: none;
}
:root,
.theme--eStock {
  --icon-border-radius: 0.05em;
  --icon-box-shadow: 0 .25em .775em -.3em #00000042;
}
.icon-32 {
  width: 2em;
  aspect-ratio: 1;
  border-radius: var(--icon-border-radius);
  box-shadow: var(--icon-box-shadow);
}
.icon-32.round {
  border-radius: 1em;
}
:root,
.theme--brand {
  --icon-border-radius: 0;
  --icon-box-shadow: none;
}
:root,
.theme--eStock {
  --icon-border-radius: 0.05625em;
  --icon-box-shadow: 0 .25em .775em -.3em #00000042;
}
.icon-36 {
  width: 2.25em;
  aspect-ratio: 1;
  border-radius: var(--icon-border-radius);
  box-shadow: var(--icon-box-shadow);
}
.icon-36.round {
  border-radius: 1.125em;
}
:root,
.theme--brand {
  --icon-border-radius: 0;
  --icon-box-shadow: none;
}
:root,
.theme--eStock {
  --icon-border-radius: 0.0625em;
  --icon-box-shadow: 0 .25em .775em -.3em #00000042;
}
.icon-40 {
  width: 2.5em;
  aspect-ratio: 1;
  border-radius: var(--icon-border-radius);
  box-shadow: var(--icon-box-shadow);
}
.icon-40.round {
  border-radius: 1.25em;
}
:root,
.theme--brand {
  --icon-border-radius: 0;
  --icon-box-shadow: none;
}
:root,
.theme--eStock {
  --icon-border-radius: 0.06875em;
  --icon-box-shadow: 0 .25em .775em -.3em #00000042;
}
.icon-44 {
  width: 2.75em;
  aspect-ratio: 1;
  border-radius: var(--icon-border-radius);
  box-shadow: var(--icon-box-shadow);
}
.icon-44.round {
  border-radius: 1.375em;
}
:root,
.theme--brand {
  --icon-border-radius: 0;
  --icon-box-shadow: none;
}
:root,
.theme--eStock {
  --icon-border-radius: 0.075em;
  --icon-box-shadow: 0 .25em .775em -.3em #00000042;
}
.icon-48 {
  width: 3em;
  aspect-ratio: 1;
  border-radius: var(--icon-border-radius);
  box-shadow: var(--icon-box-shadow);
}
.icon-48.round {
  border-radius: 1.5em;
}
:root,
.theme--brand {
  --icon-border-radius: 0;
  --icon-box-shadow: none;
}
:root,
.theme--eStock {
  --icon-border-radius: 0.08125em;
  --icon-box-shadow: 0 .25em .775em -.3em #00000042;
}
.icon-52 {
  width: 3.25em;
  aspect-ratio: 1;
  border-radius: var(--icon-border-radius);
  box-shadow: var(--icon-box-shadow);
}
.icon-52.round {
  border-radius: 1.625em;
}
:root,
.theme--brand {
  --icon-border-radius: 0;
  --icon-box-shadow: none;
}
:root,
.theme--eStock {
  --icon-border-radius: 0.0875em;
  --icon-box-shadow: 0 .25em .775em -.3em #00000042;
}
.icon-56 {
  width: 3.5em;
  aspect-ratio: 1;
  border-radius: var(--icon-border-radius);
  box-shadow: var(--icon-box-shadow);
}
.icon-56.round {
  border-radius: 1.75em;
}
:root,
.theme--brand {
  --icon-border-radius: 0;
  --icon-box-shadow: none;
}
:root,
.theme--eStock {
  --icon-border-radius: 0.09375em;
  --icon-box-shadow: 0 .25em .775em -.3em #00000042;
}
.icon-60 {
  width: 3.75em;
  aspect-ratio: 1;
  border-radius: var(--icon-border-radius);
  box-shadow: var(--icon-box-shadow);
}
.icon-60.round {
  border-radius: 1.875em;
}
:root,
.theme--brand {
  --icon-border-radius: 0;
  --icon-box-shadow: none;
}
:root,
.theme--eStock {
  --icon-border-radius: 0.1em;
  --icon-box-shadow: 0 .25em .775em -.3em #00000042;
}
.icon-64 {
  width: 4em;
  aspect-ratio: 1;
  border-radius: var(--icon-border-radius);
  box-shadow: var(--icon-box-shadow);
}
.icon-64.round {
  border-radius: 2em;
}
:root,
.theme--brand {
  --icon-border-radius: 0;
  --icon-box-shadow: none;
}
:root,
.theme--eStock {
  --icon-border-radius: 0.10625em;
  --icon-box-shadow: 0 .25em .775em -.3em #00000042;
}
.icon-68 {
  width: 4.25em;
  aspect-ratio: 1;
  border-radius: var(--icon-border-radius);
  box-shadow: var(--icon-box-shadow);
}
.icon-68.round {
  border-radius: 2.125em;
}
:root,
.theme--brand {
  --icon-border-radius: 0;
  --icon-box-shadow: none;
}
:root,
.theme--eStock {
  --icon-border-radius: 0.1125em;
  --icon-box-shadow: 0 .25em .775em -.3em #00000042;
}
.icon-72 {
  width: 4.5em;
  aspect-ratio: 1;
  border-radius: var(--icon-border-radius);
  box-shadow: var(--icon-box-shadow);
}
.icon-72.round {
  border-radius: 2.25em;
}
:root,
.theme--brand {
  --icon-border-radius: 0;
  --icon-box-shadow: none;
}
:root,
.theme--eStock {
  --icon-border-radius: 0.11875em;
  --icon-box-shadow: 0 .25em .775em -.3em #00000042;
}
.icon-76 {
  width: 4.75em;
  aspect-ratio: 1;
  border-radius: var(--icon-border-radius);
  box-shadow: var(--icon-box-shadow);
}
.icon-76.round {
  border-radius: 2.375em;
}
:root,
.theme--brand {
  --icon-border-radius: 0;
  --icon-box-shadow: none;
}
:root,
.theme--eStock {
  --icon-border-radius: 0.125em;
  --icon-box-shadow: 0 .25em .775em -.3em #00000042;
}
.icon-80 {
  width: 5em;
  aspect-ratio: 1;
  border-radius: var(--icon-border-radius);
  box-shadow: var(--icon-box-shadow);
}
.icon-80.round {
  border-radius: 2.5em;
}
:root,
.theme--brand {
  --icon-border-radius: 0;
  --icon-box-shadow: none;
}
:root,
.theme--eStock {
  --icon-border-radius: 0.13125em;
  --icon-box-shadow: 0 .25em .775em -.3em #00000042;
}
.icon-84 {
  width: 5.25em;
  aspect-ratio: 1;
  border-radius: var(--icon-border-radius);
  box-shadow: var(--icon-box-shadow);
}
.icon-84.round {
  border-radius: 2.625em;
}
:root,
.theme--brand {
  --icon-border-radius: 0;
  --icon-box-shadow: none;
}
:root,
.theme--eStock {
  --icon-border-radius: 0.1375em;
  --icon-box-shadow: 0 .25em .775em -.3em #00000042;
}
.icon-88 {
  width: 5.5em;
  aspect-ratio: 1;
  border-radius: var(--icon-border-radius);
  box-shadow: var(--icon-box-shadow);
}
.icon-88.round {
  border-radius: 2.75em;
}
:root,
.theme--brand {
  --icon-border-radius: 0;
  --icon-box-shadow: none;
}
:root,
.theme--eStock {
  --icon-border-radius: 0.14375em;
  --icon-box-shadow: 0 .25em .775em -.3em #00000042;
}
.icon-92 {
  width: 5.75em;
  aspect-ratio: 1;
  border-radius: var(--icon-border-radius);
  box-shadow: var(--icon-box-shadow);
}
.icon-92.round {
  border-radius: 2.875em;
}
:root,
.theme--brand {
  --icon-border-radius: 0;
  --icon-box-shadow: none;
}
:root,
.theme--eStock {
  --icon-border-radius: 0.15em;
  --icon-box-shadow: 0 .25em .775em -.3em #00000042;
}
.icon-96 {
  width: 6em;
  aspect-ratio: 1;
  border-radius: var(--icon-border-radius);
  box-shadow: var(--icon-box-shadow);
}
.icon-96.round {
  border-radius: 3em;
}
:root,
.theme--brand {
  --icon-border-radius: 0;
  --icon-box-shadow: none;
}
:root,
.theme--eStock {
  --icon-border-radius: 0.15625em;
  --icon-box-shadow: 0 .25em .775em -.3em #00000042;
}
.icon-100 {
  width: 6.25em;
  aspect-ratio: 1;
  border-radius: var(--icon-border-radius);
  box-shadow: var(--icon-box-shadow);
}
.icon-100.round {
  border-radius: 3.125em;
}
:root,
.theme--brand {
  --icon-border-radius: 0;
  --icon-box-shadow: none;
}
:root,
.theme--eStock {
  --icon-border-radius: 0.1625em;
  --icon-box-shadow: 0 .25em .775em -.3em #00000042;
}
.icon-104 {
  width: 6.5em;
  aspect-ratio: 1;
  border-radius: var(--icon-border-radius);
  box-shadow: var(--icon-box-shadow);
}
.icon-104.round {
  border-radius: 3.25em;
}
:root,
.theme--brand {
  --icon-border-radius: 0;
  --icon-box-shadow: none;
}
:root,
.theme--eStock {
  --icon-border-radius: 0.16875em;
  --icon-box-shadow: 0 .25em .775em -.3em #00000042;
}
.icon-108 {
  width: 6.75em;
  aspect-ratio: 1;
  border-radius: var(--icon-border-radius);
  box-shadow: var(--icon-box-shadow);
}
.icon-108.round {
  border-radius: 3.375em;
}
:root,
.theme--brand {
  --icon-border-radius: 0;
  --icon-box-shadow: none;
}
:root,
.theme--eStock {
  --icon-border-radius: 0.175em;
  --icon-box-shadow: 0 .25em .775em -.3em #00000042;
}
.icon-112 {
  width: 7em;
  aspect-ratio: 1;
  border-radius: var(--icon-border-radius);
  box-shadow: var(--icon-box-shadow);
}
.icon-112.round {
  border-radius: 3.5em;
}
:root,
.theme--brand {
  --icon-border-radius: 0;
  --icon-box-shadow: none;
}
:root,
.theme--eStock {
  --icon-border-radius: 0.18125em;
  --icon-box-shadow: 0 .25em .775em -.3em #00000042;
}
.icon-116 {
  width: 7.25em;
  aspect-ratio: 1;
  border-radius: var(--icon-border-radius);
  box-shadow: var(--icon-box-shadow);
}
.icon-116.round {
  border-radius: 3.625em;
}
:root,
.theme--brand {
  --icon-border-radius: 0;
  --icon-box-shadow: none;
}
:root,
.theme--eStock {
  --icon-border-radius: 0.1875em;
  --icon-box-shadow: 0 .25em .775em -.3em #00000042;
}
.icon-120 {
  width: 7.5em;
  aspect-ratio: 1;
  border-radius: var(--icon-border-radius);
  box-shadow: var(--icon-box-shadow);
}
.icon-120.round {
  border-radius: 3.75em;
}
:root,
.theme--brand {
  --icon-border-radius: 0;
  --icon-box-shadow: none;
}
:root,
.theme--eStock {
  --icon-border-radius: 0.19375em;
  --icon-box-shadow: 0 .25em .775em -.3em #00000042;
}
.icon-124 {
  width: 7.75em;
  aspect-ratio: 1;
  border-radius: var(--icon-border-radius);
  box-shadow: var(--icon-box-shadow);
}
.icon-124.round {
  border-radius: 3.875em;
}
:root,
.theme--brand {
  --icon-border-radius: 0;
  --icon-box-shadow: none;
}
:root,
.theme--eStock {
  --icon-border-radius: 0.2em;
  --icon-box-shadow: 0 .25em .775em -.3em #00000042;
}
.icon-128 {
  width: 8em;
  aspect-ratio: 1;
  border-radius: var(--icon-border-radius);
  box-shadow: var(--icon-box-shadow);
}
.icon-128.round {
  border-radius: 4em;
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
* {
  box-sizing: border-box;
}
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
main {
  display: block;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
pre {
  font-family: monospace;
  font-size: 1em;
}
a {
  background-color: transparent;
}
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
samp {
  font-family: monospace;
  font-size: 1em;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
img {
  border-style: none;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
textarea {
  overflow: auto;
}
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0;
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
details {
  display: block;
}
summary {
  display: list-item;
}
template {
  display: none;
}
[hidden] {
  display: none;
}
html {
  font-size: 100%;
}
html.screen_scale_50 {
  font-size: 50%;
}
html.screen_scale_60 {
  font-size: 60%;
}
html.screen_scale_70 {
  font-size: 70%;
}
html.screen_scale_80 {
  font-size: 80%;
}
html.screen_scale_90 {
  font-size: 90%;
}
html.screen_scale_100 {
  font-size: 100%;
}
html.screen_scale_110 {
  font-size: 110%;
}
html.screen_scale_120 {
  font-size: 120%;
}
html.screen_scale_130 {
  font-size: 130%;
}
html.screen_scale_140 {
  font-size: 140%;
}
html.color_scheme_bw {
  -webkit-filter: grayscale(1) contrast(1.5);
  filter: grayscale(1) contrast(1.5);
}
body {
  font-family:
    var(--ukraine),
    Helvetica,
    Arial,
    sans-serif;
}
*::-webkit-scrollbar {
  width: 8px;
}
*::-webkit-scrollbar-thumb {
  --background-scroll: var(--grey-40);
  background: var(--background-scroll);
  border-radius: 6px;
}
*::-webkit-scrollbar-thumb:hover {
  --background-scroll: var(--grey-60);
}
body {
  overflow-x: hidden;
}
body.auth-page {
  background: var(--green-deep-dark);
}
app-ministry-logo {
  display: inline-block;
}
.card {
  margin-top: 4em;
  background: var(--grey-10);
  padding: 1.5em;
}
.card__black {
  background-color: var(--black-100);
  margin-bottom: 0;
}
.card__white {
  background-color: var(--white);
}
.card h2 {
  margin-top: 0;
}
.med-textarea.with_counter {
  padding-bottom: 2em;
}
.column {
  flex-direction: column;
}
.modal-column {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.modal-column .title,
.modal-column .text {
  text-align: center;
}
.modal-column .icon {
  margin: 0 auto;
}
.modal-column.large {
  padding: 36px 124px;
  width: 700px;
}
.modal-column-actions .fullWidth {
  display: block;
  width: 280px;
}
.modal-column med-btn button {
  width: 100%;
}
.rotate_90 {
  transform: rotate(90deg);
}
.rotate_180 {
  transform: rotate(180deg);
}
.wrap {
  flex-wrap: wrap;
}
.p-popover:before,
.p-popover:after {
  display: none;
}
.profile_users_table {
  width: 100%;
}
.main-aside {
  font-family: var(--main-aside-font-family), sans-serif;
  font-weight: var(--regular);
}
.main-aside .nav_title {
  font-weight: var(--regular) !important;
}
.main-aside .med-link.left.active:before,
.main-aside .med-link.right.active:before {
  background: var(--nav-link-aside-bg-color) !important;
  border-radius: var(--border-radius);
}
.align-items-center {
  align-items: center;
}
.block-ui-on-loading {
  pointer-events: none;
}
.block-ui-on-loading > * {
  cursor: progress !important;
}
.card {
  border-radius: var(--border-radius) !important;
}
.pre-wrap {
  white-space: pre-wrap;
}
.hint {
  color: var(--black-60) !important;
  font-weight: 300;
}

/* dist/rz/ui/style.scss */
@font-face {
  font-family: e-Ukraine;
  font-weight: 100;
  src: url("./media/e-Ukraine-Thin-EGI6IPFU.ttf") format("truetype");
}
@font-face {
  font-family: e-Ukraine;
  font-weight: 200;
  src: url("./media/e-Ukraine-UltraLight-OGWMLLMM.ttf") format("truetype");
}
@font-face {
  font-family: e-Ukraine;
  font-weight: 300;
  src: url("./media/e-Ukraine-Light-UQEEAH7I.ttf") format("truetype");
}
@font-face {
  font-family: e-Ukraine;
  font-weight: 400;
  src: url("./media/e-Ukraine-Regular-TROQNEIL.ttf") format("truetype");
}
@font-face {
  font-family: e-Ukraine;
  font-weight: 600;
  src: url("./media/e-Ukraine-Medium-KXS4ZQZG.ttf") format("truetype");
}
@font-face {
  font-family: e-Ukraine;
  font-weight: 700;
  src: url("./media/e-Ukraine-Bold-3ITEI3DB.ttf") format("truetype");
}
@font-face {
  font-family: e-UkraineHead;
  font-weight: 100;
  src: url("./media/e-UkraineHead-Thin-WGAZ75NE.ttf") format("truetype");
}
@font-face {
  font-family: e-UkraineHead;
  font-weight: 200;
  src: url("./media/e-UkraineHead-UltraLight-BE2P3ZNI.ttf") format("truetype");
}
@font-face {
  font-family: e-UkraineHead;
  font-weight: 300;
  src: url("./media/e-UkraineHead-Light-XOFZVQTM.ttf") format("truetype");
}
@font-face {
  font-family: e-UkraineHead;
  font-weight: 400;
  src: url("./media/e-UkraineHead-Regular-RSCNOT7B.ttf") format("truetype");
}
@font-face {
  font-family: e-UkraineHead;
  font-weight: 500;
  src: url("./media/e-UkraineHead-LOGO-VM47ZNGD.ttf") format("truetype");
}
@font-face {
  font-family: e-UkraineHead;
  font-weight: 600;
  src: url("./media/e-UkraineHead-Medium-7FHOQPFB.ttf") format("truetype");
}
@font-face {
  font-family: e-UkraineHead;
  font-weight: 700;
  src: url("./media/e-UkraineHead-Bold-Q3RIAJEI.ttf") format("truetype");
}
@font-face {
  font-family: UAFSans;
  font-weight: 400;
  src: url("./media/UAFSans-Regular-S6MTWQAU.ttf") format("truetype");
}
@font-face {
  font-family: UAFSans;
  font-weight: 500;
  src: url("./media/UAFSans-Medium-USH3GHJI.ttf") format("truetype");
}
@font-face {
  font-family: UAFSans;
  font-weight: 700;
  src: url("./media/UAFSans-Bold-QC7KMA4V.ttf") format("truetype");
}
:root {
  --blue-105: #23344a;
  --blue-100: #0037a3;
  --blue-90: #1a4bac;
  --blue-80: #335fb5;
  --blue-70: #4c73bf;
  --blue-65: #71a1ff;
  --blue-60: #6687c8;
  --blue-50: #809bd1;
  --blue-40: #99afda;
  --blue-30: #b3c3e3;
  --blue-20: #ccd7ed;
  --blue-10: #e5ebf6;
  --blue-5: #f5f9ff;
  --purple-100: #1f1f49;
  --purple-90: #353573;
  --purple-80: #404087;
  --purple-70: #5151a8;
  --purple-60: #6060c4;
  --purple-50: #6e6ede;
  --purple-40: #8d8de6;
  --purple-30: #acaced;
  --purple-20: #cbcbf4;
  --purple-15: #ebedff;
  --purple-10: #f3f3fd;
  --black-100: #000;
  --black-90: #1a1a1a;
  --black-80: #333;
  --black-70: #4c4c4c;
  --black-60: #666;
  --black-50: #808080;
  --black-40: #999;
  --black-30: #b3b3b3;
  --black-20: #ccc;
  --black-10: #e5e5e5;
  --grey-base: #494949;
  --grey-100: #c7c7c7;
  --grey-80: #d0d0d0;
  --grey-60: #ddd;
  --grey-50: #ededed;
  --grey-45: #d9d9d9;
  --grey-40: #e9e9e9;
  --grey-20: #f4f4f4;
  --grey-10: #f9f9f9;
  --white: #fff;
  --yellow-100: #ffbd12;
  --yellow-90: #ffc32a;
  --yellow-80: #ffcf55;
  --yellow-70: #ffd56a;
  --yellow-60: #ffdb7f;
  --yellow-50: #ffe195;
  --yellow-40: #ffe7aa;
  --yellow-30: #ffedbf;
  --yellow-20: #fff3d4;
  --yellow-10: #fff9ea;
  --green-100: #00c95c;
  --green-90: #1ace6d;
  --green-80: #33d47d;
  --green-70: #4dd98d;
  --green-60: #66df9e;
  --green-50: #80e4ae;
  --green-40: #99e9be;
  --green-30: #b3efce;
  --green-20: #ccf4de;
  --green-10: #e6faef;
  --green-base: #6AE429;
  --green-dark: #217067;
  --green-deep-dark: #061B20;
  --yellow-light: #F2F5AF;
  --yellow-base: #FBFFB0;
  --green-approved: #30C0B0;
  --green-success: #BEF4A0;
  --green-ultra-light: #EBFEFB;
  --red-declined: #FA597C;
  --red-100: #fb3333;
  --red-90: #fb4848;
  --red-80: #fc5c5c;
  --red-70: #fc7070;
  --red-60: #fd8585;
  --red-50: #fd9999;
  --red-40: #fdadad;
  --red-30: #fec2c2;
  --red-20: #fed6d6;
  --red-10: #ffebeb;
  --purple-radial-gradient:
    radial-gradient(
      65.16% 115.07% at 20.65% 21.85%,
      #6e6edf 0%,
      #28285d 69.52%,
      #1f1f49 100%);
  --revert-purple-gradient:
    radial-gradient(
      205.16% 115.07% at 20.65% 21.85%,
      #6e6edf 0%,
      #28285d 69.52%,
      #1f1f49 100%);
  --base-blue-gradient:
    linear-gradient(
      357.31deg,
      #0037a3 -5.35%,
      #71a1ff 102.33%);
  --left-blue-gradient:
    linear-gradient(
      97.14deg,
      #0037a3 -5.35%,
      #71a1ff 102.33%);
  --right-blue-gradient:
    radial-gradient(
      51.67% 124.53% at 34.24% -5.59%,
      #71a1ff 0%,
      #0037a3 100%);
  --top-blue-gradient:
    linear-gradient(
      180deg,
      #0037a3 0%,
      #b3ccff 100%);
  --ripple-btn-gradient:
    #0037a3 radial-gradient(
      circle,
      transparent 1%,
      #0037a3 1%) center/15000%;
  --base-grey-gradient:
    linear-gradient(
      357.31deg,
      #000 -5.35%,
      #777 102.33%);
  --left-grey-gradient:
    linear-gradient(
      97.14deg,
      #000 6.92%,
      #737373 97.65%);
  --right-grey-gradient:
    radial-gradient(
      51.67% 124.53% at 34.24% -5.59%,
      #737373 0%,
      #000 100%);
  --multicolor-gradient:
    radial-gradient(
      51.67% 124.53% at 34.24% -5.59%,
      #737373 0%,
      #000 100%);
  --left-green-gradient:
    linear-gradient(
      100deg,
      #006d32 0%,
      #3ac67a 100%);
  --right-green-gradient:
    linear-gradient(
      270deg,
      #006d32 0%,
      #3ac67a 100%);
  --base-green-gradient:
    linear-gradient(
      270deg,
      #006d32 0%,
      #3ac67a 100%);
  --bottom-green-gradient:
    linear-gradient(
      180deg,
      #216842 0%,
      #50d38c 100%);
  --banner-yellow-gradient:
    radial-gradient(
      ellipse at 50% 110%,
      #2c96ff,
      transparent 75%);
  --banner-blue-gradient:
    radial-gradient(
      ellipse at 50% -10%,
      var(--yellow-100),
      transparent 75%);
  --yellow-blue-gradient: var(--banner-yellow-gradient), var(--banner-blue-gradient);
  --uafsans: "UAFSans";
  --ukraine: "e-Ukraine";
  --e-ukrainehead: "e-UkraineHead";
  --size-05px: .5px;
  --size-1px: 1px;
  --size-10px: 10px;
  --size-11px: 11px;
  --size-12px: 12px;
  --size-13px: 13px;
  --size-14px: 14px;
  --size-16px: 16px;
  --size-18px: 18px;
  --size-20px: 20px;
  --size-22px: 22px;
  --size-24px: 24px;
  --size-28px: 28px;
  --size-30px: 30px;
  --size-32px: 32px;
  --size-34px: 34px;
  --size-40px: 40px;
  --size-46px: 46px;
  --size-56px: 56px;
  --size-64px: 64px;
  --thin: 100;
  --ultra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --bold: 600;
  --extra-bold: 700;
  --animation-duration: 0.2s;
  --header-margin-bottom: 32px;
  --horizontal-scroll-height: 16px;
  --modal-z-index: 1001;
  --controls-z-index: 1002;
}
.animate--rotate {
  transform-origin: center;
  animation: spin 2s linear infinite;
}
@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}
.m-0 {
  margin: 0 0 !important;
}
.mt-0 {
  margin-top: 0 !important;
}
.mr-0 {
  margin-right: 0 !important;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.ml-0 {
  margin-left: 0 !important;
}
.m-1 {
  margin: 0.25rem 0.25rem !important;
}
.mt-1 {
  margin-top: 0.25rem !important;
}
.mr-1 {
  margin-right: 0.25rem !important;
}
.mb-1 {
  margin-bottom: 0.25rem !important;
}
.ml-1 {
  margin-left: 0.25rem !important;
}
.m-2 {
  margin: 0.5rem 0.5rem !important;
}
.mt-2 {
  margin-top: 0.5rem !important;
}
.mr-2 {
  margin-right: 0.5rem !important;
}
.mb-2 {
  margin-bottom: 0.5rem !important;
}
.ml-2 {
  margin-left: 0.5rem !important;
}
.m-3 {
  margin: 0.75rem 0.75rem !important;
}
.mt-3 {
  margin-top: 0.75rem !important;
}
.mr-3 {
  margin-right: 0.75rem !important;
}
.mb-3 {
  margin-bottom: 0.75rem !important;
}
.ml-3 {
  margin-left: 0.75rem !important;
}
.m-4 {
  margin: 1rem 1rem !important;
}
.mt-4 {
  margin-top: 1rem !important;
}
.mr-4 {
  margin-right: 1rem !important;
}
.mb-4 {
  margin-bottom: 1rem !important;
}
.ml-4 {
  margin-left: 1rem !important;
}
.m-5 {
  margin: 1.25rem 1.25rem !important;
}
.mt-5 {
  margin-top: 1.25rem !important;
}
.mr-5 {
  margin-right: 1.25rem !important;
}
.mb-5 {
  margin-bottom: 1.25rem !important;
}
.ml-5 {
  margin-left: 1.25rem !important;
}
.m-6 {
  margin: 1.5rem 1.5rem !important;
}
.mt-6 {
  margin-top: 1.5rem !important;
}
.mr-6 {
  margin-right: 1.5rem !important;
}
.mb-6 {
  margin-bottom: 1.5rem !important;
}
.ml-6 {
  margin-left: 1.5rem !important;
}
.m-7 {
  margin: 1.75rem 1.75rem !important;
}
.mt-7 {
  margin-top: 1.75rem !important;
}
.mr-7 {
  margin-right: 1.75rem !important;
}
.mb-7 {
  margin-bottom: 1.75rem !important;
}
.ml-7 {
  margin-left: 1.75rem !important;
}
.m-8 {
  margin: 2rem 2rem !important;
}
.mt-8 {
  margin-top: 2rem !important;
}
.mr-8 {
  margin-right: 2rem !important;
}
.mb-8 {
  margin-bottom: 2rem !important;
}
.ml-8 {
  margin-left: 2rem !important;
}
.m-9 {
  margin: 2.25rem 2.25rem !important;
}
.mt-9 {
  margin-top: 2.25rem !important;
}
.mr-9 {
  margin-right: 2.25rem !important;
}
.mb-9 {
  margin-bottom: 2.25rem !important;
}
.ml-9 {
  margin-left: 2.25rem !important;
}
.m-10 {
  margin: 2.5rem 2.5rem !important;
}
.mt-10 {
  margin-top: 2.5rem !important;
}
.mr-10 {
  margin-right: 2.5rem !important;
}
.mb-10 {
  margin-bottom: 2.5rem !important;
}
.ml-10 {
  margin-left: 2.5rem !important;
}
.m-11 {
  margin: 2.75rem 2.75rem !important;
}
.mt-11 {
  margin-top: 2.75rem !important;
}
.mr-11 {
  margin-right: 2.75rem !important;
}
.mb-11 {
  margin-bottom: 2.75rem !important;
}
.ml-11 {
  margin-left: 2.75rem !important;
}
.m-12 {
  margin: 3rem 3rem !important;
}
.mt-12 {
  margin-top: 3rem !important;
}
.mr-12 {
  margin-right: 3rem !important;
}
.mb-12 {
  margin-bottom: 3rem !important;
}
.ml-12 {
  margin-left: 3rem !important;
}
.p-0 {
  padding: 0 0 !important;
}
.pt-0 {
  padding-top: 0 !important;
}
.pr-0 {
  padding-right: 0 !important;
}
.pb-0 {
  padding-bottom: 0 !important;
}
.pl-0 {
  padding-left: 0 !important;
}
.p-1 {
  padding: 0.25rem 0.25rem !important;
}
.pt-1 {
  padding-top: 0.25rem !important;
}
.pr-1 {
  padding-right: 0.25rem !important;
}
.pb-1 {
  padding-bottom: 0.25rem !important;
}
.pl-1 {
  padding-left: 0.25rem !important;
}
.p-2 {
  padding: 0.5rem 0.5rem !important;
}
.pt-2 {
  padding-top: 0.5rem !important;
}
.pr-2 {
  padding-right: 0.5rem !important;
}
.pb-2 {
  padding-bottom: 0.5rem !important;
}
.pl-2 {
  padding-left: 0.5rem !important;
}
.p-3 {
  padding: 0.75rem 0.75rem !important;
}
.pt-3 {
  padding-top: 0.75rem !important;
}
.pr-3 {
  padding-right: 0.75rem !important;
}
.pb-3 {
  padding-bottom: 0.75rem !important;
}
.pl-3 {
  padding-left: 0.75rem !important;
}
.p-4 {
  padding: 1rem 1rem !important;
}
.pt-4 {
  padding-top: 1rem !important;
}
.pr-4 {
  padding-right: 1rem !important;
}
.pb-4 {
  padding-bottom: 1rem !important;
}
.pl-4 {
  padding-left: 1rem !important;
}
.p-5 {
  padding: 1.25rem 1.25rem !important;
}
.pt-5 {
  padding-top: 1.25rem !important;
}
.pr-5 {
  padding-right: 1.25rem !important;
}
.pb-5 {
  padding-bottom: 1.25rem !important;
}
.pl-5 {
  padding-left: 1.25rem !important;
}
.p-6 {
  padding: 1.5rem 1.5rem !important;
}
.pt-6 {
  padding-top: 1.5rem !important;
}
.pr-6 {
  padding-right: 1.5rem !important;
}
.pb-6 {
  padding-bottom: 1.5rem !important;
}
.pl-6 {
  padding-left: 1.5rem !important;
}
.p-7 {
  padding: 1.75rem 1.75rem !important;
}
.pt-7 {
  padding-top: 1.75rem !important;
}
.pr-7 {
  padding-right: 1.75rem !important;
}
.pb-7 {
  padding-bottom: 1.75rem !important;
}
.pl-7 {
  padding-left: 1.75rem !important;
}
.p-8 {
  padding: 2rem 2rem !important;
}
.pt-8 {
  padding-top: 2rem !important;
}
.pr-8 {
  padding-right: 2rem !important;
}
.pb-8 {
  padding-bottom: 2rem !important;
}
.pl-8 {
  padding-left: 2rem !important;
}
.p-9 {
  padding: 2.25rem 2.25rem !important;
}
.pt-9 {
  padding-top: 2.25rem !important;
}
.pr-9 {
  padding-right: 2.25rem !important;
}
.pb-9 {
  padding-bottom: 2.25rem !important;
}
.pl-9 {
  padding-left: 2.25rem !important;
}
.p-10 {
  padding: 2.5rem 2.5rem !important;
}
.pt-10 {
  padding-top: 2.5rem !important;
}
.pr-10 {
  padding-right: 2.5rem !important;
}
.pb-10 {
  padding-bottom: 2.5rem !important;
}
.pl-10 {
  padding-left: 2.5rem !important;
}
.p-11 {
  padding: 2.75rem 2.75rem !important;
}
.pt-11 {
  padding-top: 2.75rem !important;
}
.pr-11 {
  padding-right: 2.75rem !important;
}
.pb-11 {
  padding-bottom: 2.75rem !important;
}
.pl-11 {
  padding-left: 2.75rem !important;
}
.p-12 {
  padding: 3rem 3rem !important;
}
.pt-12 {
  padding-top: 3rem !important;
}
.pr-12 {
  padding-right: 3rem !important;
}
.pb-12 {
  padding-bottom: 3rem !important;
}
.pl-12 {
  padding-left: 3rem !important;
}
.width-full {
  width: 100%;
}
.title {
  font-family: var(--title-font-family), sans-serif;
  font-weight: var(--medium);
  color: var(--black-100);
}
.title.double-large {
  font-weight: var(--extra-bold);
  font-size: 3.5em;
  line-height: 1.1428571429;
}
@media (max-width: 768px) {
  .title.double-large {
    font-size: 1.75em;
    line-height: 1.2142857143;
  }
}
.title.extra-large {
  font-size: 2.875em;
  line-height: 1.2173913043;
}
@media (max-width: 768px) {
  .title.extra-large {
    font-size: 1.5em;
    line-height: 1.3333333333;
  }
}
.title.large {
  font-size: 2.375em;
  line-height: 1.2631578947;
}
@media (max-width: 768px) {
  .title.large {
    font-size: 1.375em;
    line-height: 1.3636363636;
  }
}
.title.medium {
  font-size: 1.75em;
  line-height: 1.2142857143;
}
@media (max-width: 768px) {
  .title.medium {
    font-size: 1.25em;
    line-height: 1.4;
  }
}
.title.small {
  font-size: 1.5em;
  line-height: 1.3333333333;
}
@media (max-width: 768px) {
  .title.small {
    font-size: 1.125em;
    line-height: 1.3333333333;
  }
}
.title.extra-small {
  font-size: 1.25em;
  line-height: 1.4;
}
@media (max-width: 768px) {
  .title.extra-small {
    font-size: 1em;
    line-height: 1.375;
  }
}
.text {
  font-weight: var(--regular);
  color: var(--black-100);
}
.text.extra-large {
  font-weight: var(--medium);
  font-size: 1.125em;
  line-height: 1.3333333333;
}
@media (max-width: 768px) {
  .text.extra-large {
    font-size: 0.875em;
    line-height: 1.4285714286;
  }
}
.text.large {
  font-size: 1em;
  line-height: 1.375;
}
@media (max-width: 768px) {
  .text.large {
    font-size: 0.8125em;
    line-height: 1.3846153846;
  }
}
.text.medium {
  font-size: 0.875em;
  line-height: 1.4285714286;
}
@media (max-width: 768px) {
  .text.medium {
    font-size: 0.6875em;
    line-height: 1.2727272727;
  }
}
.text.small {
  font-size: 0.75em;
  line-height: 1.3333333333;
}
@media (max-width: 768px) {
  .text.small {
    font-size: 0.625em;
    line-height: 1.4;
  }
}
.text.extra-small {
  font-size: 0.625em;
  line-height: 1.4;
}
@media (max-width: 768px) {
  .text.extra-small {
    font-size: 0.625em;
    line-height: 1.2;
  }
}
.text--wrap {
  word-wrap: break-word;
  hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
}
.text.text-center {
  text-align: center;
}
.text--blue-10 {
  color: var(--blue-10);
}
.text--blue-20 {
  color: var(--blue-20);
}
.text--blue-30 {
  color: var(--blue-30);
}
.text--blue-40 {
  color: var(--blue-40);
}
.text--blue-50 {
  color: var(--blue-50);
}
.text--blue-60 {
  color: var(--blue-60);
}
.text--blue-70 {
  color: var(--blue-70);
}
.text--blue-80 {
  color: var(--blue-80);
}
.text--blue-90 {
  color: var(--blue-90);
}
.text--blue-100 {
  color: var(--blue-100);
}
.text--purple-10 {
  color: var(--purple-10);
}
.text--purple-20 {
  color: var(--purple-20);
}
.text--purple-30 {
  color: var(--purple-30);
}
.text--purple-40 {
  color: var(--purple-40);
}
.text--purple-50 {
  color: var(--purple-50);
}
.text--purple-60 {
  color: var(--purple-60);
}
.text--purple-70 {
  color: var(--purple-70);
}
.text--purple-80 {
  color: var(--purple-80);
}
.text--purple-90 {
  color: var(--purple-90);
}
.text--purple-100 {
  color: var(--purple-100);
}
.text--black-10 {
  color: var(--black-10);
}
.text--black-20 {
  color: var(--black-20);
}
.text--black-30 {
  color: var(--black-30);
}
.text--black-40 {
  color: var(--black-40);
}
.text--black-50 {
  color: var(--black-50);
}
.text--black-60 {
  color: var(--black-60);
}
.text--black-70 {
  color: var(--black-70);
}
.text--black-80 {
  color: var(--black-80);
}
.text--black-90 {
  color: var(--black-90);
}
.text--black-100 {
  color: var(--black-100);
}
.text--grey-10 {
  color: var(--grey-10);
}
.text--grey-20 {
  color: var(--grey-20);
}
.text--grey-30 {
  color: var(--grey-30);
}
.text--grey-40 {
  color: var(--grey-40);
}
.text--grey-50 {
  color: var(--grey-50);
}
.text--grey-60 {
  color: var(--grey-60);
}
.text--grey-70 {
  color: var(--grey-70);
}
.text--grey-80 {
  color: var(--grey-80);
}
.text--grey-90 {
  color: var(--grey-90);
}
.text--grey-100 {
  color: var(--grey-100);
}
.text--yellow-10 {
  color: var(--yellow-10);
}
.text--yellow-20 {
  color: var(--yellow-20);
}
.text--yellow-30 {
  color: var(--yellow-30);
}
.text--yellow-40 {
  color: var(--yellow-40);
}
.text--yellow-50 {
  color: var(--yellow-50);
}
.text--yellow-60 {
  color: var(--yellow-60);
}
.text--yellow-70 {
  color: var(--yellow-70);
}
.text--yellow-80 {
  color: var(--yellow-80);
}
.text--yellow-90 {
  color: var(--yellow-90);
}
.text--yellow-100 {
  color: var(--yellow-100);
}
.text--green-10 {
  color: var(--green-10);
}
.text--green-20 {
  color: var(--green-20);
}
.text--green-30 {
  color: var(--green-30);
}
.text--green-40 {
  color: var(--green-40);
}
.text--green-50 {
  color: var(--green-50);
}
.text--green-60 {
  color: var(--green-60);
}
.text--green-70 {
  color: var(--green-70);
}
.text--green-80 {
  color: var(--green-80);
}
.text--green-90 {
  color: var(--green-90);
}
.text--green-100 {
  color: var(--green-100);
}
.text--red-10 {
  color: var(--red-10);
}
.text--red-20 {
  color: var(--red-20);
}
.text--red-30 {
  color: var(--red-30);
}
.text--red-40 {
  color: var(--red-40);
}
.text--red-50 {
  color: var(--red-50);
}
.text--red-60 {
  color: var(--red-60);
}
.text--red-70 {
  color: var(--red-70);
}
.text--red-80 {
  color: var(--red-80);
}
.text--red-90 {
  color: var(--red-90);
}
.text--red-100 {
  color: var(--red-100);
}
.bg--blue-10 {
  background-color: var(--blue-10);
}
.bg--blue-20 {
  background-color: var(--blue-20);
}
.bg--blue-30 {
  background-color: var(--blue-30);
}
.bg--blue-40 {
  background-color: var(--blue-40);
}
.bg--blue-50 {
  background-color: var(--blue-50);
}
.bg--blue-60 {
  background-color: var(--blue-60);
}
.bg--blue-70 {
  background-color: var(--blue-70);
}
.bg--blue-80 {
  background-color: var(--blue-80);
}
.bg--blue-90 {
  background-color: var(--blue-90);
}
.bg--blue-100 {
  background-color: var(--blue-100);
}
.bg--purple-10 {
  background-color: var(--purple-10);
}
.bg--purple-20 {
  background-color: var(--purple-20);
}
.bg--purple-30 {
  background-color: var(--purple-30);
}
.bg--purple-40 {
  background-color: var(--purple-40);
}
.bg--purple-50 {
  background-color: var(--purple-50);
}
.bg--purple-60 {
  background-color: var(--purple-60);
}
.bg--purple-70 {
  background-color: var(--purple-70);
}
.bg--purple-80 {
  background-color: var(--purple-80);
}
.bg--purple-90 {
  background-color: var(--purple-90);
}
.bg--purple-100 {
  background-color: var(--purple-100);
}
.bg--black-10 {
  background-color: var(--black-10);
}
.bg--black-20 {
  background-color: var(--black-20);
}
.bg--black-30 {
  background-color: var(--black-30);
}
.bg--black-40 {
  background-color: var(--black-40);
}
.bg--black-50 {
  background-color: var(--black-50);
}
.bg--black-60 {
  background-color: var(--black-60);
}
.bg--black-70 {
  background-color: var(--black-70);
}
.bg--black-80 {
  background-color: var(--black-80);
}
.bg--black-90 {
  background-color: var(--black-90);
}
.bg--black-100 {
  background-color: var(--black-100);
}
.bg--grey-10 {
  background-color: var(--grey-10);
}
.bg--grey-20 {
  background-color: var(--grey-20);
}
.bg--grey-30 {
  background-color: var(--grey-30);
}
.bg--grey-40 {
  background-color: var(--grey-40);
}
.bg--grey-50 {
  background-color: var(--grey-50);
}
.bg--grey-60 {
  background-color: var(--grey-60);
}
.bg--grey-70 {
  background-color: var(--grey-70);
}
.bg--grey-80 {
  background-color: var(--grey-80);
}
.bg--grey-90 {
  background-color: var(--grey-90);
}
.bg--grey-100 {
  background-color: var(--grey-100);
}
.bg--yellow-10 {
  background-color: var(--yellow-10);
}
.bg--yellow-20 {
  background-color: var(--yellow-20);
}
.bg--yellow-30 {
  background-color: var(--yellow-30);
}
.bg--yellow-40 {
  background-color: var(--yellow-40);
}
.bg--yellow-50 {
  background-color: var(--yellow-50);
}
.bg--yellow-60 {
  background-color: var(--yellow-60);
}
.bg--yellow-70 {
  background-color: var(--yellow-70);
}
.bg--yellow-80 {
  background-color: var(--yellow-80);
}
.bg--yellow-90 {
  background-color: var(--yellow-90);
}
.bg--yellow-100 {
  background-color: var(--yellow-100);
}
.bg--green-10 {
  background-color: var(--green-10);
}
.bg--green-20 {
  background-color: var(--green-20);
}
.bg--green-30 {
  background-color: var(--green-30);
}
.bg--green-40 {
  background-color: var(--green-40);
}
.bg--green-50 {
  background-color: var(--green-50);
}
.bg--green-60 {
  background-color: var(--green-60);
}
.bg--green-70 {
  background-color: var(--green-70);
}
.bg--green-80 {
  background-color: var(--green-80);
}
.bg--green-90 {
  background-color: var(--green-90);
}
.bg--green-100 {
  background-color: var(--green-100);
}
.bg--red-10 {
  background-color: var(--red-10);
}
.bg--red-20 {
  background-color: var(--red-20);
}
.bg--red-30 {
  background-color: var(--red-30);
}
.bg--red-40 {
  background-color: var(--red-40);
}
.bg--red-50 {
  background-color: var(--red-50);
}
.bg--red-60 {
  background-color: var(--red-60);
}
.bg--red-70 {
  background-color: var(--red-70);
}
.bg--red-80 {
  background-color: var(--red-80);
}
.bg--red-90 {
  background-color: var(--red-90);
}
.bg--red-100 {
  background-color: var(--red-100);
}
.text--light {
  font-weight: 300;
}
.text--normal {
  font-weight: 400;
}
.text--medium {
  font-weight: 500;
}
.text--semibold {
  font-weight: 600;
}
.text--bold {
  font-weight: 700;
}
.container {
  --pading: 16px;
  --max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: var(--max-width);
  padding-left: var(--pading);
  padding-right: var(--pading);
}
@media (max-width: calc(768px - 0.02px)) {
  .container {
    --pading: 8px;
  }
}
@media (min-width: 768px) {
  .container {
    --max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container {
    --max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container {
    --max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container {
    --max-width: calc(100% - 4%);
  }
}
.container.fluid {
  --max-width: 100%;
}
.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  width: 100%;
  margin-top: calc(var(--bs-gutter-y) * -1);
  margin-right: calc(var(--bs-gutter-x) * -0.5);
  margin-left: calc(var(--bs-gutter-x) * -0.5);
}
.row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}
.row.align-items-start {
  align-items: flex-start;
}
.row.wrap {
  flex-wrap: wrap;
}
.col {
  flex: 1 0 0;
}
.col-1 {
  flex: 0 0 auto;
  width: 8.3333333333%;
}
.col-2 {
  flex: 0 0 auto;
  width: 16.6666666667%;
}
.col-3 {
  flex: 0 0 auto;
  width: 25%;
}
.col-4 {
  flex: 0 0 auto;
  width: 33.3333333333%;
}
.col-5 {
  flex: 0 0 auto;
  width: 41.6666666667%;
}
.col-6 {
  flex: 0 0 auto;
  width: 50%;
}
.col-7 {
  flex: 0 0 auto;
  width: 58.3333333333%;
}
.col-8 {
  flex: 0 0 auto;
  width: 66.6666666667%;
}
.col-9 {
  flex: 0 0 auto;
  width: 75%;
}
.col-10 {
  flex: 0 0 auto;
  width: 83.3333333333%;
}
.col-11 {
  flex: 0 0 auto;
  width: 91.6666666667%;
}
.col-12 {
  flex: 0 0 auto;
  width: 100%;
}
@media (min-width: 576px) {
  .sm\:col-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }
}
@media (min-width: 576px) {
  .sm\:col-2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
}
@media (min-width: 576px) {
  .sm\:col-3 {
    flex: 0 0 auto;
    width: 25%;
  }
}
@media (min-width: 576px) {
  .sm\:col-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
}
@media (min-width: 576px) {
  .sm\:col-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }
}
@media (min-width: 576px) {
  .sm\:col-6 {
    flex: 0 0 auto;
    width: 50%;
  }
}
@media (min-width: 576px) {
  .sm\:col-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }
}
@media (min-width: 576px) {
  .sm\:col-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }
}
@media (min-width: 576px) {
  .sm\:col-9 {
    flex: 0 0 auto;
    width: 75%;
  }
}
@media (min-width: 576px) {
  .sm\:col-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }
}
@media (min-width: 576px) {
  .sm\:col-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
  }
}
@media (min-width: 576px) {
  .sm\:col-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media (min-width: 768px) {
  .md\:col-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }
}
@media (min-width: 768px) {
  .md\:col-2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
}
@media (min-width: 768px) {
  .md\:col-3 {
    flex: 0 0 auto;
    width: 25%;
  }
}
@media (min-width: 768px) {
  .md\:col-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
}
@media (min-width: 768px) {
  .md\:col-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }
}
@media (min-width: 768px) {
  .md\:col-6 {
    flex: 0 0 auto;
    width: 50%;
  }
}
@media (min-width: 768px) {
  .md\:col-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }
}
@media (min-width: 768px) {
  .md\:col-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }
}
@media (min-width: 768px) {
  .md\:col-9 {
    flex: 0 0 auto;
    width: 75%;
  }
}
@media (min-width: 768px) {
  .md\:col-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }
}
@media (min-width: 768px) {
  .md\:col-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
  }
}
@media (min-width: 768px) {
  .md\:col-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media (min-width: 992px) {
  .lg\:col-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }
}
@media (min-width: 992px) {
  .lg\:col-2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
}
@media (min-width: 992px) {
  .lg\:col-3 {
    flex: 0 0 auto;
    width: 25%;
  }
}
@media (min-width: 992px) {
  .lg\:col-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
}
@media (min-width: 992px) {
  .lg\:col-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }
}
@media (min-width: 992px) {
  .lg\:col-6 {
    flex: 0 0 auto;
    width: 50%;
  }
}
@media (min-width: 992px) {
  .lg\:col-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }
}
@media (min-width: 992px) {
  .lg\:col-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }
}
@media (min-width: 992px) {
  .lg\:col-9 {
    flex: 0 0 auto;
    width: 75%;
  }
}
@media (min-width: 992px) {
  .lg\:col-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }
}
@media (min-width: 992px) {
  .lg\:col-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
  }
}
@media (min-width: 992px) {
  .lg\:col-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .xl\:col-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }
}
@media (min-width: 1200px) {
  .xl\:col-2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
}
@media (min-width: 1200px) {
  .xl\:col-3 {
    flex: 0 0 auto;
    width: 25%;
  }
}
@media (min-width: 1200px) {
  .xl\:col-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
}
@media (min-width: 1200px) {
  .xl\:col-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }
}
@media (min-width: 1200px) {
  .xl\:col-6 {
    flex: 0 0 auto;
    width: 50%;
  }
}
@media (min-width: 1200px) {
  .xl\:col-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }
}
@media (min-width: 1200px) {
  .xl\:col-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }
}
@media (min-width: 1200px) {
  .xl\:col-9 {
    flex: 0 0 auto;
    width: 75%;
  }
}
@media (min-width: 1200px) {
  .xl\:col-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }
}
@media (min-width: 1200px) {
  .xl\:col-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
  }
}
@media (min-width: 1200px) {
  .xl\:col-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media (min-width: 1400px) {
  .xxl\:col-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }
}
@media (min-width: 1400px) {
  .xxl\:col-2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
}
@media (min-width: 1400px) {
  .xxl\:col-3 {
    flex: 0 0 auto;
    width: 25%;
  }
}
@media (min-width: 1400px) {
  .xxl\:col-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
}
@media (min-width: 1400px) {
  .xxl\:col-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }
}
@media (min-width: 1400px) {
  .xxl\:col-6 {
    flex: 0 0 auto;
    width: 50%;
  }
}
@media (min-width: 1400px) {
  .xxl\:col-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }
}
@media (min-width: 1400px) {
  .xxl\:col-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }
}
@media (min-width: 1400px) {
  .xxl\:col-9 {
    flex: 0 0 auto;
    width: 75%;
  }
}
@media (min-width: 1400px) {
  .xxl\:col-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }
}
@media (min-width: 1400px) {
  .xxl\:col-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
  }
}
@media (min-width: 1400px) {
  .xxl\:col-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
.flex {
  display: flex;
}
.flex-center {
  align-items: center;
}
.flex-between {
  justify-content: space-between;
}
.flex-end {
  justify-content: flex-end;
}
.flex-justify-center {
  justify-content: center;
}
.flex-wrap {
  flex-wrap: wrap;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.spacer {
  flex: 1 0 0;
}
.field {
  --text-color: var(--black-100);
  --border-color: var(--black-20);
  --padding: 12px;
  width: 100%;
  outline: none;
  cursor: pointer;
  border-radius: var(--border-radius);
  padding: var(--padding);
  color: var(--text-color);
  font-weight: var(--regular);
  font-size: var(--size-12px);
  line-height: var(--size-14px);
  border: 1px solid var(--border-color);
}
.field::placeholder,
.field.placeholder {
  color: var(--black-60);
}
.field:not(.field:disabled, .disabled):hover {
  --border-color: var(--black-80);
}
.field:not(.field:disabled):active,
.field:not(.field:disabled):focus {
  --border-color: var(--black-60);
}
.field:disabled,
.field.disabled {
  --border-color: transparent;
  --text-color: var(--black-100);
  cursor: default;
  background-color: var(--grey-40);
}
.field:disabled::placeholder,
.field.disabled::placeholder {
  color: var(--text-color);
}
.field:enabled(.success, .error) {
  padding-left: 0;
}
.field.success,
.field.success:not(.field:disabled):focus {
  --border-color: var(--green-100);
}
.field.error,
.field.error:not(.field:disabled):focus {
  --border-color: var(--red-90);
}
.field.small {
  --border-radius: 4px;
  --padding: 8px 12px;
}
.field__row {
  position: relative;
}
.field__container {
  margin-bottom: 24px;
}
.field__error-message {
  padding: 4px 6px;
  color: var(--red-100);
  font-weight: var(--regular);
  font-size: var(--size-10px);
  line-height: var(--size-14px);
}
.field__error-message.up {
  margin-top: -22px;
}
.field {
}
.field::-webkit-outer-spin-button,
.field::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.field {
}
.field[type=number] {
  -moz-appearance: textfield;
}
.med-layout {
  display: table;
  max-width: 100%;
}
.med-layout--sticky {
  position: sticky;
}
.med-layout__main {
  display: flex;
}
.med-layout__banner {
  position: sticky;
  left: 0;
  display: block;
}
.med-layout__header {
  position: sticky;
  align-self: self-start;
  display: block;
  z-index: 4;
  top: 0;
  left: 0;
  margin-bottom: var(--header-margin-bottom);
}
.med-layout__right,
.med-layout__left {
  z-index: 3;
  flex: 0 0 186px;
  position: sticky;
  background-color: var(--white);
}
.med-layout__left {
  left: 0;
}
.med-layout__right {
  right: 0;
}
.med-layout__bottom {
  z-index: 3;
  position: sticky;
  top: 8px;
  padding-bottom: 8px;
  background-color: var(--white);
}
.med-layout__footer {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 5;
  padding-left: 16px;
  padding-right: 16px;
  background-color: var(--white);
}
.med-layout__footer-content {
  height: 100%;
  color: var(--white);
  padding: 8px;
  border-radius: 8px 8px 0 0;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background: var(--black-90);
}
.med-popup__tooltip {
  z-index: 9;
  position: fixed;
  transform: translate(-99999px, -9999px);
  font-weight: var(--medium);
  font-size: var(--size-14px);
  line-height: var(--size-18px);
  color: var(--black-100);
  padding: 12px 8px;
  background-color: var(--white);
  border: 1px solid var(--black-20);
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.22);
}
.med-popup__tooltip[data-popper-reference-hidden] {
  visibility: hidden;
  pointer-events: none;
}
.med-tooltip__tooltip-wrap {
  z-index: 1002;
  position: fixed;
  transform: translate(-99999px, -9999px);
}
.med-tooltip__tooltip-wrap[data-popper-reference-hidden] {
  visibility: hidden;
  pointer-events: none;
}
.med-tooltip__tooltip-wrap[data-popper-placement^=top] {
  padding-bottom: 10px;
}
.med-tooltip__tooltip-wrap[data-popper-placement^=top] .med-tooltip__arrow {
  bottom: -4px;
  left: calc(50% - 2px);
}
.med-tooltip__tooltip-wrap[data-popper-placement^=bottom] {
  padding-top: 10px;
}
.med-tooltip__tooltip-wrap[data-popper-placement^=bottom] .med-tooltip__arrow {
  top: -4px;
}
.med-tooltip__tooltip-wrap[data-popper-placement^=left] {
  padding-right: 10px;
}
.med-tooltip__tooltip-wrap[data-popper-placement^=left] .med-tooltip__arrow {
  right: -4px;
}
.med-tooltip__tooltip-wrap[data-popper-placement^=right] {
  padding-left: 10px;
}
.med-tooltip__tooltip-wrap[data-popper-placement^=right] .med-tooltip__arrow {
  left: -4px;
}
.med-tooltip__tooltip {
  color: var(--black-100);
  background-color: var(--white);
  padding: 12px 8px;
  border-radius: 8px;
  font-weight: var(--regular);
  font-size: var(--size-12px);
  line-height: var(--size-16px);
  filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.22));
}
.med-tooltip__arrow {
  visibility: hidden;
}
.med-tooltip__arrow,
.med-tooltip__arrow::before {
  position: absolute;
  width: 8px;
  height: 8px;
  background: inherit;
}
.med-tooltip__arrow::before {
  content: "";
  visibility: visible;
  transform: rotate(45deg);
}
.p-disabled {
  color: var(--black-60) !important;
}
.p-datepicker-day {
  font-size: 0.8em;
}
.p-datepicker-day-cell {
  padding: 0.5em 0 !important;
}
.med-datepicker {
  --nav-border-color: var(--grey-100) !important;
  position: relative !important;
  color: var(--black-60) !important;
}
.med-datepicker.disabled .med-datepicker__icon--calendar {
  color: var(--grey-100) !important;
}
.med-datepicker__host {
  width: 100% !important;
}
.med-datepicker__field {
  padding-right: 50px !important;
}
.med-datepicker__nav {
  position: absolute !important;
  right: 6px !important;
  top: 50% !important;
  transform: translate(0, -50%) !important;
  display: flex !important;
  align-items: center !important;
}
.med-datepicker__icon {
  cursor: pointer !important;
  display: flex !important;
  background-color: transparent !important;
  padding: 2px !important;
  border-radius: 4px !important;
}
.med-datepicker__icon--calendar {
  color: var(--black-100) !important;
}
.med-datepicker__icon--delete {
  margin-right: 4px !important;
}
.med-datepicker__icon--delete:hover {
  color: var(--black-100) !important;
  background-color: var(--grey-50) !important;
}
.med-datepicker__icon--delete.hide {
  display: none !important;
}
.med-datepicker__panel {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.22);
  background: var(--white) !important;
  border: 1px solid var(--nav-border-color) !important;
  border-radius: 8px !important;
  z-index: var(--modal-z-index) !important;
}
.med-datepicker__panel.flexible {
  display: flex;
}
.med-datepicker__panel .p-datepicker-header {
  border-bottom: 1px solid var(--grey-100) !important;
  padding: 6px 8px !important;
}
.med-datepicker__panel .p-datepicker-prev,
.med-datepicker__panel .p-datepicker-next {
  --nav-border-color: var(--purple-100) !important;
  width: 24px !important;
  height: 24px !important;
  align-items: center !important;
  justify-content: center !important;
  border: none !important;
  background-color: transparent !important;
}
.med-datepicker__panel .p-datepicker-prev::before,
.med-datepicker__panel .p-datepicker-next::before {
  content: "";
  border: solid var(--nav-border-color) !important;
  border-width: 0 2px 2px 0 !important;
  display: inline-block !important;
  padding: 3px !important;
}
.med-datepicker__panel .p-datepicker-prev::before {
  transform: rotate(135deg) !important;
}
.med-datepicker__panel .p-datepicker-next::before {
  transform: rotate(-45deg) !important;
}
.med-datepicker__panel .p-datepicker-month,
.med-datepicker__panel .p-datepicker-year,
.med-datepicker__panel .p-datepicker-decade {
  cursor: pointer !important;
  border: none !important;
  background-color: transparent !important;
  color: var(--black-100) !important;
  font-weight: var(--regular) !important;
  font-size: var(--size-14px) !important;
}
.med-datepicker__panel .p-datepicker-month:hover,
.med-datepicker__panel .p-datepicker-year:hover,
.med-datepicker__panel .p-datepicker-decade:hover {
  color: var(--purple-100) !important;
}
.med-datepicker__panel .p-datepicker-calendar-container {
  padding-bottom: 12px !important;
}
.med-datepicker__panel .p-datepicker-calendar thead {
  background-color: var(--grey-40) !important;
}
.med-datepicker__panel .p-datepicker-calendar th,
.med-datepicker__panel .p-datepicker-calendar td .p-element {
  padding: 8px 7px !important;
  color: var(--black-100) !important;
  font-weight: var(--regular) !important;
  font-size: var(--size-12px) !important;
}
.med-datepicker__panel .p-datepicker-calendar th:first-child {
  padding-left: 23px !important;
}
.med-datepicker__panel .p-datepicker-calendar th:last-child {
  padding-right: 23px !important;
}
.med-datepicker__panel .p-datepicker-calendar td:first-child .p-element {
  margin-left: 16px !important;
}
.med-datepicker__panel .p-datepicker-calendar td:last-child .p-element {
  margin-right: 16px !important;
}
.med-datepicker__panel .p-datepicker-calendar td .p-element {
  border-radius: 4px !important;
}
.med-datepicker__panel .p-datepicker-calendar td .p-element:hover:not(.p-disabled) {
  color: var(--purple-100) !important;
  background: var(--purple-10) !important;
}
.med-datepicker__panel .p-datepicker-calendar td .p-element.p-highlight {
  color: var(--white) !important;
  background-color: var(--purple-100) !important;
}
.med-datepicker__panel .p-datepicker-calendar td .p-element.p-disabled {
  color: var(--grey-100) !important;
}
.med-datepicker__panel .p-yearpicker,
.med-datepicker__panel .p-monthpicker {
  padding: 26px 12px !important;
}
.med-datepicker__panel .p-yearpicker-year,
.med-datepicker__panel .p-yearpicker-month,
.med-datepicker__panel .p-monthpicker-year,
.med-datepicker__panel .p-monthpicker-month {
  padding: 8px 0 !important;
  border-radius: 4px !important;
  color: var(--black-100) !important;
  font-weight: var(--regular) !important;
  font-size: var(--size-12px) !important;
}
.med-datepicker__panel .p-yearpicker-year:hover,
.med-datepicker__panel .p-yearpicker-month:hover,
.med-datepicker__panel .p-monthpicker-year:hover,
.med-datepicker__panel .p-monthpicker-month:hover {
  background-color: var(--grey-20) !important;
}
.med-datepicker__panel .p-yearpicker-year.p-highlight,
.med-datepicker__panel .p-yearpicker-month.p-highlight,
.med-datepicker__panel .p-monthpicker-year.p-highlight,
.med-datepicker__panel .p-monthpicker-month.p-highlight {
  color: var(--white) !important;
  background-color: var(--purple-100) !important;
}
.med-datepicker__panel .p-timepicker {
  padding-right: 12px !important;
}
.med-datepicker__panel .p-timepicker span {
  color: var(--black-100);
  font-weight: var(--regular);
  font-size: var(--size-16px);
}
.med-datepicker__panel .p-timepicker .p-ripple {
  width: 24px;
  height: 24px;
  align-items: center;
  justify-content: center;
  border: none;
  background-color: transparent;
}
.med-datepicker__panel .p-timepicker .p-ripple::before {
  content: "";
  border: solid var(--nav-border-color);
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
}
.med-datepicker__panel .p-timepicker .p-ripple:hover {
  --nav-border-color: var(--purple-100);
}
.med-datepicker__panel .p-timepicker .p-ripple:first-child {
  transform: rotate(-135deg);
}
.med-datepicker__panel .p-timepicker .p-ripple:last-child {
  transform: rotate(45deg);
}
.med-datepicker__panel .p-timepicker .p-separator {
  margin-left: 2px;
}
:root,
.theme--brand {
  --icon-border-radius: 0;
  --icon-box-shadow: none;
}
:root,
.theme--eStock {
  --icon-border-radius: 0.00625em;
  --icon-box-shadow: 0 .25em .775em -.3em #00000042;
}
.icon-4 {
  width: 0.25em;
  aspect-ratio: 1;
  border-radius: var(--icon-border-radius);
  box-shadow: var(--icon-box-shadow);
}
.icon-4.round {
  border-radius: 0.125em;
}
:root,
.theme--brand {
  --icon-border-radius: 0;
  --icon-box-shadow: none;
}
:root,
.theme--eStock {
  --icon-border-radius: 0.0125em;
  --icon-box-shadow: 0 .25em .775em -.3em #00000042;
}
.icon-8 {
  width: 0.5em;
  aspect-ratio: 1;
  border-radius: var(--icon-border-radius);
  box-shadow: var(--icon-box-shadow);
}
.icon-8.round {
  border-radius: 0.25em;
}
:root,
.theme--brand {
  --icon-border-radius: 0;
  --icon-box-shadow: none;
}
:root,
.theme--eStock {
  --icon-border-radius: 0.01875em;
  --icon-box-shadow: 0 .25em .775em -.3em #00000042;
}
.icon-12 {
  width: 0.75em;
  aspect-ratio: 1;
  border-radius: var(--icon-border-radius);
  box-shadow: var(--icon-box-shadow);
}
.icon-12.round {
  border-radius: 0.375em;
}
:root,
.theme--brand {
  --icon-border-radius: 0;
  --icon-box-shadow: none;
}
:root,
.theme--eStock {
  --icon-border-radius: 0.025em;
  --icon-box-shadow: 0 .25em .775em -.3em #00000042;
}
.icon-16 {
  width: 1em;
  aspect-ratio: 1;
  border-radius: var(--icon-border-radius);
  box-shadow: var(--icon-box-shadow);
}
.icon-16.round {
  border-radius: 0.5em;
}
:root,
.theme--brand {
  --icon-border-radius: 0;
  --icon-box-shadow: none;
}
:root,
.theme--eStock {
  --icon-border-radius: 0.03125em;
  --icon-box-shadow: 0 .25em .775em -.3em #00000042;
}
.icon-20 {
  width: 1.25em;
  aspect-ratio: 1;
  border-radius: var(--icon-border-radius);
  box-shadow: var(--icon-box-shadow);
}
.icon-20.round {
  border-radius: 0.625em;
}
:root,
.theme--brand {
  --icon-border-radius: 0;
  --icon-box-shadow: none;
}
:root,
.theme--eStock {
  --icon-border-radius: 0.0375em;
  --icon-box-shadow: 0 .25em .775em -.3em #00000042;
}
.icon-24 {
  width: 1.5em;
  aspect-ratio: 1;
  border-radius: var(--icon-border-radius);
  box-shadow: var(--icon-box-shadow);
}
.icon-24.round {
  border-radius: 0.75em;
}
:root,
.theme--brand {
  --icon-border-radius: 0;
  --icon-box-shadow: none;
}
:root,
.theme--eStock {
  --icon-border-radius: 0.04375em;
  --icon-box-shadow: 0 .25em .775em -.3em #00000042;
}
.icon-28 {
  width: 1.75em;
  aspect-ratio: 1;
  border-radius: var(--icon-border-radius);
  box-shadow: var(--icon-box-shadow);
}
.icon-28.round {
  border-radius: 0.875em;
}
:root,
.theme--brand {
  --icon-border-radius: 0;
  --icon-box-shadow: none;
}
:root,
.theme--eStock {
  --icon-border-radius: 0.05em;
  --icon-box-shadow: 0 .25em .775em -.3em #00000042;
}
.icon-32 {
  width: 2em;
  aspect-ratio: 1;
  border-radius: var(--icon-border-radius);
  box-shadow: var(--icon-box-shadow);
}
.icon-32.round {
  border-radius: 1em;
}
:root,
.theme--brand {
  --icon-border-radius: 0;
  --icon-box-shadow: none;
}
:root,
.theme--eStock {
  --icon-border-radius: 0.05625em;
  --icon-box-shadow: 0 .25em .775em -.3em #00000042;
}
.icon-36 {
  width: 2.25em;
  aspect-ratio: 1;
  border-radius: var(--icon-border-radius);
  box-shadow: var(--icon-box-shadow);
}
.icon-36.round {
  border-radius: 1.125em;
}
:root,
.theme--brand {
  --icon-border-radius: 0;
  --icon-box-shadow: none;
}
:root,
.theme--eStock {
  --icon-border-radius: 0.0625em;
  --icon-box-shadow: 0 .25em .775em -.3em #00000042;
}
.icon-40 {
  width: 2.5em;
  aspect-ratio: 1;
  border-radius: var(--icon-border-radius);
  box-shadow: var(--icon-box-shadow);
}
.icon-40.round {
  border-radius: 1.25em;
}
:root,
.theme--brand {
  --icon-border-radius: 0;
  --icon-box-shadow: none;
}
:root,
.theme--eStock {
  --icon-border-radius: 0.06875em;
  --icon-box-shadow: 0 .25em .775em -.3em #00000042;
}
.icon-44 {
  width: 2.75em;
  aspect-ratio: 1;
  border-radius: var(--icon-border-radius);
  box-shadow: var(--icon-box-shadow);
}
.icon-44.round {
  border-radius: 1.375em;
}
:root,
.theme--brand {
  --icon-border-radius: 0;
  --icon-box-shadow: none;
}
:root,
.theme--eStock {
  --icon-border-radius: 0.075em;
  --icon-box-shadow: 0 .25em .775em -.3em #00000042;
}
.icon-48 {
  width: 3em;
  aspect-ratio: 1;
  border-radius: var(--icon-border-radius);
  box-shadow: var(--icon-box-shadow);
}
.icon-48.round {
  border-radius: 1.5em;
}
:root,
.theme--brand {
  --icon-border-radius: 0;
  --icon-box-shadow: none;
}
:root,
.theme--eStock {
  --icon-border-radius: 0.08125em;
  --icon-box-shadow: 0 .25em .775em -.3em #00000042;
}
.icon-52 {
  width: 3.25em;
  aspect-ratio: 1;
  border-radius: var(--icon-border-radius);
  box-shadow: var(--icon-box-shadow);
}
.icon-52.round {
  border-radius: 1.625em;
}
:root,
.theme--brand {
  --icon-border-radius: 0;
  --icon-box-shadow: none;
}
:root,
.theme--eStock {
  --icon-border-radius: 0.0875em;
  --icon-box-shadow: 0 .25em .775em -.3em #00000042;
}
.icon-56 {
  width: 3.5em;
  aspect-ratio: 1;
  border-radius: var(--icon-border-radius);
  box-shadow: var(--icon-box-shadow);
}
.icon-56.round {
  border-radius: 1.75em;
}
:root,
.theme--brand {
  --icon-border-radius: 0;
  --icon-box-shadow: none;
}
:root,
.theme--eStock {
  --icon-border-radius: 0.09375em;
  --icon-box-shadow: 0 .25em .775em -.3em #00000042;
}
.icon-60 {
  width: 3.75em;
  aspect-ratio: 1;
  border-radius: var(--icon-border-radius);
  box-shadow: var(--icon-box-shadow);
}
.icon-60.round {
  border-radius: 1.875em;
}
:root,
.theme--brand {
  --icon-border-radius: 0;
  --icon-box-shadow: none;
}
:root,
.theme--eStock {
  --icon-border-radius: 0.1em;
  --icon-box-shadow: 0 .25em .775em -.3em #00000042;
}
.icon-64 {
  width: 4em;
  aspect-ratio: 1;
  border-radius: var(--icon-border-radius);
  box-shadow: var(--icon-box-shadow);
}
.icon-64.round {
  border-radius: 2em;
}
:root,
.theme--brand {
  --icon-border-radius: 0;
  --icon-box-shadow: none;
}
:root,
.theme--eStock {
  --icon-border-radius: 0.10625em;
  --icon-box-shadow: 0 .25em .775em -.3em #00000042;
}
.icon-68 {
  width: 4.25em;
  aspect-ratio: 1;
  border-radius: var(--icon-border-radius);
  box-shadow: var(--icon-box-shadow);
}
.icon-68.round {
  border-radius: 2.125em;
}
:root,
.theme--brand {
  --icon-border-radius: 0;
  --icon-box-shadow: none;
}
:root,
.theme--eStock {
  --icon-border-radius: 0.1125em;
  --icon-box-shadow: 0 .25em .775em -.3em #00000042;
}
.icon-72 {
  width: 4.5em;
  aspect-ratio: 1;
  border-radius: var(--icon-border-radius);
  box-shadow: var(--icon-box-shadow);
}
.icon-72.round {
  border-radius: 2.25em;
}
:root,
.theme--brand {
  --icon-border-radius: 0;
  --icon-box-shadow: none;
}
:root,
.theme--eStock {
  --icon-border-radius: 0.11875em;
  --icon-box-shadow: 0 .25em .775em -.3em #00000042;
}
.icon-76 {
  width: 4.75em;
  aspect-ratio: 1;
  border-radius: var(--icon-border-radius);
  box-shadow: var(--icon-box-shadow);
}
.icon-76.round {
  border-radius: 2.375em;
}
:root,
.theme--brand {
  --icon-border-radius: 0;
  --icon-box-shadow: none;
}
:root,
.theme--eStock {
  --icon-border-radius: 0.125em;
  --icon-box-shadow: 0 .25em .775em -.3em #00000042;
}
.icon-80 {
  width: 5em;
  aspect-ratio: 1;
  border-radius: var(--icon-border-radius);
  box-shadow: var(--icon-box-shadow);
}
.icon-80.round {
  border-radius: 2.5em;
}
:root,
.theme--brand {
  --icon-border-radius: 0;
  --icon-box-shadow: none;
}
:root,
.theme--eStock {
  --icon-border-radius: 0.13125em;
  --icon-box-shadow: 0 .25em .775em -.3em #00000042;
}
.icon-84 {
  width: 5.25em;
  aspect-ratio: 1;
  border-radius: var(--icon-border-radius);
  box-shadow: var(--icon-box-shadow);
}
.icon-84.round {
  border-radius: 2.625em;
}
:root,
.theme--brand {
  --icon-border-radius: 0;
  --icon-box-shadow: none;
}
:root,
.theme--eStock {
  --icon-border-radius: 0.1375em;
  --icon-box-shadow: 0 .25em .775em -.3em #00000042;
}
.icon-88 {
  width: 5.5em;
  aspect-ratio: 1;
  border-radius: var(--icon-border-radius);
  box-shadow: var(--icon-box-shadow);
}
.icon-88.round {
  border-radius: 2.75em;
}
:root,
.theme--brand {
  --icon-border-radius: 0;
  --icon-box-shadow: none;
}
:root,
.theme--eStock {
  --icon-border-radius: 0.14375em;
  --icon-box-shadow: 0 .25em .775em -.3em #00000042;
}
.icon-92 {
  width: 5.75em;
  aspect-ratio: 1;
  border-radius: var(--icon-border-radius);
  box-shadow: var(--icon-box-shadow);
}
.icon-92.round {
  border-radius: 2.875em;
}
:root,
.theme--brand {
  --icon-border-radius: 0;
  --icon-box-shadow: none;
}
:root,
.theme--eStock {
  --icon-border-radius: 0.15em;
  --icon-box-shadow: 0 .25em .775em -.3em #00000042;
}
.icon-96 {
  width: 6em;
  aspect-ratio: 1;
  border-radius: var(--icon-border-radius);
  box-shadow: var(--icon-box-shadow);
}
.icon-96.round {
  border-radius: 3em;
}
:root,
.theme--brand {
  --icon-border-radius: 0;
  --icon-box-shadow: none;
}
:root,
.theme--eStock {
  --icon-border-radius: 0.15625em;
  --icon-box-shadow: 0 .25em .775em -.3em #00000042;
}
.icon-100 {
  width: 6.25em;
  aspect-ratio: 1;
  border-radius: var(--icon-border-radius);
  box-shadow: var(--icon-box-shadow);
}
.icon-100.round {
  border-radius: 3.125em;
}
:root,
.theme--brand {
  --icon-border-radius: 0;
  --icon-box-shadow: none;
}
:root,
.theme--eStock {
  --icon-border-radius: 0.1625em;
  --icon-box-shadow: 0 .25em .775em -.3em #00000042;
}
.icon-104 {
  width: 6.5em;
  aspect-ratio: 1;
  border-radius: var(--icon-border-radius);
  box-shadow: var(--icon-box-shadow);
}
.icon-104.round {
  border-radius: 3.25em;
}
:root,
.theme--brand {
  --icon-border-radius: 0;
  --icon-box-shadow: none;
}
:root,
.theme--eStock {
  --icon-border-radius: 0.16875em;
  --icon-box-shadow: 0 .25em .775em -.3em #00000042;
}
.icon-108 {
  width: 6.75em;
  aspect-ratio: 1;
  border-radius: var(--icon-border-radius);
  box-shadow: var(--icon-box-shadow);
}
.icon-108.round {
  border-radius: 3.375em;
}
:root,
.theme--brand {
  --icon-border-radius: 0;
  --icon-box-shadow: none;
}
:root,
.theme--eStock {
  --icon-border-radius: 0.175em;
  --icon-box-shadow: 0 .25em .775em -.3em #00000042;
}
.icon-112 {
  width: 7em;
  aspect-ratio: 1;
  border-radius: var(--icon-border-radius);
  box-shadow: var(--icon-box-shadow);
}
.icon-112.round {
  border-radius: 3.5em;
}
:root,
.theme--brand {
  --icon-border-radius: 0;
  --icon-box-shadow: none;
}
:root,
.theme--eStock {
  --icon-border-radius: 0.18125em;
  --icon-box-shadow: 0 .25em .775em -.3em #00000042;
}
.icon-116 {
  width: 7.25em;
  aspect-ratio: 1;
  border-radius: var(--icon-border-radius);
  box-shadow: var(--icon-box-shadow);
}
.icon-116.round {
  border-radius: 3.625em;
}
:root,
.theme--brand {
  --icon-border-radius: 0;
  --icon-box-shadow: none;
}
:root,
.theme--eStock {
  --icon-border-radius: 0.1875em;
  --icon-box-shadow: 0 .25em .775em -.3em #00000042;
}
.icon-120 {
  width: 7.5em;
  aspect-ratio: 1;
  border-radius: var(--icon-border-radius);
  box-shadow: var(--icon-box-shadow);
}
.icon-120.round {
  border-radius: 3.75em;
}
:root,
.theme--brand {
  --icon-border-radius: 0;
  --icon-box-shadow: none;
}
:root,
.theme--eStock {
  --icon-border-radius: 0.19375em;
  --icon-box-shadow: 0 .25em .775em -.3em #00000042;
}
.icon-124 {
  width: 7.75em;
  aspect-ratio: 1;
  border-radius: var(--icon-border-radius);
  box-shadow: var(--icon-box-shadow);
}
.icon-124.round {
  border-radius: 3.875em;
}
:root,
.theme--brand {
  --icon-border-radius: 0;
  --icon-box-shadow: none;
}
:root,
.theme--eStock {
  --icon-border-radius: 0.2em;
  --icon-box-shadow: 0 .25em .775em -.3em #00000042;
}
.icon-128 {
  width: 8em;
  aspect-ratio: 1;
  border-radius: var(--icon-border-radius);
  box-shadow: var(--icon-box-shadow);
}
.icon-128.round {
  border-radius: 4em;
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
* {
  box-sizing: border-box;
}
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
main {
  display: block;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
pre {
  font-family: monospace;
  font-size: 1em;
}
a {
  background-color: transparent;
}
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
samp {
  font-family: monospace;
  font-size: 1em;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
img {
  border-style: none;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
textarea {
  overflow: auto;
}
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0;
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
details {
  display: block;
}
summary {
  display: list-item;
}
template {
  display: none;
}
[hidden] {
  display: none;
}
html {
  font-size: 100%;
}
html.screen_scale_50 {
  font-size: 50%;
}
html.screen_scale_60 {
  font-size: 60%;
}
html.screen_scale_70 {
  font-size: 70%;
}
html.screen_scale_80 {
  font-size: 80%;
}
html.screen_scale_90 {
  font-size: 90%;
}
html.screen_scale_100 {
  font-size: 100%;
}
html.screen_scale_110 {
  font-size: 110%;
}
html.screen_scale_120 {
  font-size: 120%;
}
html.screen_scale_130 {
  font-size: 130%;
}
html.screen_scale_140 {
  font-size: 140%;
}
html.color_scheme_bw {
  -webkit-filter: grayscale(1) contrast(1.5);
  filter: grayscale(1) contrast(1.5);
}
body {
  font-family:
    var(--ukraine),
    Helvetica,
    Arial,
    sans-serif;
}
*::-webkit-scrollbar {
  width: 8px;
}
*::-webkit-scrollbar-thumb {
  --background-scroll: var(--grey-40);
  background: var(--background-scroll);
  border-radius: 6px;
}
*::-webkit-scrollbar-thumb:hover {
  --background-scroll: var(--grey-60);
}

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