.DS__Banner__root {
  position: relative;
  border-radius: 16px;
}

@media (max-width: 767px) {
  .DS__Banner__root {
    box-shadow: 0px 0px 4px rgba(34, 42, 55, 0.04),
      0px 4px 12px rgba(34, 42, 55, 0.04)
  }
}

.DS__Banner__inner {
  position: relative;
  padding: 32px;
  overflow: hidden;
  background-color: #f6f8fc;
  border-radius: 16px;
}

@media (max-width: 767px) {
  .DS__Banner__inner {
    display: flex;
    padding: 14px 14px 16px;
    background-color: #ffffff
  }
}

.DS__Banner__icon {
  color: #f14d56;
}

@media (max-width: 767px) {
  .DS__Banner__icon {
    margin-right: 18px
  }
}

.DS__Banner__title {
  margin-bottom: 12px;
}

@media (max-width: 767px) {
  .DS__Banner__title {
    margin-bottom: 4px
  }
}

.DS__Banner__description {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

@media (max-width: 767px) {
  .DS__Banner__description {
    flex-direction: column;
    align-items: flex-start
  }
}

.DS__Banner__text {
  max-width: 439px;
}

.DS__Banner__button {
  flex-shrink: 0;
  margin-left: 16px;
}

@media (max-width: 767px) {
  .DS__Banner__button {
    margin-top: 16px;
    margin-left: 0
  }
}

.DS__Banner__close {
  position: absolute;
  top: 16px;
  right: 16px;
  display: flex;
  color: #505f79;
}

@media (max-width: 767px) {
  .DS__Banner__close {
    top: 8px;
    right: 8px
  }
}

@media (max-width: 767px) {
  .DS__Banner__card_label {
    display: none
  }
}

@media not all and (max-width: 767px) {
  .DS__Banner__mobile {
    display: none
  }
}

@media (max-width: 767px) {
  .DS__Banner__desktop {
    display: none
  }
}

.DS__CardLabel__root,
.DS__CardLabel__text,
.DS__CardLabel__icon {
  all: initial;
  font-family: var(--font-family);
}

.DS__CardLabel__root {
  display: inline-flex;
  align-items: center;
  min-width: 32px;
  height: 24px;
  border-radius: 12px;
}

.DS__CardLabel__has_position {
  position: absolute;
}

.DS__CardLabel__position_topLeft,
  .DS__CardLabel__position_topRight {
  top: 0;
  transform: translateY(-50%);
}

.DS__CardLabel__position_topLeft {
  left: 0;
}

.DS__CardLabel__position_topRight {
  right: 0;
}

.DS__CardLabel__direction_bottomLeft {
  border-bottom-left-radius: 0;
}

.DS__CardLabel__direction_bottomRight {
  border-bottom-right-radius: 0;
}

.DS__CardLabel__color_G600 {
  background-color: #97ba1e;
}

.DS__CardLabel__color_O600 {
  background-color: #ff991f;
}

.DS__CardLabel__color_R600 {
  background-color: #f14d56;
}

.DS__CardLabel__color_B600 {
  background-color: #577edc;
}

.DS__CardLabel__color_N40 {
  background-color: #eceff5;
}

.DS__CardLabel__text {
  margin: 0 16px;
}

.DS__CardLabel__text + .DS__CardLabel__icon {
  margin-left: -12px;
}

.DS__CardLabel__icon {
  margin: 0 8px;
  color: #ffffff;
}

.DS__CardLabel__icon svg {
  display: block;
}

.DS__Basket__Basket,
.DS__Basket__RowWrap,
.DS__Basket__Row,
.DS__Basket__Title,
.DS__Basket__Price,
.DS__Basket__Column,
.DS__Basket__Arrow,
.DS__Basket__BasketIcon,
.DS__Basket__Conditions,
.DS__Basket__Condition,
.DS__Basket__ConditionLink,
.DS__Basket__Toggle {
  all: initial;
  font-family: var(--font-family);
}

.DS__Basket__Basket {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
}

.DS__Basket__Basket:not(.DS__Basket__Basket_selected) .DS__Basket__Condition {
  color: #f14d56;
}

.DS__Basket__Basket_selected .DS__Basket__Toggle {
  background: #97ba1e;
}

.DS__Basket__Basket_selected .DS__Basket__Toggle::before {
  border: 1px solid #97ba1e;
  transition: transform 0.2s ease;
  transform: translateX(17px);
}

@media screen and (prefers-reduced-motion: reduce) {
  .DS__Basket__Basket_selected .DS__Basket__Toggle::before {
    transition: none
  }
}

.DS__Basket__Basket_open .DS__Basket__Arrow {
  transform: rotate(180deg);
}

.DS__Basket__Basket_open .DS__Basket__Conditions {
  pointer-events: auto;
  opacity: 1;
}

.DS__Basket__RowWrap {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 8px;
  padding-top: 9px;
  padding-left: 6px;
  background: #ffffff;
  border-radius: 12px 12px 0 0;
  box-shadow: 0 -2px 6px -2px rgba(34, 42, 55, 0.13);
  transition: margin-top 0.3s ease;
}

@media screen and (prefers-reduced-motion: reduce) {
  .DS__Basket__RowWrap {
    transition: none
  }
}

.DS__Basket__Row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}

.DS__Basket__Row.DS__Basket__focus-visible {
  outline: 2px auto #577edc;
  outline-offset: 2px;
}

.DS__Basket__Title {
  font-size: 16px;
  line-height: 24px;
  color: #95a0b3;
  cursor: pointer;
}

.DS__Basket__Price {
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  color: #222a37;
  cursor: pointer;
}

.DS__Basket__Column {
  display: flex;
  flex-direction: column;
  cursor: pointer;
}

.DS__Basket__Arrow {
  cursor: pointer;
  transition: transform 0.3s ease;
}

@media screen and (prefers-reduced-motion: reduce) {
  .DS__Basket__Arrow {
    transition: none
  }
}

.DS__Basket__BasketIcon {
  margin-right: 3px;
  margin-left: 2px;
}

.DS__Basket__Conditions {
  position: absolute;
  right: 0;
  left: 0;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 8px 24px;
  margin-bottom: 0;
  pointer-events: none;
  background: #ffffff;
  border-radius: 12px 12px 0 0;
  box-shadow: 0px -2px 6px -2px rgba(34, 42, 55, 0.13);
  opacity: 0;
  transition: opacity 0.3s ease;
}

@media screen and (prefers-reduced-motion: reduce) {
  .DS__Basket__Conditions {
    transition: none
  }
}

.DS__Basket__Condition {
  font-size: 12px;
  line-height: 16px;
  color: #95a0b3;
}

.DS__Basket__ConditionLink {
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  text-decoration: underline;
  cursor: pointer;
}

.DS__Basket__ConditionLink:visited {
  color: inherit;
}

.DS__Basket__Toggle {
  position: relative;
  width: 34px;
  height: 14px;
  cursor: pointer;
  background: #dde3ed;
  border-radius: 15px;
}

.DS__Basket__Toggle::before {
  position: absolute;
  top: calc(50% - 10.5px);
  left: 0;
  box-sizing: border-box;
  width: 21px;
  height: 21px;
  content: '';
  background: #ffffff;
  border: 1px solid #dde3ed;
  border-radius: 50%;
  transition: transform 0.2s ease;
  transform: none;
}

@media screen and (prefers-reduced-motion: reduce) {
  .DS__Basket__Toggle::before {
    transition: none
  }
}

.DS__Card__root {
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  cursor: pointer;
  background-color: #ffffff;
  border: 1px solid #eceff5;
  border-radius: 16px;
  transition: box-shadow 0.3s ease;
}

@media screen and (prefers-reduced-motion: reduce) {
  .DS__Card__root {
    transition: none
  }
}

.DS__Card__root:hover,
  .DS__Card__root:focus {
  box-shadow: 0px 4px 10px rgba(34, 42, 55, 0.13);
}

@media (max-width: 767px) {
  .DS__Card__root {
    box-shadow: 0px 0px 4px rgba(34, 42, 55, 0.04),
      0px 4px 12px rgba(34, 42, 55, 0.04)
  }
}

.DS__Card__grey {
  background-color: #f6f8fc;
}

.DS__Card__image_container {
  position: relative;
  display: block;
  overflow: hidden;
}

.DS__Card__image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  min-width: 100%;
  min-height: 100%;
}

.DS__Card__image_plumDarkslate {
  background-image: linear-gradient(
    84deg,
    #c18bbd 0%,
    #614d9a 100%
  );
}

.DS__Card__image_aquamarineBlue {
  background-image: linear-gradient(
    84deg,
    #81c9d5 0%,
    #3d72b8 100%
  );
}

.DS__Card__image_azureTurquoise {
  background-image: linear-gradient(
    70.03deg,
    #00a4ba 0%,
    #89abfb 98.59%
  );
}

.DS__Card__image_citrineSalmon {
  background-image: linear-gradient(
    84deg,
    #f2a900 0%,
    #ef7d7e 100%
  );
}

.DS__Card__image_greenSeagreen {
  background-image: linear-gradient(
    84deg,
    #c4d600 0%,
    #5bb784 100%
  );
}

.DS__Card__body {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}

.DS__Card__content {
  display: flex;
  flex-direction: column;
}

.DS__Card__title {
  display: -webkit-box;
  flex-shrink: 0;
  margin-bottom: 8px;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}

@media (min-width: 768px) {
  .DS__Card__title {
    margin-bottom: 12px
  }
}

.DS__Card__date {
  flex-shrink: 0;
}

.DS__Card__text {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.DS__Card__view_offers .DS__Card__image_container {
  height: 100px;
}

.DS__Card__view_offers .DS__Card__body {
  padding: 16px 20px 20px;
}

.DS__Card__view_offers .DS__Card__content {
  height: 108px;
}

.DS__Card__view_offers .DS__Card__title {
  -webkit-line-clamp: 4;
}

.DS__Card__view_offers .DS__Card__text {
  height: 60px;
}

.DS__Card__view_offers .DS__Card__actions {
  padding-top: 20px;
}

@media (min-width: 768px) {
  .DS__Card__view_offers:not(.DS__Card__compact) .DS__Card__body {
    padding: 20px 24px 24px;
  }

  .DS__Card__view_offers:not(.DS__Card__compact) .DS__Card__content {
    height: 120px;
  }

  .DS__Card__view_offers:not(.DS__Card__compact) .DS__Card__text {
    height: 80px;
  }

  .DS__Card__view_offers:not(.DS__Card__compact) .DS__Card__actions {
    padding-top: 28px;
  }
}

.DS__Card__view_offers.DS__Card__has_date .DS__Card__date, .DS__Card__view_offers:not(.DS__Card__compact).DS__Card__has_date .DS__Card__date {
  margin-bottom: 12px;
}

.DS__Card__view_offers.DS__Card__has_date .DS__Card__title, .DS__Card__view_offers:not(.DS__Card__compact).DS__Card__has_date .DS__Card__title {
  -webkit-line-clamp: 2;
}

.DS__Card__view_offers.DS__Card__has_date .DS__Card__content, .DS__Card__view_offers:not(.DS__Card__compact).DS__Card__has_date .DS__Card__content {
  height: 158px;
}

.DS__Card__view_offers.DS__Card__has_date .DS__Card__actions, .DS__Card__view_offers:not(.DS__Card__compact).DS__Card__has_date .DS__Card__actions {
  padding-top: 14px;
}

.DS__Card__view_news .DS__Card__image_container {
  height: 80px;
}

.DS__Card__view_news .DS__Card__body {
  padding: 16px 20px 20px;
}

.DS__Card__view_news .DS__Card__content {
  height: 116px;
}

.DS__Card__view_news .DS__Card__date {
  padding-top: 20px;
  text-transform: uppercase;
}

.DS__Card__view_news .DS__Card__text {
  height: 80px;
}

@media (min-width: 768px) {
  .DS__Card__view_news:not(.DS__Card__compact) .DS__Card__body {
    padding: 20px 24px 34px;
  }

  .DS__Card__view_news:not(.DS__Card__compact) .DS__Card__content {
    height: 194px;
  }

  .DS__Card__view_news:not(.DS__Card__compact) .DS__Card__date {
    padding-top: 16px;
  }

  .DS__Card__view_news:not(.DS__Card__compact) .DS__Card__text {
    height: 154px;
  }
}

.DS__Card__position_left {
  flex-direction: row;
}

.DS__Card__position_right {
  flex-direction: row-reverse;
}

@media (min-width: 768px) {
  .DS__Card__position_left.DS__Card__view_offers:not(.DS__Card__compact) .DS__Card__body,
      .DS__Card__position_left.DS__Card__view_offers:not(.DS__Card__compact) .DS__Card__image_container,
      .DS__Card__position_right.DS__Card__view_offers:not(.DS__Card__compact) .DS__Card__body,
      .DS__Card__position_right.DS__Card__view_offers:not(.DS__Card__compact) .DS__Card__image_container {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .DS__Card__position_left.DS__Card__view_offers:not(.DS__Card__compact) .DS__Card__image_container, .DS__Card__position_right.DS__Card__view_offers:not(.DS__Card__compact) .DS__Card__image_container {
    height: auto;
    min-height: 100%;
  }

  .DS__Card__position_left.DS__Card__view_offers:not(.DS__Card__compact) .DS__Card__body, .DS__Card__position_right.DS__Card__view_offers:not(.DS__Card__compact) .DS__Card__body {
    padding-top: 32px;
    padding-right: 32px;
    padding-bottom: 32px;
  }

  .DS__Card__position_left.DS__Card__view_offers:not(.DS__Card__compact) .DS__Card__content, .DS__Card__position_right.DS__Card__view_offers:not(.DS__Card__compact) .DS__Card__content {
    height: 144px;
  }

  .DS__Card__position_left.DS__Card__view_offers:not(.DS__Card__compact) .DS__Card__text, .DS__Card__position_right.DS__Card__view_offers:not(.DS__Card__compact) .DS__Card__text {
    height: 100px;
  }

  .DS__Card__position_left.DS__Card__view_offers:not(.DS__Card__compact) .DS__Card__actions, .DS__Card__position_right.DS__Card__view_offers:not(.DS__Card__compact) .DS__Card__actions {
    padding-top: 22px;
  }

  .DS__Card__position_left.DS__Card__view_offers:not(.DS__Card__compact).DS__Card__has_date .DS__Card__title, .DS__Card__position_right.DS__Card__view_offers:not(.DS__Card__compact).DS__Card__has_date .DS__Card__title {
    margin-bottom: 8px;
  }

  .DS__Card__position_left.DS__Card__view_offers:not(.DS__Card__compact).DS__Card__has_date .DS__Card__text, .DS__Card__position_right.DS__Card__view_offers:not(.DS__Card__compact).DS__Card__has_date .DS__Card__text {
    height: 40px;
  }

  .DS__Card__position_left.DS__Card__view_offers:not(.DS__Card__compact).DS__Card__has_date .DS__Card__actions, .DS__Card__position_right.DS__Card__view_offers:not(.DS__Card__compact).DS__Card__has_date .DS__Card__actions {
    padding-top: 28px;
  }
}

@media (min-width: 1280px) {
  .DS__Card__position_left.DS__Card__view_offers:not(.DS__Card__compact) .DS__Card__image_container, .DS__Card__position_right.DS__Card__view_offers:not(.DS__Card__compact) .DS__Card__image_container {
    flex: 0 0 65.87%;
    max-width: 65.87%;
  }

  .DS__Card__position_left.DS__Card__view_offers:not(.DS__Card__compact) .DS__Card__body, .DS__Card__position_right.DS__Card__view_offers:not(.DS__Card__compact) .DS__Card__body {
    flex: 0 0 34.13%;
    max-width: 34.13%;
  }

  .DS__Card__position_left.DS__Card__view_offers:not(.DS__Card__compact).DS__Card__has_date .DS__Card__image_container, .DS__Card__position_right.DS__Card__view_offers:not(.DS__Card__compact).DS__Card__has_date .DS__Card__image_container {
    flex: 0 0 34.13%;
    max-width: 34.13%;
  }

  .DS__Card__position_left.DS__Card__view_offers:not(.DS__Card__compact).DS__Card__has_date .DS__Card__body, .DS__Card__position_right.DS__Card__view_offers:not(.DS__Card__compact).DS__Card__has_date .DS__Card__body {
    flex: 0 0 65.87%;
    max-width: 65.87%;
  }
}

.DS__Card__position_full {
  position: relative;
  z-index: 1;
}

.DS__Card__position_full .DS__Card__image_container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  min-height: 100%;
}

@media (min-width: 768px) {
  .DS__Card__position_full .DS__Card__body {
    padding: 32px
  }
}

@media (min-width: 768px) {
  .DS__Card__position_full .DS__Card__body {
    padding: 48px
  }
}

@media (min-width: 768px) {
  .DS__Card__position_full .DS__Card__content {
    max-width: 280px;
    height: auto;
    min-height: 102px
  }
}

@media (min-width: 1280px) {
  .DS__Card__position_full .DS__Card__content {
    max-width: 592px
  }
}

.DS__Card__position_full .DS__Card__actions {
  padding-top: 20px;
}

.DS__Clamp__root,
.DS__Clamp__text {
  all: initial;
  font-family: var(--font-family);
}

.DS__Clamp__root {
  all: unset;
  display: inline-block;
  flex-grow: 1;
  overflow: hidden;
}

.DS__Clamp__text {
  all: unset;
  display: inline-block;
  /* stylelint-disable-next-line declaration-block-no-duplicate-properties */
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
}

.DS__CheckboxButton__root,
.DS__CheckboxButton__block,
.DS__CheckboxButton__input,
.DS__CheckboxButton__check,
.DS__CheckboxButton__box {
  all: initial;
  font-family: var(--font-family);
}

.DS__CheckboxButton__root {
  position: relative;
  display: inline-block;
}

.DS__CheckboxButton__block {
  width: 100%;
}

.DS__CheckboxButton__input {
  position: absolute;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  width: 0;
  height: 0;
}

.DS__CheckboxButton__check {
  display: block;
  margin-right: 8px;
}

.DS__CheckboxButton__theme_b2c .DS__CheckboxButton__check {
  color: #97ba1e;
}

.DS__CheckboxButton__theme_b2c .DS__CheckboxButton__input:checked + .DS__CheckboxButton__box {
  background-color: #f4f9e6;
}

.DS__CheckboxButton__theme_b2b .DS__CheckboxButton__check {
  color: #00a4ba;
}

.DS__CheckboxButton__theme_b2b .DS__CheckboxButton__input:checked + .DS__CheckboxButton__box {
  background-color: #e8f9fb;
}

.DS__CheckboxButton__box {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  height: 32px;
  padding: 4px 12px;
  cursor: pointer;
  background-color: #eceff5;
  border-radius: 8px;
  transition: background-color 0.3s ease;
}

@media screen and (prefers-reduced-motion: reduce) {
  .DS__CheckboxButton__box {
    transition: none
  }
}

@media screen and (prefers-reduced-motion: reduce) {
  .DS__CheckboxButton__box {
    transition: none
  }
}

.DS__CheckboxButton__input.DS__CheckboxButton__focus-visible + .DS__CheckboxButton__box {
  outline: 2px auto #577edc;
  outline-offset: 2px;
}

.DS__CheckboxButton__input:hover + .DS__CheckboxButton__box {
  background-color: #d0d6e1;
}

.DS__CheckboxButton__input:focus + .DS__CheckboxButton__box {
  box-shadow: 0 2px 8px 0px #eceff5;
}

.DS__CheckboxButton__input:active + .DS__CheckboxButton__box {
  background-color: #95a0b3;
}

.DS__CheckboxButton__input:disabled + .DS__CheckboxButton__box {
  color: #95a0b3;
  background-color: #eceff5;
}

.DS__DateField__Wrapper,
.DS__DateField__TextField {
  all: initial;
  font-family: var(--font-family);
}

.DS__DateField__Wrapper {
  position: relative;
  display: block;
}

.DS__DateField__TextField {
  display: block;
  max-width: 320px;
}

@media (max-width: 767px) {
  .DS__DateField__TextField {
    max-width: inherit
  }
}

.DS__DateField__TextField_block {
  max-width: inherit;
}

.DS__DateField__datepicker_component {
  z-index: 100;
}

.DS__ScrollableCalendar__Wrapper,
.DS__ScrollableCalendar__Month,
.DS__ScrollableCalendar__Week,
.DS__ScrollableCalendar__Day,
.DS__ScrollableCalendar__Weekdays,
.DS__ScrollableCalendar__ListContainer,
.DS__ScrollableCalendar__List {
  all: initial;
  font-family: var(--font-family);
}

.DS__ScrollableCalendar__Wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.DS__ScrollableCalendar__Wrapper_theme_b2c:not(.DS__ScrollableCalendar__range) .DS__ScrollableCalendar__Day_today,
      .DS__ScrollableCalendar__Wrapper_theme_b2c:not(.DS__ScrollableCalendar__range) .DS__ScrollableCalendar__Day_selected:not(.DS__ScrollableCalendar__Day_disabled) {
  color: #ffffff;
  background-color: #97ba1e;
}

.DS__ScrollableCalendar__Wrapper_theme_b2c.DS__ScrollableCalendar__range .DS__ScrollableCalendar__Day_selected:not(.DS__ScrollableCalendar__Day_disabled) {
  background-color: #f4f9e6;
}

.DS__ScrollableCalendar__Wrapper_theme_b2c.DS__ScrollableCalendar__range .DS__ScrollableCalendar__Day_end:not(.DS__ScrollableCalendar__Day_disabled),
      .DS__ScrollableCalendar__Wrapper_theme_b2c.DS__ScrollableCalendar__range .DS__ScrollableCalendar__Day_start:not(.DS__ScrollableCalendar__Day_disabled) {
  color: #ffffff;
  background-color: #97ba1e;
}

.DS__ScrollableCalendar__Wrapper_theme_b2b:not(.DS__ScrollableCalendar__range) .DS__ScrollableCalendar__Day_today,
      .DS__ScrollableCalendar__Wrapper_theme_b2b:not(.DS__ScrollableCalendar__range) .DS__ScrollableCalendar__Day_selected:not(.DS__ScrollableCalendar__Day_disabled) {
  color: #ffffff;
  background-color: #00a4ba;
}

.DS__ScrollableCalendar__Wrapper_theme_b2b.DS__ScrollableCalendar__range .DS__ScrollableCalendar__Day_selected:not(.DS__ScrollableCalendar__Day_disabled) {
  background-color: #e8f9fb;
}

.DS__ScrollableCalendar__Wrapper_theme_b2b.DS__ScrollableCalendar__range .DS__ScrollableCalendar__Day_end:not(.DS__ScrollableCalendar__Day_disabled),
      .DS__ScrollableCalendar__Wrapper_theme_b2b.DS__ScrollableCalendar__range .DS__ScrollableCalendar__Day_start:not(.DS__ScrollableCalendar__Day_disabled) {
  color: #ffffff;
  background-color: #00a4ba;
}

.DS__ScrollableCalendar__Month {
  display: block;
  width: 281px;
  margin: 0 auto;
}

.DS__ScrollableCalendar__Month_title {
  margin: 10px 0 12px 12px;
  font-family: inherit;
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
  color: #222a37;
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
}

.DS__ScrollableCalendar__Week {
  display: flex;
  list-style-type: none;
}

.DS__ScrollableCalendar__Week:not(:last-child) {
  margin-bottom: 2px;
}

.DS__ScrollableCalendar__Day {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 41px;
  height: 41px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #222a37;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
}

.DS__ScrollableCalendar__Day_today,
  .DS__ScrollableCalendar__Day_selected {
  border-radius: 8px;
}

.DS__ScrollableCalendar__Day_disabled {
  color: #d0d6e1;
}

.DS__ScrollableCalendar__Day_empty,
  .DS__ScrollableCalendar__Day_disabled {
  pointer-events: none;
  cursor: default;
}

.DS__ScrollableCalendar__Day_inRange {
  border-radius: 0;
}

.DS__ScrollableCalendar__Day_firstDayInLayout,
  .DS__ScrollableCalendar__Day_start {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}

.DS__ScrollableCalendar__Day_lastDayInLayout,
  .DS__ScrollableCalendar__Day_end {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

.DS__ScrollableCalendar__selected_one_date .DS__ScrollableCalendar__Day_firstDayInLayout,
  .DS__ScrollableCalendar__selected_one_date .DS__ScrollableCalendar__Day_start {
  border-radius: 8px;
}

.DS__ScrollableCalendar__Weekdays {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  height: 36px;
  background-color: #f6f8fc;
}

.DS__ScrollableCalendar__Weekdays_day {
  width: 41px;
  height: 36px;
  font-size: 14px;
  line-height: 36px;
  color: #7a869a;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
}

.DS__ScrollableCalendar__ListContainer {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  overflow: hidden;
}

.DS__ScrollableCalendar__List {
  box-sizing: border-box;
  display: block;
  width: 281px;
  padding: 0 13px;
  margin: 0 auto;
}

.DS__Modal__root,
.DS__Modal__Modal,
.DS__Modal__Wrapper,
.DS__Modal__Top,
.DS__Modal__CloseIcon,
.DS__Modal__Content,
.DS__Modal__Image,
.DS__Modal__Title,
.DS__Modal__Subtitle,
.DS__Modal__Icon,
.DS__Modal__Text,
.DS__Modal__Inner,
.DS__Modal__Buttons,
.DS__Modal__Button,
.DS__Modal__track-vertical,
.DS__Modal__Divider,
.DS__Modal__overlay {
  all: initial;
  font-family: var(--font-family);
}

.DS__Modal__root {
  position: relative;
  z-index: 998;
}

.DS__Modal__root_view_portal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
}

.DS__Modal__root_view_overflow .DS__Modal__Wrapper,
      .DS__Modal__root_view_overflow .DS__Modal__Content,
      .DS__Modal__root_view_overflow .DS__Modal__Text {
  overflow: visible;
}

.DS__Modal__Modal {
  position: relative;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-self: safe center;
  max-height: 100%;
}

.DS__Modal__Modal_size_small {
  max-width: 320px;
}

.DS__Modal__Modal_size_x-medium {
  max-width: 410px;
}

.DS__Modal__Modal_size_medium {
  max-width: 600px;
}

.DS__Modal__Modal_size_large {
  max-width: 800px;
}

.DS__Modal__Modal_size_x-large {
  max-width: 960px;
}

.DS__Modal__Modal_stretch {
  max-width: none;
  height: 100%;
}

.DS__Modal__Modal_stretch .DS__Modal__Wrapper {
  max-width: none;
}

.DS__Modal__Modal_stretch .DS__Modal__Wrapper .DS__Modal__Content {
  margin-bottom: auto;
}

.DS__Modal__Modal_type_error .DS__Modal__Icon {
  color: #f14d56;
}

.DS__Modal__Wrapper {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding: 32px;
  overflow: hidden;
  border-radius: 16px;
}

.DS__Modal__Wrapper_size_small {
  max-width: 320px;
  padding: 24px;
}

.DS__Modal__Wrapper_size_x-medium {
  max-width: 410px;
}

.DS__Modal__Wrapper_size_medium {
  max-width: 600px;
}

.DS__Modal__Wrapper_size_large {
  max-width: 800px;
  padding: 48px;
}

.DS__Modal__Wrapper_size_x-large {
  max-width: 960px;
  padding: 48px;
}

.DS__Modal__Top {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding-bottom: 20px;
}

.DS__Modal__Top_divider {
  padding-bottom: 28px;
}

.DS__Modal__Top_closeIcon {
  padding-right: 26px;
}

@media (min-width: 1280px) {
  .DS__Modal__Top_autosize.DS__Modal__Top_divider {
    padding-bottom: 48px;
  }

  .DS__Modal__Top_autosize.DS__Modal__Top_closeIcon {
    padding-right: 16px;
  }
}

.DS__Modal__Top_size_small.DS__Modal__Top_divider {
  padding-bottom: 24px;
}

.DS__Modal__Top_size_small.DS__Modal__Top_closeIcon {
  padding-right: 35px;
}

.DS__Modal__Top_size_large.DS__Modal__Top_divider, .DS__Modal__Top_size_x-large.DS__Modal__Top_divider {
  padding-bottom: 48px;
}

.DS__Modal__Top_size_large.DS__Modal__Top_closeIcon, .DS__Modal__Top_size_x-large.DS__Modal__Top_closeIcon {
  padding-right: 16px;
}

.DS__Modal__CloseIcon {
  position: absolute;
  top: 24px;
  right: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  color: #7a869a;
  cursor: pointer;
}

.DS__Modal__Content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  width: 100%;
  min-height: 0;
  max-height: 100%;
  overflow: hidden;
}

.DS__Modal__Image {
  box-sizing: border-box;
  display: flex;
  width: 100%;
  padding-bottom: 45px;
}

.DS__Modal__Image_size_small {
  width: calc(100% + 16px);
  padding: 0 0 33px 0;
  margin: -8px -8px 0 -8px;
}

.DS__Modal__Image_size_medium {
  padding: 16px 16px 45px;
}

.DS__Modal__Title,
.DS__Modal__Subtitle {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
}

.DS__Modal__Title_centered, .DS__Modal__Subtitle_centered {
  justify-content: center;
}

.DS__Modal__Title_Icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  margin-right: 24px;
}

.DS__Modal__Icon {
  display: block;
  width: 20px;
  height: 20px;
  margin-right: 8px;
}

.DS__Modal__Text {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  overflow: hidden;
}

.DS__Modal__Text_centered {
  justify-content: center;
}

.DS__Modal__Inner {
  display: flex;
  min-height: 100%;
}

@media (max-width: 767px) {
  .DS__Modal__Inner {
    box-sizing: border-box
  }
}

.DS__Modal__Inner_topDivider {
  padding-top: 24px;
}

.DS__Modal__Inner_withoutTopDividerGap {
  padding-top: 0 !important;
}

.DS__Modal__Inner_scroll {
  width: calc(100% - 24px);
  padding: 24px 0 32px 0;
}

.DS__Modal__Inner_scroll.DS__Modal__Inner_size_small {
  width: calc(100% - 24px);
  padding: 24px 0 32px 0;
}

.DS__Modal__Inner_scroll.DS__Modal__Inner_size_large {
  width: calc(100% - 24px);
  padding: 24px 0 32px 0;
}

.DS__Modal__Inner_scroll.DS__Modal__Inner_size_x-large {
  width: calc(100% - 24px);
  padding: 24px 0 32px 0;
}

.DS__Modal__Inner_centered {
  text-align: center;
}

.DS__Modal__Buttons {
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding-top: 32px;
  margin: -4px;
}

@media (min-width: 1280px) {
  .DS__Modal__Buttons_autosize {
    padding-top: 38px
  }
}

.DS__Modal__Buttons_size_large,
  .DS__Modal__Buttons_size_x-large {
  padding-top: 38px;
}

.DS__Modal__Buttons_orientation_vertical.DS__Modal__Buttons_size_small {
  flex-direction: column;
  max-width: 100%;
  padding-top: 40px;
}

.DS__Modal__Buttons_orientation_vertical.DS__Modal__Buttons_size_small .DS__Modal__Button {
  width: 100%;
}

.DS__Modal__Buttons_onlyButtons {
  padding-top: 0 !important;
}

.DS__Modal__Buttons_centered {
  justify-content: center;
}

.DS__Modal__Buttons_stretch .DS__Modal__Button {
  flex-grow: 1;
}

@media (min-width: 1280px) {
  .DS__Modal__Buttons_image.DS__Modal__Buttons_autosize {
    padding-top: 30px
  }
}

.DS__Modal__Buttons_image.DS__Modal__Buttons_size_small {
  padding-bottom: 8px;
}

.DS__Modal__Buttons_image.DS__Modal__Buttons_size_medium {
  padding-top: 50px;
  padding-bottom: 16px;
}

.DS__Modal__Buttons_image.DS__Modal__Buttons_size_large,
  .DS__Modal__Buttons_image.DS__Modal__Buttons_size_x-large {
  padding-top: 30px;
}

.DS__Modal__Buttons_scroll {
  padding-top: 24px;
}

@media (min-width: 1280px) {
  .DS__Modal__Buttons_scroll.DS__Modal__Buttons_autosize {
    padding-top: 48px
  }
}

.DS__Modal__Buttons_scroll.DS__Modal__Buttons_size_medium {
  padding-top: 32px;
}

.DS__Modal__Buttons_scroll.DS__Modal__Buttons_size_large,
  .DS__Modal__Buttons_scroll.DS__Modal__Buttons_size_x-large {
  padding-top: 48px;
}

.DS__Modal__Buttons_alignment_left {
  justify-content: flex-start;
}

.DS__Modal__Buttons_alignment_center {
  justify-content: center;
}

.DS__Modal__Buttons_alignment_right {
  justify-content: flex-end;
}

.DS__Modal__Button {
  margin: 4px;
}

.DS__Modal__Buttons_orientation_vertical .DS__Modal__Button_size_small {
  margin: 4px 0 4px 4px;
}

.DS__Modal__Buttons_orientation_horizontal .DS__Modal__Button {
  min-width: 162px;
  cursor: pointer;
}

.DS__Modal__Buttons_orientation_horizontal .DS__Modal__Button_single {
  min-width: 205px;
}

.DS__Modal__Buttons_orientation_horizontal .DS__Modal__Button_size_small {
  min-width: 132px;
}

.DS__Modal__Buttons_orientation_horizontal .DS__Modal__Button_size_medium {
  min-width: 139px;
}

@media (min-width: 768px) {
  .DS__Modal__Buttons_orientation_horizontal .DS__Modal__Button_autosize.DS__Modal__Buttons_orientation_horizontal .DS__Modal__Button_image {
    min-width: 186px
  }
}

.DS__Modal__Buttons_orientation_horizontal .DS__Modal__Button_image.DS__Modal__Buttons_orientation_horizontal .DS__Modal__Button_size_medium,
    .DS__Modal__Buttons_orientation_horizontal .DS__Modal__Button_image.DS__Modal__Buttons_orientation_horizontal .DS__Modal__Button_size_large,
    .DS__Modal__Buttons_orientation_horizontal .DS__Modal__Button_image.DS__Modal__Buttons_orientation_horizontal .DS__Modal__Button_size_x-large {
  min-width: 186px;
}

.DS__Modal__track-vertical {
  position: absolute;
  right: 8px;
}

.DS__Modal__Divider {
  margin-right: -32px;
  margin-left: -32px;
}

@media (min-width: 1280px) {
  .DS__Modal__Divider_autosize {
    margin-right: -48px;
    margin-left: -48px
  }
}

.DS__Modal__Divider_size_small {
  margin-right: -24px;
  margin-left: -24px;
}

.DS__Modal__Divider_size_large,
    .DS__Modal__Divider_size_x-large {
  margin-right: -48px;
  margin-left: -48px;
}

.DS__Modal__overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(34, 42, 55, 0.4);
}

@media (max-width: 767px) {
  .DS__Modal__Modal_autosize {
    max-width: 320px;
  }

  @media screen and (prefers-reduced-motion: reduce) {
    .DS__Modal__Modal_swipe {
      padding-bottom: 300vh;
      transition: none;
      transform: translateY(100%);
      will-change: transform;
    }
  }

  .DS__Modal__Modal_swipe {
    padding-bottom: 300vh;
    transition: transform 0.2s ease;
    transform: translateY(100%);
    will-change: transform;
  }

  .DS__Modal__Modal_mobile_position_bottom {
    bottom: 0;
    border-radius: 16px 16px 0 0;
  }

  .DS__Modal__Modal_mobile_position_full {
    top: 0;
    bottom: 0;
    min-height: 100%;
    /* Fix для 13 IOS */
    /* stylelint-disable-next-line declaration-block-no-duplicate-properties */
    min-height: -webkit-fill-available;
    border-radius: 0;
    box-shadow: none;
  }

  .DS__Modal__Modal_mobile_position_bottom,
    .DS__Modal__Modal_mobile_position_full {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 999;
    box-sizing: border-box;
    width: 100%;
    max-width: none;
    padding: 0;
    background-color: #ffffff;
    box-shadow: 0 0 0 1px #d0d6e1,
        0 -1px 3px 0 rgba(34, 42, 55, 0.13);
  }

  .DS__Modal__Modal_mobile_position_bottom .DS__Modal__Wrapper, .DS__Modal__Modal_mobile_position_full .DS__Modal__Wrapper {
    max-width: none;
    padding: 16px;
  }

  .DS__Modal__Modal_mobile_position_bottom .DS__Modal__CloseButton, .DS__Modal__Modal_mobile_position_full .DS__Modal__CloseButton {
    top: 18px;
    right: 16px;
  }

  .DS__Modal__Modal_mobile_position_bottom .DS__Modal__Top, .DS__Modal__Modal_mobile_position_full .DS__Modal__Top {
    padding: 0;
  }

  .DS__Modal__Modal_mobile_position_bottom .DS__Modal__Top_autosize.DS__Modal__Top_divider, .DS__Modal__Modal_mobile_position_full .DS__Modal__Top_autosize.DS__Modal__Top_divider {
    padding-bottom: 0;
  }

  .DS__Modal__Modal_mobile_position_bottom .DS__Modal__Image, .DS__Modal__Modal_mobile_position_full .DS__Modal__Image {
    width: 100%;
    padding: 16px 0 10px;
    margin: 0;
  }

  .DS__Modal__Modal_mobile_position_bottom .DS__Modal__Title, .DS__Modal__Modal_mobile_position_full .DS__Modal__Title {
    margin-bottom: 16px;
  }

  .DS__Modal__Modal_mobile_position_bottom .DS__Modal__Title_Icon, .DS__Modal__Modal_mobile_position_full .DS__Modal__Title_Icon {
    width: 32px;
    height: 32px;
    margin-right: 16px;
  }

  .DS__Modal__Modal_mobile_position_bottom .DS__Modal__Subtitle, .DS__Modal__Modal_mobile_position_full .DS__Modal__Subtitle {
    margin-bottom: 16px;
  }

  .DS__Modal__Modal_mobile_position_bottom .DS__Modal__Text_scroll, .DS__Modal__Modal_mobile_position_full .DS__Modal__Text_scroll {
    margin: 0 -32px;
  }

  .DS__Modal__Modal_mobile_position_bottom .DS__Modal__Text_scroll .DS__Modal__Inner, .DS__Modal__Modal_mobile_position_full .DS__Modal__Text_scroll .DS__Modal__Inner {
    padding-right: 32px;
    padding-left: 32px;
  }

  .DS__Modal__Modal_mobile_position_bottom .DS__Modal__Buttons, .DS__Modal__Modal_mobile_position_full .DS__Modal__Buttons {
    padding-top: 16px;
    padding-bottom: 0;
    background-color: #ffffff;
  }

  .DS__Modal__Modal_mobile_position_bottom.DS__Modal__Modal_meta_Select,
    .DS__Modal__Modal_mobile_position_bottom.DS__Modal__Modal_meta_Suggest,
    .DS__Modal__Modal_mobile_position_bottom.DS__Modal__Modal_meta_ScrollableCalendar,
    .DS__Modal__Modal_mobile_position_full.DS__Modal__Modal_meta_Select,
    .DS__Modal__Modal_mobile_position_full.DS__Modal__Modal_meta_Suggest,
    .DS__Modal__Modal_mobile_position_full.DS__Modal__Modal_meta_ScrollableCalendar {
    padding-right: 0;
  }

  .DS__Modal__Modal_mobile_position_bottom.DS__Modal__Modal_meta_Select .DS__Modal__Wrapper, .DS__Modal__Modal_mobile_position_bottom.DS__Modal__Modal_meta_Suggest .DS__Modal__Wrapper, .DS__Modal__Modal_mobile_position_bottom.DS__Modal__Modal_meta_ScrollableCalendar .DS__Modal__Wrapper, .DS__Modal__Modal_mobile_position_full.DS__Modal__Modal_meta_Select .DS__Modal__Wrapper, .DS__Modal__Modal_mobile_position_full.DS__Modal__Modal_meta_Suggest .DS__Modal__Wrapper, .DS__Modal__Modal_mobile_position_full.DS__Modal__Modal_meta_ScrollableCalendar .DS__Modal__Wrapper {
    padding: 0;
  }

  .DS__Modal__Modal_mobile_position_bottom.DS__Modal__Modal_meta_Select .DS__Modal__Top, .DS__Modal__Modal_mobile_position_bottom.DS__Modal__Modal_meta_Suggest .DS__Modal__Top, .DS__Modal__Modal_mobile_position_bottom.DS__Modal__Modal_meta_ScrollableCalendar .DS__Modal__Top, .DS__Modal__Modal_mobile_position_full.DS__Modal__Modal_meta_Select .DS__Modal__Top, .DS__Modal__Modal_mobile_position_full.DS__Modal__Modal_meta_Suggest .DS__Modal__Top, .DS__Modal__Modal_mobile_position_full.DS__Modal__Modal_meta_ScrollableCalendar .DS__Modal__Top {
    padding: 16px 16px 0;
  }

  .DS__Modal__Modal_mobile_position_bottom.DS__Modal__Modal_meta_Select .DS__Modal__Buttons, .DS__Modal__Modal_mobile_position_bottom.DS__Modal__Modal_meta_Suggest .DS__Modal__Buttons, .DS__Modal__Modal_mobile_position_bottom.DS__Modal__Modal_meta_ScrollableCalendar .DS__Modal__Buttons, .DS__Modal__Modal_mobile_position_full.DS__Modal__Modal_meta_Select .DS__Modal__Buttons, .DS__Modal__Modal_mobile_position_full.DS__Modal__Modal_meta_Suggest .DS__Modal__Buttons, .DS__Modal__Modal_mobile_position_full.DS__Modal__Modal_meta_ScrollableCalendar .DS__Modal__Buttons {
    padding-bottom: 16px;
  }

  /* Необходимо чтобы блокировать scrollbar на мобильных  */

  .DS__Modal__Modal .ps__rail-y {
    pointer-events: none;
  }

  .DS__Modal__Wrapper_autosize {
    max-width: 320px;
    padding: 24px;
  }

  .DS__Modal__Modal_mobile_position_bottom .DS__Modal__Wrapper {
    max-height: calc(100vh - 76px);
  }

  .DS__Modal__Modal_mobile_position_center .DS__Modal__Wrapper {
    max-height: calc(100vh - 76px);
  }

  .DS__Modal__Top_autosize.DS__Modal__Top_divider {
    padding-bottom: 24px;
  }

  .DS__Modal__Top_autosize.DS__Modal__Top_closeIcon {
    padding-right: 35px;
  }

  .DS__Modal__Image_autosize {
    width: calc(100% + 16px);
    padding: 0 0 33px 0;
    margin: -8px -8px 0 -8px;
  }

  .DS__Modal__Text_scroll.DS__Modal__Text_autosize {
    margin: 0 -24px;
  }

  .DS__Modal__Inner_scroll.DS__Modal__Inner_autosize {
    width: calc(100% - 64px);
    padding: 24px 24px 32px;
  }

  .DS__Modal__Buttons_orientation_vertical.DS__Modal__Buttons_autosize {
    flex-direction: column;
    max-width: 100%;
    padding-top: 40px;
  }

  .DS__Modal__Buttons_image.DS__Modal__Buttons_autosize {
    padding-bottom: 8px;
  }

  .DS__Modal__Button {
    flex-grow: 1;
  }

  .DS__Modal__Button_autosize {
    min-width: 132px;
  }

  .DS__Modal__Divider_autosize {
    margin-right: -24px;
    margin-left: -24px;
  }
}

@media (min-width: 768px) {
  .DS__Modal__Modal_autosize {
    max-width: 600px;
  }

  .DS__Modal__Wrapper_autosize {
    max-width: 600px;
  }

  .DS__Modal__Image_autosize {
    padding: 16px 16px 45px;
  }

  .DS__Modal__Buttons_image.DS__Modal__Buttons_autosize {
    padding-top: 50px;
    padding-bottom: 16px;
  }

  .DS__Modal__Buttons_scroll.DS__Modal__Buttons_autosize {
    padding-top: 32px;
  }

  .DS__Modal__Button_autosize {
    min-width: 139px;
  }
}

@media (min-width: 1280px) {
  .DS__Modal__Modal_autosize {
    max-width: 960px;
  }

  .DS__Modal__Wrapper_autosize {
    max-width: 960px;
    padding: 48px;
  }

  .DS__Modal__Inner_scroll.DS__Modal__Inner_autosize {
    width: calc(100% - 96px);
    padding: 24px 48px 32px;
  }
}

.DS__Modal__button_back_component {
  margin-right: 12px;
}

.DS__Divider__root {
  display: block;
  flex-shrink: 0;
  margin: 0;
  border: none;
}

.DS__Divider__horizontal {
  width: 100%;
  height: 1px;
}

.DS__Divider__vertical {
  display: flex;
  width: 1px;
  height: 100%;
  min-height: 1em;
}

.DS__Depth__root {
  display: block;
  overflow: hidden;
  background-color: #ffffff;
  border-radius: 16px;
}

.DS__Depth__depth_z0 {
  border: 1px solid #dde3ed;
}

.DS__Depth__depth_z50 {
  box-shadow: 0px 4px 12px rgba(34, 42, 55, 0.04),
      0px 0px 4px rgba(34, 42, 55, 0.04);
}

.DS__Depth__depth_z100 {
  box-shadow: 0 4px 10px rgba(34, 42, 55, 0.13);
}

.DS__Depth__depth_z100W {
  box-shadow: 0 0 1px 0 rgba(34, 42, 55, 0.13),
      0 4px 10px rgba(34, 42, 55, 0.13);
}

.DS__Depth__depth_z300 {
  box-shadow: 0 8px 16px rgba(34, 42, 55, 0.13);
}

.DS__Depth__depth_z300W {
  box-shadow: 0 0 1px rgba(34, 42, 55, 0.13),
      0 8px 16px rgba(34, 42, 55, 0.13);
}

.DS__Depth__depth_z300B {
  box-shadow: 0 8px 16px #d0d6e1;
}

.DS__Depth__depth_z500 {
  box-shadow: 0px 16px 32px rgba(34, 42, 55, 0.13);
}

.DS__Depth__depth_z500W {
  box-shadow: 0 16px 32px rgba(34, 42, 55, 0.13);
}

.DS__Depth__enable_overflow {
  overflow: visible;
}

.DS__Depth__flex {
  display: flex;
}

.DS__CloseButton__CloseIcon {
  all: initial;
  font-family: var(--font-family);
}

.DS__CloseButton__CloseIcon {
  position: absolute;
  top: 24px;
  right: 24px;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  padding: 0;
  color: #7a869a;
  cursor: pointer;
  background-color: transparent;
  border: 0;
}

.DS__perfect-scrollbar-side__ps {
  all: initial;
  font-family: var(--font-family);
}

/*
 * Container style
 */

.DS__perfect-scrollbar-side__ps {
  overflow: hidden !important;
  touch-action: auto;
  overflow-anchor: none;
  -ms-overflow-style: none;
}

/*
 * Scrollbar rail styles
 */

.DS__perfect-scrollbar-side__ps__rail-x {
  /* please don't change 'position' */
  position: absolute;
  /* there must be 'bottom' or 'top' for ps__rail-x */
  bottom: 0px;
  display: none;
  height: 15px;
  opacity: 0;
  transition: background-color 0.2s linear, opacity 0.2s linear;
}

.DS__perfect-scrollbar-side__ps__rail-y {
  /* please don't change 'position' */
  position: absolute;
  /* there must be 'right' or 'left' for ps__rail-y */
  right: 0;
  display: none;
  width: 15px;
  opacity: 0;
  transition: background-color 0.2s linear, opacity 0.2s linear;
}

.DS__perfect-scrollbar-side__ps--active-x > .DS__perfect-scrollbar-side__ps__rail-x,
.DS__perfect-scrollbar-side__ps--active-y > .DS__perfect-scrollbar-side__ps__rail-y {
  display: block;
  background-color: transparent;
}

.DS__perfect-scrollbar-side__ps:hover > .DS__perfect-scrollbar-side__ps__rail-x,
.DS__perfect-scrollbar-side__ps:hover > .DS__perfect-scrollbar-side__ps__rail-y,
.DS__perfect-scrollbar-side__ps--focus > .DS__perfect-scrollbar-side__ps__rail-x,
.DS__perfect-scrollbar-side__ps--focus > .DS__perfect-scrollbar-side__ps__rail-y,
.DS__perfect-scrollbar-side__ps--scrolling-x > .DS__perfect-scrollbar-side__ps__rail-x,
.DS__perfect-scrollbar-side__ps--scrolling-y > .DS__perfect-scrollbar-side__ps__rail-y {
  opacity: 0.6;
}

.DS__perfect-scrollbar-side__ps .DS__perfect-scrollbar-side__ps__rail-x:hover,
.DS__perfect-scrollbar-side__ps .DS__perfect-scrollbar-side__ps__rail-y:hover,
.DS__perfect-scrollbar-side__ps .DS__perfect-scrollbar-side__ps__rail-x:focus,
.DS__perfect-scrollbar-side__ps .DS__perfect-scrollbar-side__ps__rail-y:focus,
.DS__perfect-scrollbar-side__ps .DS__perfect-scrollbar-side__ps__rail-x.DS__perfect-scrollbar-side__ps--clicking,
.DS__perfect-scrollbar-side__ps .DS__perfect-scrollbar-side__ps__rail-y.DS__perfect-scrollbar-side__ps--clicking {
  background-color: #eee;
  opacity: 0.9;
}

/*
 * Scrollbar thumb styles
 */

.DS__perfect-scrollbar-side__ps__thumb-x {
  /* please don't change 'position' */
  position: absolute;
  /* there must be 'bottom' for ps__thumb-x */
  bottom: 2px;
  height: 6px;
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color 0.2s linear, height 0.2s ease-in-out;
}

.DS__perfect-scrollbar-side__ps__thumb-y {
  /* please don't change 'position' */
  position: absolute;
  /* there must be 'right' for ps__thumb-y */
  right: 2px;
  width: 6px;
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color 0.2s linear, width 0.2s ease-in-out;
}

.DS__perfect-scrollbar-side__ps__rail-x:hover > .DS__perfect-scrollbar-side__ps__thumb-x,
.DS__perfect-scrollbar-side__ps__rail-x:focus > .DS__perfect-scrollbar-side__ps__thumb-x,
.DS__perfect-scrollbar-side__ps__rail-x.DS__perfect-scrollbar-side__ps--clicking .DS__perfect-scrollbar-side__ps__thumb-x {
  height: 11px;
  background-color: #999;
}

.DS__perfect-scrollbar-side__ps__rail-y:hover > .DS__perfect-scrollbar-side__ps__thumb-y,
.DS__perfect-scrollbar-side__ps__rail-y:focus > .DS__perfect-scrollbar-side__ps__thumb-y,
.DS__perfect-scrollbar-side__ps__rail-y.DS__perfect-scrollbar-side__ps--clicking .DS__perfect-scrollbar-side__ps__thumb-y {
  width: 11px;
  background-color: #999;
}

/* MS supports */

@supports (-ms-overflow-style: none) {
  .DS__perfect-scrollbar-side__ps {
    overflow: auto !important;
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .DS__perfect-scrollbar-side__ps {
    overflow: auto !important;
  }
}

.DS__styles-side__scrollbar-container {
  all: initial;
  font-family: var(--font-family);
}

.DS__styles-side__scrollbar-container {
  position: relative;
  height: 100%;
}

/* stylelint-disable no-duplicate-selectors, color-no-hex */

.ps {
  overflow: hidden !important;
  touch-action: auto;
  overflow-anchor: none;
  -ms-overflow-style: none;
}

/*
 * Scrollbar rail styles
 */

.ps__rail-x {
  /* please don't change 'position' */
  position: absolute;
  /* there must be 'bottom' or 'top' for ps__rail-x */
  bottom: 0px;
  display: none;
  height: 6px;
  opacity: 0;
  transition: background-color 0.2s linear, opacity 0.2s linear;
}

.ps__rail-y {
  /* please don't change 'position' */
  position: absolute;
  /* there must be 'right' or 'left' for ps__rail-y */
  right: 0;
  display: none;
  width: 6px;
  opacity: 0;
  transition: background-color 0.2s linear, opacity 0.2s linear;
}

.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
  display: block;
  background-color: transparent;
}

.ps:hover > .ps__rail-x,
.ps:hover > .ps__rail-y,
.ps--focus > .ps__rail-x,
.ps--focus > .ps__rail-y,
.ps--scrolling-x > .ps__rail-x,
.ps--scrolling-y > .ps__rail-y {
  opacity: 0.6;
}

.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking {
  background-color: #eee;
  opacity: 0.9;
}

/*
 * Scrollbar thumb styles
 */

.ps__thumb-x {
  /* please don't change 'position' */
  position: absolute;
  /* there must be 'bottom' for ps__thumb-x */
  bottom: 2px;
  height: 6px;
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color 0.2s linear, height 0.2s ease-in-out;
}

.ps__thumb-y {
  /* please don't change 'position' */
  position: absolute;
  /* there must be 'right' for ps__thumb-y */
  right: 2px;
  width: 6px;
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color 0.2s linear, width 0.2s ease-in-out;
}

.ps__rail-x:hover > .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x,
.ps__rail-x.ps--clicking .ps__thumb-x {
  height: 6px;
  background-color: #999;
}

.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
  width: 6px;
  background-color: #999;
}

/* MS supports */

@supports (-ms-overflow-style: none) {
  .ps {
    overflow: auto !important;
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ps {
    overflow: auto !important;
  }
}

.scrollbar-container {
  position: relative;
  height: -moz-fit-content;
  height: fit-content;
}

.ps__rail-y {
  position: absolute;
  right: 0;
  display: none;
  width: 6px;
  margin: 5px 5px 5px 0;
  border-radius: 8px;
  opacity: 0;
  transition: background-color 0.2s linear, opacity 0.2s linear;
}

.ps__thumb-y {
  position: absolute;
  right: 0;
  width: 6px;
  cursor: pointer;
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color 0.2s linear, width 0.2s ease-in-out;
}

.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
  width: 6px;
  background-color: #999;
}

.DS__Scrollbar__scroll {
  all: initial;
  font-family: var(--font-family);
}

.DS__Scrollbar__scroll {
  position: relative;
  display: block;
  width: 100%;
  max-width: inherit;
  max-height: 100%;
  pointer-events: inherit;
}

/* DayPicker styles */

.DayPicker {
  display: inline-block;
  font-size: 1rem;
}

.DayPicker-wrapper {
  position: relative;
  flex-direction: row;
  padding-bottom: 1em;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.DayPicker-Months {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.DayPicker-Month {
  display: table;
  margin: 0 1em;
  margin-top: 1em;
  border-spacing: 0;
  border-collapse: collapse;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.DayPicker-NavBar {
}

.DayPicker-NavButton {
  position: absolute;
  top: 1em;
  right: 1.5em;
  left: auto;
  display: inline-block;
  margin-top: 2px;
  width: 1.25em;
  height: 1.25em;
  background-position: center;
  background-size: 50%;
  background-repeat: no-repeat;
  color: #8B9898;
  cursor: pointer;
}

.DayPicker-NavButton:hover {
  opacity: 0.8;
}

.DayPicker-NavButton--prev {
  margin-right: 1.5em;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAwCAYAAAB5R9gVAAAABGdBTUEAALGPC/xhBQAAAVVJREFUWAnN2G0KgjAYwPHpGfRkaZeqvgQaK+hY3SUHrk1YzNLay/OiEFp92I+/Mp2F2Mh2lLISWnflFjzH263RQjzMZ19wgs73ez0o1WmtW+dgA01VxrE3p6l2GLsnBy1VYQOtVSEH/atCCgqpQgKKqYIOiq2CBkqtggLKqQIKgqgCBjpJ2Y5CdJ+zrT9A7HHSTA1dxUdHgzCqJIEwq0SDsKsEg6iqBIEoq/wEcVRZBXFV+QJxV5mBtlDFB5VjYTaGZ2sf4R9PM7U9ZU+lLuaetPP/5Die3ToO1+u+MKtHs06qODB2zBnI/jBd4MPQm1VkY79Tb18gB+C62FdBFsZR6yeIo1YQiLJWMIiqVjQIu1YSCLNWFgijVjYIuhYYCKoWKAiiFgoopxYaKLUWOii2FgkophYp6F3r42W5A9s9OcgNvva8xQaysKXlFytoqdYmQH6tF3toSUo0INq9AAAAAElFTkSuQmCC');
}

.DayPicker-NavButton--next {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAwCAYAAAB5R9gVAAAABGdBTUEAALGPC/xhBQAAAXRJREFUWAnN119ugjAcwPHWzJ1gnmxzB/BBE0n24m4xfNkTaOL7wOtsl3AXMMb+Vjaa1BG00N8fSEibPpAP3xAKKs2yjzTPH9RAjhEo9WzPr/Vm8zgE0+gXATAxxuxtqeJ9t5tIwv5AtQAApsfT6TPdbp+kUBcgVwvO51KqVhMkXKsVJFXrOkigVhCIs1Y4iKlWZxB1rX4gwlpRIIpa8SDkWmggrFq4IIRaJKCYWnSgnrXIQV1r8YD+1Vrn+bReagysIFfLABRt31v8oBu1xEBttfRbltmfjgEcWh9snUS2kNdBK6WN1vrOWxObWsz+fjxevsxmB1GQDfINWiev83nhaoiB/CoOU438oPrhXS0WpQ9xc1ZQWxWHqUYe0I0qrKCQKjygDlXIQV2r0IF6ViEBxVTBBSFUQQNhVYkHIVeJAtkNsbQ7c1LtzP6FsObhb2rCKv7NBIGoq4SDmKoEgTirXAcJVGkFSVVpgoSrXICGUMUH/QBZNSUy5XWUhwAAAABJRU5ErkJggg==');
}

.DayPicker-NavButton--interactionDisabled {
  display: none;
}

.DayPicker-Caption {
  display: table-caption;
  margin-bottom: 0.5em;
  padding: 0 0.5em;
  text-align: left;
}

.DayPicker-Caption > div {
  font-weight: 500;
  font-size: 1.15em;
}

.DayPicker-Weekdays {
  display: table-header-group;
  margin-top: 1em;
}

.DayPicker-WeekdaysRow {
  display: table-row;
}

.DayPicker-Weekday {
  display: table-cell;
  padding: 0.5em;
  color: #8B9898;
  text-align: center;
  font-size: 0.875em;
}

.DayPicker-Weekday abbr[title] {
  border-bottom: none;
  text-decoration: none;
}

.DayPicker-Body {
  display: table-row-group;
}

.DayPicker-Week {
  display: table-row;
}

.DayPicker-Day {
  display: table-cell;
  padding: 0.5em;
  border-radius: 50%;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
}

.DayPicker-WeekNumber {
  display: table-cell;
  padding: 0.5em;
  min-width: 1em;
  border-right: 1px solid #EAECEC;
  color: #8B9898;
  vertical-align: middle;
  text-align: right;
  font-size: 0.75em;
  cursor: pointer;
}

.DayPicker--interactionDisabled .DayPicker-Day {
  cursor: default;
}

.DayPicker-Footer {
  padding-top: 0.5em;
}

.DayPicker-TodayButton {
  border: none;
  background-color: transparent;
  background-image: none;
  box-shadow: none;
  color: #4A90E2;
  font-size: 0.875em;
  cursor: pointer;
}

/* Default modifiers */

.DayPicker-Day--today {
  color: #D0021B;
  font-weight: 700;
}

.DayPicker-Day--outside {
  color: #8B9898;
  cursor: default;
}

.DayPicker-Day--disabled {
  color: #DCE0E0;
  cursor: default;
  /* background-color: #eff1f1; */
}

/* Example modifiers */

.DayPicker-Day--sunday {
  background-color: #F7F8F8;
}

.DayPicker-Day--sunday:not(.DayPicker-Day--today) {
  color: #DCE0E0;
}

.DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside) {
  position: relative;
  background-color: #4A90E2;
  color: #F0F8FF;
}

.DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside):hover {
  background-color: #51A0FA;
}

.DayPicker:not(.DayPicker--interactionDisabled)
  .DayPicker-Day:not(.DayPicker-Day--disabled):not(.DayPicker-Day--selected):not(.DayPicker-Day--outside):hover {
  background-color: #F0F8FF;
}

/* DayPickerInput */

.DayPickerInput {
  display: inline-block;
}

.DayPickerInput-OverlayWrapper {
  position: relative;
}

.DayPickerInput-Overlay {
  position: absolute;
  left: 0;
  z-index: 1;
  background: white;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
}

.DS__Datepicker__Datepicker,
.DS__Datepicker__Weekday,
.DS__Datepicker__Week,
.DS__Datepicker__Day,
.DS__Datepicker__Navbar {
  all: initial;
  font-family: var(--font-family);
}

.DS__Datepicker__Datepicker {
  position: relative;
  box-sizing: border-box;
  display: flex;
  width: 320px;
  padding: 24px 20px;
  font-size: 14px;
  line-height: 20px;
  visibility: inherit;
  background-color: #ffffff;
  border: 1px solid #d0d6e1;
  border-radius: 8px;
  outline: none;
  box-shadow: 0 8px 16px -4px rgba(34, 42, 55, 0.13);
}

.DS__Datepicker__Datepicker * {
  visibility: inherit;
}

.DS__Datepicker__Datepicker_theme_b2c :not(.DS__Datepicker__Datepicker_dateRangePicker) .DS__Datepicker__Day_today,
      .DS__Datepicker__Datepicker_theme_b2c :not(.DS__Datepicker__Datepicker_dateRangePicker) .DS__Datepicker__Day_selected:not(.DS__Datepicker__Day_outside):not(.DS__Datepicker__Day_disabled) {
  color: #ffffff;
  background-color: #97ba1e;
}

.DS__Datepicker__Datepicker_theme_b2c.DS__Datepicker__Datepicker_dateRangePicker .DS__Datepicker__Day_selected:not(.DS__Datepicker__Day_outside):not(.DS__Datepicker__Day_disabled) {
  color: #222a37;
  background-color: #f4f9e6;
}

.DS__Datepicker__Datepicker_theme_b2c.DS__Datepicker__Datepicker_dateRangePicker .DS__Datepicker__Day_selected.DS__Datepicker__Day_start:not(.DS__Datepicker__Day_outside),
      .DS__Datepicker__Datepicker_theme_b2c.DS__Datepicker__Datepicker_dateRangePicker .DS__Datepicker__Day_selected.DS__Datepicker__Day_end:not(.DS__Datepicker__Day_outside) {
  z-index: 1;
  color: #ffffff;
  background-color: #97ba1e;
}

.DS__Datepicker__Datepicker_theme_b2c.DS__Datepicker__Datepicker_dateRangePicker .DS__Datepicker__Day_selected.DS__Datepicker__Day_start + .DS__Datepicker__Day_selected:not(.DS__Datepicker__Day_outside),
      .DS__Datepicker__Datepicker_theme_b2c.DS__Datepicker__Datepicker_dateRangePicker .DS__Datepicker__Day_selected + .DS__Datepicker__Day_end:not(.DS__Datepicker__Day_outside) {
  box-shadow: -9px 0 0 0 #f4f9e6;
}

.DS__Datepicker__Datepicker_theme_b2b:not(.DS__Datepicker__Datepicker_dateRangePicker) .DS__Datepicker__Day_today,
      .DS__Datepicker__Datepicker_theme_b2b:not(.DS__Datepicker__Datepicker_dateRangePicker) .DS__Datepicker__Day_selected:not(.DS__Datepicker__Day_outside):not(.DS__Datepicker__Day_disabled) {
  color: #ffffff;
  background-color: #00a4ba;
}

.DS__Datepicker__Datepicker_theme_b2b.DS__Datepicker__Datepicker_dateRangePicker .DS__Datepicker__Day_selected:not(.DS__Datepicker__Day_outside):not(.DS__Datepicker__Day_disabled) {
  color: #222a37;
  background-color: #e8f9fb;
}

.DS__Datepicker__Datepicker_theme_b2b.DS__Datepicker__Datepicker_dateRangePicker .DS__Datepicker__Day_selected.DS__Datepicker__Day_start:not(.DS__Datepicker__Day_outside),
      .DS__Datepicker__Datepicker_theme_b2b.DS__Datepicker__Datepicker_dateRangePicker .DS__Datepicker__Day_selected.DS__Datepicker__Day_end:not(.DS__Datepicker__Day_outside) {
  z-index: 1;
  color: #ffffff;
  background-color: #00a4ba;
}

.DS__Datepicker__Datepicker_theme_b2b.DS__Datepicker__Datepicker_dateRangePicker .DS__Datepicker__Day_selected.DS__Datepicker__Day_start + .DS__Datepicker__Day_selected:not(.DS__Datepicker__Day_outside),
      .DS__Datepicker__Datepicker_theme_b2b.DS__Datepicker__Datepicker_dateRangePicker .DS__Datepicker__Day_selected + .DS__Datepicker__Day_end:not(.DS__Datepicker__Day_outside) {
  box-shadow: -9px 0 0 0 #e8f9fb;
}

.DS__Datepicker__Datepicker_readonly .DS__Datepicker__Day {
  cursor: default;
}

.DS__Datepicker__Datepicker_block {
  justify-content: center;
  width: auto;
  min-width: 280px;
  max-width: 340px;
  padding: 0;
  border: none;
  box-shadow: none;
}

.DS__Datepicker__Datepicker div {
  outline: none;
}

.DS__Datepicker__Weekday {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  font-size: 14px;
  line-height: 20px;
  color: #7a869a;
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
}

.DS__Datepicker__Weekday__row {
  box-sizing: border-box;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  width: 281px;
}

.DS__Datepicker__Week {
  display: flex;
}

.DS__Datepicker__Day {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #222a37;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
}

.DS__Datepicker__Day:not(:last-child) {
  margin-bottom: 2px;
}

.DS__Datepicker__Day_today,
  .DS__Datepicker__Day_selected {
  border-radius: 6px;
}

.DS__Datepicker__Day_selected.DS__Datepicker__Day_disabled {
  border-radius: 0;
}

.DS__Datepicker__Day_disabled {
  color: #d0d6e1;
  cursor: default;
}

.DS__Datepicker__Day_outside {
  color: #d0d6e1;
  cursor: default;
  background-color: transparent;
}

.DS__Datepicker__Day_inRange {
  border-radius: 0;
}

.DS__Datepicker__Day_firstDayInLayout,
  .DS__Datepicker__Day_start {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}

.DS__Datepicker__Day_lastDayInLayout,
  .DS__Datepicker__Day_end {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

.DS__Datepicker__Navbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 11px;
}

.DS__Datepicker__Navbar_title {
  margin: 0;
  font-size: 16px;
  line-height: 20px;
  color: #222a37;
}

.DS__Datepicker__Navbar_button {
  padding: 0;
  color: #222a37;
  cursor: pointer;
  background-color: transparent;
  border: none;
  outline: none;
}

.DS__Datepicker__Navbar_button:disabled {
  color: #95a0b3;
  cursor: default;
}

.DS__Datepicker__Navbar_selection {
  position: relative;
  height: 44px;
  margin: -16px -13px 5px;
}

.DS__Datepicker__Navbar_selection_month,
  .DS__Datepicker__Navbar_selection_year {
  position: absolute;
  display: block;
  width: 147px;
}

.DS__Datepicker__Navbar_selection_month {
  top: 0;
  left: 1px;
}

.DS__Datepicker__Navbar_selection_year {
  top: 0;
  right: 4px;
}

.DS__Select__root,
.DS__Select__Select,
.DS__Select__Control,
.DS__Select__ValueContainer,
.DS__Select__ValueContainerInner,
.DS__Select__SingleValue,
.DS__Select__Placeholder,
.DS__Select__Input,
.DS__Select__HiddenTagsIndicator,
.DS__Select__MultiValue,
.DS__Select__MultiValueLabel,
.DS__Select__MultiValueRemove,
.DS__Select__ClearIcon,
.DS__Select__IndicatorsContainer,
.DS__Select__DropdownIndicator,
.DS__Select__Search,
.DS__Select__Group,
.DS__Select__List,
.DS__Select__OptionContainer,
.DS__Select__Option,
.DS__Select__NoOptionsMessage,
.DS__Select__LoadingMessage,
.DS__Select__TrackVertical,
.DS__Select__tooltip,
.DS__Select__disable-scroll,
.DS__Select__FlexibleHeight,
.DS__Select__ellipsis,
.DS__Select__full-width,
.DS__Select__disabled,
.DS__Select__modal-content,
.DS__Select__indicator,
.DS__Select__indicator-icon {
  all: initial;
  font-family: var(--font-family);
}

.DS__Select__root {
  position: relative;
  display: block;
}

.DS__Select__root_invalid .DS__Select__Control {
  border-color: #f14d56;
}

.DS__Select__root_invalid .DS__Select__Placeholder {
  color: #f14d56;
}

.DS__Select__Select {
  position: relative;
  display: block;
  font-size: 16px;
  color: #222a37;
  cursor: pointer;
}

.DS__Select__Select_theme_b2c:hover .DS__Select__DropdownIndicator, .DS__Select__Select_theme_b2c:focus .DS__Select__DropdownIndicator {
  color: #97ba1e;
}

.DS__Select__Select_theme_b2c .DS__Select__MultiValue {
  background-color: #f4f9e6;
}

.DS__Select__Select_theme_b2c .DS__Select__MultiValue.DS__Select__disabled {
  background-color: #eceff5;
}

.DS__Select__Select_theme_b2c .DS__Select__MultiValue.DS__Select__disabled .DS__Select__MultiValueRemove {
  color: #95a0b3;
}

.DS__Select__Select_theme_b2c .DS__Select__MultiValueRemove {
  color: #81a11a;
}

.DS__Select__Select_theme_b2c .DS__Select__DropdownIndicator_open,
      .DS__Select__Select_theme_b2c .DS__Select__DropdownIndicator:hover,
      .DS__Select__Select_theme_b2c .DS__Select__DropdownIndicator_open,
      .DS__Select__Select_theme_b2c .DS__Select__DropdownIndicator:focus {
  color: #97ba1e;
}

.DS__Select__Select_theme_b2c .DS__Select__Option__icon {
  color: #97ba1e;
}

.DS__Select__Select_theme_b2b:hover .DS__Select__DropdownIndicator, .DS__Select__Select_theme_b2b:focus .DS__Select__DropdownIndicator {
  color: #00a4ba;
}

.DS__Select__Select_theme_b2b .DS__Select__MultiValue {
  background-color: #e8f9fb;
}

.DS__Select__Select_theme_b2b .DS__Select__MultiValue.DS__Select__disabled {
  background-color: #eceff5;
}

.DS__Select__Select_theme_b2b .DS__Select__MultiValue.DS__Select__disabled .DS__Select__MultiValueRemove {
  color: #95a0b3;
}

.DS__Select__Select_theme_b2b .DS__Select__MultiValueRemove {
  color: #0b7483;
}

.DS__Select__Select_theme_b2b .DS__Select__DropdownIndicator_open,
      .DS__Select__Select_theme_b2b .DS__Select__DropdownIndicator:hover,
      .DS__Select__Select_theme_b2b .DS__Select__DropdownIndicator_open,
      .DS__Select__Select_theme_b2b .DS__Select__DropdownIndicator:focus {
  color: #00a4ba;
}

.DS__Select__Select_theme_b2b .DS__Select__Option__icon {
  color: #00a4ba;
}

.DS__Select__Select_size_small .DS__Select__Control {
  min-height: 38px;
}

.DS__Select__Select_size_small .DS__Select__Placeholder {
  top: 19px;
}

.DS__Select__Select_multiple_selected {
  padding: 10px;
}

.DS__Select__Select_type_date:hover .DS__Select__DropdownIndicator, .DS__Select__Select_type_date:focus .DS__Select__DropdownIndicator {
  color: #222a37;
}

.DS__Select__Select_type_date .DS__Select__Control {
  background-color: #f6f8fc;
  border: none;
}

.DS__Select__Select_type_date .DS__Select__Control_opened {
  background-color: #ffffff;
  border: 1px solid #d0d6e1;
}

.DS__Select__Select_type_date .DS__Select__DropdownIndicator_open,
      .DS__Select__Select_type_date .DS__Select__DropdownIndicator:hover,
      .DS__Select__Select_type_date .DS__Select__DropdownIndicator_open,
      .DS__Select__Select_type_date .DS__Select__DropdownIndicator:focus {
  color: #222a37;
}

.DS__Select__Select_type_unbordered .DS__Select__Control {
  display: flex;
  border: none;
}

.DS__Select__Select_type_unbordered .DS__Select__ValueContainer {
  width: 100%;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  color: #505f79;
}

.DS__Select__Select_type_unbordered .DS__Select__DropdownIndicator {
  color: #505f79;
}

.DS__Select__Select_type_unbordered .DS__Select__List {
  min-width: 147px;
  border-top: 1px solid #d0d6e1;
}

.DS__Select__Select_rightMenu .DS__Select__List {
  right: 0;
}

.DS__Select__Control {
  position: relative;
  box-sizing: border-box;
  display: flex;
  width: 100%;
  min-height: 56px;
  padding-right: 16px;
  padding-left: 16px;
  background-color: #ffffff;
  border: 1px solid #d0d6e1;
  border-radius: 8px;
}

@media (min-width: 768px) {
  .DS__Select__Control_opened {
    border-radius: 8px 8px 0 0
  }
}

.DS__Select__Control_disabled {
  background-color: #f6f8fc;
  border-color: #d0d6e1;
}

.DS__Select__Control_autofill {
  background-color: #e8f0fe;
}

.DS__Select__ValueContainer {
  position: relative;
  box-sizing: border-box;
  display: flex;
  flex: 1;
  overflow: hidden;
  font-weight: 400;
  color: #222a37;
}

.DS__Select__ValueContainer_multiple_selected {
  align-items: flex-start;
  padding-top: 11px;
  padding-bottom: 11px;
}

@media not all and (max-width: 767px) {
  .DS__Select__ValueContainer_open {
    max-height: none
  }
}

.DS__Select__ValueContainer.DS__Select__autoFieldHeight {
  min-height: 54px;
  max-height: 100%;
}

.DS__Select__ValueContainerInner {
  position: relative;
  display: flex;
  align-items: center;
  max-width: 100%;
}

.DS__Select__ValueContainer_multiple_selected .DS__Select__ValueContainerInner {
  flex-wrap: wrap;
  margin: -6px -6px;
}

@media not all and (max-width: 767px) {
  .DS__Select__ValueContainer_open .DS__Select__ValueContainerInner {
    max-height: 100%
  }
}

.DS__Select__ValueContainer.DS__Select__autoFieldHeight .DS__Select__ValueContainerInner {
  min-height: 54px;
  max-height: 100%;
}

.DS__Select__keepPlaceholder.DS__Select__searchable .DS__Select__Placeholder {
  margin-left: 0;
}

.DS__Select__keepPlaceholder.DS__Select__searchable .DS__Select__ValueContainer_open .DS__Select__Placeholder {
  transform: translateY(-21px) scale(0.75);
}

.DS__Select__keepPlaceholder.DS__Select__searchable .DS__Select__Input {
  transform: translateY(8px);
}

.DS__Select__keepPlaceholder .DS__Select__SingleValue {
  padding-top: 26px;
  padding-bottom: 10px;
}

.DS__Select__keepPlaceholder.DS__Select__hasValue .DS__Select__Placeholder {
  width: 133%;
  transform: translateY(-21px) scale(0.75);
}

.DS__Select__hidePlaceholder .DS__Select__Placeholder {
  display: none;
}

.DS__Select__SingleValue {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.DS__Select__SingleValue.DS__Select__autoFieldHeight {
  white-space: normal;
  white-space: initial;
}

.DS__Select__searchable .DS__Select__Placeholder {
  margin-left: 1px;
}

.DS__Select__Placeholder {
  position: absolute;
  top: 27px;
  box-sizing: border-box;
  color: #7a869a;
  transition: 0.3s ease;
  transition-property: top, transform;
  transform: translateY(-50%);
  transform-origin: left;
  -webkit-text-size-adjust: 100%;
}

@media screen and (prefers-reduced-motion: reduce) {
  .DS__Select__Placeholder {
    transition: none
  }
}

.DS__Select__Placeholder_disabled {
  color: #7a869a;
  cursor: default;
}

.DS__Select__Placeholder_ellipsis {
  width: 100%;
}

.DS__Select__Input {
  transform: none !important;
}

.DS__Select__Input:disabled {
  pointer-events: none;
}

.DS__Select__Input::-ms-clear,
  .DS__Select__Input::-ms-reveal {
  display: none;
}

.DS__Select__Input input:-webkit-autofill {
  background-color: transparent;
  -webkit-box-shadow: 0 0 0px 1000px #e8f0fe inset;
  animation-name: DS__Select__onAutoFillStart;
  animation-delay: 0.3s;
}

@media screen and (prefers-reduced-motion: reduce) {
  .DS__Select__Input input:-webkit-autofill {
    animation: none
  }
}

.DS__Select__Input input:not(:-webkit-autofill) {
  animation-name: DS__Select__onAutoFillCancel;
  animation-delay: 0.3s;
}

@media screen and (prefers-reduced-motion: reduce) {
  .DS__Select__Input input:not(:-webkit-autofill) {
    animation: none
  }
}

.DS__Select__HiddenTagsIndicator {
  display: flex;
  align-self: center;
  margin-left: 10px;
  color: #7a869a;
}

.DS__Select__MultiValue {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  max-height: 32px;
  padding: 8px 10px 6px;
  margin: 6px 6px;
  border-radius: 8px;
}

.DS__Select__MultiValue.DS__Select__disabled {
  pointer-events: none;
}

.DS__Select__MultiValueLabel {
  color: #222a37;
  white-space: nowrap;
}

.DS__Select__MultiValueRemove {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  padding: 0;
  margin-left: 6px;
  pointer-events: inherit;
  cursor: pointer;
  opacity: 0.7;
}

.DS__Select__ClearIcon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  padding: 0;
  margin-right: 12px;
  color: #95a0b3;
  cursor: pointer;
  outline: none;
}

.DS__Select__IndicatorsContainer {
  display: flex;
  align-items: center;
  max-height: 54px;
  margin-left: 12px;
}

.DS__Select__DropdownIndicator {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: inherit;
  height: inherit;
  color: #222a37;
  cursor: pointer;
}

.DS__Select__DropdownIndicator svg {
  transition: transform 0.3s ease;
  transform: rotate(0deg);
}

@media screen and (prefers-reduced-motion: reduce) {
  .DS__Select__DropdownIndicator svg {
    transition: none
  }
}

.DS__Select__DropdownIndicator_open svg {
  transform: rotate(180deg);
}

.DS__Select__DropdownIndicator_disabled {
  color: #95a0b3 !important;
  cursor: default;
}

/* --------------- Mobile Popup start --------------- */

.DS__Select__Search {
  position: relative;
  flex-shrink: 0;
}

@media (max-width: 767px) {
  .DS__Select__Search {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    max-height: 0;
    padding: 0;
    overflow: hidden;
    background-color: #ffffff;
    border-top: 1px solid #eceff5;
    transition: max-height 0.15s ease-out
  }

  .DS__Select__Search_open {
    max-height: 500px;
    padding: 9px 8px;
    transition: max-height 0.25s ease-in;
  }

  @media screen and (prefers-reduced-motion: reduce) {
    .DS__Select__Search_open {
      transition: none
    }
  }

  .DS__Select__Search_input {
    display: flex;
    width: 100%;
    height: 38px;
    padding: 0 8px 0 34px;
    font-size: 14px;
    background-color: #eceff5;
    border: none;
    border-radius: 8px;
    outline: none;
  }

  .DS__Select__Search_input::-moz-placeholder {
    font-size: 14px;
    line-height: 20px;
    color: #7a869a;
  }

  .DS__Select__Search_input::placeholder {
    font-size: 14px;
    line-height: 20px;
    color: #7a869a;
  }

  @supports (-webkit-overflow-scrolling: touch) {
    .DS__Select__Search_input {
      font-size: 16px
    }

    .DS__Select__Search_input::-moz-placeholder {
      font-size: 16px;
    }

    .DS__Select__Search_input::placeholder {
      font-size: 16px;
    }
  }

  .DS__Select__Search_icon {
    position: absolute;
    top: 50%;
    left: 18px;
    color: #222a37;
    transform: translateY(-50%);
  }
}

/* --------------- Mobile Popup end --------------- */

.DS__Select__Group {
  display: block;
}

.DS__Select__Group_heading {
  display: block;
  height: 44px;
  padding: 0 12px;
  margin: 0;
  font-size: 14px;
  color: #7a869a;
}

@media (max-width: 767px) {
  .DS__Select__Group_heading {
    height: 57px
  }
}

.DS__Select__Group_label {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  height: 100%;
  padding: 0;
}

.DS__Select__List {
  position: relative;
  z-index: 999;
  box-sizing: border-box;
  display: block;
  flex-grow: 1;
  width: 100%;
  margin: 0;
  overflow: hidden;
  background-color: #ffffff;
  border: 1px solid #d0d6e1;
  border-top: none;
  border-radius: 0 0 8px 8px;
  box-shadow: 0 8px 16px -4px rgba(34, 42, 55, 0.13);
  /* -------- TODO remove ------------ */
}

@media (max-width: 767px) {
  .DS__Select__List {
    display: flex;
    flex-direction: column;
    border: none;
    border-top: 1px solid #eceff5
  }
}

.DS__Select__List_theme_b2c .DS__Select__Option__icon {
  color: #97ba1e;
}

.DS__Select__List_theme_b2b .DS__Select__Option__icon {
  color: #00a4ba;
}

/* -------- TODO remove ------------ */

.DS__Select__List_variant2 {
  margin: 4px 0;
  border-top: 1px solid #d0d6e1;
  border-radius: 8px;
}

.DS__Select__OptionContainer {
  display: block;
}

.DS__Select__Option {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  max-width: 100%;
  min-height: 44px;
  padding: 11px 14px;
  font-size: 14px;
  line-height: 20px;
  cursor: pointer;
}

@media (max-width: 767px) {
  .DS__Select__Option {
    height: 57px;
    min-height: 57px;
    padding: 12px 16px;
    background-color: #ffffff;
    border-bottom: 1px solid #eceff5
  }

  .DS__Select__Option_last {
    border-bottom: none;
  }

  .DS__Select__Option_autoHeight {
    padding: 16px;
  }

  .DS__Select__Option_focused {
    background-color: transparent !important;
  }
}

.DS__Select__Option_autoHeight {
  height: auto;
}

.DS__Select__Option:hover,
  .DS__Select__Option:focus {
  background-color: #f6f8fc;
}

.DS__Select__Option_disabled {
  color: #d0d6e1;
  pointer-events: none;
}

.DS__Select__Option_disabled:hover,
    .DS__Select__Option_disabled:focus {
  background-color: transparent;
}

.DS__Select__Option_disabled .DS__Select__Option__text_multiple,
    .DS__Select__Option_disabled .DS__Select__Option__text {
  color: #d0d6e1;
  cursor: default;
}

.DS__Select__Option_focused {
  background-color: #f6f8fc;
}

.DS__Select__Option_empty {
  justify-content: center;
  text-align: center;
}

.DS__Select__Option_suggestion {
  padding: 11px 16px;
}

.DS__Select__Option_suggestion_left {
  display: flex;
  align-items: center;
  margin-right: 10px;
  color: #d0d6e1;
}

.DS__Select__Option_suggestion_right {
  display: flex;
  align-items: center;
  margin-left: auto;
  font-weight: 600;
  color: #7a869a;
}

.DS__Select__Option__text {
  display: block;
  max-height: 100%;
  margin-right: auto;
  font-size: inherit;
  color: #222a37;
  cursor: pointer;
}

.DS__Select__Option__text_multiple {
  margin-left: 7px;
  font-size: inherit;
  line-height: 20px;
}

.DS__Select__Option__icon {
  display: flex;
  align-items: center;
  margin: 0 2px 0 auto;
}

.DS__Select__NoOptionsMessage,
.DS__Select__LoadingMessage {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 12px 14px;
  font-size: 14px;
  color: #222a37;
}

@media (max-width: 767px) {
  .DS__Select__NoOptionsMessage,
.DS__Select__LoadingMessage {
    min-height: 57px
  }
}

.DS__Select__TrackVertical {
  top: 6px;
  right: 6px;
  bottom: 6px;
  width: 6px;
  border-radius: 4px;
}

.DS__Select__tooltip {
  position: absolute;
  display: block;
  margin: 4px 0 0 16px;
}

.DS__Select__disable-scroll {
  overflow: hidden;
}

.DS__Select__FlexibleHeight {
  display: block;
  height: 80px;
}

.DS__Select__ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.DS__Select__full-width {
  width: 100%;
}

.DS__Select__disabled {
  pointer-events: none;
  cursor: default;
}

.DS__Select__modal-content {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.DS__Select__indicator {
  display: flex;
  align-self: stretch;
}

.DS__Select__indicator-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px;
}

@keyframes DS__Select__onAutoFillStart {
  /* stylelint-disable-next-line block-no-empty */

  from {
  }
}

@keyframes DS__Select__onAutoFillCancel {
  /* stylelint-disable-next-line block-no-empty */

  from {
  }
}

.DS__DateMonthPicker__root,
.DS__DateMonthPicker__DateMonthPicker,
.DS__DateMonthPicker__Tabs,
.DS__DateMonthPicker__Choice,
.DS__DateMonthPicker__mobile {
  all: initial;
  font-family: var(--font-family);
}

.DS__DateMonthPicker__root {
  display: inline-block;
}

.DS__DateMonthPicker__root.DS__DateMonthPicker__block {
  display: block;
}

.DS__DateMonthPicker__DateMonthPicker {
  display: block;
  width: 288px;
  padding-bottom: 78px;
  background-color: #ffffff;
}

.DS__DateMonthPicker__DateMonthPicker.DS__DateMonthPicker__isMonthTab {
  padding-bottom: 0;
}

.DS__DateMonthPicker__DateMonthPicker.DS__DateMonthPicker__withYear {
  padding-bottom: 16px;
}

.DS__DateMonthPicker__DateMonthPicker.DS__DateMonthPicker__withYear .DS__DateMonthPicker__Tabs {
  margin-bottom: 24px;
}

.DS__DateMonthPicker__Tabs {
  display: block;
  margin-bottom: 16px;
}

@media (min-width: 768px) {
  .DS__DateMonthPicker__DateMonthPicker {
    padding: 16px 16px 28px;
    border: 1px solid #d0d6e1;
    border-radius: 8px;
    box-shadow: 0px 8px 16px rgba(34, 42, 55, 0.15);
  }

  .DS__DateMonthPicker__DateMonthPicker.DS__DateMonthPicker__tab_1 {
    padding-right: 16px;
    padding-left: 16px;
  }
}

@media (max-width: 767px) {
  .DS__DateMonthPicker__DateMonthPicker {
    margin: auto;
  }
}

.DS__DateMonthPicker__Choice {
  display: block;
  margin-top: 6px;
  margin-bottom: -12px;
}

@media (max-width: 767px) {
  .DS__DateMonthPicker__Choice {
    position: absolute;
    right: 16px;
    bottom: 16px;
    left: 16px;
    z-index: 1;
    margin: 0
  }
}

.DS__DateMonthPicker__mobile {
  display: block;
  margin-right: -12px;
  margin-left: -12px;
}

.DS__DateMonthPicker__mobile.DS__DateMonthPicker__isMonthTab {
  padding-bottom: 0;
}

.DS__Tabs__Tabs,
.DS__Tabs__Tab,
.DS__Tabs__Icon {
  all: initial;
  font-family: var(--font-family);
}

.DS__Tabs__Tabs {
  display: flex;
}

.DS__Tabs__Tab {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px 16px;
  font-size: 16px;
  line-height: 24px;
  color: #222a37;
  text-align: center;
  cursor: pointer;
  background-color: #ffffff;
  border: 1px solid #dde3ed;
  border-radius: 18px;
}

.DS__Tabs__Tab.DS__Tabs__focus-visible {
  outline: 2px auto #577edc;
  outline-offset: 2px;
}

.DS__Tabs__Tab:disabled {
  color: #7a869a;
  cursor: default;
  border-color: #d0d6e1;
}

.DS__Tabs__Tab:disabled .DS__Tabs__Icon {
  color: #7a869a;
  cursor: default;
}

.DS__Tabs__Tab.DS__Tabs__active:not(:disabled) {
  background-color: #eceff5;
  border-color: #eceff5;
}

.DS__Tabs__Tab.DS__Tabs__b2c:not(:disabled):hover,
    .DS__Tabs__Tab.DS__Tabs__b2c:not(:disabled):focus {
  border-color: #d4e3ac;
}

.DS__Tabs__Tab.DS__Tabs__b2c:not(:disabled).DS__Tabs__active {
  background-color: #f4f9e6;
  border-color: #f4f9e6;
}

.DS__Tabs__Tab.DS__Tabs__b2b:not(:disabled):hover,
    .DS__Tabs__Tab.DS__Tabs__b2b:not(:disabled):focus {
  border-color: #94dee4;
}

.DS__Tabs__Tab.DS__Tabs__b2b:not(:disabled).DS__Tabs__active {
  background-color: #e8f9fb;
  border-color: #e8f9fb;
}

.DS__Tabs__Tab.DS__Tabs__grow {
  flex: 1 1 100%;
}

.DS__Tabs__Tab.DS__Tabs__small {
  padding: 5px 12px;
  font-size: 14px;
  line-height: 20px;
}

.DS__Tabs__Tab.DS__Tabs__disabled {
  color: #7a869a;
  cursor: default;
  border-color: #d0d6e1;
}

.DS__Tabs__Tab.DS__Tabs__disabled .DS__Tabs__Icon {
  color: #7a869a;
  cursor: default;
}

.DS__Tabs__Icon {
  margin-right: 10px;
  cursor: pointer;
}

.DS__Tabs__Icon svg {
  display: block;
}

.DS__MonthPicker__Wrapper,
.DS__MonthPicker__YearSelection,
.DS__MonthPicker__Chevron,
.DS__MonthPicker__MonthPicker,
.DS__MonthPicker__Month {
  all: initial;
  font-family: var(--font-family);
}

.DS__MonthPicker__Wrapper {
  display: block;
  width: 288px;
}

.DS__MonthPicker__YearSelection {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 20px;
  margin-bottom: 11px;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  color: #222a37;
}

.DS__MonthPicker__Chevron {
  color: #222a37;
  cursor: pointer;
}

.DS__MonthPicker__Chevron_disabled {
  color: #95a0b3;
  cursor: normal;
}

.DS__MonthPicker__MonthPicker {
  display: table;
}

.DS__MonthPicker__MonthPicker_theme_b2b .DS__MonthPicker__Month_active {
  background: #e8f9fb;
}

.DS__MonthPicker__MonthPicker td {
  padding: 2px;
}

.DS__MonthPicker__Month {
  width: 92px;
  height: 76px;
  cursor: pointer;
}

.DS__MonthPicker__Month_active {
  background-color: #f4f9e6;
  border-radius: 8px;
}

.DS__MonthPicker__Month_disabled {
  cursor: normal;
}

.DS__MonthPicker__Month > p:first-child {
  margin-bottom: 4px;
}

@media (max-width: 767px) {
  .DS__MonthPicker__Month:not(.DS__MonthPicker__Month_active) {
    background-color: #f6f8fc;
    border-radius: 8px;
  }
}

.DS__DateRangePicker__DateRangePicker,
.DS__DateRangePicker__Value,
.DS__DateRangePicker__datepicker {
  all: initial;
  font-family: var(--font-family);
}

.DS__DateRangePicker__DateRangePicker {
  display: block;
  width: 288px;
}

.DS__DateRangePicker__Value {
  display: flex;
  width: 100%;
  margin-bottom: 24px;
}

.DS__DateRangePicker__datepicker {
  display: block;
  padding-bottom: 16px;
}

@media (max-width: 767px) {
  .DS__DateRangePicker__Value {
    display: flex;
  }

  .DS__DateRangePicker__Value > div:first-child {
    margin-right: 16px;
  }
}

.DS__RangeField__RangeField {
  display: flex;
}

.DS__RangeField__RangeField > div:first-child > div {
  border-right-width: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.DS__RangeField__RangeField > div:last-child > div {
  border-left-width: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.DS__RangeField__RangeField > div:last-child span {
  left: 16px;
}

.DS__RangeField__RangeField_focused.DS__RangeField__RangeField_theme_b2c .DS__RangeField__Dash,
      .DS__RangeField__RangeField_focused.DS__RangeField__RangeField_theme_b2c > div > div {
  border-color: #97ba1e;
}

.DS__RangeField__RangeField_focused.DS__RangeField__RangeField_theme_b2b .DS__RangeField__Dash,
      .DS__RangeField__RangeField_focused.DS__RangeField__RangeField_theme_b2b > div > div {
  border-color: #00a4ba;
}

.DS__RangeField__RangeField_invalid .DS__RangeField__Dash,
    .DS__RangeField__RangeField_invalid > div > div {
  border-color: #f14d56 !important;
}

.DS__RangeField__container {
  justify-content: center;
}

.DS__RangeField__dash {
  margin-right: 7px;
  margin-left: 5px;
}

.DS__RangeField__inner {
  flex-basis: 82px;
  flex-grow: 0;
}

.DS__UnderlinedField__InputWrapper,
.DS__UnderlinedField__Append,
.DS__UnderlinedField__Prepend,
.DS__UnderlinedField__Append,
.DS__UnderlinedField__Prepend,
.DS__UnderlinedField__Underline {
  all: initial;
  font-family: var(--font-family);
}

.DS__UnderlinedField__UnderlinedField label {
  display: block;
  margin-bottom: 4px;
  font-size: 12px;
  line-height: 16px;
  color: #7a869a;
  letter-spacing: 0.02em;
}

.DS__UnderlinedField__UnderlinedField .DS__UnderlinedField__input {
  order: 2;
  width: 100%;
  font-size: 14px;
  line-height: 20px;
  border-width: 0;
  outline-width: 0;
}

.DS__UnderlinedField__UnderlinedField .DS__UnderlinedField__input::-moz-placeholder {
  font-weight: inherit;
}

.DS__UnderlinedField__UnderlinedField .DS__UnderlinedField__input::placeholder {
  font-weight: inherit;
}

.DS__UnderlinedField__UnderlinedField_color_N80 .DS__UnderlinedField__input {
  color: #95a0b3;
}

.DS__UnderlinedField__UnderlinedField_color_N900 .DS__UnderlinedField__input {
  color: #222a37;
}

.DS__UnderlinedField__UnderlinedField_placeholderColor_N80 .DS__UnderlinedField__input::-moz-placeholder {
  color: #95a0b3;
}

.DS__UnderlinedField__UnderlinedField_placeholderColor_N80 .DS__UnderlinedField__input::placeholder {
  color: #95a0b3;
}

.DS__UnderlinedField__UnderlinedField_placeholderColor_N100 .DS__UnderlinedField__input::-moz-placeholder {
  color: #7a869a;
}

.DS__UnderlinedField__UnderlinedField_placeholderColor_N100 .DS__UnderlinedField__input::placeholder {
  color: #7a869a;
}

.DS__UnderlinedField__UnderlinedField_prependColor_N80 .DS__UnderlinedField__Prepend svg path {
  fill: #95a0b3;
}

.DS__UnderlinedField__UnderlinedField_prependColor_N100 .DS__UnderlinedField__Prepend svg path {
  fill: #7a869a;
}

.DS__UnderlinedField__UnderlinedField_theme_b2c .DS__UnderlinedField__input:focus ~ .DS__UnderlinedField__Prepend svg path {
  fill: #97ba1e;
}

.DS__UnderlinedField__UnderlinedField_theme_b2c .DS__UnderlinedField__input:focus ~ .DS__UnderlinedField__Underline {
  background-color: #97ba1e;
}

.DS__UnderlinedField__UnderlinedField_theme_b2b .DS__UnderlinedField__input:focus ~ .DS__UnderlinedField__Prepend svg path {
  fill: #00a4ba;
}

.DS__UnderlinedField__UnderlinedField_theme_b2b .DS__UnderlinedField__input:focus ~ .DS__UnderlinedField__Underline {
  background-color: #00a4ba;
}

.DS__UnderlinedField__UnderlinedField_weight_bold .DS__UnderlinedField__input {
  font-weight: bold;
}

.DS__UnderlinedField__UnderlinedField_weight_bold .DS__UnderlinedField__input::-moz-placeholder {
  font-weight: bold;
}

.DS__UnderlinedField__UnderlinedField_weight_bold .DS__UnderlinedField__input::placeholder {
  font-weight: bold;
}

.DS__UnderlinedField__UnderlinedField_underlineColor_N40 .DS__UnderlinedField__Underline {
  background-color: #eceff5;
}

.DS__UnderlinedField__UnderlinedField_underlineColor_N50 .DS__UnderlinedField__Underline {
  background-color: #dde3ed;
}

.DS__UnderlinedField__UnderlinedField_invalid .DS__UnderlinedField__Underline {
  background-color: #f14d56 !important;
}

.DS__UnderlinedField__InputWrapper {
  position: relative;
  display: flex;
  margin-bottom: 4px;
}

.DS__UnderlinedField__Append,
.DS__UnderlinedField__Prepend {
  display: flex;
  align-items: center;
  justify-content: center;
  max-height: 20px;
}

.DS__UnderlinedField__Append {
  order: 3;
  margin-left: 12px;
}

.DS__UnderlinedField__Append svg path {
  fill: #95a0b3;
}

.DS__UnderlinedField__Prepend {
  order: 1;
  margin-right: 12px;
}

.DS__UnderlinedField__Underline {
  position: absolute;
  right: 0;
  bottom: -3px;
  left: 0;
  display: block;
  height: 1px;
  border-radius: 1px;
}

@media (max-width: 767px) {
  .DS__UnderlinedField__InputWrapper {
    margin-bottom: 8px;
  }

  .DS__UnderlinedField__Underline {
    bottom: -7px;
  }
}

.DS__FilterButton__root {
  position: relative;
  display: flex;
  max-width: 100%;
}

.DS__FilterButton__root.DS__FilterButton__active .DS__FilterButton__button.DS__FilterButton__theme_b2c .DS__FilterButton__icon, .DS__FilterButton__root.DS__FilterButton__completed .DS__FilterButton__button.DS__FilterButton__theme_b2c .DS__FilterButton__icon {
  color: #547012;
}

.DS__FilterButton__root.DS__FilterButton__active .DS__FilterButton__button.DS__FilterButton__theme_b2b .DS__FilterButton__icon, .DS__FilterButton__root.DS__FilterButton__completed .DS__FilterButton__button.DS__FilterButton__theme_b2b .DS__FilterButton__icon {
  color: #075c68;
}

.DS__FilterButton__root.DS__FilterButton__active .DS__FilterButton__button.DS__FilterButton__theme_b2c {
  border-color: #d4e3ac;
}

.DS__FilterButton__root.DS__FilterButton__active .DS__FilterButton__button.DS__FilterButton__theme_b2b {
  border-color: #8ce3ea;
}

.DS__FilterButton__root.DS__FilterButton__active .DS__FilterButton__chevron svg {
  transform: rotate(180deg);
}

.DS__FilterButton__root.DS__FilterButton__completed .DS__FilterButton__button.DS__FilterButton__theme_b2c {
  background-color: #f4f9e6;
  border-color: #f4f9e6;
}

.DS__FilterButton__root.DS__FilterButton__completed .DS__FilterButton__button.DS__FilterButton__theme_b2b {
  background-color: #e8f9fb;
  border-color: #e8f9fb;
}

.DS__FilterButton__root.DS__FilterButton__completed .DS__FilterButton__button:first-of-type {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.DS__FilterButton__root.DS__FilterButton__completed .DS__FilterButton__button:last-of-type {
  padding-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.DS__FilterButton__root.DS__FilterButton__completed .DS__FilterButton__button:last-of-type .DS__FilterButton__icon {
  padding-left: 6px;
  margin-left: 0;
}

.DS__FilterButton__root.DS__FilterButton__invalid .DS__FilterButton__button.DS__FilterButton__theme_b2c,
      .DS__FilterButton__root.DS__FilterButton__invalid .DS__FilterButton__button.DS__FilterButton__theme_b2b {
  border-color: #f14d56;
}

.DS__FilterButton__root.DS__FilterButton__block {
  width: 100%;
}

.DS__FilterButton__button {
  display: flex;
  align-items: center;
  padding: 5px 8px 5px 12px;
  color: #222a37;
  cursor: pointer;
  background-color: #ffffff;
  border: 1px solid #d0d6e1;
  border-radius: 8px;
  transition-timing-function: ease;
  transition-duration: 0.15s;
  transition-property: border-color, background-color;
}

.DS__FilterButton__button.DS__FilterButton__focus-visible {
  outline: 2px auto #577edc;
  outline-offset: 2px;
}

.DS__FilterButton__button.DS__FilterButton__size_small {
  height: 30px;
  padding: 0px 8px 0px 12px;
  font-size: 14px;
}

.DS__FilterButton__button.DS__FilterButton__block {
  justify-content: space-between;
  width: inherit;
}

.DS__FilterButton__button:disabled {
  color: #7a869a;
  cursor: default;
}

.DS__FilterButton__text {
  overflow: hidden;
  color: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: inherit;
}

.DS__FilterButton__text-sort {
  font-weight: 500;
}

.DS__FilterButton__icon {
  margin-left: 8px;
  color: inherit;
  cursor: inherit;
}

.DS__FilterButton__icon svg {
  display: block;
  transition: transform 0.3s ease;
  transform: rotate(0deg);
}

@media screen and (prefers-reduced-motion: reduce) {
  .DS__FilterButton__icon svg {
    transition: none
  }
}

.DS__FilterButton__sort-button {
  display: flex;
  align-items: center;
  cursor: pointer;
  background: none;
  border: none;
}

.DS__FilterButton__sort-icon {
  display: flex;
  margin-left: 8px;
}

/*!*****************************************************

Freak Flags, Copyright ©2022 Michael P. Cohen. Freak flags is licenced under the MIT licence.  

For complete information visit: www.freakflagsprite.com 

******************************************************/

.DS__FlagIcon__fflag {
  position: relative;
  box-sizing: content-box;
  display: inline-block;
  overflow: hidden;
  vertical-align: middle;
  background-image: url([object Module]);
  background-repeat: no-repeat;
  background-size: 100% 49494%;
}

.DS__FlagIcon__fflag-CH,
.DS__FlagIcon__fflag-NP {
  box-shadow: none !important;
}

.DS__FlagIcon__fflag-DZ {
  background-position: center 0.2287%;
}

.DS__FlagIcon__fflag-AO {
  background-position: center 0.4524%;
}

.DS__FlagIcon__fflag-BJ {
  background-position: center 0.6721%;
}

.DS__FlagIcon__fflag-BW {
  background-position: center 0.8958%;
}

.DS__FlagIcon__fflag-BF {
  background-position: center 1.1162%;
}

.DS__FlagIcon__fflag-BI {
  background-position: center 1.3379%;
}

.DS__FlagIcon__fflag-CM {
  background-position: center 1.5589%;
}

.DS__FlagIcon__fflag-CV {
  background-position: center 1.7805%;
}

.DS__FlagIcon__fflag-CF {
  background-position: center 2.0047%;
}

.DS__FlagIcon__fflag-TD {
  background-position: center 2.2247%;
}

.DS__FlagIcon__fflag-CD {
  background-position: left 2.4467%;
}

.DS__FlagIcon__fflag-DJ {
  background-position: left 2.6674%;
}

.DS__FlagIcon__fflag-EG {
  background-position: center 2.8931%;
}

.DS__FlagIcon__fflag-GQ {
  background-position: center 3.1125%;
}

.DS__FlagIcon__fflag-ER {
  background-position: left 3.3325%;
}

.DS__FlagIcon__fflag-ET {
  background-position: center 3.5542%;
}

.DS__FlagIcon__fflag-GA {
  background-position: center 3.7759%;
}

.DS__FlagIcon__fflag-GM {
  background-position: center 4.0015%;
}

.DS__FlagIcon__fflag-GH {
  background-position: center 4.2229%;
}

.DS__FlagIcon__fflag-GN {
  background-position: center 4.441%;
}

.DS__FlagIcon__fflag-GW {
  background-position: left 4.66663%;
}

.DS__FlagIcon__fflag-CI {
  background-position: center 4.8844%;
}

.DS__FlagIcon__fflag-KE {
  background-position: center 5.1061%;
}

.DS__FlagIcon__fflag-LS {
  background-position: center 5.3298%;
}

.DS__FlagIcon__fflag-LR {
  background-position: left 5.5495%;
}

.DS__FlagIcon__fflag-LY {
  background-position: center 5.7712%;
}

.DS__FlagIcon__fflag-MG {
  background-position: center 5.994%;
}

.DS__FlagIcon__fflag-MW {
  background-position: center 6.2156%;
}

.DS__FlagIcon__fflag-ML {
  background-position: center 6.4363%;
}

.DS__FlagIcon__fflag-MR {
  background-position: center 6.658%;
}

.DS__FlagIcon__fflag-MU {
  background-position: center 6.8805%;
}

.DS__FlagIcon__fflag-YT {
  background-position: center 7.1038%;
}

.DS__FlagIcon__fflag-MA {
  background-position: center 7.3231%;
}

.DS__FlagIcon__fflag-MZ {
  background-position: left 7.5448%;
}

.DS__FlagIcon__fflag-NA {
  background-position: left 7.7661%;
}

.DS__FlagIcon__fflag-NE {
  background-position: center 7.98937%;
}

.DS__FlagIcon__fflag-NG {
  background-position: center 8.2099%;
}

.DS__FlagIcon__fflag-CG {
  background-position: center 8.4316%;
}

.DS__FlagIcon__fflag-RE {
  background-position: center 8.6533%;
}

.DS__FlagIcon__fflag-RW {
  background-position: right 8.875%;
}

.DS__FlagIcon__fflag-SH {
  background-position: center 9.0967%;
}

.DS__FlagIcon__fflag-ST {
  background-position: center 9.32237%;
}

.DS__FlagIcon__fflag-SN {
  background-position: center 9.5426%;
}

.DS__FlagIcon__fflag-SC {
  background-position: left 9.7628%;
}

.DS__FlagIcon__fflag-SL {
  background-position: center 9.9845%;
}

.DS__FlagIcon__fflag-SO {
  background-position: center 10.2052%;
}

.DS__FlagIcon__fflag-ZA {
  background-position: left 10.4269%;
}

.DS__FlagIcon__fflag-SS {
  background-position: left 10.6486%;
}

.DS__FlagIcon__fflag-SD {
  background-position: center 10.8703%;
}

.DS__FlagIcon__fflag-SR {
  background-position: center 11.0945%;
}

.DS__FlagIcon__fflag-SZ {
  background-position: center 11.3135%;
}

.DS__FlagIcon__fflag-TG {
  background-position: left 11.5354%;
}

.DS__FlagIcon__fflag-TN {
  background-position: center 11.7593%;
}

.DS__FlagIcon__fflag-UG {
  background-position: center 11.9799%;
}

.DS__FlagIcon__fflag-TZ {
  background-position: center 12.2005%;
}

.DS__FlagIcon__fflag-EH {
  background-position: center 12.4222%;
}

.DS__FlagIcon__fflag-YE {
  background-position: center 12.644%;
}

.DS__FlagIcon__fflag-ZM {
  background-position: center 12.8664%;
}

.DS__FlagIcon__fflag-ZW {
  background-position: left 13.0873%;
}

.DS__FlagIcon__fflag-AI {
  background-position: center 13.309%;
}

.DS__FlagIcon__fflag-AG {
  background-position: center 13.5307%;
}

.DS__FlagIcon__fflag-AR {
  background-position: center 13.7524%;
}

.DS__FlagIcon__fflag-AW {
  background-position: left 13.9741%;
}

.DS__FlagIcon__fflag-BS {
  background-position: left 14.1958%;
}

.DS__FlagIcon__fflag-BB {
  background-position: center 14.4175%;
}

.DS__FlagIcon__fflag-BQ {
  background-position: center 14.6415%;
}

.DS__FlagIcon__fflag-BZ {
  background-position: center 14.8609%;
}

.DS__FlagIcon__fflag-BM {
  background-position: center 15.0826%;
}

.DS__FlagIcon__fflag-BO {
  background-position: center 15.306%;
}

.DS__FlagIcon__fflag-VG {
  background-position: center 15.528%;
}

.DS__FlagIcon__fflag-BR {
  background-position: center 15.7496%;
}

.DS__FlagIcon__fflag-CA {
  background-position: center 15.9694%;
}

.DS__FlagIcon__fflag-KY {
  background-position: center 16.1911%;
}

.DS__FlagIcon__fflag-CL {
  background-position: left 16.4128%;
}

.DS__FlagIcon__fflag-CO {
  background-position: left 16.6345%;
}

.DS__FlagIcon__fflag-KM {
  background-position: center 16.8562%;
}

.DS__FlagIcon__fflag-CR {
  background-position: center 17.0779%;
}

.DS__FlagIcon__fflag-CU {
  background-position: left 17.2996%;
}

.DS__FlagIcon__fflag-CW {
  background-position: center 17.5213%;
}

.DS__FlagIcon__fflag-DM {
  background-position: center 17.743%;
}

.DS__FlagIcon__fflag-DO {
  background-position: center 17.968%;
}

.DS__FlagIcon__fflag-EC {
  background-position: center 18.1864%;
}

.DS__FlagIcon__fflag-SV {
  background-position: center 18.4081%;
}

.DS__FlagIcon__fflag-FK {
  background-position: center 18.6298%;
}

.DS__FlagIcon__fflag-GF {
  background-position: center 18.8515%;
}

.DS__FlagIcon__fflag-GL {
  background-position: left 19.0732%;
}

.DS__FlagIcon__fflag-GD {
  background-position: center 19.2987%;
}

.DS__FlagIcon__fflag-GP {
  background-position: center 19.518%;
}

.DS__FlagIcon__fflag-GT {
  background-position: center 19.7383%;
}

.DS__FlagIcon__fflag-GY {
  background-position: center 19.96%;
}

.DS__FlagIcon__fflag-HT {
  background-position: center 20.1817%;
}

.DS__FlagIcon__fflag-HN {
  background-position: center 20.4034%;
}

.DS__FlagIcon__fflag-JM {
  background-position: center 20.6241%;
}

.DS__FlagIcon__fflag-MQ {
  background-position: center 20.8468%;
}

.DS__FlagIcon__fflag-MX {
  background-position: center 21.0685%;
}

.DS__FlagIcon__fflag-MS {
  background-position: center 21.2902%;
}

.DS__FlagIcon__fflag-NI {
  background-position: center 21.5119%;
}

.DS__FlagIcon__fflag-PA {
  background-position: center 21.7336%;
}

.DS__FlagIcon__fflag-PY {
  background-position: center 21.9553%;
}

.DS__FlagIcon__fflag-PE {
  background-position: center 22.177%;
}

.DS__FlagIcon__fflag-PR {
  background-position: left 22.4002%;
}

.DS__FlagIcon__fflag-BL {
  background-position: center 22.6204%;
}

.DS__FlagIcon__fflag-KN {
  background-position: center 22.8421%;
}

.DS__FlagIcon__fflag-LC {
  background-position: center 23.0638%;
}

.DS__FlagIcon__fflag-PM {
  background-position: center 23.2855%;
}

.DS__FlagIcon__fflag-VC {
  background-position: center 23.5072%;
}

.DS__FlagIcon__fflag-SX {
  background-position: left 23.732%;
}

.DS__FlagIcon__fflag-TT {
  background-position: center 23.9506%;
}

.DS__FlagIcon__fflag-TC {
  background-position: center 24.1723%;
}

.DS__FlagIcon__fflag-US {
  background-position: center 24.394%;
}

.DS__FlagIcon__fflag-VI {
  background-position: center 24.6157%;
}

.DS__FlagIcon__fflag-UY {
  background-position: left 24.8374%;
}

.DS__FlagIcon__fflag-VE {
  background-position: center 25.0591%;
}

.DS__FlagIcon__fflag-AB {
  background-position: center 25.279%;
}

.DS__FlagIcon__fflag-AF {
  background-position: center 25.5025%;
}

.DS__FlagIcon__fflag-AZ {
  background-position: center 25.7242%;
}

.DS__FlagIcon__fflag-BD {
  background-position: center 25.9459%;
}

.DS__FlagIcon__fflag-BT {
  background-position: center 26.1676%;
}

.DS__FlagIcon__fflag-BN {
  background-position: center 26.3885%;
}

.DS__FlagIcon__fflag-KH {
  background-position: center 26.611%;
}

.DS__FlagIcon__fflag-CN {
  background-position: left 26.8327%;
}

.DS__FlagIcon__fflag-GE {
  background-position: center 27.0544%;
}

.DS__FlagIcon__fflag-HK {
  background-position: center 27.2761%;
}

.DS__FlagIcon__fflag-IN {
  background-position: center 27.4978%;
}

.DS__FlagIcon__fflag-ID {
  background-position: center 27.7195%;
}

.DS__FlagIcon__fflag-JP {
  background-position: center 27.9412%;
}

.DS__FlagIcon__fflag-KZ {
  background-position: center 28.1615%;
}

.DS__FlagIcon__fflag-LA {
  background-position: center 28.3846%;
}

.DS__FlagIcon__fflag-MO {
  background-position: center 28.6063%;
}

.DS__FlagIcon__fflag-MY {
  background-position: center 28.829%;
}

.DS__FlagIcon__fflag-MV {
  background-position: center 29.0497%;
}

.DS__FlagIcon__fflag-MN {
  background-position: left 29.2714%;
}

.DS__FlagIcon__fflag-MM {
  background-position: center 29.4931%;
}

.DS__FlagIcon__fflag-NP {
  background-position: left 29.7148%;
}

.DS__FlagIcon__fflag-KP {
  background-position: left 29.9365%;
}

.DS__FlagIcon__fflag-MP {
  background-position: center 30.1582%;
}

.DS__FlagIcon__fflag-PW {
  background-position: center 30.3799%;
}

.DS__FlagIcon__fflag-PG {
  background-position: center 30.6016%;
}

.DS__FlagIcon__fflag-PH {
  background-position: left 30.8233%;
}

.DS__FlagIcon__fflag-SG {
  background-position: left 31.045%;
}

.DS__FlagIcon__fflag-KR {
  background-position: center 31.2667%;
}

.DS__FlagIcon__fflag-LK {
  background-position: right 31.4884%;
}

.DS__FlagIcon__fflag-TW {
  background-position: left 31.7101%;
}

.DS__FlagIcon__fflag-TJ {
  background-position: center 31.9318%;
}

.DS__FlagIcon__fflag-TH {
  background-position: center 32.1535%;
}

.DS__FlagIcon__fflag-TL {
  background-position: left 32.3752%;
}

.DS__FlagIcon__fflag-TM {
  background-position: center 32.5969%;
}

.DS__FlagIcon__fflag-VN {
  background-position: center 32.8186%;
}

.DS__FlagIcon__fflag-AL {
  background-position: center 33.0403%;
}

.DS__FlagIcon__fflag-AD {
  background-position: center 33.25975%;
}

.DS__FlagIcon__fflag-AM {
  background-position: center 33.4837%;
}

.DS__FlagIcon__fflag-AT {
  background-position: center 33.7054%;
}

.DS__FlagIcon__fflag-BY {
  background-position: left 33.9271%;
}

.DS__FlagIcon__fflag-BE {
  background-position: center 34.1488%;
}

.DS__FlagIcon__fflag-BA {
  background-position: center 34.3705%;
}

.DS__FlagIcon__fflag-BG {
  background-position: center 34.5922%;
}

.DS__FlagIcon__fflag-HR {
  background-position: center 34.8139%;
}

.DS__FlagIcon__fflag-CY {
  background-position: center 35.0356%;
}

.DS__FlagIcon__fflag-CZ {
  background-position: left 35.2555%;
}

.DS__FlagIcon__fflag-DK {
  background-position: center 35.479%;
}

.DS__FlagIcon__fflag-EE {
  background-position: center 35.7007%;
}

.DS__FlagIcon__fflag-FO {
  background-position: center 35.9224%;
}

.DS__FlagIcon__fflag-FI {
  background-position: center 36.1441%;
}

.DS__FlagIcon__fflag-FR {
  background-position: center 36.3658%;
}

.DS__FlagIcon__fflag-DE {
  background-position: center 36.5875%;
}

.DS__FlagIcon__fflag-GI {
  background-position: center 36.8092%;
}

.DS__FlagIcon__fflag-GR {
  background-position: left 37.0309%;
}

.DS__FlagIcon__fflag-HU {
  background-position: center 37.2526%;
}

.DS__FlagIcon__fflag-IS {
  background-position: center 37.4743%;
}

.DS__FlagIcon__fflag-IE {
  background-position: center 37.696%;
}

.DS__FlagIcon__fflag-IM {
  background-position: center 37.9177%;
}

.DS__FlagIcon__fflag-IT {
  background-position: center 38.1394%;
}

.DS__FlagIcon__fflag-JE {
  background-position: center 38.3611%;
}

.DS__FlagIcon__fflag-XK {
  background-position: center 38.5828%;
}

.DS__FlagIcon__fflag-LV {
  background-position: center 38.8045%;
}

.DS__FlagIcon__fflag-LI {
  background-position: left 39.0262%;
}

.DS__FlagIcon__fflag-LT {
  background-position: center 39.2479%;
}

.DS__FlagIcon__fflag-LU {
  background-position: center 39.4696%;
}

.DS__FlagIcon__fflag-MT {
  background-position: left 39.6913%;
}

.DS__FlagIcon__fflag-MD {
  background-position: center 39.913%;
}

.DS__FlagIcon__fflag-MC {
  background-position: center 40.1347%;
}

.DS__FlagIcon__fflag-ME {
  background-position: center 40.3564%;
}

.DS__FlagIcon__fflag-NL {
  background-position: center 40.5781%;
}

.DS__FlagIcon__fflag-MK {
  background-position: center 40.7998%;
}

.DS__FlagIcon__fflag-NO {
  background-position: center 41.0215%;
}

.DS__FlagIcon__fflag-PL {
  background-position: center 41.2432%;
}

.DS__FlagIcon__fflag-PT {
  background-position: center 41.4649%;
}

.DS__FlagIcon__fflag-RO {
  background-position: center 41.6866%;
}

.DS__FlagIcon__fflag-RU {
  background-position: center 41.9083%;
}

.DS__FlagIcon__fflag-SM {
  background-position: center 42.13%;
}

.DS__FlagIcon__fflag-RS {
  background-position: center 42.3517%;
}

.DS__FlagIcon__fflag-SK {
  background-position: center 42.5734%;
}

.DS__FlagIcon__fflag-SI {
  background-position: center 42.7951%;
}

.DS__FlagIcon__fflag-ES {
  background-position: left 43.0168%;
}

.DS__FlagIcon__fflag-SE {
  background-position: center 43.2385%;
}

.DS__FlagIcon__fflag-CH {
  background-position: center 43.4602%;
}

.DS__FlagIcon__fflag-TR {
  background-position: center 43.6819%;
}

.DS__FlagIcon__fflag-UA {
  background-position: center 43.9036%;
}

.DS__FlagIcon__fflag-GB {
  background-position: center 44.1253%;
}

.DS__FlagIcon__fflag-VA {
  background-position: right 44.347%;
}

.DS__FlagIcon__fflag-BH {
  background-position: center 44.5687%;
}

.DS__FlagIcon__fflag-IR {
  background-position: center 44.7904%;
}

.DS__FlagIcon__fflag-IQ {
  background-position: center 45.0121%;
}

.DS__FlagIcon__fflag-IL {
  background-position: center 45.2338%;
}

.DS__FlagIcon__fflag-KW {
  background-position: left 45.4555%;
}

.DS__FlagIcon__fflag-JO {
  background-position: left 45.6772%;
}

.DS__FlagIcon__fflag-KG {
  background-position: center 45.897%;
}

.DS__FlagIcon__fflag-LB {
  background-position: center 46.1206%;
}

.DS__FlagIcon__fflag-OM {
  background-position: left 46.3423%;
}

.DS__FlagIcon__fflag-PK {
  background-position: center 46.561%;
}

.DS__FlagIcon__fflag-PS {
  background-position: center 46.7857%;
}

.DS__FlagIcon__fflag-QA {
  background-position: center 47.0074%;
}

.DS__FlagIcon__fflag-SA {
  background-position: center 47.2291%;
}

.DS__FlagIcon__fflag-SY {
  background-position: center 47.4508%;
}

.DS__FlagIcon__fflag-AE {
  background-position: center 47.6725%;
}

.DS__FlagIcon__fflag-UZ {
  background-position: left 47.8942%;
}

.DS__FlagIcon__fflag-AS {
  background-position: right 48.1159%;
}

.DS__FlagIcon__fflag-AU {
  background-position: center 48.3376%;
}

.DS__FlagIcon__fflag-CX {
  background-position: center 48.5593%;
}

.DS__FlagIcon__fflag-CC {
  background-position: center 48.781%;
}

.DS__FlagIcon__fflag-CK {
  background-position: center 49.002%;
}

.DS__FlagIcon__fflag-FJ {
  background-position: center 49.2244%;
}

.DS__FlagIcon__fflag-PF {
  background-position: center 49.4445%;
}

.DS__FlagIcon__fflag-GU {
  background-position: center 49.6678%;
}

.DS__FlagIcon__fflag-KI {
  background-position: center 49.8895%;
}

.DS__FlagIcon__fflag-MH {
  background-position: left 50.1112%;
}

.DS__FlagIcon__fflag-FM {
  background-position: center 50.3329%;
}

.DS__FlagIcon__fflag-NC {
  background-position: center 50.5546%;
}

.DS__FlagIcon__fflag-NZ {
  background-position: center 50.7763%;
}

.DS__FlagIcon__fflag-NR {
  background-position: left 50.998%;
}

.DS__FlagIcon__fflag-NU {
  background-position: center 51.2197%;
}

.DS__FlagIcon__fflag-NF {
  background-position: center 51.4414%;
}

.DS__FlagIcon__fflag-WS {
  background-position: left 51.6631%;
}

.DS__FlagIcon__fflag-SB {
  background-position: left 51.8848%;
}

.DS__FlagIcon__fflag-TK {
  background-position: center 52.1065%;
}

.DS__FlagIcon__fflag-TO {
  background-position: left 52.3282%;
}

.DS__FlagIcon__fflag-TV {
  background-position: center 52.5499%;
}

.DS__FlagIcon__fflag-VU {
  background-position: left 52.7716%;
}

.DS__FlagIcon__fflag-WF {
  background-position: center 52.9933%;
}

.DS__FlagIcon__fflag-EU {
  background-position: center 53.215%;
}

.DS__FlagIcon__fflag-JR {
  background-position: center 53.4315%;
}

.DS__FlagIcon__fflag-OLY {
  background-position: center 53.6584%;
}

.DS__FlagIcon__fflag-UN {
  background-position: center 53.875%;
}

.DS__FlagIcon__fflag.DS__FlagIcon__ff-sm {
  width: 18px;
  height: 11px;
}

.DS__FlagIcon__fflag.DS__FlagIcon__ff-md {
  width: 27px;
  height: 17px;
}

.DS__FlagIcon__fflag.DS__FlagIcon__ff-lg {
  width: 42px;
  height: 27px;
}

.DS__FlagIcon__fflag.DS__FlagIcon__ff-xl {
  width: 60px;
  height: 37px;
}

.DS__FlagIcon__custom_size {
  width: 20px;
  height: 13px;
}

.DS__Footer__Footer,
.DS__Footer__Top,
.DS__Footer__Wrapper,
.DS__Footer__TopInner,
.DS__Footer__NavLinks,
.DS__Footer__Column,
.DS__Footer__List,
.DS__Footer__ListItem,
.DS__Footer__Link,
.DS__Footer__TopRight,
.DS__Footer__News,
.DS__Footer__Contacts,
.DS__Footer__NewsTitle,
.DS__Footer__Actions,
.DS__Footer__ActionButton,
.DS__Footer__ActionsText {
  all: initial;
  font-family: var(--font-family);
}

.DS__Footer__Footer {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  background-color: #f6f8fc;
  border-top: 1px solid #d0d6e1;
}

.DS__Footer__Top {
  display: flex;
  align-items: stretch;
  padding-top: 32px;
  padding-bottom: 32px;
}

.DS__Footer__Wrapper {
  display: flex;
  width: 100%;
  max-width: 1376px;
  padding-right: 32px;
  padding-left: 32px;
  margin-right: auto;
  margin-left: auto;
}

@media (max-width: 767px) {
  .DS__Footer__Wrapper {
    box-sizing: border-box;
    max-width: 320px;
    padding-right: 16px;
    padding-left: 16px
  }
}

.DS__Footer__TopInner {
  display: flex;
  width: 100%;
  height: 100%;
}

@media (max-width: 1023px) {
  .DS__Footer__TopInner {
    flex-direction: column
  }
}

.DS__Footer__NavLinks {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  width: 50%;
  margin-right: 33px;
}

@media (max-width: 1339px) {
  .DS__Footer__NavLinks {
    width: 66.666%
  }
}

@media (max-width: 1023px) {
  .DS__Footer__NavLinks {
    width: 100%;
    margin-bottom: 45px
  }
}

@media (max-width: 767px) {
  .DS__Footer__NavLinks {
    display: none
  }
}

.DS__Footer__Column {
  width: 33%;
}

@media (max-width: 1339px) {
  .DS__Footer__Column {
    width: 200px;
    margin-right: 32px
  }

  .DS__Footer__Column:nth-child(3) {
    width: 464px;
    margin-top: 12px;
    margin-right: 0;
  }

  .DS__Footer__Column:nth-child(3) .DS__Footer__ListItem {
    width: 50%;
  }
}

@media (max-width: 1023px) {
  .DS__Footer__Column {
    width: 50%;
    margin-right: 0
  }

  .DS__Footer__Column:nth-child(3) {
    width: 100%;
  }
}

.DS__Footer__List {
  display: block;
  padding: 0;
  margin: 0;
  margin-bottom: -12px;
  text-indent: 0;
  list-style: none;
}

.DS__Footer__ListItem {
  box-sizing: border-box;
  display: inline-flex;
  width: 100%;
  padding-right: 5px;
  margin-bottom: 12px;
}

.DS__Footer__Link {
  text-decoration: none;
  cursor: pointer;
}

.DS__Footer__Link.DS__Footer__focus-visible {
  outline: 2px auto #577edc;
  outline-offset: 2px;
}

.DS__Footer__Link:hover,
  .DS__Footer__Link:focus {
  text-decoration: underline;
}

.DS__Footer__TopRight {
  box-sizing: border-box;
  display: flex;
  flex-shrink: 0;
  width: 715px;
}

@media (max-width: 1339px) {
  .DS__Footer__TopRight {
    flex-direction: column;
    width: 320px;
    padding-left: 0
  }
}

@media (max-width: 1023px) {
  .DS__Footer__TopRight {
    flex-direction: row;
    width: 100%
  }
}

@media (max-width: 767px) {
  .DS__Footer__TopRight {
    flex-direction: column
  }
}

.DS__Footer__News {
  display: block;
  width: 320px;
  max-width: 100%;
  margin-left: auto;
}

@media (max-width: 1339px) {
  .DS__Footer__News {
    margin-left: 0
  }
}

.DS__Footer__Contacts {
  display: block;
}

@media (max-width: 1339px) {
  .DS__Footer__Contacts {
    margin-bottom: 30px
  }
}

@media (max-width: 1023px) {
  .DS__Footer__Contacts {
    margin-right: auto;
    margin-bottom: 0
  }
}

@media (max-width: 767px) {
  .DS__Footer__Contacts {
    width: 100%;
    margin-bottom: 32px
  }
}

.DS__Footer__NewsTitle {
  display: block;
  margin-bottom: 16px;
}

.DS__Footer__Actions {
  display: flex;
  flex-wrap: wrap;
  margin-top: 12px;
}

.DS__Footer__ActionButton {
  display: flex;
  align-items: center;
  margin-right: 27px;
  color: #97ba1e;
  cursor: pointer;
  transition: color 0.3s ease;
}

@media screen and (prefers-reduced-motion: reduce) {
  .DS__Footer__ActionButton {
    transition: none
  }
}

@media screen and (prefers-reduced-motion: reduce) {
  .DS__Footer__ActionButton {
    transition: none
  }
}

@media screen and (prefers-reduced-motion: reduce) {
  .DS__Footer__ActionButton {
    transition: none
  }
}

.DS__Footer__ActionButton svg path {
  fill: #97ba1e;
}

.DS__Footer__ActionButton.DS__Footer__focus-visible {
  outline: 2px auto #577edc;
  outline-offset: 2px;
}

.DS__Footer__ActionButton:hover svg path,
  .DS__Footer__ActionButton:focus svg path {
  fill: #81a11a;
}

.DS__Footer__ActionButton:active svg path {
  fill: #547012;
}

.DS__Footer__ActionsText {
  display: inline-block;
  margin-left: 12px;
  cursor: inherit;
}

.DS__IconRound__root {
  all: initial;
  font-family: var(--font-family);
}

.DS__IconRound__root {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  overflow: hidden;
  color: inherit;
  cursor: inherit;
  background-color: #ffffff;
  border: 1px solid #eceff5;
  border-radius: 50%;
}

.DS__Form__FormEmail,
.DS__Form__Submit {
  all: initial;
  font-family: var(--font-family);
}

.DS__Form__FormEmail {
  position: relative;
  display: block;
}

.DS__Form__Submit {
  position: absolute;
  top: calc(50% - 20px);
  right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  font-size: 0;
  cursor: pointer;
  background-color: #ffffff;
}

.DS__Form__Submit:disabled {
  opacity: 0.7;
}

.DS__FooterBottom__FooterBottom,
.DS__FooterBottom__Wrapper,
.DS__FooterBottom__Items,
.DS__FooterBottom__SocialLinks,
.DS__FooterBottom__MarketLinks,
.DS__FooterBottom__MarketLinksItem,
.DS__FooterBottom__copyright {
  all: initial;
  font-family: var(--font-family);
}

.DS__FooterBottom__FooterBottom {
  display: flex;
  margin-top: auto;
  background-color: #f6f8fc;
  border-top: 1px solid #d0d6e1;
}

.DS__FooterBottom__Wrapper {
  box-sizing: border-box;
  display: flex;
  width: 100%;
  max-width: 1376px;
  padding-right: 32px;
  padding-left: 32px;
  margin-right: auto;
  margin-left: auto;
}

@media (max-width: 767px) {
  .DS__FooterBottom__Wrapper {
    width: 320px;
    padding-right: 16px;
    padding-left: 16px
  }
}

.DS__FooterBottom__Items {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding-top: 12px;
  padding-bottom: 12px;
}

@media (max-width: 1023px) {
  .DS__FooterBottom__Items {
    justify-content: flex-start
  }
}

@media (max-width: 767px) {
  .DS__FooterBottom__Items {
    flex-direction: column;
    align-items: flex-start;
    padding-bottom: 16px
  }
}

.DS__FooterBottom__SocialLinks {
  display: block;
  flex-basis: 0;
  flex-grow: 1;
  min-width: -moz-fit-content;
  min-width: fit-content;
}

@media (max-width: 767px) {
  .DS__FooterBottom__SocialLinks {
    margin-bottom: 16px
  }
}

.DS__FooterBottom__MarketLinks {
  position: relative;
  display: flex;
  flex-grow: 2;
  justify-content: center;
}

@media (max-width: 1023px) {
  .DS__FooterBottom__MarketLinks {
    left: auto;
    justify-content: flex-start;
    margin-left: 32px
  }
}

@media (max-width: 767px) {
  .DS__FooterBottom__MarketLinks {
    margin-top: 8px;
    margin-bottom: 16px;
    margin-left: 0
  }
}

.DS__FooterBottom__MarketLinksItem {
  margin-right: 16px;
  line-height: 0;
}

.DS__FooterBottom__MarketLinksItem:last-child {
  margin-right: 0;
}

.DS__FooterBottom__copyright {
  display: flex;
  flex-basis: 0;
  flex-grow: 1;
  justify-content: flex-end;
  min-width: -moz-fit-content;
  min-width: fit-content;
}

@media (max-width: 1023px) {
  .DS__FooterBottom__copyright {
    display: none
  }
}

@media (max-width: 767px) {
  .DS__FooterBottom__copyright {
    display: block
  }
}

.DS__MarketLink__MarketLink {
  all: initial;
  font-family: var(--font-family);
}

.DS__MarketLink__MarketLink {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  cursor: pointer;
  border-radius: 4px;
}

.DS__MarketLink__MarketLink:focus {
  box-shadow: 0 0 2px 1px rgb(59, 153, 252);
}

.DS__MarketLink__MarketLink.DS__MarketLink__focus-visible {
  outline: 2px auto #577edc;
  outline-offset: 2px;
}

.DS__FooterB2B__root,
.DS__FooterB2B__content,
.DS__FooterB2B__contentWrapper,
.DS__FooterB2B__left,
.DS__FooterB2B__right,
.DS__FooterB2B__option,
.DS__FooterB2B__footer,
.DS__FooterB2B__social,
.DS__FooterB2B__link {
  all: initial;
  font-family: var(--font-family);
}

.DS__FooterB2B__root {
  box-sizing: border-box;
  display: block;
  flex-grow: 1;
  width: 100%;
}

.DS__FooterB2B__content {
  display: flex;
  padding: 40px 157px;
  border-bottom: solid 1px #dde3ed;
}

.DS__FooterB2B__contentWrapper {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.DS__FooterB2B__left {
  display: flex;
}

.DS__FooterB2B__left p {
  margin: 0;
}

.DS__FooterB2B__right {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-left: auto;
}

@media (max-width: 1023px) {
  .DS__FooterB2B__right {
    width: 100%;
    margin-left: -5px;
    margin-right: -5px
  }
}

.DS__FooterB2B__right p {
  margin: 0;
}

.DS__FooterB2B__right_item {
  margin-left: 5px;
  margin-right: 5px;
}

.DS__FooterB2B__right_item:not(:last-child) {
  margin-bottom: 12px;
}

@media (max-width: 1023px) {
  .DS__FooterB2B__right_item {
    flex-grow: 1;
    flex-basis: 141px
  }

  .DS__FooterB2B__right_item:not(:last-child) {
    margin-bottom: 0;
  }
}

@media (max-width: 767px) {
  .DS__FooterB2B__right_item {
    flex-basis: auto;
    flex-grow: auto
  }

  .DS__FooterB2B__right_item:not(:last-child) {
    margin-bottom: 8px;
  }
}

.DS__FooterB2B__support_phone {
  margin-bottom: 20px;
}

.DS__FooterB2B__support_phone span {
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  color: #222a37;
}

.DS__FooterB2B__option {
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
}

.DS__FooterB2B__option:not(:last-child) {
  margin-right: 80px;
}

@media (max-width: 1023px) {
  .DS__FooterB2B__option {
    flex-grow: 1;
    flex-basis: 141px
  }

  .DS__FooterB2B__option:not(:last-child) {
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .DS__FooterB2B__option {
    flex-basis: auto;
    flex-grow: auto
  }
}

.DS__FooterB2B__option_title {
  margin-bottom: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
}

.DS__FooterB2B__option .DS__FooterB2B__suboption {
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
}

.DS__FooterB2B__option .DS__FooterB2B__suboption:not(:last-child) {
  margin-bottom: 12px;
}

.DS__FooterB2B__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px 157px;
}

.DS__FooterB2B__social {
  display: flex;
}

.DS__FooterB2B__social_icon {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  color: #95a0b3;
  cursor: pointer;
  background-color: #ffffff;
  border: solid 1px #d0d6e1;
  border-radius: 50%;
  outline: none;
  /* stylelint-enable color-no-hex, function-blacklist */
}

.DS__FooterB2B__social_icon.DS__FooterB2B__focus-visible {
  outline: 2px auto #577edc;
  outline-offset: 2px;
}

.DS__FooterB2B__social_icon:not(:last-child) {
  margin-right: 12px;
}

.DS__FooterB2B__social_icon:hover,
    .DS__FooterB2B__social_icon:focus:not(:active) {
  color: #ffffff;
  border: none;
}

/* stylelint-disable color-no-hex, function-blacklist */

.DS__FooterB2B__social_icon_facebook:hover,
      .DS__FooterB2B__social_icon_facebook:focus,
      .DS__FooterB2B__social_icon_facebook:active {
  background-color: #325797;
}

.DS__FooterB2B__social_icon_instagram:hover,
      .DS__FooterB2B__social_icon_instagram:focus,
      .DS__FooterB2B__social_icon_instagram:active {
  background: linear-gradient(
          49.12deg,
          #ffdd55 6.62%,
          #ff543e 50.06%,
          #c837ab 93.5%
        );
}

.DS__FooterB2B__social_icon_odnoklassniki:hover,
      .DS__FooterB2B__social_icon_odnoklassniki:focus,
      .DS__FooterB2B__social_icon_odnoklassniki:active {
  background-color: #ee8208;
}

.DS__FooterB2B__social_icon_vk:hover,
      .DS__FooterB2B__social_icon_vk:focus,
      .DS__FooterB2B__social_icon_vk:active {
  background-color: #4680c2;
}

.DS__FooterB2B__social_icon_youtube:hover,
      .DS__FooterB2B__social_icon_youtube:focus,
      .DS__FooterB2B__social_icon_youtube:active {
  background-color: #fc0d1b;
}

/* stylelint-disable-next-line csstools/media-use-custom-media */

@media (min-width: 1024px) and (max-width: 1279px) {
  .DS__FooterB2B__content {
    padding: 40px 60px;
  }

  .DS__FooterB2B__option:not(:last-child) {
    margin-right: 50px;
  }

  .DS__FooterB2B__footer {
    padding: 24px 48px;
  }
}

/* stylelint-disable-next-line csstools/media-use-custom-media */

@media (min-width: 768px) and (max-width: 1023px) {
  .DS__FooterB2B__content {
    justify-content: center;
    padding: 40px 60px;
  }

  .DS__FooterB2B__contentWrapper {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
  }

  .DS__FooterB2B__left {
    width: 100%;
    margin-bottom: 44px;
  }

  .DS__FooterB2B__right {
    flex-direction: row;
  }

  .DS__FooterB2B__support_phone {
    margin: 0 0 6px;
  }

  .DS__FooterB2B__partnership_title, .DS__FooterB2B__settlement_title {
    margin: 0 0 6px;
  }

  .DS__FooterB2B__footer {
    padding: 24px 60px;
  }
}

@media (max-width: 767px) {
  .DS__FooterB2B__content {
    justify-content: flex-end;
    padding: 24px 24px 0;
  }

  .DS__FooterB2B__contentWrapper {
    flex-direction: column-reverse;
    align-items: flex-start;
  }

  .DS__FooterB2B__left,
  .DS__FooterB2B__right {
    width: 100%;
  }

  .DS__FooterB2B__left {
    flex-direction: column;
    padding: 0 24px;
    margin: 0 -24px;
    border-top: solid 1px #dde3ed;
  }

  .DS__FooterB2B__option {
    width: 100%;
    padding-right: 24px;
    margin-right: -24px;
    cursor: pointer;
  }

  .DS__FooterB2B__option:not(:last-child) {
    margin-right: 80px;
    border-bottom: solid 1px #dde3ed;
  }

  .DS__FooterB2B__option_open .DS__FooterB2B__option_title {
    margin-bottom: 0;
  }

  .DS__FooterB2B__option_title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin: 16px 0;
  }

  .DS__FooterB2B__option .DS__FooterB2B__suboption {
    padding-left: 8px;
  }

  .DS__FooterB2B__option .DS__FooterB2B__suboptions {
    margin: 24px 0;
  }

  .DS__FooterB2B__chevron {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    padding: 0;
    color: #7a869a;
    cursor: pointer;
    background-color: transparent;
  }

  @media screen and (prefers-reduced-motion: reduce) {
    .DS__FooterB2B__chevron svg {
      transition: none;
      transform: rotate(0deg);
    }
  }

  .DS__FooterB2B__chevron svg {
    transition: transform 0.3s ease;
    transform: rotate(0deg);
  }

  @media screen and (prefers-reduced-motion: reduce) {
    .DS__FooterB2B__chevron svg {
      transition: none
    }
  }

  .DS__FooterB2B__chevron_open svg {
    transform: rotate(180deg);
  }

  .DS__FooterB2B__right {
    margin: 0 0 24px 0;
  }

  .DS__FooterB2B__support_phone {
    margin-bottom: 4px;
  }

  .DS__FooterB2B__support_phone span {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
  }

  .DS__FooterB2B__partnership_title, .DS__FooterB2B__settlement_title {
    margin: 0 0 4px;
  }

  .DS__FooterB2B__footer {
    flex-direction: column-reverse;
    padding: 24px 36px;
  }

  .DS__FooterB2B__footer_right {
    margin-bottom: 24px;
  }
}

.DS__FooterB2B__link {
  display: block;
  text-decoration: none;
  cursor: pointer;
}

.DS__FooterB2B__link.DS__FooterB2B__focus-visible {
  outline: 2px auto #577edc;
  outline-offset: 2px;
}

.DS__FooterB2B__link:hover span, .DS__FooterB2B__link:focus span, .DS__FooterB2B__link:active span {
  color: #222a37;
}

.DS__Header__root,
.DS__Header__top,
.DS__Header__wrapper,
.DS__Header__button,
.DS__Header__logo,
.DS__Header__section,
.DS__Header__login,
.DS__Header__navigation,
.DS__Header__layer,
.DS__Header__pointer {
  all: initial;
  font-family: var(--font-family);
}

.DS__Header__root {
  position: relative;
  z-index: 1;
  display: block;
}

.DS__Header__root.DS__Header__fixed {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 99;
}

.DS__Header__theme_b2b .DS__Header__navigation_point_active::before {
  background-color: #00a4ba;
}

.DS__Header__theme_b2c .DS__Header__navigation_point_active::before {
  background-color: #97ba1e;
}

.DS__Header__top {
  position: relative;
  z-index: 1;
  display: flex;
  height: 80px;
  background-color: #ffffff;
  box-shadow: 0px 1px 6px 1px rgba(34, 42, 55, 0.13);
}

.DS__Header__wrapper {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  max-width: 1440px;
  height: 100%;
  padding-right: 20px;
  padding-left: 20px;
  margin-right: auto;
  margin-left: auto;
}

.DS__Header__wrapper_popup {
  box-sizing: border-box;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  padding-right: 0;
  padding-left: 80px;
}

.DS__Header__button {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 20px;
  height: 20px;
  padding: 0;
  margin-right: 20px;
  color: #505f79;
  cursor: pointer;
  background: none;
  border: none;
}

.DS__Header__button.DS__Header__focus-visible {
  outline: 2px auto #577edc;
  outline-offset: 2px;
}

.DS__Header__home_link {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.DS__Header__home_link.DS__Header__focus-visible {
  outline: 2px auto #577edc;
  outline-offset: 2px;
}

.DS__Header__logo_wrapper {
  display: flex;
  align-items: center;
  cursor: inherit;
}

.DS__Header__logo {
  display: block;
  max-width: 150px;
  height: 40px;
  font-size: 0;
  cursor: pointer;
}

.DS__Header__oneworld_link {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 32px;
  height: 32px;
  margin-left: 20px;
  font-size: 0;
  cursor: pointer;
}

.DS__Header__oneworld_link.DS__Header__focus-visible {
  outline: 2px auto #577edc;
  outline-offset: 2px;
}

@media (max-width: 767px) {
  .DS__Header__oneworld_link {
    display: none
  }
}

.DS__Header__section {
  position: relative;
  display: flex;
  align-items: center;
  padding-left: 12px;
}

.DS__Header__section:not(:last-child) {
  padding-right: 12px;
}

.DS__Header__section:not(:last-child):after {
  position: absolute;
  top: 50%;
  right: 0;
  display: block;
  width: 1px;
  height: 28px;
  content: '';
  background-color: #dde3ed;
  border-radius: 0.5px;
  transform: translateY(-50%);
}

.DS__Header__search_button,
.DS__Header__cart_button {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 20px;
  color: #505f79;
  cursor: pointer;
  background: none;
  border: none;
}

.DS__Header__search_button.DS__Header__focus-visible, .DS__Header__cart_button.DS__Header__focus-visible {
  outline: 2px auto #577edc;
  outline-offset: 2px;
}

.DS__Header__cart_button:not(.DS__Header__cart_button_empty) {
  padding-right: 7px;
}

.DS__Header__user_info {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 12px;
  background-color: transparent;
  border: 0;
}

.DS__Header__user_info.DS__Header__focus-visible {
  outline: 2px auto #577edc;
  outline-offset: 2px;
}

.DS__Header__login {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.DS__Header__login svg {
  display: block;
}

.DS__Header__login_icon {
  margin-right: 8px;
  color: #505f79;
}

.DS__Header__left_side {
  display: flex;
  flex-grow: 1;
  align-items: center;
}

.DS__Header__right_side {
  display: flex;
  align-items: center;
  height: 100%;
}

.DS__Header__navigation {
  display: flex;
  padding: 0;
  margin: 0;
  margin-left: 40px;
  text-indent: 0;
  list-style: none;
  list-style-position: outside;
}

.DS__Header__navigation_item {
  display: inline-flex;
  align-items: center;
  margin-right: 28px;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

.DS__Header__navigation_point {
  position: relative;
  display: inline-flex;
  align-items: center;
  height: 80px;
  padding: 0;
  margin: 0;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: #222a37;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  background: transparent;
  border: none;
  transition: color 0.3s ease-in-out;
}

.DS__Header__navigation_point.DS__Header__focus-visible {
  outline: 2px auto #577edc;
  outline-offset: 2px;
}

@media screen and (prefers-reduced-motion: reduce) {
  .DS__Header__navigation_point {
    transition: none
  }
}

.DS__Header__navigation_point:hover,
  .DS__Header__navigation_point:focus {
  color: #505f79;
}

.DS__Header__navigation_point_active::before {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 2px;
  content: '';
}

.DS__Header__navigation_content {
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  box-sizing: border-box;
  display: block;
  width: 100%;
  min-height: 200px;
  padding-top: 48px;
  padding-bottom: 60px;
  background-color: #ffffff;
}

.DS__Header__search_wrapper {
  position: relative;
  z-index: 1;
  display: block;
  flex-grow: 1;
  height: 80px;
  margin-right: -52px;
  animation: DS__Header__SearchWrapperAnimate 0.5s;
}

@media screen and (prefers-reduced-motion: reduce) {
  .DS__Header__search_wrapper {
    animation: none
  }
}

.DS__Header__search_wrapper > div {
  height: 100%;
}

@keyframes DS__Header__SearchWrapperAnimate {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.DS__Header__mobile_menu {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  display: flex;
  width: 100%;
  height: 100%;
}

.DS__Header__mobile_menu-enter {
  opacity: 0;
  transform: translateX(-100%);
}

@media screen and (prefers-reduced-motion: reduce) {
  .DS__Header__mobile_menu-enter {
    transition: none
  }
}

.DS__Header__mobile_menu-enter-active {
  opacity: 1;
  transition: opacity 300ms, transform 300ms;
  transform: translateX(0);
}

@media screen and (prefers-reduced-motion: reduce) {
  .DS__Header__mobile_menu-enter-active {
    transition: none
  }
}

.DS__Header__mobile_menu-exit {
  opacity: 1;
  transform: translateX(0);
}

.DS__Header__mobile_menu-exit-active {
  opacity: 0;
  transition: opacity 300ms, transform 300ms;
  transform: translateX(-100%);
}

@media screen and (prefers-reduced-motion: reduce) {
  .DS__Header__mobile_menu-exit-active {
    transition: none
  }
}

.DS__Header__html_ds_header_mobile_menu {
  position: fixed;
  width: 100%;
  max-height: 100%;
  overflow: hidden;
}

.DS__Header__layer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  visibility: hidden;
  background: #222a37;
  opacity: 0;
  transition: opacity 0.3s, visibility 0.3s;
}

@media screen and (prefers-reduced-motion: reduce) {
  .DS__Header__layer {
    transition: none
  }
}

@media screen and (prefers-reduced-motion: reduce) {
  .DS__Header__layer {
    transition: none
  }
}

@media screen and (prefers-reduced-motion: reduce) {
  .DS__Header__layer {
    transition: none
  }
}

.DS__Header__layer_visible {
  visibility: visible;
  opacity: 0.5;
}

.DS__Header__pointer {
  position: absolute;
  top: 0;
  right: 0;
  width: 16px;
  height: 16px;
  font-size: 11px;
  line-height: 16px;
  color: #ffffff;
  text-align: center;
  cursor: inherit;
  background: #f14d56;
  border-radius: 50%;
  transform: translateY(-5px);
}

.DS__Header__region_wrap {
  display: flex;
}

.DS__Header__shop .DS__Header__right_side {
  margin-right: -7px;
}

.DS__Header__shop .DS__Header__section {
  padding: 0 7px;
}

.DS__Header__shop .DS__Header__section:after {
  display: none;
}

.DS__Header__shop .DS__Header__section_cart {
  order: 10;
}

.DS__Header__shop .DS__Header__section_region {
  order: 0;
}

.DS__Header__shop .DS__Header__user_info {
  margin: 0 7px;
}

.DS__Header__shop .DS__Header__login_icon {
  padding: 10px;
  margin: 0;
  cursor: pointer;
}

.DS__Header__shop .DS__Header__top {
  box-shadow: 0px 1px 0px #d0d6e1;
}

@media (min-width: 1280px) {
  .DS__Header__tablet:not(.DS__Header__desktop),
  .DS__Header__mobile:not(.DS__Header__desktop) {
    display: none;
  }
}

@media (max-width: 1279px) {
  .DS__Header__Wrapper_popup {
    display: block;
  }
}

@media (max-width: 1279px) and (min-width: 768px) {
  .DS__Header__desktop:not(.DS__Header__tablet),
  .DS__Header__mobile:not(.DS__Header__tablet) {
    display: none;
  }

  .DS__Header__shop .DS__Header__button {
    margin-right: 24px;
  }
}

@media (max-width: 767px) {
  .DS__Header__desktop:not(.DS__Header__mobile),
  .DS__Header__tablet:not(.DS__Header__mobile) {
    display: none;
  }

  .DS__Header__top {
    height: 52px;
  }

  .DS__Header__button {
    margin-right: 16px;
  }

  .DS__Header__button svg {
    width: 20px;
  }

  .DS__Header__logo {
    height: 32px;
  }

  .DS__Header__wrapper {
    padding-right: 16px;
    padding-left: 16px;
  }
}

.DS__LanguageSelect__root,
.DS__LanguageSelect__button,
.DS__LanguageSelect__popup {
  all: initial;
  font-family: var(--font-family);
}

.DS__LanguageSelect__root {
  display: inline-flex;
  align-items: center;
  transform: translate(0);
}

.DS__LanguageSelect__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.DS__LanguageSelect__button_alone {
  cursor: default;
}

.DS__LanguageSelect__popup {
  display: block;
  padding-right: 14px;
  padding-left: 14px;
  margin-top: -10px;
}

@media (max-width: 767px) {
  .DS__LanguageSelect__popup {
    padding: 6px;
    margin: 0
  }
}

.DS__Popover__Popover,
.DS__Popover__BtnContainer,
.DS__Popover__Popup,
.DS__Popover__Popup-align-right,
.DS__Popover__Popup-align-left,
.DS__Popover__Popup-enter,
.DS__Popover__Popup-enter-active,
.DS__Popover__Popup-exit,
.DS__Popover__Popup-exit-active {
  all: initial;
  font-family: var(--font-family);
}

.DS__Popover__Popover {
  position: relative;
  display: block;
}

.DS__Popover__BtnContainer {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  border: none;
}

.DS__Popover__BtnContainer.DS__Popover__focus-visible {
  outline: 2px auto #577edc;
  outline-offset: 2px;
}

.DS__Popover__Popup {
  position: absolute;
  z-index: 1;
}

.DS__Popover__Popup-align-right {
  right: 0;
}

.DS__Popover__Popup-align-left {
  left: 0;
}

/* stylelint-disable-next-line csstools/media-use-custom-media */

@media (max-width: 550px) {
  .DS__Popover__isMobileFixed .DS__Popover__Popup {
    position: fixed;
    top: 32px;
    right: 10px;
    left: 10px;
    z-index: 1000;
    display: flex;
    justify-content: center;
  }
}

.DS__Popover__Popup-enter {
  opacity: 0;
}

.DS__Popover__Popup-enter-active {
  opacity: 1;
  transition: opacity 300ms, transform 300ms;
  transform: translateY(0);
}

@media screen and (prefers-reduced-motion: reduce) {
  .DS__Popover__Popup-enter-active {
    transition: none
  }
}

.DS__Popover__Popup-exit {
  opacity: 1;
}

.DS__Popover__Popup-exit-active {
  opacity: 0;
  transition: opacity 300ms, transform 300ms;
}

@media screen and (prefers-reduced-motion: reduce) {
  .DS__Popover__Popup-exit-active {
    transition: none
  }
}

.DS__HeaderPopup__root {
  box-sizing: border-box;
  display: block;
  width: 320px;
  transition: height 0.3s linear;
}

.DS__HeaderPopup__root.DS__HeaderPopup__size_small {
  width: auto;
  min-width: 179px;
  max-width: 320px;
}

.DS__HeaderPopup__root.DS__HeaderPopup__size_small .DS__HeaderPopup__Content,
    .DS__HeaderPopup__root.DS__HeaderPopup__size_small .DS__HeaderPopup__Head {
  padding: 0;
  margin: 0;
}

.DS__HeaderPopup__root .DS__HeaderPopup__depth {
  display: flex;
  flex-direction: column;
  max-height: 100%;
}

.DS__HeaderPopup__content {
  position: relative;
  display: flex;
  flex-direction: column;
  padding-top: 24px;
  padding-bottom: 20px;
  overflow: hidden;
}

@media (max-width: 767px) {
  .DS__HeaderPopup__content {
    padding-top: 8px;
    padding-bottom: 8px
  }
}

.DS__HeaderPopup__head {
  position: relative;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  padding-right: 50px;
  padding-left: 23px;
  margin-bottom: 23px;
}

.DS__HeaderPopup__head.DS__HeaderPopup__withoutMargin {
  margin-bottom: 0;
}

.DS__HeaderPopup__close_button {
  position: absolute;
  top: 28px;
  right: 16px;
  z-index: 1;
  width: 20px;
  height: 20px;
  padding: 0;
  font-size: 0;
  color: #7a869a;
  cursor: pointer;
  background: none;
  border: none;
  outline: none;
}

.DS__MenuLinks__root,
.DS__MenuLinks__link,
.DS__MenuLinks__hint,
.DS__MenuLinks__columns {
  all: initial;
  font-family: var(--font-family);
}

.DS__MenuLinks__root {
  padding: 0;
  margin: 0;
  list-style: none;
}

.DS__MenuLinks__root .DS__MenuLinks__link {
  padding: 8px 10px;
}

.DS__MenuLinks__link {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  width: 100%;
  font-size: 14px;
  color: #222a37;
  cursor: pointer;
  background-color: transparent;
  border-width: 0;
  transition: background-color 0.2s, border-color 0.2s;
}

@media screen and (prefers-reduced-motion: reduce) {
  .DS__MenuLinks__link {
    transition: none
  }
}

.DS__MenuLinks__link:hover,
  .DS__MenuLinks__link:focus {
  background-color: #f6f8fc;
}

.DS__MenuLinks__link svg {
  display: flex;
  align-items: center;
  margin-right: 8px;
  font-size: 0;
}

.DS__MenuLinks__hint {
  margin-left: auto;
  font-size: 14px;
  color: #7a869a;
}

.DS__MenuLinks__columns {
  display: flex;
  flex-wrap: wrap;
  margin-right: -8px;
  margin-left: -8px;
}

.DS__MenuLinks__columns .DS__MenuLinks__link {
  width: 100%;
  height: 40px;
  padding: 8px;
  margin-right: 16px;
  border: 1px solid transparent;
  border-radius: 8px;
}

.DS__MenuLinks__columns .DS__MenuLinks__link:disabled {
  pointer-events: none;
  background-color: transparent;
  border-color: #dde3ed;
}

.DS__MenuLinks__columns svg {
  margin-right: 16px;
}

.DS__MenuLinks__columns .DS__MenuLinks__item {
  box-sizing: border-box;
  display: block;
  flex: 0 0 50%;
  max-width: 50%;
  padding-right: 8px;
  padding-left: 8px;
}

.DS__RegionSelect__root,
.DS__RegionSelect__button,
.DS__RegionSelect__popup,
.DS__RegionSelect__code,
.DS__RegionSelect__title,
.DS__RegionSelect__choose {
  all: initial;
  font-family: var(--font-family);
}

.DS__RegionSelect__root {
  transform: translate(0);
}

.DS__RegionSelect__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  color: #505f79;
  cursor: pointer;
}

.DS__RegionSelect__popup {
  display: block;
  padding-right: 14px;
  padding-left: 14px;
  margin-top: -10px;
}

.DS__RegionSelect__code {
  font-size: 14px;
  color: #7a869a;
}

.DS__RegionSelect__title {
  display: block;
  padding-top: 10px;
  margin-bottom: 16px;
}

.DS__RegionSelect__title:not(:first-child) {
  margin-top: 20px;
}

.DS__RegionSelect__choose {
  display: inline-block;
  min-width: 120px;
  margin-top: 34px;
}

.DS__CurrencySelect__root,
.DS__CurrencySelect__popup {
  all: initial;
  font-family: var(--font-family);
}

.DS__CurrencySelect__root {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  line-height: 20px;
  color: #505f79;
  text-decoration: none;
  text-transform: uppercase;
  cursor: pointer;
}

.DS__CurrencySelect__popup {
  display: block;
  padding-right: 14px;
  padding-left: 14px;
  margin-top: -10px;
}

@media (max-width: 767px) {
  .DS__CurrencySelect__popup {
    padding: 6px;
    margin: 0
  }
}

.DS__NewWindowIcon__root {
  all: initial;
  font-family: var(--font-family);
}

.DS__NewWindowIcon__root {
  display: inline-block;
  margin-left: 6px;
  cursor: inherit;
}

.DS__NewWindowIcon__root svg {
  transform: translateY(-3px);
}

.DS__HeaderSearch__root {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.DS__HeaderSearch__input_wrapper {
  position: relative;
  z-index: 1;
  display: block;
  height: 100%;
}

/* stylelint-disable-next-line csstools/media-use-custom-media */

@media (max-width: 1023px) {
  .DS__HeaderSearch__input_wrapper {
    box-shadow: 0px 2px 6px -2px rgba(34, 42, 55, 0.13)
  }
}

.DS__HeaderSearch__form {
  display: block;
  height: 100%;
}

.DS__HeaderSearch__form.DS__HeaderSearch__mobile {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 14px 48px 14px 22px;
}

.DS__HeaderSearch__input {
  box-sizing: border-box;
  height: 100%;
  padding-right: 40px;
  padding-left: 30px;
  background-color: #ffffff;
}

.DS__HeaderSearch__close {
  position: absolute;
  top: 50%;
  right: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  padding: 0;
  color: #222a37;
  cursor: pointer;
  background: none;
  border: none;
  transform: translateY(-50%);
}

.DS__HeaderSearch__popup {
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  display: block;
  padding: 24px 32px;
  background: #ffffff;
}

/* stylelint-disable-next-line csstools/media-use-custom-media */

@media (max-width: 1023px) {
  .DS__HeaderSearch__popup {
    padding-right: 16px;
    padding-left: 16px
  }
}

.DS__HeaderSearch__result_list {
  display: block;
  padding: 0;
  margin: 0;
  text-indent: 0;
  list-style: none;
  list-style-position: outside;
}

.DS__HeaderSearch__result_title {
  display: block;
  margin-bottom: 32px;
}

.DS__HeaderSearch__result_item {
  display: block;
  margin-bottom: 20px;
}

.DS__HeaderSearch__result_item a {
  text-decoration: none;
}

/* stylelint-disable-next-line csstools/media-use-custom-media */

@media (max-width: 1023px) {
  .DS__HeaderSearch__result_item {
    margin-bottom: 16px
  }
}

.DS__HeaderSearch__result_item:last-child {
  margin-bottom: 0;
}

.DS__HeaderSearch__result_point {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.DS__HeaderSearch__input_mobile {
  border-bottom: 0;
}

.DS__Search__root {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  width: 100%;
  transition: border-color 0.3s ease,
    background-color 0.3s ease;
}

@media screen and (prefers-reduced-motion: reduce) {
  .DS__Search__root {
    transition: none
  }
}

.DS__Search__search_icon {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  margin-right: 12px;
  color: #95a0b3;
  transition: color 0.3s ease;
}

@media screen and (prefers-reduced-motion: reduce) {
  .DS__Search__search_icon {
    transition: none
  }
}

.DS__Search__close_button {
  flex-shrink: 0;
  padding: 0;
  margin: 0;
  margin-left: 12px;
  color: #95a0b3;
  cursor: pointer;
  background-color: transparent;
  border: 0;
  outline: none;
}

.DS__Search__close_button.DS__Search__focus-visible {
  outline: 2px auto #577edc;
  outline-offset: 2px;
}

.DS__Search__theme_free,
  .DS__Search__theme_b2c {
  padding-top: 4px;
  padding-bottom: 7px;
  border-bottom: 1px solid #dde3ed;
}

.DS__Search__theme_free .DS__Search__input, .DS__Search__theme_b2c .DS__Search__input {
  font-size: 14px;
  line-height: 20px;
}

.DS__Search__theme_free.DS__Search__focused, .DS__Search__theme_b2c.DS__Search__focused {
  border-bottom-color: #97ba1e;
}

.DS__Search__theme_free.DS__Search__focused .DS__Search__search_icon, .DS__Search__theme_b2c.DS__Search__focused .DS__Search__search_icon {
  color: #97ba1e;
}

.DS__Search__theme_b2b {
  padding-top: 4px;
  padding-bottom: 7px;
  border-bottom: 1px solid #dde3ed;
}

.DS__Search__theme_b2b .DS__Search__input {
  font-size: 14px;
  line-height: 20px;
}

.DS__Search__theme_b2b.DS__Search__focused {
  border-bottom-color: #00a4ba;
}

.DS__Search__theme_b2b.DS__Search__focused .DS__Search__search_icon {
  color: #00a4ba;
}

.DS__Search__theme_grey {
  background-color: #f1f3f8;
  border: 1px solid #f1f3f8;
  border-radius: 8px;
}

.DS__Search__theme_grey.DS__Search__focused {
  background-color: #ffffff;
  border-color: #d0d6e1;
}

.DS__Search__theme_grey.DS__Search__size_default {
  padding: 15px;
}

.DS__Search__theme_grey.DS__Search__size_default .DS__Search__input {
  font-size: 16px;
  line-height: 24px;
}

.DS__Search__theme_grey.DS__Search__size_small {
  padding: 9px 8px;
}

.DS__Search__theme_grey.DS__Search__size_small .DS__Search__input {
  font-size: 14px;
  line-height: 20px;
}

.DS__Menu__links,
.DS__Menu__group,
.DS__Menu__promo,
.DS__Menu__item,
.DS__Menu__heading,
.DS__Menu__icon,
.DS__Menu__beta,
.DS__Menu__Text {
  all: initial;
  font-family: var(--font-family);
}

.DS__Menu__links {
  display: flex;
  flex-wrap: wrap;
}

.DS__Menu__links:not(.DS__Menu__promo) > .DS__Menu__group:first-child {
  width: 400px;
}

.DS__Menu__links:not(.DS__Menu__promo) > .DS__Menu__group:first-child .DS__Menu__item {
  margin-bottom: 20px;
}

.DS__Menu__group {
  display: block;
  width: 180px;
  margin-right: 40px;
}

.DS__Menu__group:last-child {
  margin-right: 0;
}

.DS__Menu__promo {
  flex-wrap: nowrap;
  padding-right: 80px;
}

.DS__Menu__promo .DS__Menu__group {
  flex-grow: 1;
  width: 100%;
}

/* stylelint-disable */

@media (min-width: 1400px) {
  .DS__Menu__group_multi {
    display: flex;
    width: auto;
  }
}

@media (max-width: 1399px) {
  .DS__Menu__group_multi .DS__Menu__group + .DS__Menu__group {
    margin-top: 40px;
  }
}

/* stylelint-enable  */

.DS__Menu__group_list {
  display: flex;
  flex-direction: column;
  padding: 0;
  margin: 0;
  text-indent: 0;
  list-style: none;
  list-style-position: outside;
}

.DS__Menu__item {
  display: block;
  margin-bottom: 12px;
}

.DS__Menu__item_link,
.DS__Menu__item_button {
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  line-height: 20px;
  color: #222a37;
  text-decoration: none;
  cursor: pointer;
  transition: color 0.2s;
}

.DS__Menu__item_link:hover,
  .DS__Menu__item_link:focus,
  .DS__Menu__item_button:hover,
  .DS__Menu__item_button:focus {
  color: #505f79;
}

.DS__Menu__item_button {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.DS__Menu__item_button_icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  margin-right: 12px;
}

.DS__Menu__theme_b2c .DS__Menu__item_button_icon,
  .DS__Menu__theme_b2c .DS__Menu__icon,
  .DS__Menu__theme_b2c .DS__Menu__beta {
  color: #97ba1e;
}

.DS__Menu__theme_b2b .DS__Menu__item_button_icon,
  .DS__Menu__theme_b2b .DS__Menu__icon,
  .DS__Menu__theme_b2b .DS__Menu__beta {
  color: #00a4ba;
}

.DS__Menu__heading {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}

.DS__Menu__icon {
  width: 20px;
  height: 20px;
  margin-right: 12px;
}

.DS__Menu__beta {
  margin-left: 4px;
}

.DS__Menu__Text {
  display: block;
  padding-left: 32px;
}

.DS__MobileMenu__root,
.DS__MobileMenu__actions,
.DS__MobileMenu__inner,
.DS__MobileMenu__group,
.DS__MobileMenu__head,
.DS__MobileMenu__back,
.DS__MobileMenu__close,
.DS__MobileMenu__search,
.DS__MobileMenu__categories,
.DS__MobileMenu__items,
.DS__MobileMenu__item,
.DS__MobileMenu__link,
.DS__MobileMenu__scroll,
.DS__MobileMenu__hint,
.DS__MobileMenu__home,
.DS__MobileMenu__beta,
.DS__MobileMenu__shop {
  all: initial;
  font-family: var(--font-family);
}

.DS__MobileMenu__root {
  display: flex;
  width: 100%;
  height: 100%;
}

.DS__MobileMenu__theme_b2b .DS__MobileMenu__categories {
  padding-right: 0;
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 16px;
}

.DS__MobileMenu__theme_b2b .DS__MobileMenu__head {
  padding-left: 12px;
  box-shadow: 0px 4px 10px rgba(34, 42, 55, 0.13);
}

.DS__MobileMenu__theme_b2b .DS__MobileMenu__close,
    .DS__MobileMenu__theme_b2b .DS__MobileMenu__back {
  margin-right: 16px;
}

.DS__MobileMenu__theme_b2b .DS__MobileMenu__group {
  margin-bottom: 0;
}

.DS__MobileMenu__theme_b2b .DS__MobileMenu__item {
  box-sizing: border-box;
  height: 48px;
  margin-bottom: 0;
}

.DS__MobileMenu__theme_b2b .DS__MobileMenu__item_active {
  background-color: #e8f9fb;
}

.DS__MobileMenu__theme_b2b .DS__MobileMenu__link {
  display: flex;
  flex: 1 1 100%;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-right: 18px;
}

.DS__MobileMenu__theme_b2b .DS__MobileMenu__beta,
    .DS__MobileMenu__theme_b2b .DS__MobileMenu__item_button {
  color: #00a4ba;
}

.DS__MobileMenu__theme_shop.DS__MobileMenu__isMobile .DS__MobileMenu__head {
  height: 80px;
}

.DS__MobileMenu__with_home .DS__MobileMenu__scroll {
  height: calc(100% - 100px);
}

.DS__MobileMenu__actions {
  display: flex;
  align-items: center;
  margin-left: auto;
}

.DS__MobileMenu__mobile_menu_close {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  padding: 0;
  font-size: 0;
  cursor: pointer;
  background: rgba(34, 42, 55, 0.4);
  border: none;
}

.DS__MobileMenu__mobile_menu_close::before {
  position: absolute;
  top: 0;
  left: 100%;
  display: block;
  width: 100vw;
  height: 100%;
  pointer-events: none;
  content: '';
  background: rgba(34, 42, 55, 0.4);
}

.DS__MobileMenu__inner {
  position: relative;
  z-index: 2;
  display: block;
  flex-grow: 1;
  flex-shrink: 0;
  width: 280px;
  background: #ffffff;
}

.DS__MobileMenu__group {
  display: block;
  margin-bottom: 32px;
}

.DS__MobileMenu__head {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  width: 100%;
  height: 52px;
  padding-right: 20px;
  padding-left: 20px;
  box-shadow: 0px 2px 6px -2px rgba(34, 42, 55, 0.13);
}

.DS__MobileMenu__back,
.DS__MobileMenu__close {
  display: inline-flex;
  align-items: center;
  width: 20px;
  height: 100%;
  padding: 0;
  margin-right: 16px;
  color: #222a37;
  cursor: pointer;
  background: none;
  border: none;
}

.DS__MobileMenu__search {
  display: block;
  padding: 16px 20px 0;
}

.DS__MobileMenu__search_wrapper {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: 52px;
}

.DS__MobileMenu__categories {
  display: block;
  padding-right: 20px;
  padding-left: 20px;
  margin-top: 32px;
}

.DS__MobileMenu__items {
  display: flex;
  flex-direction: column;
  margin-top: 20px;
}

.DS__MobileMenu__items > .DS__MobileMenu__items {
  margin-top: 0;
  margin-bottom: 20px;
}

.DS__MobileMenu__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0;
  padding-left: 20px;
  margin-bottom: 16px;
  cursor: pointer;
  background: none;
  border: none;
}

.DS__MobileMenu__item:last-child {
  margin-bottom: 0;
}

.DS__MobileMenu__link {
  display: block;
  cursor: pointer;
}

.DS__MobileMenu__scroll {
  position: relative;
  display: block;
  height: calc(100% - 80px);
}

.DS__MobileMenu__showSearch .DS__MobileMenu__scroll {
  height: calc(100% - 128px);
}

.DS__MobileMenu__hint {
  display: block;
  padding: 16px 20px;
  margin-bottom: 16px;
  background-color: #f6f8fc;
}

.DS__MobileMenu__hint .DS__MobileMenu__hint_title {
  margin-bottom: 5px;
}

.DS__MobileMenu__home {
  position: absolute;
  bottom: 0;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 48px;
  padding: 14px 20px;
  color: #222a37;
  cursor: pointer;
  background-color: #f4f9e6;
}

.DS__MobileMenu__isSearch .DS__MobileMenu__inner {
  width: 100%;
}

.DS__MobileMenu__item_button {
  display: inline-flex;
  align-items: center;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #222a37;
  text-decoration: none;
  cursor: pointer;
  transition: color 0.2s;
}

@media screen and (prefers-reduced-motion: reduce) {
  .DS__MobileMenu__item_button {
    transition: none
  }
}

.DS__MobileMenu__item_button:hover,
  .DS__MobileMenu__item_button:focus {
  color: #505f79;
}

.DS__MobileMenu__item_button_icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  margin-right: 12px;
  color: #97ba1e;
}

.DS__MobileMenu__beta,
.DS__MobileMenu__new_window {
  display: inline-block;
  margin-left: 4px;
}

.DS__MobileMenu__beta {
  color: #97ba1e;
}

.DS__MobileMenu__new_window svg {
  transform: translateY(-1px);
}

@media (max-width: 1279px) {
  .DS__MobileMenu__head,
  .DS__MobileMenu__search_wrapper {
    height: 80px;
  }
}

@media (max-width: 767px) {
  .DS__MobileMenu__head,
  .DS__MobileMenu__search_wrapper {
    height: 52px;
  }
}

.DS__MobileMenu__shop {
  display: flex;
  align-items: center;
}

.DS__LoginForm__LoginForm,
.DS__LoginForm__Inputs,
.DS__LoginForm__TextfieldWrapper,
.DS__LoginForm__SimpleLink,
.DS__LoginForm__Links-wrap,
.DS__LoginForm__Submit-wrapper {
  all: initial;
  font-family: var(--font-family);
}

.DS__LoginForm__LoginForm {
  display: block;
  padding-right: 20px;
  padding-left: 20px;
}

.DS__LoginForm__Inputs {
  display: flex;
  flex-direction: column;
  margin-bottom: 24px;
}

.DS__LoginForm__TextfieldWrapper {
  margin-bottom: 24px;
}

.DS__LoginForm__TextfieldWrapper:last-child {
  margin-bottom: 0;
}

.DS__LoginForm__SimpleLink {
  font-size: 14px;
  font-weight: normal;
  color: #222a37;
  cursor: pointer;
  background: transparent;
  border: none;
}

.DS__LoginForm__Links-wrap {
  display: flex;
  justify-content: space-between;
  margin-bottom: 32px;
}

.DS__LoginForm__Links-wrap a {
  color: #222a37;
}

.DS__LoginForm__Submit-wrapper {
  display: flex;
  justify-content: flex-end;
}

.DS__NotificationBlock__Notification {
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 280px;
  padding-bottom: 12px;
  border-radius: 8px;
}

.DS__NotificationBlock__Notification .DS__NotificationBlock__alertIcon {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
}

.DS__NotificationBlock__Notification .DS__NotificationBlock__alertIcon svg {
  color: #7a869a;
}

.DS__NotificationBlock__Notification.DS__NotificationBlock__slave {
  z-index: auto;
  padding-top: 16px;
  padding-bottom: 12px;
  margin-top: -28px;
}

.DS__NotificationBlock__Notification_type_warning {
  background-color: #fff4e9;
}

.DS__NotificationBlock__Notification_type_warning .DS__NotificationBlock__Icon {
  color: #ff991f;
}

.DS__NotificationBlock__Notification_type_error {
  background-color: #feedee;
}

.DS__NotificationBlock__Notification_type_error .DS__NotificationBlock__Icon {
  color: #f14d56;
}

.DS__NotificationBlock__Notification_type_info {
  background-color: #e8f9fb;
}

.DS__NotificationBlock__Notification_type_info .DS__NotificationBlock__info {
  font-size: 16px;
  font-weight: 600;
}

.DS__NotificationBlock__Notification_type_info .DS__NotificationBlock__Icon {
  width: 24px !important;
  height: 24px !important;
  color: #00a4ba;
}

.DS__NotificationBlock__Notification_type_info .DS__NotificationBlock__Text {
  padding-top: 3px;
}

.DS__NotificationBlock__Icon {
  display: flex;
  justify-content: center;
  align-items: center;
}

.DS__NotificationBlock__info {
  box-sizing: border-box;
  display: flex;
  width: 100%;
  padding: 12px 12px 0;
  font-size: 14px;
  line-height: 20px;
  color: #222a37;
  letter-spacing: 0.6px;
  word-wrap: break-word;
}

.DS__NotificationBlock__info .DS__NotificationBlock__Icon {
  flex-shrink: 0;
  width: 20px;
  margin-right: 12px;
}

.DS__NotificationBlock__info .DS__NotificationBlock__Text {
  width: 100%;
}

.DS__Tooltip__root,
.DS__Tooltip__tooltip,
.DS__Tooltip__content,
.DS__Tooltip__arrow {
  all: initial;
  font-family: var(--font-family);
}

.DS__Tooltip__root {
  display: inline-block;
  cursor: pointer;
}

.DS__Tooltip__tooltip {
  position: relative;
  z-index: 999;
  display: block;
}

.DS__Tooltip__content {
  box-sizing: border-box;
  display: block;
  padding: 6px 8px;
  pointer-events: inherit;
  visibility: inherit;
  border-radius: 4px;
}

.DS__Tooltip__theme_error .DS__Tooltip__content {
  background-color: #f14d56;
}

.DS__Tooltip__theme_error .DS__Tooltip__arrow {
  color: #f14d56;
}

.DS__Tooltip__theme_white .DS__Tooltip__content {
  background-color: #ffffff;
  box-shadow: 0px 8px 16px rgba(34, 42, 55, 0.13);
}

.DS__Tooltip__theme_white .DS__Tooltip__arrow {
  color: #ffffff;
}

.DS__Tooltip__theme_dark .DS__Tooltip__content {
  background-color: #222a37;
}

.DS__Tooltip__theme_dark .DS__Tooltip__arrow {
  color: #222a37;
}

.DS__Tooltip__arrow {
  position: absolute;
  width: 0;
  height: 0;
  visibility: inherit;
}

.DS__Tooltip__direction_top,
  .DS__Tooltip__direction_topRight,
  .DS__Tooltip__direction_topLeft {
  border-top: 4px solid currentColor;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

.DS__Tooltip__direction_top {
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
}

.DS__Tooltip__direction_topLeft {
  top: 100%;
  left: 16px;
}

.DS__Tooltip__direction_topRight {
  top: 100%;
  right: 16px;
}

.DS__Tooltip__direction_bottom,
  .DS__Tooltip__direction_bottomRight,
  .DS__Tooltip__direction_bottomLeft {
  border-right: 4px solid transparent;
  border-bottom: 4px solid currentColor;
  border-left: 4px solid transparent;
}

.DS__Tooltip__direction_bottom {
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
}

.DS__Tooltip__direction_bottomLeft {
  bottom: 100%;
  left: 16px;
}

.DS__Tooltip__direction_bottomRight {
  right: 16px;
  bottom: 100%;
}

.DS__Tooltip__direction_right,
  .DS__Tooltip__direction_rightTop,
  .DS__Tooltip__direction_rightBottom {
  border-top: 4px solid transparent;
  border-right: 4px solid currentColor;
  border-bottom: 4px solid transparent;
}

.DS__Tooltip__direction_right {
  top: 50%;
  right: 100%;
  transform: translateY(-50%);
}

.DS__Tooltip__direction_rightTop {
  top: 5px;
  right: 100%;
}

.DS__Tooltip__direction_rightBottom {
  right: 100%;
  bottom: 5px;
}

.DS__Tooltip__direction_left,
  .DS__Tooltip__direction_leftTop,
  .DS__Tooltip__direction_leftBottom {
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px solid currentColor;
}

.DS__Tooltip__direction_left {
  top: 50%;
  left: 100%;
  transform: translateY(-50%);
}

.DS__Tooltip__direction_leftTop {
  top: 5px;
  left: 100%;
}

.DS__Tooltip__direction_leftBottom {
  bottom: 5px;
  left: 100%;
}

.DS__NumberField__root,
.DS__NumberField__input {
  all: initial;
  font-family: var(--font-family);
}

.DS__NumberField__root {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
}

.DS__NumberField__input {
  width: 36px;
  padding: 0;
  font-size: 18px;
  font-weight: 600;
  color: #222a37;
  text-align: center;
  background: none;
  border: none;
  -moz-appearance: textfield;
}

.DS__NumberField__input::-webkit-inner-spin-button,
  .DS__NumberField__input::-webkit-outer-spin-button {
  margin: 0;
  -webkit-appearance: none;
  appearance: none;
}

.DS__OnBoardingTooltip__root {
  display: inline-block;
  cursor: pointer;
}

.DS__OnBoardingTooltip__tooltip {
  position: relative;
  z-index: 999;
  display: block;
  width: 302px;
}

.DS__OnBoardingTooltip__content {
  position: relative;
  box-sizing: border-box;
  display: block;
  padding: 24px;
  border-radius: 16px;
}

.DS__OnBoardingTooltip__content.DS__OnBoardingTooltip__has_close_button .DS__OnBoardingTooltip__inner {
  margin-right: 20px;
}

.DS__OnBoardingTooltip__content_top {
  margin-bottom: 9px;
}

.DS__OnBoardingTooltip__actions {
  display: flex;
  align-items: center;
  margin-top: 20px;
  margin-right: -4px;
  margin-left: -4px;
}

.DS__OnBoardingTooltip__actions > * {
  margin-right: 4px;
  margin-left: 4px;
}

.DS__OnBoardingTooltip__close {
  position: absolute;
  top: 16px;
  right: 16px;
  color: #7a869a;
}

.DS__OnBoardingTooltip__view_white .DS__OnBoardingTooltip__content {
  background-color: #ffffff;
  box-shadow: 0px 8px 16px rgba(34, 42, 55, 0.13);
}

.DS__OnBoardingTooltip__view_white .DS__OnBoardingTooltip__arrow {
  color: #ffffff;
}

.DS__OnBoardingTooltip__view_dark .DS__OnBoardingTooltip__content {
  background-color: #222a37;
}

.DS__OnBoardingTooltip__view_dark .DS__OnBoardingTooltip__arrow {
  color: #222a37;
}

.DS__OnBoardingTooltip__arrow {
  position: absolute;
  width: 0;
  height: 0;
  visibility: inherit;
}

.DS__OnBoardingTooltip__direction_top,
  .DS__OnBoardingTooltip__direction_topRight,
  .DS__OnBoardingTooltip__direction_topLeft {
  border-top: 12px solid currentColor;
  border-right: 12px solid transparent;
  border-left: 12px solid transparent;
}

.DS__OnBoardingTooltip__direction_top {
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
}

.DS__OnBoardingTooltip__direction_topLeft {
  top: 100%;
  left: 16px;
}

.DS__OnBoardingTooltip__direction_topRight {
  top: 100%;
  right: 16px;
}

.DS__OnBoardingTooltip__direction_bottom,
  .DS__OnBoardingTooltip__direction_bottomRight,
  .DS__OnBoardingTooltip__direction_bottomLeft {
  border-right: 12px solid transparent;
  border-bottom: 12px solid currentColor;
  border-left: 12px solid transparent;
}

.DS__OnBoardingTooltip__direction_bottom {
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
}

.DS__OnBoardingTooltip__direction_bottomLeft {
  bottom: 100%;
  left: 16px;
}

.DS__OnBoardingTooltip__direction_bottomRight {
  right: 16px;
  bottom: 100%;
}

.DS__OnBoardingTooltip__direction_right,
  .DS__OnBoardingTooltip__direction_rightTop,
  .DS__OnBoardingTooltip__direction_rightBottom {
  border-top: 12px solid transparent;
  border-right: 12px solid currentColor;
  border-bottom: 12px solid transparent;
}

.DS__OnBoardingTooltip__direction_right {
  top: 50%;
  right: 100%;
  transform: translateY(-50%);
}

.DS__OnBoardingTooltip__direction_rightTop {
  top: 16px;
  right: 100%;
}

.DS__OnBoardingTooltip__direction_rightBottom {
  right: 100%;
  bottom: 16px;
}

.DS__OnBoardingTooltip__direction_left,
  .DS__OnBoardingTooltip__direction_leftTop,
  .DS__OnBoardingTooltip__direction_leftBottom {
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-left: 12px solid currentColor;
}

.DS__OnBoardingTooltip__direction_left {
  top: 50%;
  left: 100%;
  transform: translateY(-50%);
}

.DS__OnBoardingTooltip__direction_leftTop {
  top: 16px;
  left: 100%;
}

.DS__OnBoardingTooltip__direction_leftBottom {
  bottom: 16px;
  left: 100%;
}

.DS__Payment__root,
.DS__Payment__method,
.DS__Payment__disable-pointer-events {
  all: initial;
  font-family: var(--font-family);
}

.DS__Payment__root {
  display: block;
  max-width: 624px;
}

@media (max-width: 767px) {
  .DS__Payment__root {
    width: 100%
  }
}

.DS__Payment__method {
  display: block;
  margin-bottom: 12px;
}

.DS__Payment__method h5 {
  margin-bottom: 10px;
}

.DS__Payment__disable-pointer-events {
  pointer-events: none;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
}

/* Fix render iOS 14 Safari */

@media (max-width: 767px) {
  .DS__Payment__info,
  .DS__Payment__fields,
  .DS__Payment__method {
    transform: translateZ(0);
  }
}

.DS__SwitcherCanary__root,
.DS__SwitcherCanary__button,
.DS__SwitcherCanary__active,
.DS__SwitcherCanary__sm {
  all: initial;
  font-family: var(--font-family);
}

.DS__SwitcherCanary__root {
  box-sizing: border-box;
  display: flex;
  padding: 4px;
  background-color: #eceff5;
  border-radius: 8px;
}

.DS__SwitcherCanary__dark_bg {
  background-color: #dde3ed;
}

.DS__SwitcherCanary__dark_bg .DS__SwitcherCanary__button:focus:not(:active) {
  box-shadow: 0 0 0 0.2rem #95a0b3;
}

.DS__SwitcherCanary__size_s {
  height: 40px;
}

.DS__SwitcherCanary__size_m {
  height: 48px;
}

.DS__SwitcherCanary__size_xl {
  height: 56px;
}

.DS__SwitcherCanary__button {
  display: flex;
  flex-basis: 0;
  flex-grow: 1;
  align-items: center;
  justify-content: center;
  padding: 3px 12px 5px;
  font-size: 16px;
  line-height: 24px;
  color: #222a37;
  cursor: pointer;
  border-radius: 6px;
  outline: none;
}

.DS__SwitcherCanary__button.DS__SwitcherCanary__focus-visible {
  outline: 2px auto #577edc;
  outline-offset: 2px;
}

.DS__SwitcherCanary__button:focus:not(:active) {
  box-shadow: 0 0 0 0.2rem #d0d6e1;
}

.DS__SwitcherCanary__button:disabled {
  color: #7a869a;
  pointer-events: none;
}

.DS__SwitcherCanary__active {
  background-color: #ffffff;
}

.DS__SwitcherCanary__sm {
  padding-top: 6px;
  padding-bottom: 6px;
  font-size: 14px;
  line-height: 20px;
}

.DS__Fields__root,
.DS__Fields__card,
.DS__Fields__new-card,
.DS__Fields__new-card-cvc,
.DS__Fields__new-card-holder,
.DS__Fields__new-card-expiration,
.DS__Fields__new-card-number,
.DS__Fields__row,
.DS__Fields__disable-pointer-events,
.DS__Fields__radio,
.DS__Fields__new-card-icon {
  all: initial;
  font-family: var(--font-family);
}

.DS__Fields__root {
  display: block;
  margin-bottom: 24px;
}

.DS__Fields__card {
  display: flex;
  align-items: center;
  width: 100%;
  height: 64px;
  outline: none;
}

.DS__Fields__new-card {
  margin-top: 12px;
  outline: none;
}

.DS__Fields__new-card-cvc {
  width: 100px;
}

@media (max-width: 767px) {
  .DS__Fields__new-card-cvc {
    width: 50%
  }
}

.DS__Fields__new-card-holder {
  width: 100%;
  max-width: 370px;
  margin: 0 auto 0 25px;
}

@media (max-width: 767px) {
  .DS__Fields__new-card-holder {
    max-width: 100%;
    margin: 0
  }
}

.DS__Fields__new-card-expiration {
  width: 100px;
  margin-right: 16px;
}

@media (max-width: 767px) {
  .DS__Fields__new-card-expiration {
    width: 50%
  }
}

.DS__Fields__new-card-number {
  width: 100%;
  max-width: 370px;
  margin-right: 13px;
}

@media (max-width: 767px) {
  .DS__Fields__new-card-number {
    max-width: 100%;
    margin: 0
  }
}

.DS__Fields__row {
  display: flex;
  align-items: center;
}

.DS__Fields__row:not(:last-child) {
  margin-bottom: 23px;
}

.DS__Fields__row_vertical_start {
  align-items: flex-start;
}

.DS__Fields__disable-pointer-events {
  pointer-events: none;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
}

.DS__Fields__radio {
  margin-right: 8px;
}

.DS__Fields__new-card-icon {
  display: inline-block;
}

.DS__Fields__new-card-icon:not(:last-child) {
  margin-right: 4px;
}

.DS__Card__card {
  display: flex;
  align-items: center;
  width: 100%;
  height: 64px;
  outline: none;
}

.DS__Card__card-icon {
  display: flex;
  align-items: center;
  margin-right: 25px;
}

.DS__Card__card-expiration {
  margin-left: auto;
}

.DS__Card__card-cvc {
  width: 80px;
  margin-left: 24px;
}

.DS__Card__disable-pointer-events {
  pointer-events: none;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
}

.DS__Card__radio {
  margin-right: 8px;
}

.DS__Radio__root,
.DS__Radio__block,
.DS__Radio__disabled,
.DS__Radio__radio,
.DS__Radio__text {
  all: initial;
  font-family: var(--font-family);
}

.DS__Radio__root {
  display: inline-flex;
  align-items: flex-start;
}

.DS__Radio__block {
  width: 100%;
}

.DS__Radio__disabled {
  pointer-events: none;
}

.DS__Radio__radio {
  margin-top: 2px;
}

.DS__Radio__position_left .DS__Radio__text {
  margin-left: 6px;
}

.DS__Radio__position_right {
  flex-direction: row-reverse;
}

.DS__Radio__position_right .DS__Radio__text {
  margin-right: 6px;
}

.DS__Radio__text {
  cursor: pointer;
}

.DS__RadioBase__root,
.DS__RadioBase__input {
  all: initial;
  font-family: var(--font-family);
}

.DS__RadioBase__root {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.DS__RadioBase__theme_b2c .DS__RadioBase__input:hover + .DS__RadioBase__radio_box {
  border-color: #97ba1e;
}

.DS__RadioBase__theme_b2c .DS__RadioBase__input:active + .DS__RadioBase__radio_box {
  background-color: #f4f9e6;
  border-color: #97ba1e;
}

.DS__RadioBase__theme_b2c .DS__RadioBase__input:focus + .DS__RadioBase__radio_box {
  border-color: #97ba1e;
  box-shadow: 0 0 0 3px #d4e3ac;
}

.DS__RadioBase__theme_b2c .DS__RadioBase__input:checked + .DS__RadioBase__radio_box {
  border-color: #97ba1e;
  border-width: 5px;
}

.DS__RadioBase__theme_b2c .DS__RadioBase__input:checked:hover + .DS__RadioBase__radio_box {
  border-color: #81a11a;
}

.DS__RadioBase__theme_b2c .DS__RadioBase__input:checked:active + .DS__RadioBase__radio_box {
  border-color: #547012;
}

.DS__RadioBase__theme_b2c .DS__RadioBase__input:checked:focus + .DS__RadioBase__radio_box {
  box-shadow: 0 0 0 3px #d4e3ac;
}

.DS__RadioBase__theme_b2b .DS__RadioBase__input:hover + .DS__RadioBase__radio_box {
  border-color: #00a4ba;
}

.DS__RadioBase__theme_b2b .DS__RadioBase__input:active + .DS__RadioBase__radio_box {
  background-color: #e8f9fb;
  border-color: #00a4ba;
}

.DS__RadioBase__theme_b2b .DS__RadioBase__input:focus + .DS__RadioBase__radio_box {
  border-color: #00a4ba;
  box-shadow: 0 0 0 3px #94dee4;
}

.DS__RadioBase__theme_b2b .DS__RadioBase__input:checked + .DS__RadioBase__radio_box {
  border-color: #00a4ba;
  border-width: 5px;
}

.DS__RadioBase__theme_b2b .DS__RadioBase__input:checked:hover + .DS__RadioBase__radio_box {
  border-color: #0b7483;
}

.DS__RadioBase__theme_b2b .DS__RadioBase__input:checked:active + .DS__RadioBase__radio_box {
  border-color: #075c68;
}

.DS__RadioBase__theme_b2b .DS__RadioBase__input:checked:focus + .DS__RadioBase__radio_box {
  box-shadow: 0 0 0 3px #94dee4;
}

.DS__RadioBase__theme_b2c .DS__RadioBase__input:checked:disabled + .DS__RadioBase__radio_box, .DS__RadioBase__theme_b2b .DS__RadioBase__input:checked:disabled + .DS__RadioBase__radio_box {
  background-color: #95a0b3;
  border-color: #d0d6e1;
}

.DS__RadioBase__theme_b2c .DS__RadioBase__input:disabled + .DS__RadioBase__radio_box, .DS__RadioBase__theme_b2b .DS__RadioBase__input:disabled + .DS__RadioBase__radio_box {
  pointer-events: none;
  background-color: #f6f8fc;
  border-color: #d0d6e1;
}

.DS__RadioBase__input {
  position: absolute;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  opacity: 0;
}

.DS__RadioBase__input:disabled {
  pointer-events: none;
}

.DS__RadioBase__input.DS__RadioBase__focus-visible + .DS__RadioBase__radio_box {
  outline: 2px auto #577edc;
  outline-offset: 2px;
}

.DS__RadioBase__radio_box {
  box-sizing: border-box;
  display: inline-block;
  width: 16px;
  height: 16px;
  cursor: pointer;
  background-color: #ffffff;
  border: 1px solid #95a0b3;
  border-radius: 50%;
  transition: border-color 0.3s ease,
    background-color 0.3s ease,
    box-shadow 0.3s ease;
}

@media screen and (prefers-reduced-motion: reduce) {
  .DS__RadioBase__radio_box {
    transition: none
  }
}

.DS__Info__root,
.DS__Info__security,
.DS__Info__more {
  all: initial;
  font-family: var(--font-family);
}

.DS__Info__root {
  display: flex;
  flex-direction: column;
  padding-top: 24px;
  margin-bottom: 24px;
}

@media (max-width: 767px) {
  .DS__Info__root {
    flex-direction: column-reverse;
    margin-bottom: 40px
  }
}

.DS__Info__security {
  display: flex;
  align-items: center;
  margin-bottom: 21px;
}

.DS__Info__security p:last-child {
  margin-left: 8px;
}

@media (max-width: 767px) {
  .DS__Info__security {
    margin-bottom: 0
  }
}

@media (max-width: 767px) {
  .DS__Info__agreement {
    margin-bottom: 20px
  }
}

.DS__Info__more {
  cursor: pointer;
  background-color: transparent;
  border: 0;
  outline: none;
}

.DS__Actions__root,
.DS__Actions__button {
  all: initial;
  font-family: var(--font-family);
}

.DS__Actions__root {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  padding-top: 15px;
  margin-bottom: 38px;
  border-top: 1px solid #dde3ed;
}

@media (max-width: 767px) {
  .DS__Actions__root {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 997;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    height: 84px;
    padding: 16px 16px;
    margin: 0;
    background-color: #ffffff;
    border-radius: 16px 16px 0 0;
    box-shadow: 0 0 0 1px #d0d6e1,
      0 -1px 3px 0 rgba(34, 42, 55, 0.13)
  }
}

.DS__Actions__buy_info {
  display: flex;
  flex-direction: column-reverse;
}

@media (min-width: 768px) {
  .DS__Actions__buy_info {
    flex-direction: column;
    margin-bottom: 24px
  }
}

.DS__Actions__button {
  width: 200px;
  margin-right: 25px;
}

@media (max-width: 767px) {
  .DS__Actions__button {
    width: 128px;
    margin-right: 0
  }
}

.DS__PhoneField__Wrapper,
.DS__PhoneField__Control,
.DS__PhoneField__Input,
.DS__PhoneField__Option,
.DS__PhoneField__Success,
.DS__PhoneField__SubText,
.DS__PhoneField__Tooltip,
.DS__PhoneField__Block {
  all: initial;
  font-family: var(--font-family);
}

.DS__PhoneField__Wrapper {
  position: relative;
  display: block;
}

.DS__PhoneField__Wrapper_theme_b2c .DS__PhoneField__Control__button:focus .DS__PhoneField__Control__button_chevron, .DS__PhoneField__Wrapper_theme_b2c .DS__PhoneField__Control__button:hover .DS__PhoneField__Control__button_chevron {
  color: #97ba1e;
}

.DS__PhoneField__Wrapper_theme_b2c .DS__PhoneField__Control_input_focused,
    .DS__PhoneField__Wrapper_theme_b2c .DS__PhoneField__Control_opened {
  border-color: #97ba1e;
}

.DS__PhoneField__Wrapper_theme_b2c .DS__PhoneField__Control_input_focused .DS__PhoneField__Control__button, .DS__PhoneField__Wrapper_theme_b2c .DS__PhoneField__Control_opened .DS__PhoneField__Control__button {
  border-color: #97ba1e;
}

.DS__PhoneField__Wrapper_theme_b2b .DS__PhoneField__Control__button:focus .DS__PhoneField__Control__button_chevron, .DS__PhoneField__Wrapper_theme_b2b .DS__PhoneField__Control__button:hover .DS__PhoneField__Control__button_chevron {
  color: #00a4ba;
}

.DS__PhoneField__Wrapper_theme_b2b .DS__PhoneField__Control_input_focused,
    .DS__PhoneField__Wrapper_theme_b2b .DS__PhoneField__Control_opened {
  border-color: #00a4ba;
}

.DS__PhoneField__Wrapper_theme_b2b .DS__PhoneField__Control_input_focused .DS__PhoneField__Control__button, .DS__PhoneField__Wrapper_theme_b2b .DS__PhoneField__Control_opened .DS__PhoneField__Control__button {
  border-color: #00a4ba;
}

.DS__PhoneField__Wrapper_invalid .DS__PhoneField__Control,
    .DS__PhoneField__Wrapper_invalid .DS__PhoneField__Control_input_focused,
    .DS__PhoneField__Wrapper_invalid .DS__PhoneField__Control_opened {
  border-color: #f14d56;
}

.DS__PhoneField__Wrapper_invalid .DS__PhoneField__Control .DS__PhoneField__Control__button, .DS__PhoneField__Wrapper_invalid .DS__PhoneField__Control_input_focused .DS__PhoneField__Control__button, .DS__PhoneField__Wrapper_invalid .DS__PhoneField__Control_opened .DS__PhoneField__Control__button {
  border-color: #f14d56;
}

.DS__PhoneField__Wrapper_size_small .DS__PhoneField__Control {
  min-height: 38px;
}

.DS__PhoneField__Wrapper_size_small .DS__PhoneField__Input {
  height: 38px;
}

.DS__PhoneField__Wrapper_opened .DS__PhoneField__Input {
  pointer-events: none;
  opacity: 0;
}

.DS__PhoneField__Wrapper_opened .DS__PhoneField__Input * {
  pointer-events: none;
}

.DS__PhoneField__Control {
  box-sizing: border-box;
  display: flex;
  width: 100%;
  min-height: 54px;
  background-color: #ffffff;
  border: 1px solid #d0d6e1;
  border-radius: 8px;
}

.DS__PhoneField__Control_opened .DS__PhoneField__Control__button_chevron {
  transform: rotate(180deg);
}

.DS__PhoneField__Control_selected .DS__PhoneField__Control__button {
  justify-content: flex-start;
}

.DS__PhoneField__Control_selected .DS__PhoneField__Control__button_chevron {
  margin: 0 3px 0 auto;
}

.DS__PhoneField__Control_disabled {
  border-color: #d0d6e1;
}

.DS__PhoneField__Control__button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 67px;
  height: 100%;
  min-height: inherit;
  padding: 1px 6px;
  cursor: pointer;
  background-color: transparent;
  border: none;
  border-right: 1px solid #d0d6e1;
  outline: none;
}

.DS__PhoneField__Control__button_disabled {
  cursor: default;
  background-color: #f6f8fc;
  border-right-color: #d0d6e1;
}

.DS__PhoneField__Control__button_disabled .DS__PhoneField__Control__button_chevron,
    .DS__PhoneField__Control__button_disabled .DS__PhoneField__Control__button_chevron:focus,
    .DS__PhoneField__Control__button_disabled .DS__PhoneField__Control__button_chevron:hover {
  color: #d0d6e1 !important;
}

.DS__PhoneField__Control__button_flag {
  margin-left: 7px;
  cursor: inherit;
}

.DS__PhoneField__Control__button_flag_icon {
  cursor: inherit;
}

.DS__PhoneField__Control__button_chevron {
  display: block;
  color: #222a37;
  cursor: inherit;
  transition: transform 0.3s ease;
  transform: rotate(0deg);
  transform-origin: 50% 50%;
}

@media screen and (prefers-reduced-motion: reduce) {
  .DS__PhoneField__Control__button_chevron {
    transition: none
  }
}

.DS__PhoneField__Control__button_chevron svg {
  display: block;
  margin: 0 auto;
}

.DS__PhoneField__Input {
  position: absolute;
  top: 1px;
  right: 1px;
  left: 68px;
  width: calc(100% - 69px);
  height: 54px;
  opacity: 1;
  transition: opacity 0.2s ease;
}

@media screen and (prefers-reduced-motion: reduce) {
  .DS__PhoneField__Input {
    transition: none
  }
}

.DS__PhoneField__Option {
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
}

.DS__PhoneField__Option_flag,
  .DS__PhoneField__Option_name,
  .DS__PhoneField__Option_code {
  cursor: inherit;
}

.DS__PhoneField__Option_code {
  margin-left: 8px;
  color: #7a869a;
}

.DS__PhoneField__Option_disabled {
  color: #d0d6e1;
  pointer-events: none;
  cursor: default;
}

.DS__PhoneField__Success {
  color: #97ba1e;
  fill: #97ba1e;
}

.DS__PhoneField__Success svg {
  display: block;
}

.DS__PhoneField__SubText {
  display: flex;
  overflow: hidden;
}

.DS__PhoneField__Tooltip {
  display: block;
  margin-top: 4px;
  margin-left: 16px;
  color: #7a869a;
}

.DS__PhoneField__Tooltip_invalid {
  color: #f14d56;
}

.DS__PhoneField__Tooltip_success {
  color: #81a11a;
}

.DS__PhoneField__Tooltip_absolute {
  position: absolute;
  top: calc(100% + 4px);
  left: 16px;
  margin: 0;
}

.DS__PhoneField__Block {
  display: flex;
  width: 100%;
  padding: 14px 16px 16px;
  margin-top: 6px;
  font-size: 14px;
  line-height: 20px;
  color: #222a37;
  background-color: #f4f9e6;
  border-radius: 8px;
}

.DS__PhoneField__Block_Icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin-right: 11px;
  color: #f14d56;
}

.DS__PhoneField__Block_Text {
  padding: 0;
  margin: 0;
}

.DS__PhoneField__Block_invalid {
  padding: 16px;
  background-color: #feedee;
}

.DS__SelectField__wrapper {
  position: relative;
  display: block;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto',
    'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
    sans-serif;
}

.DS__SelectField__wrapper_theme_b2c .DS__SelectField__control__button:focus:not(:disabled) .DS__SelectField__control__button_chevron, .DS__SelectField__wrapper_theme_b2c .DS__SelectField__control__button:hover:not(:disabled) .DS__SelectField__control__button_chevron {
  color: #97ba1e;
}

.DS__SelectField__wrapper_theme_b2c .DS__SelectField__control_input_focused,
    .DS__SelectField__wrapper_theme_b2c .DS__SelectField__control_opened {
  border-color: #97ba1e;
}

.DS__SelectField__wrapper_theme_b2c .DS__SelectField__control_input_focused .DS__SelectField__control__button, .DS__SelectField__wrapper_theme_b2c .DS__SelectField__control_opened .DS__SelectField__control__button {
  border-color: #97ba1e;
}

.DS__SelectField__wrapper_theme_b2b .DS__SelectField__control__button:focus:not(:disabled) .DS__SelectField__control__button_chevron, .DS__SelectField__wrapper_theme_b2b .DS__SelectField__control__button:hover:not(:disabled) .DS__SelectField__control__button_chevron {
  color: #00a4ba;
}

.DS__SelectField__wrapper_theme_b2b .DS__SelectField__control_input_focused,
    .DS__SelectField__wrapper_theme_b2b .DS__SelectField__control_opened {
  border-color: #00a4ba;
}

.DS__SelectField__wrapper_theme_b2b .DS__SelectField__control_input_focused .DS__SelectField__control__button, .DS__SelectField__wrapper_theme_b2b .DS__SelectField__control_opened .DS__SelectField__control__button {
  border-color: #00a4ba;
}

.DS__SelectField__wrapper_invalid .DS__SelectField__control,
    .DS__SelectField__wrapper_invalid .DS__SelectField__control_input_focused,
    .DS__SelectField__wrapper_invalid .DS__SelectField__control_opened {
  border-color: #f14d56;
}

.DS__SelectField__wrapper_invalid .DS__SelectField__control .DS__SelectField__control__button, .DS__SelectField__wrapper_invalid .DS__SelectField__control_input_focused .DS__SelectField__control__button, .DS__SelectField__wrapper_invalid .DS__SelectField__control_opened .DS__SelectField__control__button {
  border-color: #f14d56;
}

.DS__SelectField__wrapper_size_small .DS__SelectField__control__button {
  min-height: 40px;
}

.DS__SelectField__wrapper_size_small .DS__SelectField__input {
  height: 40px;
}

.DS__SelectField__control_opened .DS__SelectField__control__button_chevron {
  transform: rotate(180deg);
}

.DS__SelectField__control_selected .DS__SelectField__control__button {
  justify-content: flex-start;
}

.DS__SelectField__control_selected .DS__SelectField__control__button_chevron {
  margin: 0 3px 0 auto;
}

.DS__SelectField__control_disabled {
  border-color: #d0d6e1;
}

.DS__SelectField__control__button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 67px;
  height: 100%;
  min-height: 56px;
  padding-right: 6px;
  padding-left: 6px;
  cursor: pointer;
  background-color: #ffffff;
  border: 1px solid #d0d6e1;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  outline: none;
}

.DS__SelectField__control__button_disabled {
  pointer-events: none;
  cursor: default;
  background-color: #f6f8fc;
  border-right-color: #d0d6e1;
}

.DS__SelectField__control__button_indicator {
  margin-left: 7px;
  font-size: 16px;
  cursor: inherit;
}

.DS__SelectField__control__button_indicator_icon {
  cursor: inherit;
}

.DS__SelectField__control__button_chevron {
  display: block;
  color: #222a37;
  cursor: inherit;
  transition: transform 0.3s ease;
  transform: rotate(0deg);
  transform-origin: 50% 50%;
}

@media screen and (prefers-reduced-motion: reduce) {
  .DS__SelectField__control__button_chevron {
    transition: none
  }
}

.DS__SelectField__control__button_chevron svg {
  display: block;
  margin: 0 auto;
}

.DS__SelectField__input {
  position: absolute;
  top: 0px;
  left: 66px;
  display: flex;
  width: calc(100% - 67px);
  height: 56px;
  opacity: 1;
  transition: opacity 0.2s ease;
}

.DS__SelectField__wrapper .DS__SelectField__input_container {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.DS__SelectField__wrapper .DS__SelectField__input_container_with-button {
  padding-right: 8px;
}

.DS__SelectField__wrapper_opened .DS__SelectField__input {
  pointer-events: none;
  opacity: 0;
}

.DS__SelectField__wrapper_opened .DS__SelectField__input * {
  pointer-events: none;
}

@media screen and (prefers-reduced-motion: reduce) {
  .DS__SelectField__input {
    transition: none
  }
}

.DS__SelectField__option {
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
}

.DS__SelectField__option_leftIcon,
  .DS__SelectField__option_label,
  .DS__SelectField__option_value {
  cursor: pointer;
}

.DS__SelectField__option_value {
  margin-left: 8px;
  color: #7a869a;
}

.DS__SelectField__option_disabled {
  color: #d0d6e1;
  pointer-events: none;
  cursor: default;
}

.DS__SelectField__only-icons {
  width: 69px;
}

.DS__PriorityStatus__root {
  width: 280px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto',
    'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
    sans-serif;
  border-radius: 8px;
  box-shadow: 0px 4px 10px rgba(34, 42, 55, 0.13);
}

.DS__PriorityStatus__has_header {
  display: flex;
  flex-direction: column;
}

.DS__PriorityStatus__has_header .DS__PriorityStatus__status {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.DS__PriorityStatus__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 14px 9px 12px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.DS__PriorityStatus__gradient_seagreen {
  background: linear-gradient(
    84deg,
    #c4d600 0%,
    #5bb784 100%
  );
}

.DS__PriorityStatus__gradient_aquamarine {
  background: linear-gradient(
    84deg,
    #81c9d5 0%,
    #3d72b8 100%
  );
}

.DS__PriorityStatus__status,
.DS__PriorityStatus__header {
  text-decoration: none;
}

.DS__PriorityStatus__status {
  position: relative;
  box-sizing: border-box;
  display: flex;
  min-height: 48px;
  padding: 12px;
  color: #222a37;
  background-color: #ffffff;
  border-radius: 8px;
  transition: background-color 0.2s;
}

.DS__PriorityStatus__status.DS__PriorityStatus__focus-visible {
  outline: 2px auto #577edc;
  outline-offset: 2px;
}

@media screen and (prefers-reduced-motion: reduce) {
  .DS__PriorityStatus__status {
    transition: none
  }
}

.DS__PriorityStatus__status:hover,
  .DS__PriorityStatus__status:focus {
  background-color: #97ba1e;
}

.DS__PriorityStatus__status:hover .DS__PriorityStatus__title, .DS__PriorityStatus__status:focus .DS__PriorityStatus__title {
  color: #ffffff;
}

.DS__PriorityStatus__status:hover .DS__PriorityStatus__desc, .DS__PriorityStatus__status:focus .DS__PriorityStatus__desc {
  color: #ffffff;
}

.DS__PriorityStatus__status:hover .DS__PriorityStatus__icon svg path, .DS__PriorityStatus__status:focus .DS__PriorityStatus__icon svg path {
  fill: #ffffff;
}

.DS__PriorityStatus__status:hover .DS__PriorityStatus__refresh svg path, .DS__PriorityStatus__status:focus .DS__PriorityStatus__refresh svg path {
  fill: #ffffff;
}

.DS__PriorityStatus__status_theme_b2b_primary .DS__PriorityStatus__icon svg path {
  fill: #00a4ba;
}

.DS__PriorityStatus__status_theme_b2b_primary:hover,
      .DS__PriorityStatus__status_theme_b2b_primary:focus {
  background-color: #00a4ba;
}

.DS__PriorityStatus__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  margin-right: 12px;
  color: #97ba1e;
  cursor: inherit;
  transition: all 0.2s;
}

@media screen and (prefers-reduced-motion: reduce) {
  .DS__PriorityStatus__icon {
    transition: none
  }
}

.DS__PriorityStatus__content {
  display: block;
  flex-grow: 1;
  min-width: 0;
  cursor: pointer;
}

.DS__PriorityStatus__title {
  display: block;
  overflow: hidden;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #222a37;
  text-overflow: ellipsis;
  letter-spacing: 0.5px;
  white-space: nowrap;
  cursor: inherit;
  transition: color 0.2s;
}

@media screen and (prefers-reduced-motion: reduce) {
  .DS__PriorityStatus__title {
    transition: none
  }
}

.DS__PriorityStatus__desc {
  display: block;
  overflow: hidden;
  font-size: 14px;
  line-height: 20px;
  text-overflow: ellipsis;
  letter-spacing: 0.3px;
  white-space: nowrap;
  cursor: inherit;
  transition: color 0.2s;
}

@media screen and (prefers-reduced-motion: reduce) {
  .DS__PriorityStatus__desc {
    transition: none
  }
}

.DS__PriorityStatus__refresh {
  display: block;
  align-self: center;
  width: 20px;
  height: 20px;
  padding: 0;
  margin-left: 10px;
  font-size: 0;
  color: #7a869a;
  cursor: pointer;
  background-color: transparent;
  border: none;
  transition: all 0.2s;
}

@media screen and (prefers-reduced-motion: reduce) {
  .DS__PriorityStatus__refresh {
    transition: none
  }
}

.DS__PriorityStatus__disabledLink {
  pointer-events: none;
}

.DS__PriorityStatus__isLoading {
  animation: DS__PriorityStatus__loading 0.6s linear infinite;
}

@media screen and (prefers-reduced-motion: reduce) {
  .DS__PriorityStatus__isLoading {
    animation: none
  }
}

@keyframes DS__PriorityStatus__loading {
  to {
    transform: rotate(360deg);
  }
}

.DS__ProfileInfo__inner {
  display: block;
}

.DS__ProfileInfo__inner > * {
  margin-bottom: 24px;
}

.DS__ProfileInfo__inner > *:last-child {
  margin-bottom: 0;
}

.DS__ProfileInfo__inner_without_status_block {
  margin-top: -7px;
}

.DS__ProfileInfo__links {
  display: block;
}

.DS__ProfileInfo__priority_list {
  display: block;
  padding-right: 20px;
  padding-left: 20px;
  margin-bottom: 16px;
}

.DS__ProfileInfo__priority_item {
  display: block;
  margin-bottom: 15px;
}

.DS__ProfileInfo__priority_item:last-child {
  margin-bottom: 0;
}

.DS__ProfileInfo__logout {
  display: flex;
  padding: 16px 20px 4px;
}

.DS__ProfileInfo__logout_without_links {
  padding-top: 20px;
}

.DS__ProfileInfo__logout_button {
  width: 120px;
}

.DS__ProfileInfo__inner .DS__ProfileInfo__links .DS__ProfileInfo__link {
  padding-right: 20px;
  padding-left: 20px;
}

.DS__SocialButton__SocialButton {
  all: initial;
  font-family: var(--font-family)
}

.DS__SocialButton__SocialButton {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  padding: 0;
  margin: 0;
  cursor: pointer;
  background-color: transparent;
  border: 0;
  border-radius: 50%;
  outline: none;
  transition-timing-function: ease;
  transition-duration: 0.3s;
  transition-property: box-shadow, background-color;
  will-change: box-shadow, background-color;
  /* stylelint-enable color-no-hex, function-blacklist */
}

@media screen and (prefers-reduced-motion: reduce) {
  .DS__SocialButton__SocialButton {
    transition: none
  }
}

.DS__SocialButton__SocialButton.DS__SocialButton__focus-visible {
  outline: 2px auto #577edc;
  outline-offset: 2px;
}

/* stylelint-disable color-no-hex, function-blacklist */

.DS__SocialButton__SocialButton_apple {
  background-color: #000000;
}

.DS__SocialButton__SocialButton_apple:hover,
    .DS__SocialButton__SocialButton_apple:focus {
  background-color: #1a1a1a;
}

.DS__SocialButton__SocialButton_apple:active {
  background-color: #333333;
}

.DS__SocialButton__SocialButton_apple:focus {
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.5);
}

.DS__SocialButton__SocialButton_apple:disabled {
  background-color: #999999;
}

.DS__SocialButton__SocialButton_fb {
  background-color: #325797;
}

.DS__SocialButton__SocialButton_fb:hover,
    .DS__SocialButton__SocialButton_fb:focus {
  background-color: #2c4c83;
}

.DS__SocialButton__SocialButton_fb:active {
  background-color: #213962;
}

.DS__SocialButton__SocialButton_fb:focus {
  box-shadow: 0px 2px 8px rgba(50, 87, 151, 0.5);
}

.DS__SocialButton__SocialButton_fb:disabled {
  background-color: #adbcd5;
}

.DS__SocialButton__SocialButton_vk {
  background-color: #0077ff;
}

.DS__SocialButton__SocialButton_vk:hover,
    .DS__SocialButton__SocialButton_vk:focus {
  background-color: #056be1;
}

.DS__SocialButton__SocialButton_vk:active {
  background-color: #0a60c3;
}

.DS__SocialButton__SocialButton_vk:focus {
  box-shadow: 0px 2px 8px rgba(66, 133, 244, 0.5);
}

.DS__SocialButton__SocialButton_vk:disabled {
  background-color: #b3cefb;
}

.DS__SocialButton__SocialButton_google {
  background-color: #4285f4;
}

.DS__SocialButton__SocialButton_google:hover,
    .DS__SocialButton__SocialButton_google:focus {
  background-color: #3974d4;
}

.DS__SocialButton__SocialButton_google:active {
  background-color: #2b569f;
}

.DS__SocialButton__SocialButton_google:focus {
  box-shadow: 0px 2px 8px rgba(66, 133, 244, 0.5);
}

.DS__SocialButton__SocialButton_google:disabled {
  background-color: #b3cefb;
}

.DS__SocialButton__SocialButton_instagram {
  background-color: #e1306c;
}

.DS__SocialButton__SocialButton_instagram:hover,
    .DS__SocialButton__SocialButton_instagram:focus {
  background-color: #bf295c;
}

.DS__SocialButton__SocialButton_instagram:active {
  background-color: #bf295c;
}

.DS__SocialButton__SocialButton_instagram:focus {
  box-shadow: 0px 2px 8px rgba(66, 133, 244, 0.5);
}

.DS__SocialButton__SocialButton_instagram:disabled {
  background-color: #b3cefb;
}

.DS__SocialButton__SocialButton_tinkoff {
  background-color: #ffdd2d;
}

.DS__SocialButton__SocialButton_tinkoff:hover,
    .DS__SocialButton__SocialButton_tinkoff:focus {
  background-color: #f0d02a;
}

.DS__SocialButton__SocialButton_tinkoff:active {
  background-color: #d9bc26;
}

.DS__SocialButton__SocialButton_tinkoff:focus {
  box-shadow: 0px 2px 8px rgba(255, 221, 45, 0.5);
}

.DS__SocialButton__SocialButton_tinkoff:disabled {
  background-color: #fff2ad;
}

.DS__SocialButton__SocialButton_yandex {
  background-color: #fc3f1d;
}

.DS__SocialButton__SocialButton_yandex:hover,
    .DS__SocialButton__SocialButton_yandex:focus {
  background-color: #d62303;
}

.DS__SocialButton__SocialButton_yandex:active {
  background-color: #a31b03;
}

.DS__SocialButton__SocialButton_yandex:focus {
  box-shadow: 0px 2px 8px rgba(252, 63, 29, 0.5);
}

.DS__SocialButton__SocialButton_yandex:disabled {
  background-color: #feaa9b;
}

.DS__SocialButtons__root {
  display: block;
}

.DS__SocialButtons__Buttons {
  display: flex;
  align-items: center;
}

.DS__SocialButtons__Button + .DS__SocialButtons__Button {
  margin-left: 8px;
}

.DS__SocialButtons__Title {
  display: block;
  margin-bottom: 12px;
  font-size: 12px;
  line-height: 16px;
  color: #7a869a;
  letter-spacing: 0.2px;
}

.DS__SocialButtons__Text {
  display: block;
  margin-bottom: 20px;
}

.DS__SocialButtons__MoreHoriz {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  padding: 0;
  margin: 0 0 0 8px;
  cursor: pointer;
  background-color: transparent;
  border: 1px solid #eceff5;
  border-radius: 50%;
  outline: none;
}

.DS__SocialLinks__SocialLinks,
.DS__SocialLinks__Item,
.DS__SocialLinks__Link {
  all: initial;
  font-family: var(--font-family);
}

.DS__SocialLinks__SocialLinks {
  display: inline-flex;
  align-items: center;
  list-style: none;
}

.DS__SocialLinks__Item {
  display: inline-block;
  margin-right: 12px;
  cursor: pointer;
}

.DS__SocialLinks__Item:last-child {
  margin-right: 0;
}

.DS__SocialLinks__Link {
  display: block;
  width: 100%;
  height: 100%;
  color: #97ba1e;
  cursor: inherit;
  border-radius: 50%;
  transition: color 0.3s ease;
}

@media screen and (prefers-reduced-motion: reduce) {
  .DS__SocialLinks__Link {
    transition: none;
  }
}

@media screen and (prefers-reduced-motion: reduce) {
  .DS__SocialLinks__Link {
    transition: none;
  }
}

.DS__SocialLinks__Link svg path {
  fill: #97ba1e;
}

.DS__SocialLinks__Link:hover svg path,
  .DS__SocialLinks__Link:focus svg path {
  fill: #81a11a;
}

.DS__SocialLinks__Link:active svg path {
  fill: #547012;
}

.DS__SocialLinks__Link:focus {
  box-shadow: 0 0 2px 1px rgb(59, 153, 252);
}

.DS__SocialLinks__Link.DS__SocialLinks__focus-visible {
  outline: 2px auto #577edc;
  outline-offset: 2px;
}

.DS__SocialName__SocialName,
.DS__SocialName__Caption,
.DS__SocialName__Icon,
.DS__SocialName__CheckIcon {
  all: initial;
  font-family: var(--font-family);
}

.DS__SocialName__SocialName {
  display: flex;
  /* stylelint-enable color-no-hex */
}

/* stylelint-disable color-no-hex */

.DS__SocialName__SocialName_fb .DS__SocialName__Caption > *:first-child {
  color: #325797;
}

.DS__SocialName__SocialName_vk .DS__SocialName__Caption > *:first-child {
  color: #4680c2;
}

.DS__SocialName__SocialName_google .DS__SocialName__Caption > *:first-child {
  color: #4285f4;
}

.DS__SocialName__SocialName_instagram .DS__SocialName__Caption > *:first-child {
  color: #e1306c;
}

.DS__SocialName__Caption {
  overflow: hidden;
}

.DS__SocialName__Caption > * {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.DS__SocialName__Icon {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  margin-right: 16px;
  border-radius: 50%;
  /* stylelint-enable color-no-hex */
}

/* stylelint-disable color-no-hex */

.DS__SocialName__Icon_apple {
  background-color: #000000;
}

.DS__SocialName__Icon_fb {
  background-color: #325797;
}

.DS__SocialName__Icon_vk {
  background-color: #0077ff;
}

.DS__SocialName__Icon_google {
  background-color: #4285f4;
}

.DS__SocialName__Icon_instagram {
  background-color: #e1306c;
}

.DS__SocialName__Icon_tinkoff {
  background-color: #ffdd2d;
}

.DS__SocialName__Icon_yandex {
  background-color: #fc3f1d;
}

.DS__SocialName__CheckIcon {
  position: absolute;
  right: -4px;
  bottom: 0;
  z-index: 1;
  color: #97ba1e;
}

.DS__SocialName__CheckIcon:before {
  position: absolute;
  top: 2px;
  left: 2px;
  z-index: -1;
  display: block;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  content: '';
  background-color: #ffffff;
  border-radius: 50%;
}

.DS__SuggestField__root {
  position: relative;
  display: block;
}

.DS__SuggestField__open {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}

.DS__SuggestField__popup_open {
  border-radius: 8px 8px 0 0;
}

.DS__Dropdown__root {
  position: absolute;
  right: 0;
  left: 0;
  z-index: 999;
  box-sizing: border-box;
  overflow: hidden;
  background-color: #ffffff;
  border: 1px solid #d0d6e1;
  border-top: none;
  border-radius: 0 0 8px 8px;
}

@media (max-width: 767px) {
  .DS__Dropdown__root {
    position: fixed;
    top: 0;
    z-index: 999;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 100%;
    background: none;
    border: none;
    border-radius: 0
  }
}

.DS__Dropdown__root .DS__Dropdown__input_component {
  box-sizing: border-box;
  height: 40px;
  padding: 10px 8px 10px 40px;
  background-color: #eceff5;
  border-radius: 8px;
}

.DS__Dropdown__size_medium {
  top: 56px;
}

.DS__Dropdown__size_small {
  top: 40px;
}

@media (max-width: 767px) {
  .DS__Dropdown__size_medium,
.DS__Dropdown__size_small {
    top: 0
  }
}

.DS__Dropdown__inner {
  position: relative;
  display: block;
}

@media (max-width: 767px) {
  .DS__Dropdown__inner {
    display: flex;
    flex-direction: column;
    min-height: 360px;
    max-height: calc(100% - 24px);
    overflow: hidden;
    background-color: #ffffff;
    border-radius: 16px 16px 0 0
  }

  .DS__Dropdown__inner.DS__Dropdown__popover {
    height: 100%;
    max-height: 100%;
    border-radius: 0;
  }
}

.DS__Dropdown__overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-color: rgba(34, 42, 55, 0.6);
}

.DS__Dropdown__header {
  position: relative;
  display: block;
  flex-shrink: 0;
}

.DS__Dropdown__close {
  position: absolute;
  top: 2px;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  cursor: pointer;
  background: none;
  border: none;
}

.DS__Dropdown__title {
  box-sizing: border-box;
  padding: 18px 48px 18px 16px;
}

.DS__Dropdown__wrapper {
  position: relative;
  display: block;
  padding: 8px;
  border-top: 1px solid #dde3ed;
}

.DS__Dropdown__icon {
  position: absolute;
  top: 20px;
  left: 20px;
  color: #505f79;
}

.DS__Dropdown__list {
  display: block;
  height: 100%;
}

@media (max-width: 767px) {
  .DS__Dropdown__list {
    height: 100vh
  }
}

.DS__Suggestions__list {
  display: block;
  padding: 0;
  margin: 0;
  list-style: none;
}

.DS__Suggestion__root {
  box-sizing: border-box;
  display: block;
  height: 44px;
  padding: 11px 14px;
  cursor: pointer;
}

@media (max-width: 767px) {
  .DS__Suggestion__root {
    position: relative;
    height: 57px;
    padding: 0 16px
  }

  .DS__Suggestion__root:not(:last-child) .DS__Suggestion__inner {
    border-bottom: 1px solid #eceff5;
  }
}

.DS__Suggestion__root:hover,
  .DS__Suggestion__root.DS__Suggestion__highlighted,
  .DS__Suggestion__root:focus,
  .DS__Suggestion__root.DS__Suggestion__highlighted {
  background-color: #f6f8fc;
}

.DS__Suggestion__inner {
  display: flex;
  align-items: center;
  height: 100%;
  cursor: pointer;
}

.DS__Suggestion__label {
  overflow: hidden;
  font-size: 14px;
  line-height: 20px;
  color: #222a37;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}

.DS__Suggestion__left {
  display: flex;
  align-items: center;
  margin-right: 10px;
  color: #d0d6e1;
  cursor: pointer;
}

.DS__Suggestion__right {
  display: flex;
  align-items: center;
  margin-left: auto;
  font-weight: 600;
  color: #7a869a;
  cursor: pointer;
}

.DS__Switcher__root {
  display: inline-flex;
  cursor: pointer;
}

.DS__Switcher__root.DS__Switcher__readOnly {
  pointer-events: none;
}

.DS__Switcher__input {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  border: 0;
}

.DS__Switcher__input.DS__Switcher__focus-visible + .DS__Switcher__switcher {
  outline: 2px auto #577edc;
  outline-offset: 2px;
}

.DS__Switcher__input:disabled + .DS__Switcher__switcher {
  pointer-events: none;
  cursor: default;
  background-color: #dde3ed;
}

.DS__Switcher__input:not(:disabled):hover + .DS__Switcher__switcher,
  .DS__Switcher__input:not(:disabled):active + .DS__Switcher__switcher,
  .DS__Switcher__input:not(:disabled):focus + .DS__Switcher__switcher,
  .DS__Switcher__input:not(:disabled):active + .DS__Switcher__switcher {
  background-color: #95a0b3;
}

.DS__Switcher__input:checked + .DS__Switcher__switcher::before {
  transform: translate3d(16px, 0, 0);
}

.DS__Switcher__input.DS__Switcher__theme_b2c:checked + .DS__Switcher__switcher {
  background-color: #97ba1e;
}

.DS__Switcher__input.DS__Switcher__theme_b2c:checked:disabled + .DS__Switcher__switcher {
  background-color: #d4e3ac;
}

.DS__Switcher__input.DS__Switcher__theme_b2c:checked:not(:disabled):hover + .DS__Switcher__switcher,
      .DS__Switcher__input.DS__Switcher__theme_b2c:checked:not(:disabled):focus + .DS__Switcher__switcher {
  background-color: #81a11a;
}

.DS__Switcher__input.DS__Switcher__theme_b2c:checked:not(:disabled):active + .DS__Switcher__switcher {
  background-color: #547012;
}

.DS__Switcher__input.DS__Switcher__theme_b2b:checked + .DS__Switcher__switcher {
  background-color: #00a4ba;
}

.DS__Switcher__input.DS__Switcher__theme_b2b:checked:disabled + .DS__Switcher__switcher {
  background-color: #94dee4;
}

.DS__Switcher__input.DS__Switcher__theme_b2b:checked:not(:disabled):hover + .DS__Switcher__switcher,
      .DS__Switcher__input.DS__Switcher__theme_b2b:checked:not(:disabled):focus + .DS__Switcher__switcher {
  background-color: #0b7483;
}

.DS__Switcher__input.DS__Switcher__theme_b2b:checked:not(:disabled):active + .DS__Switcher__switcher {
  background-color: #075c68;
}

.DS__Switcher__switcher {
  position: relative;
  display: block;
  width: 36px;
  height: 20px;
  cursor: pointer;
  background-color: #d0d6e1;
  border-radius: 15px;
  transition: background-color 0.3s ease;
}

@media screen and (prefers-reduced-motion: reduce) {
  .DS__Switcher__switcher {
    transition: none
  }
}

@media screen and (prefers-reduced-motion: reduce) {
  .DS__Switcher__switcher {
    transition: none
  }
}

.DS__Switcher__switcher::before {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 16px;
  height: 16px;
  content: '';
  background-color: #ffffff;
  border-radius: 50%;
  transition: transform 0.3s ease;
}

@media screen and (prefers-reduced-motion: reduce) {
  .DS__Switcher__switcher::before {
    transition: none
  }
}

.DS__Switcher__text {
  margin-left: 8px;
}

.DS__TextArea__container {
  height: 100px;
  padding: 16px;
}

.DS__TextArea__textarea {
  flex: 1 1 auto;
  width: 100%;
  height: 100%;
  margin: 0;
  font-family: inherit;
  font-size: 16px;
  line-height: 24px;
  color: #222a37;
  text-overflow: ellipsis;
  white-space: pre-line;
  resize: none;
  background-color: transparent;
  border: 0;
  outline: none;
}

.DS__TextArea__textarea::-moz-placeholder {
  font-weight: inherit;
  color: #7a869a;
  opacity: 1;
}

.DS__TextArea__textarea::placeholder {
  font-weight: inherit;
  color: #7a869a;
  opacity: 1;
}

.DS__TextArea__textarea:disabled {
  /* Мобильный ios для disable поля добавляет opacity 0.4000000059604645. */
  opacity: 1;
}

.DS__TextArea__textarea::-ms-clear,
  .DS__TextArea__textarea::-ms-reveal {
  display: none;
}

/* Chrome, Safari, Edge, Opera */

.DS__TextArea__textarea[type='number']::-webkit-inner-spin-button,
  .DS__TextArea__textarea[type='number']::-webkit-outer-spin-button {
  margin: 0;
  -webkit-appearance: none;
}

.DS__TextArea__textarea:-webkit-autofill {
  background-color: transparent;
  -webkit-box-shadow: 0 0 0 1000px #e8f0fe inset;
  animation-name: DS__TextArea__onautofillstart;
  animation-delay: 0.3s;
}

@media screen and (prefers-reduced-motion: reduce) {
  .DS__TextArea__textarea:-webkit-autofill {
    animation: none
  }
}

.DS__TextArea__textarea:not(:-webkit-autofill) {
  animation-name: DS__TextArea__onautofillcancel;
  animation-delay: 0.3s;
}

@media screen and (prefers-reduced-motion: reduce) {
  .DS__TextArea__textarea:not(:-webkit-autofill) {
    animation: none
  }
}

@keyframes DS__TextArea__onautofillstart {
  /* stylelint-disable-next-line block-no-empty */

  from {
  }
}

@keyframes DS__TextArea__onautofillcancel {
  /* stylelint-disable-next-line block-no-empty */

  from {
  }
}

.DS__Filter__root,
.DS__Filter__list {
  all: initial;
  font-family: var(--font-family);
}

.DS__Filter__root {
  position: relative;
  display: flex;
  width: -moz-min-content;
  width: min-content;
}

.DS__Filter__root.DS__Filter__block {
  width: 100%;
}

.DS__Filter__list {
  position: absolute;
}

.DS__Filter__list.DS__Filter__placement_bottomLeft {
  top: calc(100% + 8px);
  left: 0;
}

.DS__Filter__list.DS__Filter__placement_bottomRight {
  top: calc(100% + 8px);
  right: 0;
}

.DS__Filter__list.DS__Filter__placement_topLeft {
  bottom: calc(100% + 8px);
  left: 0;
}

.DS__Filter__list.DS__Filter__placement_topRight {
  right: 0;
  bottom: calc(100% + 8px);
}

.DS__Filter__list.DS__Filter__block {
  width: 100%;
}

.DS__DropListDesktop__root {
  box-sizing: border-box;
  overflow: hidden;
  background-color: #ffffff;
  border: 1px solid #d0d6e1;
  border-radius: 8px;
  box-shadow: 0px 8px 16px 0px 4px 10px rgba(34, 42, 55, 0.13);
}

.DS__DropListDesktop__search {
  display: block;
  padding: 8px 16px;
}

.DS__DropListDesktop__subtitle-block {
  padding: 24px 12px 0 12px;
}

.DS__DropListDesktop__subtitle-block .DS__DropListDesktop__subtitle {
  padding-bottom: 8px;
  text-transform: uppercase;
}

.DS__DropListDesktop__defaultOptionWrapper {
  position: relative;
}

.DS__DropListDesktop__defaultOptionWrapper .DS__DropListDesktop__dividerWrapper {
  position: absolute;
  bottom: 0;
  width: 100%;
}

.DS__ListRoot__root {
  padding: 0;
  margin: 0;
  list-style: none;
}

.DS__DropListItem__checkbox,
.DS__DropListItem__icon-position {
  all: initial;
  font-family: var(--font-family);
}

.DS__DropListItem__checkbox {
  display: inline-block;
  margin-right: 12px;
}

.DS__DropListItem__icon-position {
  margin-right: auto;
}

.DS__ListIcon__root {
  all: initial;
  font-family: var(--font-family);
}

.DS__ListIcon__root {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
}

.DS__ListIcon__position_left {
  margin-right: 12px;
  color: #95a0b3;
}

.DS__ListIcon__position_right {
  margin-left: 12px;
  color: #505f79;
}

.DS__ListIcon__position_right-end {
  margin-left: auto;
  color: #505f79;
}

.DS__ListItem__root {
  position: relative;
  box-sizing: border-box;
  align-items: center;
  cursor: pointer;
  background-color: #ffffff;
  transition: background-color 0.3s;
}

.DS__ListItem__root:hover,
  .DS__ListItem__root:focus {
  background-color: #f6f8fc;
}

.DS__ListItem__view_desktop {
  padding: 12px 16px;
}

.DS__ListItem__view_mobile {
  min-height: 56px;
  padding: 12px 12px;
}

.DS__ListItem__view_mobile::after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 1px;
  margin-right: 12px;
  margin-left: 12px;
  content: '';
  background-color: #dde3ed;
}

.DS__DropListMobile__list {
  max-height: 320px;
}

.DS__DropListMobile__search {
  padding-top: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid #dde3ed;
}

.DS__DropListMobile__subtitle-block {
  padding: 24px 12px 0 12px;
}

.DS__DropListMobile__subtitle-block .DS__DropListMobile__subtitle {
  padding-bottom: 8px;
  text-transform: uppercase;
}

.DS__DropListMobile__theme_b2c .DS__DropListMobile__icon_check {
  color: #97ba1e;
}

.DS__DropListMobile__theme_b2b .DS__DropListMobile__icon_check {
  color: #00a4ba;
}

.DS__SelectGender__root {
  position: relative;
  display: inline-flex;
  width: auto;
  min-width: 288px;
}

.DS__SelectGender__root.DS__SelectGender__fullWidth {
  display: flex;
  width: 100%;
}

.DS__SelectGender__root .DS__SelectGender__container {
  padding-right: 0;
  padding-left: 0;
  overflow: hidden;
}

.DS__SelectGender__label {
  box-sizing: border-box;
  display: flex;
  flex-basis: 144px;
  flex-grow: 1;
  flex-shrink: 0;
  align-items: center;
  height: 100%;
  padding: 16px;
  cursor: pointer;
}

.DS__SelectGender__label:not(.DS__SelectGender__disabled):hover,
  .DS__SelectGender__label:not(.DS__SelectGender__disabled):focus {
  background-color: #f6f8fc;
}

.DS__SelectGender__label:last-child {
  border-left: 1px solid #d0d6e1;
}

.DS__SelectGender__label.DS__SelectGender__disabled {
  cursor: default;
}

.DS__SelectGender__label.DS__SelectGender__invalid {
  border-color: #f14d56;
}

@media screen and (prefers-reduced-motion: reduce) {
  .DS__SelectGender__label {
    transition: none
  }
}

.DS__SelectGender__text {
  margin-left: 8px;
}

.DS__OrbitButton__root {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  cursor: pointer;
  border-radius: 50%;
  transition: background-color 0.3s ease,
    color 0.3s ease;
}

.DS__OrbitButton__root.DS__OrbitButton__focus-visible {
  outline: 2px auto #577edc;
  outline-offset: 2px;
}

.DS__OrbitButton__root:hover .DS__OrbitButton__container-icon, .DS__OrbitButton__root:focus .DS__OrbitButton__container-icon {
  background-color: #81a11a;
}

@media screen and (prefers-reduced-motion: reduce) {
  .DS__OrbitButton__root {
    transition: none
  }
}

.DS__OrbitButton__theme_default {
  color: #95a0b3;
  background-color: #f6f8fc;
}

.DS__OrbitButton__theme_default:hover,
    .DS__OrbitButton__theme_default:focus {
  color: #7a869a;
  background-color: #eceff5;
}

.DS__OrbitButton__theme_added,
  .DS__OrbitButton__theme_add,
  .DS__OrbitButton__theme_edit {
  color: #97ba1e;
  background-color: #f4f9e6;
}

.DS__OrbitButton__theme_added:hover,
    .DS__OrbitButton__theme_added:focus,
    .DS__OrbitButton__theme_add:hover,
    .DS__OrbitButton__theme_add:focus,
    .DS__OrbitButton__theme_edit:hover,
    .DS__OrbitButton__theme_edit:focus {
  color: #81a11a;
  background-color: #d4e3ac;
}

.DS__OrbitButton__container-icon {
  position: absolute;
  top: 0;
  right: 0;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  padding: 3.25px;
  color: #ffffff;
  background-color: #97ba1e;
  border-radius: 50%;
  transition: background-color 0.3s ease,
    color 0.3s ease;
  transform: translate(4px, -2px);
}

@media screen and (prefers-reduced-motion: reduce) {
  .DS__OrbitButton__container-icon {
    transition: none
  }
}

.DS__OrbitButton__icon {
  max-width: 100%;
  height: auto;
  color: currentColor;
}

.DS__PaymentButton__root {
  box-sizing: border-box;
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 100%;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 8px;
}

.DS__PaymentButton__theme_white {
  color: #000000;
  background-color: #ffffff;
  border-color: #ffffff;
}

.DS__PaymentButton__theme_black {
  color: #ffffff;
  background-color: #000000;
  border-color: #000000;
}

.DS__PaymentButton__system_google {
  max-width: 328px;
}

.DS__PaymentButton__system_google.DS__PaymentButton__compact.DS__PaymentButton__type_payment {
  max-width: 160px;
}

.DS__PaymentButton__system_google.DS__PaymentButton__theme_white {
  box-shadow: 0px 1px 1px rgba(60, 64, 67, 0.3),
    0px 1px 3px rgba(60, 64, 67, 0.15);
}

.DS__PaymentButton__system_apple {
  max-width: 288px;
}

.DS__PaymentButton__system_apple.DS__PaymentButton__type_wallet.DS__PaymentButton__theme_black {
  border-color: #a6a6a6;
}

.DS__PaymentButton__system_apple.DS__PaymentButton__type_wallet.DS__PaymentButton__theme_white {
  border-color: #efefef;
}

.DS__PaymentButton__system_apple.DS__PaymentButton__type_payment.DS__PaymentButton__theme_white {
  border-color: #000000;
}

.DS__PaymentButton__system_apple.DS__PaymentButton__compact.DS__PaymentButton__type_wallet.DS__PaymentButton__size_lg.DS__PaymentButton__lang_ru {
  max-width: 154px;
}

.DS__PaymentButton__system_apple.DS__PaymentButton__compact.DS__PaymentButton__type_wallet.DS__PaymentButton__size_lg.DS__PaymentButton__lang_en {
  max-width: 143px;
}

.DS__PaymentButton__system_apple.DS__PaymentButton__compact.DS__PaymentButton__type_wallet.DS__PaymentButton__size_md.DS__PaymentButton__lang_ru {
  max-width: 126px;
}

.DS__PaymentButton__system_apple.DS__PaymentButton__compact.DS__PaymentButton__type_wallet.DS__PaymentButton__size_md.DS__PaymentButton__lang_en {
  max-width: 116px;
}

.DS__PaymentButton__system_apple.DS__PaymentButton__compact.DS__PaymentButton__type_payment.DS__PaymentButton__size_lg {
  max-width: 120px;
}

.DS__PaymentButton__system_apple.DS__PaymentButton__compact.DS__PaymentButton__type_payment.DS__PaymentButton__size_md {
  max-width: 100px;
}

.DS__PaymentButton__system_dolyame {
  max-width: 328px;
}

.DS__PaymentButton__system_dolyame.DS__PaymentButton__compact {
  max-width: 160px;
}

.DS__PaymentButton__system_dolyame.DS__PaymentButton__compact svg {
  margin-top: 4px;
}

.DS__PaymentButton__size_lg {
  height: 48px;
}

.DS__PaymentButton__size_md {
  height: 40px;
}

.DS__PageNavigator__root {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 72px;
  padding: 0 16px;
}

.DS__PageNavigator__button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 36px;
  cursor: pointer;
  border-radius: 50%;
}

.DS__PageNavigator__button:hover,
  .DS__PageNavigator__button:focus {
  background-color: #f6f8fc;
}

.DS__PageNavigator__button.DS__PageNavigator__active {
  background-color: #f4f9e6;
}

.DS__PageNavigator__button.DS__PageNavigator__disabled {
  color: #7a869a;
  pointer-events: none;
  cursor: default;
}

.DS__PageNavigator__pages {
  display: flex;
  align-items: center;
}

.DS__PageNavigator__ellipsis {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 38px;
}

.DS__PageNavigator__fieldRoot {
  width: 64px !important;
  padding: 0 5px;
}

.DS__PaginationSelect__root,
.DS__PaginationSelect__list,
.DS__PaginationSelect__list--top,
.DS__PaginationSelect__list--bottom,
.DS__PaginationSelect__button {
  all: initial;
  font-family: var(--font-family);
}

.DS__PaginationSelect__root {
  position: relative;
}

.DS__PaginationSelect__list {
  position: absolute;
  right: 0;
}

.DS__PaginationSelect__list--top {
  bottom: calc(100% + 8px);
}

.DS__PaginationSelect__list--bottom {
  top: calc(100% + 8px);
}

.DS__PaginationSelect__button {
  display: flex;
  cursor: pointer;
}

.DS__PaginationSelect__button.DS__PaginationSelect__isOpen .DS__PaginationSelect__icon {
  transition: transform 0.3s ease;
  transform: rotate(-180deg);
}

.DS__PaginationSelect__button .DS__PaginationSelect__icon {
  display: block;
  margin-left: 8px;
  color: #505f79;
  transition: transform 0.3s ease;
  transform: rotate(0deg);
}

@media screen and (prefers-reduced-motion: reduce) {
  .DS__PaginationSelect__button .DS__PaginationSelect__icon {
    transition: none
  }
}

.DS__Table__root_component {
  width: 100%;
  border-spacing: 0;
  border: 1px solid #dde3ed;
}

.DS__Table__root_component.DS__Table__theme_modern {
  border: 1px solid #eceff5;
  border-radius: 10px 10px 0px 0px;
}

.DS__Table__theme_modern thead tr th {
  border: 0px solid transparent;
  border-right: 1px solid #eceff5;
}

.DS__Table__theme_modern thead tr th:first-child {
  border-radius: 8px 0px 0px 0px;
}

.DS__Table__theme_modern thead tr th:last-child {
  border-right: 0px solid transparent;
  border-radius: 0px 8px 0px 0px;
}

.DS__Table__theme_modern tbody tr:first-child td {
  border-top: none;
}

.DS__Table__theme_modern tbody tr td {
  border-top: 1px solid #eceff5;
  border-right: 0px solid transparent;
  border-bottom: 0px solid transparent;
  border-left: 0px solid transparent;
}

.DS__TableWithProps__head-cell {
  all: initial;
  font-family: var(--font-family);
}

.DS__TableWithProps__head-cell {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.DS__TableHeadCell__root_component {
  box-sizing: border-box;
  height: 48px;
  padding: 8px 16px;
  text-align: left;
  background-color: #f6f8fc;
  border: 1px solid #dde3ed;
}

.DS__TableFilterButton__point {
  all: initial;
  font-family: var(--font-family);
}

.DS__TableFilterButton__root_component {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #505f79;
}

.DS__TableFilterButton__theme_b2c:focus {
  color: #97ba1e;
}

.DS__TableFilterButton__theme_b2b:focus {
  color: #00a4ba;
}

.DS__TableFilterButton__point {
  position: absolute;
  top: 0;
  right: 0;
  box-sizing: border-box;
  width: 10px;
  height: 10px;
  background-color: #f14d56;
  border: 2px solid #f6f8fc;
  border-radius: 50%;
  transform: translateY(-2px);
}

.DS__TableCell__root_component {
  box-sizing: border-box;
  height: 48px;
  padding: 8px 16px;
  border: 1px solid #dde3ed;
}

.DS__TableStatus__root {
  display: inline-block;
  padding: 6px 8px;
  border-radius: 8px;
}

.DS__TableStatus__type_warning {
  background-color: #fff4e9;
}

.DS__TableStatus__type_ghost {
  background-color: #eceff5;
}

.DS__TableStatus__text {
  text-transform: uppercase;
}

.DS__RoundButton__root {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
}

.DS__RoundButton__root.DS__RoundButton__focus-visible {
  outline: 2px auto #577edc;
  outline-offset: 2px;
}

.DS__RoundButton__root:disabled {
  pointer-events: none;
}

.DS__RoundButton__root:disabled .DS__RoundButton__text {
  color: #95a0b3;
}

.DS__RoundButton__size_xs .DS__RoundButton__icon {
  width: 24px;
  height: 24px;
}

.DS__RoundButton__size_s .DS__RoundButton__icon {
  width: 32px;
  height: 32px;
}

.DS__RoundButton__size_m .DS__RoundButton__icon {
  width: 36px;
  height: 36px;
}

.DS__RoundButton__size_l .DS__RoundButton__icon {
  width: 40px;
  height: 40px;
}

.DS__RoundButton__size_xl .DS__RoundButton__icon {
  width: 48px;
  height: 48px;
}

.DS__RoundButton__view_b2c .DS__RoundButton__text {
  color: #97ba1e;
}

.DS__RoundButton__view_b2c .DS__RoundButton__icon {
  color: #97ba1e;
  background-color: #f4f9e6;
}

.DS__RoundButton__view_b2c:hover .DS__RoundButton__icon {
  color: #ffffff;
  background-color: #97ba1e;
}

.DS__RoundButton__view_b2c:active .DS__RoundButton__icon {
  color: #ffffff;
  background-color: #97ba1e;
}

.DS__RoundButton__view_b2c:focus .DS__RoundButton__icon {
  color: #ffffff;
  background-color: #97ba1e;
  box-shadow: 0 2px 4px rgba(151, 186, 30, 0.5);
}

.DS__RoundButton__view_b2c:disabled .DS__RoundButton__icon {
  color: #95a0b3;
  background-color: #f6f8fc;
}

.DS__RoundButton__view_b2c_primary .DS__RoundButton__text {
  color: #97ba1e;
}

.DS__RoundButton__view_b2c_primary .DS__RoundButton__icon {
  color: #ffffff;
  background-color: #97ba1e;
}

.DS__RoundButton__view_b2c_primary:hover .DS__RoundButton__icon {
  color: #ffffff;
  background-color: #81a11a;
}

.DS__RoundButton__view_b2c_primary:active .DS__RoundButton__icon {
  color: #ffffff;
  background-color: #547012;
}

.DS__RoundButton__view_b2c_primary:focus .DS__RoundButton__icon {
  color: #ffffff;
  background-color: #97ba1e;
  box-shadow: 0 2px 4px rgba(151, 186, 30, 0.5);
}

.DS__RoundButton__view_b2c_primary:disabled .DS__RoundButton__icon {
  color: #95a0b3;
  background-color: #f6f8fc;
}

.DS__RoundButton__view_b2b .DS__RoundButton__text {
  color: #00a4ba;
}

.DS__RoundButton__view_b2b .DS__RoundButton__icon {
  color: #00a4ba;
  background-color: #e8f9fb;
}

.DS__RoundButton__view_b2b:hover .DS__RoundButton__icon {
  color: #ffffff;
  background-color: #00a4ba;
}

.DS__RoundButton__view_b2b:active .DS__RoundButton__icon {
  color: #ffffff;
  background-color: #00a4ba;
}

.DS__RoundButton__view_b2b:focus .DS__RoundButton__icon {
  color: #ffffff;
  background-color: #00a4ba;
  box-shadow: 0 2px 4px rgba(0, 164, 186, 0.5);
}

.DS__RoundButton__view_b2b:disabled .DS__RoundButton__icon {
  color: #95a0b3;
  background-color: #f6f8fc;
}

.DS__RoundButton__view_b2b_primary .DS__RoundButton__text {
  color: #00a4ba;
}

.DS__RoundButton__view_b2b_primary .DS__RoundButton__icon {
  color: #ffffff;
  background-color: #00a4ba;
}

.DS__RoundButton__view_b2b_primary:hover .DS__RoundButton__icon {
  color: #ffffff;
  background-color: #0b7483;
}

.DS__RoundButton__view_b2b_primary:active .DS__RoundButton__icon {
  color: #ffffff;
  background-color: #075c68;
}

.DS__RoundButton__view_b2b_primary:focus .DS__RoundButton__icon {
  color: #ffffff;
  background-color: #00a4ba;
  box-shadow: 0 2px 4px rgba(0, 164, 186, 0.5);
}

.DS__RoundButton__view_b2b_primary:disabled .DS__RoundButton__icon {
  color: #95a0b3;
  background-color: #f6f8fc;
}

.DS__RoundButton__view_secondary .DS__RoundButton__text {
  color: #505f79;
}

.DS__RoundButton__view_secondary .DS__RoundButton__icon {
  color: #505f79;
  background-color: #eceff5;
}

.DS__RoundButton__view_secondary:hover .DS__RoundButton__icon {
  color: #ffffff;
  background-color: #505f79;
}

.DS__RoundButton__view_secondary:active .DS__RoundButton__icon {
  color: #ffffff;
  background-color: #505f79;
}

.DS__RoundButton__view_secondary:focus .DS__RoundButton__icon {
  color: #ffffff;
  background-color: #505f79;
  box-shadow: 0 2px 4px rgba(80, 95, 121, 0.5);
}

.DS__RoundButton__view_secondary:disabled .DS__RoundButton__icon {
  color: #95a0b3;
  background-color: #f6f8fc;
}

.DS__RoundButton__view_secondary_white .DS__RoundButton__text {
  color: #505f79;
}

.DS__RoundButton__view_secondary_white .DS__RoundButton__icon {
  color: #505f79;
  background-color: #ffffff;
}

.DS__RoundButton__view_secondary_white:hover .DS__RoundButton__icon {
  color: #ffffff;
  background-color: #505f79;
}

.DS__RoundButton__view_secondary_white:active .DS__RoundButton__icon {
  color: #ffffff;
  background-color: #505f79;
}

.DS__RoundButton__view_secondary_white:focus .DS__RoundButton__icon {
  color: #ffffff;
  background-color: #505f79;
  box-shadow: 0 2px 4px rgba(80, 95, 121, 0.5);
}

.DS__RoundButton__view_secondary_white:disabled .DS__RoundButton__icon {
  color: #95a0b3;
  background-color: #ffffff;
}

.DS__RoundButton__view_destructive .DS__RoundButton__text {
  color: #f14d56;
}

.DS__RoundButton__view_destructive .DS__RoundButton__icon {
  color: #f14d56;
  background-color: #feedee;
}

.DS__RoundButton__view_destructive:hover .DS__RoundButton__icon {
  color: #ffffff;
  background-color: #f14d56;
}

.DS__RoundButton__view_destructive:active .DS__RoundButton__icon {
  color: #ffffff;
  background-color: #f14d56;
}

.DS__RoundButton__view_destructive:focus .DS__RoundButton__icon {
  color: #ffffff;
  background-color: #f14d56;
  box-shadow: 0 2px 4px rgba(241, 77, 86, 0.5);
}

.DS__RoundButton__view_destructive:disabled .DS__RoundButton__icon {
  color: #95a0b3;
  background-color: #f6f8fc;
}

.DS__RoundButton__direction_left .DS__RoundButton__text {
  margin-right: 8px;
}

.DS__RoundButton__direction_right {
  flex-direction: row-reverse;
}

.DS__RoundButton__direction_right .DS__RoundButton__text {
  margin-left: 8px;
}

.DS__RoundButton__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: background-color 0.3s ease-in-out,
    color 0.3s ease-in-out,
    box-shadow 0.3s ease-in-out;
}

@media screen and (prefers-reduced-motion: reduce) {
  .DS__RoundButton__icon {
    transition: none
  }
}

.DS__RoundButton__text {
  transition: color 0.3s ease-in-out;
}

@media screen and (prefers-reduced-motion: reduce) {
  .DS__RoundButton__text {
    transition: none
  }
}

.DS__ColorIcon__root {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
}

.DS__ColorIcon__color_mono {
  color: #d0d6e1;
  background-color: #f6f8fc;
}

.DS__ColorIcon__color_blue {
  color: #577edc;
  background-color: #ebf1ff;
}

.DS__ColorIcon__color_green {
  color: #97ba1e;
  background-color: #f4f9e6;
}

.DS__ColorIcon__color_orange {
  color: #ff991f;
  background-color: #fff4e9;
}

.DS__ColorIcon__color_red {
  color: #f14d56;
  background-color: #feedee;
}

.DS__ColorIcon__color_violet {
  color: #7e57c2;
  background-color: #f6f0ff;
}

.DS__ColorIcon__color_emerald {
  color: #21a795;
  background-color: #e8faf7;
}

.DS__ColorIcon__color_gray {
  color: #505f79;
  background-color: #f6f8fc;
}

.DS__ColorIcon__size_s {
  width: 24px;
  height: 24px;
}

.DS__ColorIcon__size_s.DS__ColorIcon__shape_square {
  border-radius: 15%;
}

.DS__ColorIcon__size_m {
  width: 40px;
  height: 40px;
}

@media (max-width: 767px) {
  .DS__ColorIcon__size_m {
    width: 44px;
    height: 44px
  }
}

.DS__ColorIcon__size_l {
  width: 60px;
  height: 60px;
}

.DS__ColorIcon__shape_circle {
  border-radius: 50%;
}

.DS__ColorIcon__shape_square {
  border-radius: 12px;
}

.DS__HeaderCanary__root,
.DS__HeaderCanary__top,
.DS__HeaderCanary__wrapper,
.DS__HeaderCanary__center,
.DS__HeaderCanary__button,
.DS__HeaderCanary__logo,
.DS__HeaderCanary__section,
.DS__HeaderCanary__login,
.DS__HeaderCanary__layer,
.DS__HeaderCanary__pointer,
.DS__HeaderCanary__favorites {
  all: initial;
  font-family: var(--font-family);
}

.DS__HeaderCanary__root {
  position: relative;
  z-index: 1;
  display: block;
}

.DS__HeaderCanary__root.DS__HeaderCanary__fixed {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 99;
}

.DS__HeaderCanary__top {
  position: relative;
  z-index: 1;
  display: flex;
  height: 80px;
  background-color: #ffffff;
  border-bottom: 1px solid #eceff5;
}

.DS__HeaderCanary__wrapper {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  max-width: 1440px;
  height: 100%;
  padding-right: 20px;
  padding-left: 20px;
  margin-right: auto;
  margin-left: auto;
}

.DS__HeaderCanary__wrapper_popup {
  box-sizing: border-box;
  display: flex;
}

.DS__HeaderCanary__center {
  margin-right: auto;
  margin-left: auto;
}

.DS__HeaderCanary__button {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 20px;
  height: 20px;
  padding: 0;
  margin-right: 20px;
  color: #505f79;
  cursor: pointer;
  background: none;
  border: none;
}

.DS__HeaderCanary__button.DS__HeaderCanary__focus-visible {
  outline: 2px auto #577edc;
  outline-offset: 2px;
}

.DS__HeaderCanary__home_link {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.DS__HeaderCanary__home_link.DS__HeaderCanary__focus-visible {
  outline: 2px auto #577edc;
  outline-offset: 2px;
}

.DS__HeaderCanary__logo_wrapper {
  display: flex;
  align-items: center;
  cursor: inherit;
}

.DS__HeaderCanary__logo {
  display: block;
  max-width: 150px;
  height: 40px;
  font-size: 0;
  cursor: pointer;
}

.DS__HeaderCanary__logo_icon {
  width: auto;
  height: 100%;
}

.DS__HeaderCanary__oneworld_link {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 32px;
  height: 32px;
  margin-left: 20px;
  font-size: 0;
  cursor: pointer;
}

.DS__HeaderCanary__oneworld_link.DS__HeaderCanary__focus-visible {
  outline: 2px auto #577edc;
  outline-offset: 2px;
}

@media (max-width: 767px) {
  .DS__HeaderCanary__oneworld_link {
    display: none
  }
}

.DS__HeaderCanary__section {
  position: relative;
  display: flex;
  align-items: center;
  padding-left: 12px;
}

.DS__HeaderCanary__section:not(:last-child) {
  padding-right: 12px;
}

.DS__HeaderCanary__section:not(:last-child):after {
  position: absolute;
  top: 50%;
  right: 0;
  display: block;
  width: 1px;
  height: 28px;
  content: '';
  background-color: #dde3ed;
  border-radius: 0.5px;
  transform: translateY(-50%);
}

.DS__HeaderCanary__search_button,
.DS__HeaderCanary__cart_button {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 20px;
  color: #505f79;
  cursor: pointer;
  background: none;
  border: none;
}

.DS__HeaderCanary__search_button.DS__HeaderCanary__focus-visible, .DS__HeaderCanary__cart_button.DS__HeaderCanary__focus-visible {
  outline: 2px auto #577edc;
  outline-offset: 2px;
}

.DS__HeaderCanary__cart_button:not(.DS__HeaderCanary__cart_button_empty) {
  padding-right: 7px;
}

.DS__HeaderCanary__user_info {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 12px;
  background-color: transparent;
  border: 0;
}

.DS__HeaderCanary__user_info.DS__HeaderCanary__focus-visible {
  outline: 2px auto #577edc;
  outline-offset: 2px;
}

.DS__HeaderCanary__login {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.DS__HeaderCanary__login svg {
  display: block;
}

.DS__HeaderCanary__login_icon {
  margin-right: 8px;
  color: #505f79;
}

.DS__HeaderCanary__left_side {
  display: flex;
  flex-grow: 1;
  align-items: center;
}

.DS__HeaderCanary__right_side {
  display: flex;
  align-items: center;
  height: 100%;
}

.DS__HeaderCanary__close_button {
  display: flex;
  margin-top: 42px;
  color: #dde3ed;
}

.DS__HeaderCanary__navigation_content_main {
  transition: opacity 0.3s, max-height 0.3s;
}

.DS__HeaderCanary__navigation_content_main-enter {
  max-height: 40vh;
  opacity: 0;
}

.DS__HeaderCanary__navigation_content_main-enter-active {
  max-height: calc(100vh - 80px - 2rem);
  opacity: 1;
}

.DS__HeaderCanary__navigation_content_main-enter-done {
  max-height: calc(100vh - 80px - 2rem);
}

.DS__HeaderCanary__navigation_content_main-exit-active {
  max-height: 40vh;
  opacity: 0;
}

.DS__HeaderCanary__navigation_content {
  position: absolute;
  right: 0;
  left: 0;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  min-height: 200px;
  padding-top: 42px;
  padding-bottom: 42px;
  overflow: hidden;
  background-color: #ffffff;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
  transition: max-height 0.3s linear;
}

.DS__HeaderCanary__navigation_content-enter {
  max-height: 40vh;
}

.DS__HeaderCanary__navigation_content-enter-active {
  max-height: calc(100vh - 80px - 2rem);
}

.DS__HeaderCanary__navigation_content-enter-done {
  max-height: calc(100vh - 80px - 2rem);
}

.DS__HeaderCanary__navigation_content-exit-active {
  max-height: 40vh;
}

.DS__HeaderCanary__navigation_content_inner {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: center;
  width: 100%;
  height: auto;
  padding-right: 45px;
  padding-left: 45px;
  overflow: hidden;
}

.DS__HeaderCanary__content_wrap {
  display: flex;
  justify-content: center;
  width: 100%;
}

.DS__HeaderCanary__content_wrap + .DS__HeaderCanary__content_wrap {
  margin-top: 36px;
}

@media (max-width: 1279px) {
  .DS__HeaderCanary__content_wrap + .DS__HeaderCanary__content_wrap {
    margin-top: 42px;
  }
}

.DS__HeaderCanary__search_wrapper {
  position: relative;
  z-index: 1;
  display: flex;
  flex-grow: 1;
  justify-content: flex-end;
  transform: translateX(52px);
  animation: DS__HeaderCanary__SearchWrapperAnimate 0.5s;
}

@media screen and (prefers-reduced-motion: reduce) {
  .DS__HeaderCanary__search_wrapper {
    animation: none
  }
}

@keyframes DS__HeaderCanary__SearchWrapperAnimate {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@media (max-width: 1279px) {
  .DS__HeaderCanary__search_wrapper {
    position: absolute;
    width: calc(100% - 150px)
  }
}

.DS__HeaderCanary__search_inner {
  width: 100%;
  max-width: calc(100% - 19px);
}

.DS__HeaderCanary__mobile_menu {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  display: flex;
  width: 100%;
  height: 100%;
}

.DS__HeaderCanary__mobile_menu-enter {
  opacity: 0;
  transform: translateX(-100%);
}

@media screen and (prefers-reduced-motion: reduce) {
  .DS__HeaderCanary__mobile_menu-enter {
    transition: none
  }
}

.DS__HeaderCanary__mobile_menu-enter-active {
  opacity: 1;
  transition: opacity 300ms, transform 300ms;
  transform: translateX(0);
}

@media screen and (prefers-reduced-motion: reduce) {
  .DS__HeaderCanary__mobile_menu-enter-active {
    transition: none
  }
}

.DS__HeaderCanary__mobile_menu-exit {
  opacity: 1;
  transform: translateX(0);
}

.DS__HeaderCanary__mobile_menu-exit-active {
  opacity: 0;
  transition: opacity 300ms, transform 300ms;
  transform: translateX(-100%);
}

@media screen and (prefers-reduced-motion: reduce) {
  .DS__HeaderCanary__mobile_menu-exit-active {
    transition: none
  }
}

.DS__HeaderCanary__html_ds_header_mobile_menu {
  position: fixed;
  width: 100%;
  max-height: 100%;
  overflow: hidden;
}

.DS__HeaderCanary__layer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  visibility: hidden;
  background: #222a37;
  opacity: 0;
  transition: opacity 0.3s, visibility 0.3s;
}

/* stylelint-disable-next-line csstools/media-use-custom-media */

@media screen and (prefers-reduced-motion: reduce) {
  .DS__HeaderCanary__layer {
    transition: none
  }
}

@media screen and (prefers-reduced-motion: reduce) {
  .DS__HeaderCanary__layer {
    transition: none
  }
}

/* stylelint-disable-next-line csstools/media-use-custom-media */

@media screen and (prefers-reduced-motion: reduce) {
  .DS__HeaderCanary__layer {
    transition: none
  }
}

.DS__HeaderCanary__layer_visible {
  visibility: visible;
  opacity: 0.5;
}

.DS__HeaderCanary__pointer {
  position: absolute;
  top: 0;
  right: 0;
  width: 16px;
  height: 16px;
  font-size: 11px;
  line-height: 16px;
  color: #ffffff;
  text-align: center;
  cursor: inherit;
  background: #f14d56;
  border-radius: 50%;
  transform: translateY(-5px);
}

.DS__HeaderCanary__region_wrap {
  display: flex;
}

.DS__HeaderCanary__shop .DS__HeaderCanary__right_side {
  margin-right: -7px;
}

.DS__HeaderCanary__shop .DS__HeaderCanary__section {
  padding: 0 7px;
}

.DS__HeaderCanary__shop .DS__HeaderCanary__section:after {
  display: none;
}

.DS__HeaderCanary__shop .DS__HeaderCanary__section_cart {
  order: 10;
}

.DS__HeaderCanary__shop .DS__HeaderCanary__section_region {
  order: 0;
}

.DS__HeaderCanary__shop .DS__HeaderCanary__user_info {
  margin: 0 7px;
}

.DS__HeaderCanary__shop .DS__HeaderCanary__login_icon {
  padding: 10px;
  margin: 0;
  cursor: pointer;
}

@media (min-width: 1280px) {
  .DS__HeaderCanary__tablet:not(.DS__HeaderCanary__desktop),
  .DS__HeaderCanary__mobile:not(.DS__HeaderCanary__desktop) {
    display: none;
  }
}

/* stylelint-disable-next-line csstools/media-use-custom-media */

@media (max-width: 1279px) {
  .DS__HeaderCanary__Wrapper_popup {
    display: block;
  }
}

/* stylelint-disable-next-line csstools/media-use-custom-media */

@media (max-width: 1279px) and (min-width: 768px) {
  .DS__HeaderCanary__desktop:not(.DS__HeaderCanary__tablet),
  .DS__HeaderCanary__mobile:not(.DS__HeaderCanary__tablet) {
    display: none;
  }

  .DS__HeaderCanary__shop .DS__HeaderCanary__button {
    margin-right: 24px;
  }
}

@media (max-width: 767px) {
  .DS__HeaderCanary__desktop:not(.DS__HeaderCanary__mobile),
  .DS__HeaderCanary__tablet:not(.DS__HeaderCanary__mobile) {
    display: none;
  }

  .DS__HeaderCanary__top {
    height: 52px;
  }

  .DS__HeaderCanary__button {
    margin-right: 16px;
  }

  .DS__HeaderCanary__button svg {
    width: 20px;
  }

  .DS__HeaderCanary__logo {
    height: 32px;
  }

  .DS__HeaderCanary__wrapper {
    padding-right: 16px;
    padding-left: 16px;
  }
}

.DS__HeaderCanary__favorites {
  display: flex;
}

.DS__HeaderCanary__favorites,
.DS__HeaderCanary__wrapper_popup {
  width: 100%;
  max-width: 1008px;
}

@media (max-width: 1279px) {
  .DS__HeaderCanary__favorites,
.DS__HeaderCanary__wrapper_popup {
    max-width: 508px
  }
}

.DS__HeaderCanary__tablet_nav_links {
  position: absolute;
  left: 60px;
  z-index: 1;
  display: flex;
  background-color: #ffffff;
}

.DS__HeaderCanary__is_search {
  opacity: 0;
}

.DS__HeaderCanary__tablet_title {
  margin-top: 42px;
}

.DS__HeaderCanary__tablet_title:not(.DS__HeaderCanary__empty_items) {
  padding-left: 40px;
}

.DS__NavLinks__root,
.DS__NavLinks__logo,
.DS__NavLinks__item,
.DS__NavLinks__point,
.DS__NavLinks__content,
.DS__NavLinks__marker,
.DS__NavLinks__popup,
.DS__NavLinks__button,
.DS__NavLinks__dropdown,
.DS__NavLinks__dropdown-chevron,
.DS__NavLinks__dropdown-link,
.DS__NavLinks__selected-option,
.DS__NavLinks__options,
.DS__NavLinks__option,
.DS__NavLinks__layer {
  all: initial;
  font-family: var(--font-family);
}

.DS__NavLinks__root {
  position: relative;
  display: flex;
  padding: 0;
  margin: 0;
  margin-left: 80px;
  text-indent: 0;
  list-style: none;
  list-style-position: outside;
}

@media (max-width: 1279px) {
  .DS__NavLinks__root {
    margin-left: 50px
  }
}

.DS__NavLinks__logo {
  display: flex;
  align-items: center;
  margin-left: 1px;
}

.DS__NavLinks__item {
  display: inline-flex;
  align-items: center;
  margin-right: 28px;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

.DS__NavLinks__point {
  position: relative;
  display: inline-flex;
  align-items: center;
  height: 80px;
  padding: 0;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #222a37;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  background: transparent;
  border: none;
}

.DS__NavLinks__point.DS__NavLinks__focus-visible {
  outline: 2px auto #577edc;
  outline-offset: 2px;
}

.DS__NavLinks__point::before {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 3px;
  content: '';
  border-radius: 2px;
  opacity: 0;
  transition: opacity cubic-bezier(0.4, 0, 1, 1) 0.3s;
  transform: translateY(2px);
}

.DS__NavLinks__theme_b2c .DS__NavLinks__point:hover::before, .DS__NavLinks__theme_b2c .DS__NavLinks__point:focus::before {
  background-color: #d4e3ac;
  opacity: 1;
}

.DS__NavLinks__theme_b2b .DS__NavLinks__point:hover::before, .DS__NavLinks__theme_b2b .DS__NavLinks__point:focus::before {
  background-color: #94dee4;
  opacity: 1;
}

.DS__NavLinks__content {
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  box-sizing: border-box;
  display: block;
  width: 100%;
  min-height: 200px;
  padding-bottom: 60px;
  background-color: #ffffff;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
}

.DS__NavLinks__marker {
  position: absolute;
  bottom: 0;
  width: 0;
  height: 3px;
  border-radius: 2px;
  transition: left 0.3s, width 0.3s;
  transition-duration: 0, 0.2s;
  transform: translateY(2px);
}

.DS__NavLinks__theme_b2c .DS__NavLinks__marker {
  background-color: #97ba1e;
}

.DS__NavLinks__theme_b2b .DS__NavLinks__marker {
  background-color: #00a4ba;
}

.DS__NavLinks__popup {
  position: relative;
  top: 7px;
  display: block;
  min-width: 262px;
  padding: 15px;
  background: #ffffff;
  border-radius: 12px;
  box-shadow: 0px 16px 32px rgba(34, 42, 55, 0.13);
}

.DS__NavLinks__popup_link {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 6px 0;
  margin-bottom: 12px;
  font-size: 14px;
  color: #222a37;
  cursor: pointer;
  background-color: transparent;
  border-width: 0;
  transition: background-color 0.2s, border-color 0.2s;
}

.DS__NavLinks__popup_link:last-child {
  margin-bottom: 0;
}

@media screen and (prefers-reduced-motion: reduce) {
  .DS__NavLinks__popup_link {
    transition: none
  }
}

.DS__NavLinks__popup_link:hover,
  .DS__NavLinks__popup_link:focus {
  background-color: #f6f8fc;
}

.DS__NavLinks__button {
  position: absolute;
  top: 19px;
  right: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  color: #505f79;
  cursor: pointer;
  background: none;
  border: none;
}

.DS__NavLinks__button.DS__NavLinks__focus-visible {
  outline: 2px auto #577edc;
  outline-offset: 2px;
}

.DS__NavLinks__is_search {
  opacity: 0;
}

.DS__NavLinks__dropdown {
  position: relative;
}

.DS__NavLinks__dropdown-chevron {
  display: flex;
  align-items: center;
  margin-left: 4px;
  transition: transform 0.3s ease;
  transform: rotate(0deg);
}

@media screen and (prefers-reduced-motion: reduce) {
  .DS__NavLinks__dropdown-chevron {
    transition: none
  }
}

.DS__NavLinks__dropdown-chevron.DS__NavLinks__chevron-open {
  transition: transform 0.3s ease;
  transform: rotate(-180deg);
}

.DS__NavLinks__dropdown-link {
  text-decoration: none;
  cursor: pointer;
}

.DS__NavLinks__selected-option {
  cursor: pointer;
}

.DS__NavLinks__options {
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  width: -moz-fit-content;
  width: fit-content;
  padding-bottom: 16px;
  background-color: #ffffff;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
}

.DS__NavLinks__option {
  padding: 12px 20px;
  cursor: pointer;
}

.DS__NavLinks__option:hover,
.DS__NavLinks__option:focus {
  background-color: #f6f8fc;
}

.DS__NavLinks__layer {
  position: fixed;
  top: 80px;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  visibility: hidden;
  background: #222a37;
  opacity: 0;
  transition: opacity 0.3s, visibility 0.3s;
}

/* stylelint-disable-next-line csstools/media-use-custom-media */

@media screen and (prefers-reduced-motion: reduce) {
  .DS__NavLinks__layer {
    transition: none
  }
}

@media screen and (prefers-reduced-motion: reduce) {
  .DS__NavLinks__layer {
    transition: none
  }
}

/* stylelint-disable-next-line csstools/media-use-custom-media */

@media screen and (prefers-reduced-motion: reduce) {
  .DS__NavLinks__layer {
    transition: none
  }
}

.DS__NavLinks__layer_visible {
  visibility: visible;
  opacity: 0.5;
}

.DS__HeaderSearch__root {
  position: relative;
}

.DS__HeaderSearch__form {
  position: relative;
  z-index: 1;
}

.DS__HeaderSearch__form.DS__HeaderSearch__mobile {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 14px 48px 14px 22px;
}

.DS__HeaderSearch__form.DS__HeaderSearch__tablet {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 14px 48px 14px 0;
}

.DS__HeaderSearch__popover {
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  display: flex;
  padding-top: 42px;
  padding-bottom: 42px;
  background: #ffffff;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  box-shadow: 0px 0px 1px rgba(34, 42, 55, 0.15), 0px 4px 10px rgba(34, 42, 55, 0.13);
  transform: translateY(-20px);
}

@media (max-width: 1279px) {
  .DS__HeaderSearch__popover {
    width: calc(100% - 48px)
  }
}

.DS__HeaderSearch__popover_inner {
  display: block;
  max-height: calc(100vh - 143px);
  overflow: hidden;
}

.DS__HeaderSearch__divider {
  display: block;
  margin-top: 24px;
}

.DS__SearchSubMenuItems__root,
.DS__SearchSubMenuItems__items,
.DS__SearchSubMenuItems__item {
  all: initial;
  font-family: var(--font-family);
}

.DS__SearchSubMenuItems__root {
  display: block;
  padding-right: 24px;
  padding-left: 24px;
}

@media (max-width: 767px) {
  .DS__SearchSubMenuItems__root {
    padding: 0
  }
}

.DS__SearchSubMenuItems__root.DS__SearchSubMenuItems__has_search_value {
  margin-top: 24px;
}

.DS__SearchSubMenuItems__items {
  display: flex;
  flex-direction: column;
  margin-top: 24px;
}

.DS__SearchSubMenuItems__has_search_value .DS__SearchSubMenuItems__items {
  margin-top: 12px;
}

.DS__SearchSubMenuItems__items > .DS__SearchSubMenuItems__items {
  margin-top: 0;
  margin-bottom: 20px;
}

.DS__SearchSubMenuItems__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0;
  margin-bottom: 16px;
  cursor: pointer;
  background: none;
  border: none;
}

.DS__SearchSubMenuItems__item:last-child {
  margin-bottom: 0;
}

.DS__SearchSubMenuItems__theme_b2b .DS__SearchSubMenuItems__item {
  box-sizing: border-box;
  height: 48px;
  margin-bottom: 0;
}

.DS__SearchSubMenuItems__theme_b2b .DS__SearchSubMenuItems__item_active {
  background-color: #e8f9fb;
}

.DS__SearchLink__root {
  all: initial;
  font-family: var(--font-family);
}

.DS__SearchLink__root {
  display: block;
  width: 100%;
  cursor: pointer;
}

.DS__SearchLink__root.DS__SearchLink__focus-visible {
  outline: 2px auto #577edc;
  outline-offset: 2px;
}

.DS__SearchLink__root.DS__SearchLink__theme_b2b {
  display: flex;
  flex: 1 1 100%;
  align-items: center;
  width: 100%;
  height: 100%;
}

.DS__SearchLink__new_window {
  display: inline-block;
  margin-left: 4px;
}

.DS__SearchLink__new_window svg {
  transform: translateY(-1px);
}

.DS__Highlighter__mark {
  background-color: #d4e3ac;
  border-radius: 4px;
}

.DS__MobileMenuCanary__root,
.DS__MobileMenuCanary__actions,
.DS__MobileMenuCanary__inner,
.DS__MobileMenuCanary__group,
.DS__MobileMenuCanary__head,
.DS__MobileMenuCanary__back,
.DS__MobileMenuCanary__close,
.DS__MobileMenuCanary__search,
.DS__MobileMenuCanary__categories,
.DS__MobileMenuCanary__scroll,
.DS__MobileMenuCanary__hint,
.DS__MobileMenuCanary__home,
.DS__MobileMenuCanary__shop,
.DS__MobileMenuCanary__nested-points-count,
.DS__MobileMenuCanary__divider,
.DS__MobileMenuCanary__items,
.DS__MobileMenuCanary__item,
.DS__MobileMenuCanary__link,
.DS__MobileMenuCanary__mobile-selected-group-container-item,
.DS__MobileMenuCanary__b2b-link,
.DS__MobileMenuCanary__item-b2b,
.DS__MobileMenuCanary__active-item,
.DS__MobileMenuCanary__accordion-children,
.DS__MobileMenuCanary__accordion-child {
  all: initial;
  font-family: var(--font-family);
}

.DS__MobileMenuCanary__root {
  width: 100%;
  height: 100%;
}

.DS__MobileMenuCanary__theme_b2b .DS__MobileMenuCanary__categories {
  padding-right: 16px;
  padding-left: 16px;
  margin-bottom: 16px;
}

@media (max-width: 767px) {
  .DS__MobileMenuCanary__theme_b2b .DS__MobileMenuCanary__categories {
    padding: 0
  }
}

.DS__MobileMenuCanary__theme_b2b .DS__MobileMenuCanary__head {
  padding-left: 12px;
  box-shadow: 0px 4px 10px rgba(34, 42, 55, 0.13);
}

.DS__MobileMenuCanary__theme_b2b .DS__MobileMenuCanary__close,
    .DS__MobileMenuCanary__theme_b2b .DS__MobileMenuCanary__back {
  margin-right: 16px;
}

.DS__MobileMenuCanary__theme_b2b .DS__MobileMenuCanary__group {
  margin-bottom: 0;
}

.DS__MobileMenuCanary__theme_shop.DS__MobileMenuCanary__isMobile .DS__MobileMenuCanary__head {
  height: 80px;
}

.DS__MobileMenuCanary__with_home .DS__MobileMenuCanary__scroll {
  height: calc(100% - 100px);
}

.DS__MobileMenuCanary__actions {
  display: flex;
  align-items: center;
  margin-left: auto;
}

.DS__MobileMenuCanary__inner {
  position: relative;
  z-index: 2;
  display: block;
  width: 100%;
  height: 100%;
  background: #ffffff;
}

.DS__MobileMenuCanary__inner::before {
  position: absolute;
  top: 0;
  left: 100%;
  display: block;
  width: 100vw;
  height: 100%;
  pointer-events: none;
  content: '';
  background: rgba(34, 42, 55, 0.4);
}

.DS__MobileMenuCanary__group {
  display: block;
  margin-bottom: 32px;
}

.DS__MobileMenuCanary__head {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  width: 100%;
  height: 52px;
  padding-right: 20px;
  padding-left: 20px;
  box-shadow: 0px 2px 6px -2px rgba(34, 42, 55, 0.13);
}

.DS__MobileMenuCanary__back,
.DS__MobileMenuCanary__close {
  display: inline-flex;
  align-items: center;
  width: 20px;
  height: 100%;
  padding: 0;
  margin-right: 16px;
  color: #222a37;
  cursor: pointer;
  background: none;
  border: none;
}

.DS__MobileMenuCanary__search {
  display: block;
  padding: 16px 18px 0 18px;
}

.DS__MobileMenuCanary__default_search {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: 52px;
}

.DS__MobileMenuCanary__categories {
  display: block;
  margin: 0;
}

.DS__MobileMenuCanary__selected_group {
  margin-top: 24px;
}

.DS__MobileMenuCanary__scroll {
  position: relative;
  display: block;
  height: calc(100% - 80px);
}

.DS__MobileMenuCanary__showSearch .DS__MobileMenuCanary__scroll {
  height: calc(100% - 128px);
}

@media (max-width: 767px) {
  .DS__MobileMenuCanary__scroll {
    padding: 0 18px
  }
}

.DS__MobileMenuCanary__hint {
  display: block;
  padding: 16px 20px;
  margin-bottom: 16px;
  background-color: #f6f8fc;
}

.DS__MobileMenuCanary__hint .DS__MobileMenuCanary__hint_title {
  margin-bottom: 5px;
}

.DS__MobileMenuCanary__home {
  position: absolute;
  bottom: 0;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 48px;
  padding: 14px 20px;
  color: #222a37;
  cursor: pointer;
  background-color: #f4f9e6;
}

.DS__MobileMenuCanary__isSearch .DS__MobileMenuCanary__inner {
  width: 100%;
}

@media (max-width: 1279px) {
  .DS__MobileMenuCanary__head {
    height: 80px;
  }
}

@media (max-width: 767px) {
  .DS__MobileMenuCanary__head {
    height: 52px;
  }
}

.DS__MobileMenuCanary__shop {
  display: flex;
  align-items: center;
}

.DS__MobileMenuCanary__nested-points-count {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.25rem;
  height: 1.25rem;
  color: #eceff5;
  background-color: #f1f3f8;
  border-radius: 100%;
}

.DS__MobileMenuCanary__not_found {
  margin-top: 47px;
}

.DS__MobileMenuCanary__divider {
  display: block;
  margin-top: 24px;
}

.DS__MobileMenuCanary__items {
  display: flex;
  flex-direction: column;
}

.DS__MobileMenuCanary__items > .DS__MobileMenuCanary__items {
  margin-top: 0;
  margin-bottom: 20px;
}

.DS__MobileMenuCanary__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
  cursor: pointer;
  background: none;
  border: none;
}

.DS__MobileMenuCanary__item:last-child {
  margin-bottom: 0;
}

.DS__MobileMenuCanary__link {
  display: block;
  width: 100%;
  cursor: pointer;
}

.DS__MobileMenuCanary__link.DS__MobileMenuCanary__focus-visible {
  outline: 2px auto #577edc;
  outline-offset: 2px;
}

.DS__MobileMenuCanary__mobile-selected-group-container-item {
  display: block;
  margin-bottom: 0.75rem;
}

.DS__MobileMenuCanary__b2b-link {
  text-decoration: none;
  cursor: pointer;
}

.DS__MobileMenuCanary__item-b2b {
  padding-top: 24px;
  padding-bottom: 24px;
  margin: 0;
  border-top: 1px solid #dde3ed;
}

.DS__MobileMenuCanary__item-b2b:first-child {
  padding-top: 9px;
  border-top: none;
}

.DS__MobileMenuCanary__active-item {
  background: #e8f9fb;
}

.DS__MobileMenuCanary__accordion-children {
  margin-top: 15px;
}

.DS__MobileMenuCanary__accordion-child {
  display: flex;
  justify-content: space-between;
}

.DS__MobileMenuCanary__accordion-child a {
  margin-bottom: 12px;
}

.DS__SearchResults__item,
.DS__SearchResults__likes,
.DS__SearchResults__like-icon,
.DS__SearchResults__title,
.DS__SearchResults__expand-icon,
.DS__SearchResults__subtitle {
  all: initial;
  font-family: var(--font-family);
}

.DS__SearchResults__item {
  display: block;
  padding: 24px;
  text-decoration: none;
  border-top: 1px solid #dde3ed;
}

@media (max-width: 767px) {
  .DS__SearchResults__item {
    padding: 24px 0
  }
}

.DS__SearchResults__item:hover,
  .DS__SearchResults__item:focus {
  background-color: #f1f3f8;
}

.DS__SearchResults__item.DS__SearchResults__hide_first_divider:first-child {
  border-top: none;
}

.DS__SearchResults__likes {
  display: flex;
  margin-bottom: 12px;
}

.DS__SearchResults__like-icon {
  margin-right: 8px;
  color: #d0d6e1;
}

.DS__SearchResults__like-icon svg {
  display: block;
}

.DS__SearchResults__title {
  display: flex;
  justify-content: space-between;
}

.DS__SearchResults__expand-icon {
  margin-left: 24px;
  color: #d0d6e1;
}

.DS__SearchResults__subtitle {
  display: flex;
  padding-right: 24px;
  margin-top: 16px;
}

.DS__SearchLoader__root,
.DS__SearchLoader__root--desktop-position {
  all: initial;
  font-family: var(--font-family);
}

.DS__SearchLoader__root {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}

.DS__SearchLoader__root--desktop-position {
  justify-content: flex-start;
  padding-left: 24px;
}

.DS__SearchNotFound__root,
.DS__SearchNotFound__image {
  all: initial;
  font-family: var(--font-family);
}

.DS__SearchNotFound__root {
  display: flex;
  flex-direction: column;
  padding: 0 24px;
}

@media (max-width: 767px) {
  .DS__SearchNotFound__root {
    align-items: center
  }
}

@media (max-width: 767px) {
  .DS__SearchNotFound__subtitle {
    margin-top: 5px
  }
}

.DS__SearchNotFound__image {
  margin-top: 22px;
  text-align: center;
}

.DS__Favorites__root {
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
}

@media (max-width: 767px) {
  .DS__Favorites__root {
    flex-direction: column
  }
}

.DS__Favorites__root.DS__Favorites__center {
  justify-content: center;
  width: 100%;
}

.DS__Favorites__shape {
  padding: 8px;
  border: 1px solid #eceff5;
  border-radius: 16px;
}

@media (max-width: 1279px) {
  .DS__Favorites__shape {
    padding: 4px 8px
  }
}

@media (max-width: 767px) {
  .DS__Favorites__shape {
    padding: 0;
    border: 0
  }
}

.DS__Favorites__inner {
  display: flex;
  flex-wrap: wrap;
  margin: -2px;
}

@media (max-width: 1279px) {
  .DS__Favorites__inner {
    justify-content: space-between
  }

  .DS__Favorites__inner .DS__Favorites__shape {
    min-width: 234px;
    max-width: 234px;
    padding: 8px;
    margin: 4px 2px;
  }
}

.DS__Favorites__item {
  display: flex;
  align-items: center;
  width: 244px;
  margin: 4px 2px;
  text-decoration: none;
}

@media (max-width: 1279px) {
  .DS__Favorites__item {
    flex: 1;
    min-width: 244px;
    max-width: 244px;
    margin: 4px 0
  }
}

@media (max-width: 767px) {
  .DS__Favorites__item {
    margin: 6px 0
  }
}

.DS__Favorites__caption {
  display: flex;
  flex-direction: column;
  margin-left: 12px;
}

@media (max-width: 1279px) {
  .DS__Favorites__caption {
    margin-left: 8px
  }
}

@media (max-width: 767px) {
  .DS__Favorites__caption {
    margin-left: 16px
  }
}

.DS__MenuCanary__links,
.DS__MenuCanary__item,
.DS__MenuCanary__heading,
.DS__MenuCanary__icon,
.DS__MenuCanary__Text,
.DS__MenuCanary__hot {
  all: initial;
  font-family: var(--font-family);
}

.DS__MenuCanary__links {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

@media (max-width: 1279px) {
  .DS__MenuCanary__links {
    display: flex;
    flex-direction: column
  }
}

.DS__MenuCanary__group,
.DS__MenuCanary__group_multi {
  box-sizing: border-box;
  display: block;
  width: 252px;
  padding: 8px;
}

@media (max-width: 1279px) {
  .DS__MenuCanary__group,
.DS__MenuCanary__group_multi {
    display: inline-block;
    margin-bottom: 34px
  }
}

@media (max-width: 1279px) {
  .DS__MenuCanary__group {
    width: 100%
  }
}

.DS__MenuCanary__group_content {
  flex-basis: 252px;
  width: auto;
}

@media (max-width: 1279px) {
  .DS__MenuCanary__group_multi {
    width: 100%;
    margin-bottom: 0
  }
}

.DS__MenuCanary__group_multi .DS__MenuCanary__group {
  padding: 0;
}

.DS__MenuCanary__group_multi .DS__MenuCanary__group:not(:last-child) {
  margin-bottom: 25px;
}

.DS__MenuCanary__group_list {
  display: flex;
  flex-direction: column;
  padding: 0;
  margin: 0;
  text-indent: 0;
  list-style: none;
  list-style-position: outside;
}

@media (max-width: 1279px) {
  .DS__MenuCanary__group_list {
    display: block;
    -moz-columns: 2 236px;
         columns: 2 236px
  }
}

.DS__MenuCanary__item {
  display: block;
}

.DS__MenuCanary__item_link {
  display: inline-flex;
  align-items: center;
  padding-top: 7px;
  padding-bottom: 7px;
  font-size: 14px;
  line-height: 20px;
  color: #27344b;
  text-decoration: none;
  cursor: pointer;
  transition: color 0.2s;
}

.DS__MenuCanary__item_link:hover,
  .DS__MenuCanary__item_link:focus {
  color: #505f79;
}

.DS__MenuCanary__theme_b2c .DS__MenuCanary__icon {
  color: #97ba1e;
}

.DS__MenuCanary__theme_b2b .DS__MenuCanary__icon {
  color: #00a4ba;
}

.DS__MenuCanary__heading {
  display: flex;
  align-items: center;
  margin-bottom: 17px;
}

@media (max-width: 1279px) {
  .DS__MenuCanary__heading {
    margin-bottom: 9px
  }
}

.DS__MenuCanary__icon {
  width: 20px;
  height: 20px;
  margin-right: 12px;
}

.DS__MenuCanary__Text {
  display: block;
  padding-left: 32px;
}

.DS__MenuCanary__hot {
  position: relative;
  padding-right: 12px;
  padding-left: 37px;
  margin-right: -12px;
  margin-left: -37px;
  background-color: #f6f8fc;
  border-radius: 8px;
}

.DS__MenuCanary__hot_icon {
  position: absolute;
  top: 50%;
  left: 12px;
  transform: translateY(-50%);
}

.DS__NewWindowIcon__root {
  all: initial;
  font-family: var(--font-family);
}

.DS__NewWindowIcon__root {
  display: inline-block;
  margin-left: 6px;
  cursor: inherit;
}

.DS__NewWindowIcon__root svg {
  transform: translateY(-3px);
}

.DS__MobileAccordionItem__root {
  padding: 24px 0;
  border-top: 1px solid #dde3ed;
}

.DS__MobileAccordionItem__root:first-child {
  border-top: none;
}

.DS__MobileAccordionItem__head {
  outline: none;
}

.DS__MobileAccordionItem__head.DS__MobileAccordionItem__focus-visible {
  outline: 2px auto #577edc;
  outline-offset: 2px;
}

.DS__MobileAccordionItem__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.DS__MobileAccordionItem__expand-icon {
  color: #d0d6e1;
}

.DS__MobileAccordionItem__expand-icon.DS__MobileAccordionItem__opened {
  transform: rotate(180deg);
}

.DS__MobileAccordionItem__expand-icon svg {
  display: block;
}

@keyframes DS__MobileAccordionItem__fadein {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.DS__MobileAccordionItem__content {
  margin-top: 15px;
  animation: DS__MobileAccordionItem__fadein 0.3s;
}

.DS__ComplexFilterCanary__controls,
.DS__ComplexFilterCanary__buttons,
.DS__ComplexFilterCanary__filter-wrapper,
.DS__ComplexFilterCanary__scrollbar,
.DS__ComplexFilterCanary__filter-body {
  all: initial;
  font-family: var(--font-family);
}

.DS__ComplexFilterCanary__controls {
  position: relative;
  display: flex;
  justify-content: flex-end;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 355px;
  max-width: 100%;
}

.DS__ComplexFilterCanary__controls .DS__ComplexFilterCanary__active-filters {
  display: flex;
}

.DS__ComplexFilterCanary__buttons {
  display: flex;
  justify-content: space-between;
}

.DS__ComplexFilterCanary__buttons .DS__ComplexFilterCanary__margin-button {
  margin-left: 12px;
}

.DS__ComplexFilterCanary__filter-wrapper {
  position: relative;
  display: flex;
}

.DS__ComplexFilterCanary__filter-wrapper .DS__ComplexFilterCanary__click-outside {
  position: absolute;
  top: 44px;
  right: 0;
  z-index: 10;
  width: -moz-fit-content;
  width: fit-content;
}

.DS__ComplexFilterCanary__scrollbar {
  position: relative;
  margin-right: 12px;
}

.DS__ComplexFilterCanary__filter-body {
  box-sizing: border-box;
  display: none;
  flex-direction: column;
  width: 100%;
  min-width: 352px;
  max-width: 352px;
  padding: 16px;
  background-color: #ffffff;
  border: 1px solid #d0d6e1;
  border-radius: 8px;
  box-shadow: 0px 0px 1px rgba(34, 42, 55, 0.15),
    0px 8px 16px rgba(34, 42, 55, 0.13);
}

.DS__ComplexFilterCanary__filter-body.DS__ComplexFilterCanary__opened {
  display: flex;
}

.DS__ActiveFilters__item {
  all: initial;
  font-family: var(--font-family);
}

.DS__ActiveFilters__item .DS__ActiveFilters__item:last-child {
  margin-right: 0;
}

.DS__ActiveFilters__item {
  display: flex;
  margin-right: 12px;
}

.DS__ActiveFilters__item:last-child {
  margin-right: 0;
}

.DS__FIeld__root {
  all: initial;
  font-family: var(--font-family);
}

.DS__FIeld__root {
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 24px;
}

.DS__FIeld__root .DS__FIeld__underline {
  position: absolute;
  right: 0;
  bottom: -3px;
  left: 0;
  display: block;
  height: 1px;
  background-color: #dde3ed;
  border-radius: 1px;
}

.DS__FIeld__root .DS__FIeld__underline.DS__FIeld__active {
  background-color: #97ba1e;
}

.DS__FIeld__root .DS__FIeld__field {
  height: 32px;
  padding-left: 12px;
}

.DS__FIeld__root :focus ~ .DS__FIeld__underline {
  background-color: #97ba1e;
}

.DS__Select__root,
.DS__Select__select,
.DS__Select__control,
.DS__Select__icon {
  all: initial;
  font-family: var(--font-family);
}

.DS__Select__root {
  position: relative;
  display: block;
}

.DS__Select__select {
  position: absolute;
  top: 35px;
  display: none;
  width: 100%;
}

.DS__Select__select.DS__Select__opened {
  display: block;
}

.DS__Select__select .DS__Select__select-body {
  position: relative;
  z-index: 1000;
  max-height: 178px;
  overflow-y: auto;
  background-color: #ffffff;
  border: 1px solid #d0d6e1;
  border-radius: 0px 0px 8px 8px;
  box-shadow: 0 8px 16px -4px rgba(34, 42, 55, 0.13);
}

.DS__Select__select .DS__Select__select-item {
  padding: 12px 15px;
  cursor: pointer;
}

.DS__Select__select .DS__Select__select-item:hover,
    .DS__Select__select .DS__Select__select-item:focus {
  background-color: #f6f8fc;
}

.DS__Select__control {
  width: 100%;
}

.DS__Select__icon {
  transition: transform 0.3s ease;
}

.DS__Select__icon.DS__Select__opened {
  transition: transform 0.3s ease;
  transform: rotate(180deg);
}

.DS__DatePick__root,
.DS__DatePick__picker,
.DS__DatePick__picker-body,
.DS__DatePick__datepicker-override,
.DS__DatePick__control {
  all: initial;
  font-family: var(--font-family);
}

.DS__DatePick__root {
  position: relative;
}

.DS__DatePick__picker {
  display: none;
}

.DS__DatePick__picker.DS__DatePick__opened {
  display: block;
}

.DS__DatePick__picker-body {
  position: absolute;
  top: 25px;
  z-index: 10;
  width: 100%;
  padding: 16px 0;
  background: #ffffff;
  border: 1px solid #d0d6e1;
  border-radius: 0px 0px 8px 8px;
  box-shadow: 0 8px 16px -4px rgba(34, 42, 55, 0.13);
}

.DS__DatePick__picker-body .DS__DatePick__picker-item {
  padding: 0 16px;
}

.DS__DatePick__datepicker-override {
  padding: 16px 0;
}

.DS__DatePick__control {
  width: 100%;
}

.DS__Slider__show_half .slick-list {
  padding: 0 20% 0 0 !important;
}

.slick-list {
  flex-grow: 1;
}

.DS__Arrow__root,
.DS__Arrow__inside {
  all: initial;
  font-family: var(--font-family);
}

.DS__Arrow__root {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  padding: 0;
  margin: 0;
  cursor: pointer;
  background-color: transparent;
  border: 0;
  border-radius: 50%;
}

.DS__Arrow__root:not(.DS__Arrow__inside).slick-prev {
  margin-right: 18px;
  transform: rotate(90deg);
}

.DS__Arrow__root:not(.DS__Arrow__inside).slick-next {
  margin-left: 18px;
  transform: rotate(-90deg);
}

.DS__Arrow__view_light {
  color: #505f79;
  background-color: #f1f3f8;
}

.DS__Arrow__view_light:focus:not(:active) {
  background-color: #eceff5;
  box-shadow: 0 2px 8px rgba(34, 42, 55, 0.15);
}

.DS__Arrow__view_light:hover {
  background-color: #dde3ed;
}

.DS__Arrow__view_light:active {
  background-color: #d0d6e1;
}

.DS__Arrow__view_light.slick-disabled {
  color: #d0d6e1;
  pointer-events: none;
  background-color: #f6f8fc;
}

.DS__Arrow__view_light.DS__Arrow__inverted {
  background-color: #ffffff;
}

.DS__Arrow__view_light.DS__Arrow__inverted:focus:not(:active) {
  background-color: #eceff5;
  box-shadow: 0 2px 8px rgba(34, 42, 55, 0.15);
}

.DS__Arrow__view_light.DS__Arrow__inverted:hover {
  background-color: #dde3ed;
}

.DS__Arrow__view_light.DS__Arrow__inverted:active {
  background-color: #d0d6e1;
}

.DS__Arrow__view_light.DS__Arrow__inverted.slick-disabled {
  color: #d0d6e1;
  pointer-events: none;
  background-color: rgba(255, 255, 255, 0.7);
}

.DS__Arrow__view_dark {
  color: #ffffff;
  background-color: rgba(34, 42, 55, 0.35);
}

.DS__Arrow__view_dark:focus:not(:active) {
  background-color: rgba(34, 42, 55, 0.35);
  box-shadow: 0 2px 8px rgba(34, 42, 55, 0.15);
}

.DS__Arrow__view_dark:hover {
  background-color: rgba(34, 42, 55, 0.5);
}

.DS__Arrow__view_dark:active {
  background-color: rgba(34, 42, 55, 0.6);
}

.DS__Arrow__view_dark.slick-disabled {
  color: rgba(255, 255, 255, 0.5);
  pointer-events: none;
  background-color: rgba(34, 42, 55, 0.2);
}

.DS__Arrow__view_dark.DS__Arrow__inverted {
  color: #ffffff;
  background-color: rgba(255, 255, 255, 0.15);
}

.DS__Arrow__view_dark.DS__Arrow__inverted:focus:not(:active) {
  background-color: rgba(255, 255, 255, 0.15);
  box-shadow: 0 2px 8px rgba(255, 255, 255, 0.15);
}

.DS__Arrow__view_dark.DS__Arrow__inverted:hover {
  background-color: rgba(255, 255, 255, 0.5);
}

.DS__Arrow__view_dark.DS__Arrow__inverted:active {
  background-color: rgba(255, 255, 255, 0.6);
}

.DS__Arrow__view_dark.DS__Arrow__inverted.slick-disabled {
  color: rgba(255, 255, 255, 0.15);
  pointer-events: none;
  background-color: rgba(255, 255, 255, 0.15);
}

.DS__Arrow__inside {
  position: absolute;
  top: 50%;
  z-index: 1;
}

.DS__Arrow__inside.slick-prev {
  left: 24px;
  transform: translateY(-50%) rotate(90deg);
}

.DS__Arrow__inside.slick-next {
  right: 24px;
  transform: translateY(-50%) rotate(-90deg);
}

.DS__Slide__root {
  all: initial;
  font-family: var(--font-family);
}

.DS__Slide__root {
  display: block;
  margin-right: 6px;
  margin-left: 6px;
  overflow: hidden;
  border-radius: 16px;
}

.DS__DotsPanel__root {
  all: initial;
  font-family: var(--font-family);
}

.DS__DotsPanel__root {
  position: absolute;
  bottom: 20px;
  display: flex;
  align-content: center;
  justify-content: center;
  width: 100%;
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  list-style: none;
}

.DS__DotsPanel__type_slider li:not(:last-child) {
  margin-right: 8px;
}

.DS__DotsPanel__type_dots li:not(:last-child) {
  margin-right: 10px;
}

.DS__Dot__root {
  all: initial;
  font-family: var(--font-family);
}

.DS__Dot__root {
  display: flex;
  flex-shrink: 0;
  padding: 0;
  cursor: pointer;
  background: rgba(255, 255, 255, 0.5);
  border: 0;
  border-radius: 4px;
  outline: none;
  transition: width 0.45s ease; /* DEFAULT_TRANSITION */
}

.DS__Dot__view_light {
  background: rgba(255, 255, 255, 0.5);
}

.DS__Dot__view_dark {
  background: rgba(34, 42, 55, 0.5);
}

.DS__Dot__type_slider {
  width: 6px;
  height: 6px;
}

.slick-active .DS__Dot__type_slider {
  width: 40px;
  height: 6px;
}

.DS__Dot__type_dots {
  width: 8px;
  height: 8px;
}

.slick-active .DS__Dot__fill {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 4px;
}

.slick-active .DS__Dot__view_light .DS__Dot__fill {
  background-color: #ffffff;
}

.slick-active .DS__Dot__view_dark .DS__Dot__fill {
  background-color: #222a37;
}

.DS__Dot__fill_animate {
  animation-name: DS__Dot__fillLine;
  animation-timing-function: linear;
}

@keyframes DS__Dot__fillLine {
  from {
    width: 0;
  }

  to {
    width: 100%;
  }
}

.DS__ComplexFilter__controls {
  position: relative;
  display: flex;
  justify-content: flex-end;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 355px;
  max-width: 100%;
}

.DS__ComplexFilter__controls .DS__ComplexFilter__active-filters {
  display: flex;
}

.DS__ComplexFilter__buttons {
  display: flex;
  justify-content: space-between;
}

.DS__ComplexFilter__buttons .DS__ComplexFilter__margin-button {
  margin-left: 12px;
}

.DS__ComplexFilter__filter-wrapper {
  position: relative;
  display: flex;
}

.DS__ComplexFilter__filter-wrapper .DS__ComplexFilter__click-outside {
  position: absolute;
  top: 44px;
  right: 0;
  z-index: 10;
  width: -moz-fit-content;
  width: fit-content;
}

.DS__ComplexFilter__scrollbar {
  position: relative;
  margin-right: 12px;
}

.DS__ComplexFilter__filter-body {
  box-sizing: border-box;
  display: none;
  flex-direction: column;
  width: 100%;
  min-width: 352px;
  max-width: 352px;
  padding: 16px;
  background-color: #ffffff;
  border: 1px solid #d0d6e1;
  border-radius: 8px;
  box-shadow: 0px 0px 1px rgba(34, 42, 55, 0.15),
    0px 8px 16px rgba(34, 42, 55, 0.13);
}

.DS__ComplexFilter__filter-body.DS__ComplexFilter__opened {
  display: flex;
}

.DS__ActiveFilters__root,
.DS__ActiveFilters__item {
  all: initial;
  font-family: var(--font-family);
}

.DS__ActiveFilters__root {
  display: flex;
}

.DS__ActiveFilters__item {
  display: flex;
  margin-right: 12px;
}

.DS__ActiveFilters__item:last-child {
  margin-right: 0;
}

.DS__FIeld__root {
  all: initial;
  font-family: var(--font-family);
}

.DS__FIeld__root {
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 24px;
}

.DS__FIeld__root .DS__FIeld__underline {
  position: absolute;
  right: 0;
  bottom: -3px;
  left: 0;
  display: block;
  height: 1px;
  background-color: #dde3ed;
  border-radius: 1px;
}

.DS__FIeld__root .DS__FIeld__underline.DS__FIeld__active {
  background-color: #97ba1e;
}

.DS__FIeld__root .DS__FIeld__field {
  height: 32px;
  padding-left: 12px;
}

.DS__FIeld__root :focus ~ .DS__FIeld__underline {
  background-color: #97ba1e;
}

.DS__Select__root,
.DS__Select__select,
.DS__Select__control,
.DS__Select__icon {
  all: initial;
  font-family: var(--font-family);
}

.DS__Select__root {
  position: relative;
  display: block;
}

.DS__Select__select {
  position: absolute;
  top: 35px;
  display: none;
  width: 100%;
}

.DS__Select__select.DS__Select__opened {
  display: block;
}

.DS__Select__select .DS__Select__select-body {
  position: relative;
  z-index: 1000;
  max-height: 178px;
  overflow-y: auto;
  background-color: #ffffff;
  border: 1px solid #d0d6e1;
  border-radius: 0px 0px 8px 8px;
  box-shadow: 0 8px 16px -4px rgba(34, 42, 55, 0.13);
}

.DS__Select__select .DS__Select__select-item {
  padding: 12px 15px;
  cursor: pointer;
}

.DS__Select__select .DS__Select__select-item:hover,
    .DS__Select__select .DS__Select__select-item:focus {
  background-color: #f6f8fc;
}

.DS__Select__control {
  width: 100%;
}

.DS__Select__icon {
  transition: transform 0.3s ease;
}

.DS__Select__icon.DS__Select__opened {
  transition: transform 0.3s ease;
  transform: rotate(180deg);
}

.DS__DatePick__root,
.DS__DatePick__picker,
.DS__DatePick__picker-body,
.DS__DatePick__datepicker-override,
.DS__DatePick__control {
  all: initial;
  font-family: var(--font-family);
}

.DS__DatePick__root {
  position: relative;
}

.DS__DatePick__picker {
  display: none;
}

.DS__DatePick__picker.DS__DatePick__opened {
  display: block;
}

.DS__DatePick__picker-body {
  position: absolute;
  top: 25px;
  z-index: 10;
  width: 100%;
  padding: 16px 0;
  background: #ffffff;
  border: 1px solid #d0d6e1;
  border-radius: 0px 0px 8px 8px;
  box-shadow: 0 8px 16px -4px rgba(34, 42, 55, 0.13);
}

.DS__DatePick__picker-body .DS__DatePick__picker-item {
  padding: 0 16px;
}

.DS__DatePick__datepicker-override {
  padding: 16px 0;
}

.DS__DatePick__control {
  width: 100%;
}

.item {
  background: var(--W100);
  border-left: 1px solid #DDE3ED;
  border-right: 1px solid #DDE3ED;
  min-height: 100px;
}

.item:first-of-type {
  border-top: 1px solid #DDE3ED;
  border-left: 1px solid #DDE3ED;
  border-right: 1px solid #DDE3ED;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}

.item:last-of-type {
  border-bottom: 1px solid #DDE3ED;
  border-left: 1px solid #DDE3ED;
  border-right: 1px solid #DDE3ED;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
}

.item:not(:last-of-type) .itemInnerAirway {
  border-bottom: 1px solid #DDE3ED;
}

.itemInnerAirway {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 22px 42px 22px;
}

.flightTimeTimetable__dots {
  width: 240px;
  height: 26px;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAN4AAAAaCAYAAADYHuIVAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABRSURBVHgB7coxDYAwAATAL8EIfhDBjh52NGAIKzggTdN2upsvAQAAAAAAAAAAAGCUct3Pmyw5j337i57n9XtrSR3P8+Y9AAAAAAAAAAAAANp9/URa5b0nFl0AAAAASUVORK5CYII=') repeat-x;
  border-radius: 50%;
  margin: 0 16px;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .flightTimeTimetable__dots {
    width: 240px;
  }
}

@media (max-width: 1024px) {
  .flightTimeTimetable__dots {
    width: 210px;
  }
}

@media (max-width: 767px) {
  .itemInnerAirway {
    padding: 22px 24px;
  }
}

@media (max-width: 414px) {
  .flightTimeTimetable__dots {
    width: calc(100vw - 205px);
  }
}
.containerCovid {
  background: var(--N20);
  padding: 0 0 100px;
}

.covid {
  margin: 0 auto;
  width: 100%;
  background-color: white;
  padding: 42px;
  border-radius: 20px;
}

.covid__flexItems {
  display: flex;
  justify-content: flex-start;
}

.covid__item {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  box-sizing: border-box;
  width: 100%;
  border-radius: 16px;
  padding: 34px 12px;
  text-align: center;
  font-size: 14px;
  line-height: 20px;
  color: var(--N900);
  background: var(--N20);
}

.covid__itemLevel_link {
  margin: 0 auto;
  font-size: 14px;
  line-height: 20px;
  color: var(--G600);
  font-weight: 600;
}

.covid__item-icon {
  margin-bottom: 12px;
}

.covid__item b {
  font-weight: 600;
}

.covid__itemLevel {
  width: 82px;
  height: 33px;
  border-radius: 20px;
  margin: 8px auto 4px;
}

.covid__itemText {
  padding-top: 20px;
  padding-bottom: 4px;
}

.covid__itemLevel--orange {
  background: linear-gradient(to right, #f2a900, #ef7d7e);
}

.covid__itemLevel--red {
  background: linear-gradient(to right, #f2a900, #ef7d7e);
}

.covid__itemLevel--red svg > path {
  fill: #f14d56;
}

.covid__itemLevel--green {
  background: linear-gradient(to right, #c4d600, #5bb784);
}

.covid__itemLevel--green svg > path {
  fill: #97ba1e;
}

.covid__itemLevelInfo {
  background-color: #fff;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 20px;
  width: 78px;
  height: 28px;
  margin-top: 2.5px;
  margin-bottom: 2.5px;
}

.covid__itemLevel span {
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
  margin-left: 8px;
}

@media (min-width: 1279px) {
  .covid {
    max-width: 1240px;
  }

  .covid_slider .slick-prev,
  .covid_slider .slick-next {
    display: none;
  }
}

/* @media (min-width: 1101px) and (max-width: 1280px) {
  .covid__flexItems {
    margin-left: 20px;
  }
} */

@media (min-width: 768px) {
  .covid__item {
    width: 190px;
    height: 190px;
  }
}

@media (max-width: 767px) {
  .containerCovid{
    padding: 24px 0 48px;
  }

  .covid {
    margin: 0 16px;
    padding: 24px;
    width: auto;
  }

  .covid__item {
    width: 166px;
    height: 153px;
    margin: 0 16px 0 0;
    padding: 21px 6px;
    font-size: 12px;
    line-height: 20px;
  }

  .scrollCovid{
    justify-content: flex-start;
  }
}

/* stylelint-disable-next-line selector-pseudo-class-no-unknown */

@media (max-width: 767px) {
  .covid_slider .slick-list {
    padding: 0!important;
  }
}

/*!* stylelint-disable-next-line selector-pseudo-class-no-unknown *!*/

.covid_slider .slick-track {
  overflow-y: hidden;
  height: 190px;
}

/* stylelint-disable-next-line selector-pseudo-class-no-unknown */

.covid_slider .slick-prev {
  display: none;
  left: -40px;
  filter: drop-shadow(0 0 4px rgba(34, 42, 55, 0.04)) drop-shadow(0 4px 12px rgba(34, 42, 55, 0.04));
}

/* stylelint-disable-next-line selector-pseudo-class-no-unknown */

.covid_slider .slick-next {
  display: none;
  right: -40px;
  filter: drop-shadow(0 0 4px rgba(34, 42, 55, 0.04)) drop-shadow(0 4px 12px rgba(34, 42, 55, 0.04));
}

/*!* stylelint-disable-next-line selector-pseudo-class-no-unknown *!*/

.covid_slider .slick-slide > div > div {
  overflow: auto;
  margin-right: 0;
  margin-left: 0;
  border-radius: 0;
}

.scrollCovid {
  justify-content: space-around;
}

.scrollCovid::-webkit-scrollbar {
  width: 0;
}

@media (min-width: 768px) {
  .containerCovid{
    margin: 0 auto;
    padding: 0 42px 48px;
  }

  .covid {
    max-width: 664px;
  }

  .covid__item{
    margin-right: 20px;
  }

  .scrollCovid{
    justify-content: flex-start;
  }
}

@media (min-width: 1025px) {
  .covid {
    max-width: 1008px;
  }

  .covid__item{
    margin-right: 20px;
  }

  .scrollCovid {
    justify-content: flex-start;
    padding: 0;
  }
}

@media (min-width: 1280px) {
  .covid {
    max-width: 1242px;
  }

  .scrollCovid {
    justify-content: space-around;
  }

  .covid__item{
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .scrollCovid{
    justify-content: flex-start;
    padding: 0;
  }
}

@media (min-width: 1025px) {
  .containerCovid{
    padding: 0 0 60px;
  }
}
.p {
  font-size: 14px;
  line-height: 20px;
  color: var(--N80);
  margin-bottom: 12px;
}
.nearestFlight_container {
  max-width: 1240px;
  margin: 0 auto;
}

@media (max-width: 1280px) {
  .nearestFlight_container {
    max-width: 1007px;
  }
}

@media (max-width: 1024px) {
  .nearestFlight_container {
    max-width: 665px;
  }
}

@media (max-width: 767px) {
  .nearestFlight_container {
    max-width: 100%;
    padding: 0 16px;
  }
}

.blockRoutes {
  margin: 100px 0;
}

.blockBackRoutes {
  background: var(--N20);
  padding: 100px 0;
  margin-bottom: 100px;
}

.blockHeader {
  margin-bottom: 12px;
}

.blockSubHeader {
  margin-bottom: 24px;
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
  color: var(--N300);
}

.blockText {
  max-width: 600px;
  margin-bottom: 42px;
}

.timetableWrap {
  display: flex;
  flex-wrap: wrap;
}

.timetable {
  width: calc(50% - 10px);
  margin-top: 26px;
}

.timetableComplex {
  width: 100%;
  margin-top: 28px;
}

.timetableHeader {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  min-height: 40px;
}

.timetableHeader__date {
  display: flex;
  flex-direction: row;
}

.timetableHeader__dateDay {
  font-size: 32px;
  line-height: 32px;
  font-weight: 600;
  color: var(--N80);
  margin-right: 8px;
}

.timetableHeader__dateWeekDay {
  font-size: 14px;
  line-height: 14px;
  color: var(--N80);
}

.timetableHeader__dateMonth {
  font-size: 16px;
  line-height: 16px;
  font-weight: 600;
  color: var(--N80);
}

.timetableHeader__counts {
  font-size: 16px;
  line-height: 24px;
  color: var(--N60);
}

.timetableHeader__info {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.timetableShowMore {
  margin-top: 40px;
  height: 60px;
}

.timetableShowMore button {
  width: 100%;
  height: 60px;
}

.timetableShowMore button span {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
}

.timetableShowMore__btn {
  width: 100%;
  height: 100%;
}

.items {
  max-width: 100%;
  margin-top: 36px;
}

.item {
  background: var(--W100);
  border-left: 1px solid #DDE3ED;
  border-right: 1px solid #DDE3ED;
  min-height: 100px;
}

.item:first-of-type {
  border-top: 1px solid #DDE3ED;
  border-left: 1px solid #DDE3ED;
  border-right: 1px solid #DDE3ED;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}

.item:last-of-type {
  border-bottom: 1px solid #DDE3ED;
  border-left: 1px solid #DDE3ED;
  border-right: 1px solid #DDE3ED;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
}

.item:not(:last-of-type) .itemInner {
  border-bottom: 1px solid #DDE3ED;
}

.itemInner {
  display: flex;
  padding: 22px 42px 22px;
}

.item__textMain {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
  color: var(--N80);
}

.item__textSub {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  color: var(--N80);
}

.date__text {
  font-size: 32px;
  line-height: 40px;
  font-weight: 600;
  color: var(--N900);
}

.date__city {
  font-size: 14px;
  line-height: 20px;
  color: var(--N80);
  margin-top: -7px;
}

.item__price {
}

.price__old {
  position: relative;
  display: inline-block;
  font-size: 14px;
  line-height: 20px;
  color: var(--N100);
}

.price__old:after {
  position: absolute;
  content: '';
  background: red;
  width: 100%;
  height: 1px;
  left: 0;
  top: 50%;
}

.price__cur {
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
  color: var(--N900);
}

.item__price {
  margin-left: 20px;
  margin-right: 20px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  color: var(--N80);
}

.item__btn button {
  width: 137px;
}

.item__btn__svg {
  background: var(--G600);
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
}

.item__btn__svg path {
  fill: var(--W100);
}

.flightTime {
  max-width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.item__flightInfo {
  min-width: 140px;
}

.flightInfo__aero {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  color: var(--N80);
}

.flightInfo__flight {
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
  color: var(--N900);
}

.flightInfo__flight a {
  color: inherit;
}

.flightTime__departure {
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
  color: var(--N500);
}

.flightTime__dots {
  width: 160px;
  height: 26px;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAN4AAAAaCAYAAADYHuIVAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABRSURBVHgB7coxDYAwAATAL8EIfhDBjh52NGAIKzggTdN2upsvAQAAAAAAAAAAAGCUct3Pmyw5j337i57n9XtrSR3P8+Y9AAAAAAAAAAAAANp9/URa5b0nFl0AAAAASUVORK5CYII=') repeat-x;
  border-radius: 50%;
  margin: 0 16px;
}

.flightTime__arrival {
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
  color: var(--N500);
}

.flightTime__oneMoreDay {
  max-width: 100%;
  font-size: 12px;
  line-height: 12px;
  color: var(--N100);
  display: flex;
  align-items: center;
  justify-content: end;
}

.cities {
  font-size: 12px;
  line-height: 16px;
  color: var(--N100);
  display: flex;
  justify-content: space-between;
}

.cities__departure {
}

.cities__arrival {
}

.linkAfterTimetable {
  margin-top: 42px;
}

.linkAfterTimetable a {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--G600);
}

.linkAfterTimetable__svg {
  margin-left: 6px;
  position: relative;
  top: 3px;
  display: inline-block;
}

.linkAfterTimetable__mobile {
  display: grid;
  grid-auto-flow: column;
  -moz-column-gap: 12px;
       column-gap: 12px;
  align-items: center;
}

.linkAfterTimetable__mobileIcon {
  margin-top: 4px;
}

.textAfterTimetable {
  margin-top: 50px;
  display: flex;
  flex-direction: row;
}

.textAfterTimetableLeft {
  flex: 1;
  margin-right: 24px;
}

.textAfterTimetableRight {
  flex: 1;
}

.arrowRight {
  width: 16px;
  height: 16px;
}

@media (min-width: 1281px) {
  .item__flightTime {
    width: 300px;
  }
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .flightTime__dots {
    width: 48px;
  }

  .item__flightTime {
    min-width: 185px;
  }
}

@media (min-width: 1025px) {
  .timetable {
    margin-right: 20px;
  }

  .timetable:nth-of-type(2n) {
    margin-right: 0;
  }
}

@media (max-width: 1024px) {
  .timetable {
    width: 100%;
  }

  .flightTime__dots {
    width: 210px;
  }
}

@media (max-width: 767px) {
  .blockSubHeader {
    margin-bottom: 16px;
    font-size: 16px;
    line-height: 22px;
  }

  .blockText {
    max-width: 100%;
    margin-bottom: 24px;
  }

  .timetableHeader {
    flex-direction: column;
    align-items: flex-start;
  }

  .timetableHeader__date {
    margin-bottom: 28px;
  }

  .timetableHeader__info {
    flex-direction: row-reverse;
  }

  .timetableShowMore {
    max-width: 385px;
    height: 40px;
    margin: 24px auto 0;
  }

  .timetableShowMore button {
    width: 100%;
    height: 40px;
  }

  .timetableShowMore button span {
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
  }

  .items {
    max-width: 100%;
    margin-top: 24px;
  }

  .itemInner:not(.itemInner__noFlights) {
    flex-direction: column;
    align-items: stretch;
    padding: 22px 24px 24px 24px;
  }

  .itemInner__noFlights {
    flex-direction: column-reverse;
    align-items: flex-start;
    padding: 22px 24px 24px 24px;
  }

  .itemInner__noFlights > div:last-of-type {
    margin-bottom: 12px;
  }

  .item__flightInfo {
    display: none;
  }

  .item__date {
    margin-bottom: 18px;
  }

  .date__city {
    margin-top: 0;
    font-size: 12px;
    line-height: 16px;
    color: var(--N80);
  }

  .blockRoutes {
    margin: 42px 0;
  }

  .blockBackRoutes {
    padding: 42px 0;
  }

  .timetable {
    max-width: 385px;
    margin: 32px auto 0;
  }

  .timetableComplex {
    max-width: 385px;
    margin: 28px auto 0;
  }

  .linkAfterTimetable {
    margin-top: 16px;
  }

  .blockBackRoutes {
    margin-bottom: 42px;
  }

  .textAfterTimetable {
    margin-top: 24px;
    flex-direction: column;
  }

  .textAfterTimetableLeft {
    margin-right: 0;
  }
}

@media (max-width: 414px) {
  .timetable {
    max-width: 100%;
    margin: 32px auto 0;
  }

  .timetableComplex {
    max-width: 100%;
    margin: 28px auto 0;
  }

  .timetableShowMore {
    height: 40px;
    margin: 24px auto 0;
  }

  .flightTime__dots {
    width: calc(100vw - 205px);
  }
}
.subscription-loader-bg {
  display: flex;
  align-items: center;
  justify-content: center;
  top: -6px;
  left: -6px;
  width: calc(100% + 12px);
  height: calc(100% + 12px);
}

.subscription-loader-bg-overlay {
  background-color: white;
  height: 100%;
  left: 0;
  opacity: .9;
  filter: alpha(opacity=90);
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 101;
  font-size: 1px;
  line-height: 1px;
  text-indent: -9999px
}

.subscription-loader-circle {
  position: absolute;
  top: calc(50% - 16px);
  z-index: 102;
}

.subscription-form-status {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  background: white;
  padding: 16px 0;
  animation: fadeIn .35s ease-in 1;
  border-radius: 6px;
}

.subscription-form-status-error-link {
  cursor: pointer;
}

.subscription-form-status svg {
  width: 24px;
  height: 20px;
  margin: 0 10px;
}

.subscription-form-status-error-svg {
  width: 34px;
}

.subscription-form-status-error-svg path {
  color: #D22630;
}

.subscription-form-status span {
  font-size: 16px;
  line-height: 1.5;
  color: #222a37;
  font-weight: 600;
  margin: 0 10px 0 0;
}

.subscription-form-status a {
  color: #222a37;
  border-bottom: 1px dotted #222a37;
  text-decoration: none;
  transition: border-bottom-color .3s ease-in-out;
}

.subscription-form-status.success {
  background-color: white;
}

.subscription-form-status.error {
  background-color: white;
}

@media screen and (max-width: 767px) {
  .subscription-form-status svg {
    width: 48px;
  }

  .subscription-form-status-error-svg  svg{
    width: 24px;
  }
}

/*TO DO  HOT fix - remove later and fix it*/

.with-button-holder .DS__CssUtils__color_R600{
  color: #f14d56 !important;
}

.with-button-holder .DS__CssUtils__color_N100 {
  color: #7a869a !important;
}

.with-button-holder .DS__FieldInput__theme_b2c:not(.DS__FieldInput__invalid) .DS__FieldInput__input:focus + .DS__FieldInput__label{
  color: #97ba1e !important;
}

.with-button-holder .DS__Button__root {
  padding: 0 60px;
}
.notification_root {
  max-width: 664px;
  margin: 60px auto 80px;
}

.notification_root p {
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
}

.notification_root > div {
  margin-bottom: 24px;
}

.success a,
.info a {
  display: inline;
  padding: 2px 0 2px 0;
  font-weight: 600;
  text-decoration: none;
  color: var(--G600);
}

.success a:hover,
.info a:hover {
  color: var(--G800);
}

.warning a {
  display: inline;
  padding: 2px 0 2px 0;
  font-weight: 600;
  text-decoration: none;
  color: var(--B600);
}

.warning a:hover {
  color: var(--B800);
}

@media (max-width: 767px) {
  .notification_root {
    margin: 32px auto 24px;
    padding: 0 16px;
  }
}
.weather {
  margin-bottom: 100px;
  background: var(--N20);
  border-radius: 16px;
  padding: 48px 100px;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
}

.weather_header_without_subtitle{
  margin-bottom: 42px;
}

.weather__today {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  width: 230px;
  height: 160px;
  border-right: 1px solid var(--N60);
}

.weather__todayCity {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  text-align: right;
  padding-top: 12px;
  padding-bottom: 12px;
}

.weather__todayIcon {
  width: 60px;
  height: 60px;
  position: relative;
}

.weather__todayIcon svg {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}

.weather__todayTop {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}

.weather__todayTemperature {
  font-size: 44px;
  line-height: 52px;
  color: var(--N900);
  margin-right: 24px;
}

.weather__todayDescription {
  max-width: 200px;
  margin-top: 20px;
}

.weather__days {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  max-width: 600px;
  margin: auto;
}

.weather__day {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  line-height: 24px;
  color: var(--N900);
  width: 64px;
}

.day__dayWeek {
  font-weight: 600;
}

.day__icon {
  height: 60px;
  display: flex;
  align-items: center;
}

.day__temperatures {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.day__temperaturesDay {
  width: 32px;
  text-align: center;
}

.day__temperaturesNight {
  width: 32px;
  color: var(--N100);
  text-align: center;
}

.weather_additionaltext{
  width: 50%;
}

@media (min-width: 1025px) and (max-width: 1279px) {
  .weather {
    max-width: 1009px;
  }

  .weather__days {
    padding: 0 70px;
  }
}

@media (min-width: 1025px) {
  .weather__day:first-of-type {
    display: none;
  }
}

@media (max-width: 1024px) {
  .weather__today {
    display: none;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .weather {
    max-width: 664px;
  }
}

@media (max-width: 767px) {
  .weather {
    margin-bottom: 0;
    padding: 20px 16px;
    border-radius: 0;
  }

  .day__temperatures {
    flex-direction: column;
  }

  .weather_header_without_subtitle{
    margin-bottom: 24px;
  }

  .weather_additionaltext{
    width: 100%;
  }
}
.container {
  max-width: 1240px;
  margin: 0 auto;
  padding: 0;
}

@media (max-width: 1280px) {
  .container {
    max-width: 1007px;
  }
}

@media (min-width: 1025px) and (max-width: 1280px) {
  .container {
    padding: 0;
  }
}

@media (max-width: 1024px) {
  .container {
    max-width: 665px;
  }
}

@media (max-width: 767px) {
  .container {
    max-width: 100%;
  }
}
/* stylelint-disable rule-empty-line-before */

/* stylelint-disable indentation */

.collapsible {
  margin: 80px auto;
}

.collapsible .Collapsible {
  border: 1px solid var(--N50);
  border-radius: 12px;
  overflow: hidden;
  color: var(--N900);
  & + .Collapsible {
    margin-top: 8px;
  }
  &:hover {
    background-color: var(--W100);
    box-shadow: 0 0 1px 0 rgba(16, 17, 18, 0.15),
      0 8px 16px -4px rgba(16, 17, 18, 0.15);
  }
}

.collapsible .Collapsible__trigger {
  display: block;
  padding: 24px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  background: var(--W100);
  transition: background-color 0.3s 0.02s;
  cursor: pointer;
  .title {
    position: relative;
    &-text {
      padding-right: 36px;
      font-weight: 600;
      @media (max-width: 767px) {
        line-height: 20px;
      }
    }
  }
  .arrow {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -10px;
    width: 20px;
    height: 20px;
    fill: var(--N900);
    transition: transform 0.3s 0.02s;
    transform: rotate(0);
    svg{
      width: 20px;
      height: 20px;
    }
  }
}

.collapsible .Collapsible__contentOuter {
  border: none;
}

.collapsible .Collapsible__contentInner {
  margin: 0;
  padding: 0 24px 28px;
  background-color: var(--W100);
  transition: background-color 0.3s 0.02s;
  font-size: 14px;
  line-height: 24px;
  @media (max-width: 767px) {
    padding: 0 20px 24px;

    font-size: 14px;

    line-height: 20px;
  }
}

.collapsible .Collapsible__trigger {
  &:hover {
    background-color: var(--W100);
    box-shadow: 0 0 0 1px rgba(63,63,68,0.05), 0 1px 3px 0 rgba(63,63,68,0.15);
    & + .is-closed .Collapsible__contentOuter .Collapsible__contentInner {
      background-color: var(--W100);
      box-shadow: 0 0 0 1px rgba(63, 63, 68, 0.05),
        0 1px 3px 0 rgba(63, 63, 68, 0.15);
    }
  }
  &.is-open {
    .arrow {
      transform: rotate(-180deg);
    }
    & + .Collapsible__contentOuter .Collapsible__contentInner {
      background-color: var(--W100);
      box-shadow: none;
    }
    &:hover {
      border: none;
      box-shadow: none;
    }
  }
}

@media screen and (max-width: 720px) {
  .collapsible {
    margin: 40px 16px;
  }

  .collapsible .Collapsible__trigger {
    padding: 16px;
    font-size: 14px;
  }
}
html,
body {
  margin: 0;
  padding: 0;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif !important;
}

/* Box sizing rules */

*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Remove default margin */

body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd {
  margin: 0;
}

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */

ul[role="list"],
ol[role="list"] {
  list-style: none;
}

/* Set core root defaults */

html:focus-within {
  scroll-behavior: smooth;
}

/* Set core body defaults */

body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}

/* A elements that don't have a class get default styles */

a:not([class]) {
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
}

a {
  text-decoration: none;
  color: inherit;
}

/* Make images easier to work with */

img,
picture {
  max-width: 100%;
  display: block;
}

/* Inherit fonts for inputs and buttons */

input,
button,
textarea,
select {
  font: inherit;
  font-family: inherit;
}

/* Remove all animations and transitions for people that prefer not to see them */

@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto;
  }

  *,
	*::before,
	*::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

:root {
  /* green */
  --G900: #547012;
  --G800: #81A11A;
  --G600: #97BA1E;
  --G200: #D4E3AC;
  --G50: #F4F9E6;
  /* red */
  --R900: #912E34;
  --R800: #C13E45;
  --R600: #F14D56;
  --R200: #F7949A;
  --R50: #FEEDEE;
  /* turquoise */
  --T900: #075C68;
  --T800: #0B7483;
  --T600: #00A4BA;
  --T200: #8CE3EA;
  --T50: #E8F9FB;
  /* blue */
  --B900: #19468D;
  --B800: #395CB1;
  --B600: #577EDC;
  --B200: #AABFFC;
  --B50: #EBF1FF;
  /* orange */
  --O900: #965817;
  --O800: #C87520;
  --O600: #FF991F;
  --O200: #FCD3A9;
  --O50: #FFF4E9;
  /* neutrals */
  --N900: #222A37;
  --N500: #27344B;
  --N300: #505F79;
  --N100: #7A869A;
  --N80: #95A0B3;
  --N60: #D0D6E1;
  --N50: #DDE3ED;
  --N40: #ECEFF5;
  --N30: #F1F3F8;
  --N20: #F6F8FC;
  /* white */
  --W100: #FFFFFF;
}

/* Global project styles */

.h1 {
  font-size: 44px;
  line-height: 52px;
  font-weight: 600;
}

.h2 {
  font-size: 32px;
  line-height: 40px;
  font-weight: 600;
  color: var(--N900);
}

.h3 {
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
  color: var(--N300);
}

.h4 {
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
  color: var(--N300);
}

.p {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  color: var(--N80);
}

@media (max-width: 767px) {
  .h1 {
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
  }

  .h2 {
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
    color: var(--N900);
  }

  .h3 {
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    color: var(--N300);
  }

  .h4 {
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    color: var(--N300);
  }
}

.flight-gridContainer {
  -moz-column-width: 172px;
       column-width: 172px;
  max-width: 1030px;
}

@media (max-width: 767px) {
  .flight-gridContainer {
    -moz-column-width: 136px;
         column-width: 136px;
  }
}

@media (max-width: 767px) {
  #widget form div {
    font-size: 16px !important;
  }
}

.left40 {
  left: 40%;
}

.flight-hero-img {
  -o-object-position: 0 25%;
     object-position: 0 25%;
}

button, span {
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif !important;
}
.hero_text {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  right: 0;
  bottom: 144px;
  max-width: 1200px;
  margin: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  z-index: 3;
}

.hero_h1 {
  color: #ffffff;
}

.hero_subHeader {
  margin-top: 8px;
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
  color: #ffffff;
}

.hero_wrapper {
  position: relative;
  width: 100%;
  max-width: 1920px;
  height: 525px;
  background: #f0eaea;
  margin: auto;
  z-index: 0;
}

.hero_wrapper:not(.wrapper_withPicture) {
  border-radius: 0 0 42px 42px;
  overflow: hidden;
}

.hero_wrapper_withPicture:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
  z-index: 1;
}

.hero_wrapper:after {
  position: absolute;
  content: '';
  bottom: 0;
  left: 0;
  width: 100%;
  height: 144px;
  background: rgba(255, 255, 255, 0.2);
  -webkit-backdrop-filter: blur(60px);
          backdrop-filter: blur(60px);
  z-index: 2;
}

.hero_botWrapper {
  max-width: 1240px;
  margin: auto;
  position: absolute;
  bottom: 44px;
  left: 0;
  right: 0;
}

.hero_botWrapper i, .hero_botWrapper svg {
  box-sizing: initial;
  display: inline;
}

.hero_img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}

@media (min-width: 1040px) {
  .hero_text {
    max-width: 1007px;
  }

  .hero_botWrapper {
    max-width: 1007px;
    z-index: 2;
  }
}

@media (min-width: 1280px) {
  .hero_botWrapper {
    max-width: 1240px;
    z-index: 2;
  }
}

@media (min-width: 768px) and (max-width: 1039px) {
  .hero_text {
    max-width: 664px;
  }

  .hero_botWrapper {
    max-width: 664px;
  }

  .hero_wrapper:after {
    height: 225px;
  }
}

@media (max-width: 767px) {
  .hero_text {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    max-width: 100%;
    margin: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 3;
  }

  .hero_h1,
    .hero_subHeader {
    padding: 0 16px;
  }

  .hero_subHeader {
    margin-top: 16px;
    font-size: 12px;
    line-height: 16px;
  }

  .hero_wrapper {
    position: relative;
    width: 100%;
    max-width: 100%;
    height: 256px;
    margin: auto;
  }

  .hero_wrapper:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
  }

  .hero_wrapper:after {
    display: none;
  }

  .hero_botWrapper {
    max-width: 624px;
    margin-top: -44px;
    bottom: 0;
    position: relative;
    height: auto;
  }

  .hero_botWrapper form {
    background: var(--W100);
    border-radius: 16px;
    padding: 2px 16px 16px;
  }
}
/* ./styles/globals.css */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

/**
 * Manually forked from SUIT CSS Base: https://github.com/suitcss/base
 * A thin layer on top of normalize.css that provides a starting point more
 * suitable for web applications.
 */

/**
 * Removes the default spacing and border for appropriate elements.
 */

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

button {
  background-color: transparent;
  background-image: none;
}

/**
 * Work around a Firefox/IE bug where the transparent `button` background
 * results in a loss of the default `button` focus styles.
 */

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

fieldset {
  margin: 0;
  padding: 0;
}

ol,
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/**
 * Tailwind custom reset styles
 */

/**
 * 1. Use the user's configured `sans` font-family (with Tailwind's default
 *    sans-serif font stack as a fallback) as a sane default.
 * 2. Use Tailwind's default "normal" line-height so the user isn't forced
 *    to override it to ensure consistency even when using the default theme.
 */

html {
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; /* 1 */
  line-height: 1.5; /* 2 */
}

/**
 * 1. Prevent padding and border from affecting element width.
 *
 *    We used to set this in the html element and inherit from
 *    the parent element for everything else. This caused issues
 *    in shadow-dom-enhanced elements like <details> where the content
 *    is wrapped by a div with box-sizing set to `content-box`.
 *
 *    https://github.com/mozdevs/cssremedy/issues/4
 *
 *
 * 2. Allow adding a border to an element by just adding a border-width.
 *
 *    By default, the way the browser specifies that an element should have no
 *    border is by setting it's border-style to `none` in the user-agent
 *    stylesheet.
 *
 *    In order to easily add borders to elements by just setting the `border-width`
 *    property, we change the default border-style for all elements to `solid`, and
 *    use border-width to hide them instead. This way our `border` utilities only
 *    need to set the `border-width` property instead of the entire `border`
 *    shorthand, making our border utilities much more straightforward to compose.
 *
 *    https://github.com/tailwindcss/tailwindcss/pull/116
 */

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e0e0e0; /* 2 */
}

/*
 * Ensure horizontal rules are visible by default
 */

hr {
  border-top-width: 1px;
}

/**
 * Undo the `border-style: none` reset that Normalize applies to images so that
 * our `border-{width}` utilities have the expected effect.
 *
 * The Normalize reset is unnecessary for us since we default the border-width
 * to 0 on all elements.
 *
 * https://github.com/tailwindcss/tailwindcss/issues/362
 */

img {
  border-style: solid;
}

textarea {
  resize: vertical;
}

input::-moz-placeholder, textarea::-moz-placeholder {
  color: #a0aec0;
}

input::placeholder,
textarea::placeholder {
  color: #a0aec0;
}

button,
[role="button"] {
  cursor: pointer;
}

table {
  border-collapse: collapse;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/**
 * Reset links to optimize for opt-in styling instead of
 * opt-out.
 */

a {
  color: inherit;
  text-decoration: inherit;
}

/**
 * Reset form element properties that are easy to forget to
 * style explicitly so you don't inadvertently introduce
 * styles that deviate from your design system. These styles
 * supplement a partial reset that is already applied by
 * normalize.css.
 */

button,
input,
optgroup,
select,
textarea {
  padding: 0;
  line-height: inherit;
  color: inherit;
}

/**
 * Use the configured 'mono' font family for elements that
 * are expected to be rendered with a monospace font, falling
 * back to the system monospace stack if there is no configured
 * 'mono' font family.
 */

pre,
code,
kbd,
samp {
  font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

/**
 * Make replaced elements `display: block` by default as that's
 * the behavior you want almost all of the time. Inspired by
 * CSS Remedy, with `svg` added as well.
 *
 * https://github.com/mozdevs/cssremedy/issues/14
 */

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  vertical-align: middle;
}

/**
 * Constrain images and videos to the parent width and preserve
 * their instrinsic aspect ratio.
 *
 * https://github.com/mozdevs/cssremedy/issues/14
 */

img,
video {
  max-width: 100%;
  height: auto;
}

.text-h1 {
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 32px;
  line-height: 2.5rem;
  font-weight: 600;
}

@media (min-width: 768px) {
  .text-h1 {
    font-size: 44px;
    line-height: 3.25rem;
  }
}

.text-h5 {
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 16px;
  line-height: 1.375;
  font-weight: 600;
}

.text-regular-16 {
  font-size: 16px;
  line-height: 1.5rem;
  letter-spacing: .02em;
  font-weight: 400;
}

.text-regular-14 {
  font-size: 14px;
  line-height: 1.25rem;
  letter-spacing: .02em;
  font-weight: 400;
}

.text-regular-12 {
  font-size: 12px;
  line-height: 1rem;
  letter-spacing: .02em;
  font-weight: 400;
}

.text-bold-28 {
  font-size: 28px;
  line-height: 2.25rem;
  letter-spacing: 0;
  font-weight: 600;
}

.text-bold-24 {
  font-size: 24px;
  line-height: 2rem;
  letter-spacing: 0;
  font-weight: 600;
}

.text-bold-20 {
  font-size: 20px;
  line-height: 1.5;
  letter-spacing: .01em;
  font-weight: 600;
}

.text-bold-16 {
  font-size: 16px;
  line-height: 1.5rem;
  letter-spacing: .01em;
  font-weight: 600;
}

h1 {
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 32px;
  line-height: 2.5rem;
  font-weight: 600;
}

@media (min-width: 768px) {
  h1 {
    font-size: 44px;
    line-height: 3.25rem;
  }
}

h2 {
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 28px;
  line-height: 2.25rem;
  font-weight: 600;
}

@media (min-width: 768px) {
  h2 {
    font-size: 32px;
    line-height: 2.5rem;
  }
}

h3 {
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 24px;
  line-height: 2rem;
  font-weight: 600;
}

h4 {
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 20px;
  line-height: 1.75rem;
  font-weight: 600;
}

h5 {
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 16px;
  line-height: 1.375;
  font-weight: 600;
}

.space-y-1 > :not(template) ~ :not(template){
  --space-y-reverse: 0;
  margin-top: calc(0.25rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(0.25rem * var(--space-y-reverse));
}

.space-y-2 > :not(template) ~ :not(template){
  --space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--space-y-reverse));
}

.space-x-2 > :not(template) ~ :not(template){
  --space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--space-x-reverse)));
}

.space-x-3 > :not(template) ~ :not(template){
  --space-x-reverse: 0;
  margin-right: calc(0.75rem * var(--space-x-reverse));
  margin-left: calc(0.75rem * calc(1 - var(--space-x-reverse)));
}

.space-y-5 > :not(template) ~ :not(template){
  --space-y-reverse: 0;
  margin-top: calc(1.25rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(1.25rem * var(--space-y-reverse));
}

.space-y-8 > :not(template) ~ :not(template){
  --space-y-reverse: 0;
  margin-top: calc(2rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(2rem * var(--space-y-reverse));
}

.bg-white{
  --bg-opacity: 1;
  background-color: #FFFFFF;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
}

.bg-n-20{
  --bg-opacity: 1;
  background-color: #F6F8FC;
  background-color: rgba(246, 248, 252, var(--bg-opacity));
}

.bg-n-40{
  --bg-opacity: 1;
  background-color: #ECEFF5;
  background-color: rgba(236, 239, 245, var(--bg-opacity));
}

.bg-n-60{
  --bg-opacity: 1;
  background-color: #D0D6E1;
  background-color: rgba(208, 214, 225, var(--bg-opacity));
}

.bg-r-200{
  --bg-opacity: 1;
  background-color: #F7949A;
  background-color: rgba(247, 148, 154, var(--bg-opacity));
}

.bg-b-200{
  --bg-opacity: 1;
  background-color: #AABFFC;
  background-color: rgba(170, 191, 252, var(--bg-opacity));
}

.bg-v-600{
  --bg-opacity: 1;
  background-color: #7E57C2;
  background-color: rgba(126, 87, 194, var(--bg-opacity));
}

@media (hover: hover){
  .hover\:bg-n-20:hover{
    --bg-opacity: 1;
    background-color: #F6F8FC;
    background-color: rgba(246, 248, 252, var(--bg-opacity));
  }

  .hover\:bg-n-50:hover{
    --bg-opacity: 1;
    background-color: #DDE3ED;
    background-color: rgba(221, 227, 237, var(--bg-opacity));
  }
}

.bg-no-repeat{
  background-repeat: no-repeat;
}

.border-n-50{
  --border-opacity: 1;
  border-color: #DDE3ED;
  border-color: rgba(221, 227, 237, var(--border-opacity));
}

.rounded-5{
  border-radius: 1.25rem;
}

.rounded-lg{
  border-radius: 0.5rem;
}

.rounded-xl{
  border-radius: 0.75rem;
}

.rounded-2xl{
  border-radius: 1rem;
}

.rounded-t-2xl{
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
}

.first\:rounded-t-2xl:first-child{
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
}

.last\:rounded-b-2xl:last-child{
  border-bottom-right-radius: 1rem;
  border-bottom-left-radius: 1rem;
}

.border-solid{
  border-style: solid;
}

.border{
  border-width: 1px;
}

.border-b{
  border-bottom-width: 1px;
}

.last\:border-b-0:last-child{
  border-bottom-width: 0;
}

.block{
  display: block;
}

.inline{
  display: inline;
}

.flex{
  display: flex;
}

.hidden{
  display: none;
}

.flex-row{
  flex-direction: row;
}

.flex-col{
  flex-direction: column;
}

.flex-wrap{
  flex-wrap: wrap;
}

.items-start{
  align-items: flex-start;
}

.items-center{
  align-items: center;
}

.items-stretch{
  align-items: stretch;
}

.justify-start{
  justify-content: flex-start;
}

.justify-end{
  justify-content: flex-end;
}

.justify-center{
  justify-content: center;
}

.justify-between{
  justify-content: space-between;
}

.flex-1{
  flex: 1 1 0%;
}

.flex-shrink-0{
  flex-shrink: 0;
}

.font-semibold{
  font-weight: 600;
}

.h-10{
  height: 2.5rem;
}

.h-14{
  height: 3.5rem;
}

.h-45{
  height: 11.25rem;
}

.h-120{
  height: 30rem;
}

.h-auto{
  height: auto;
}

.h-full{
  height: 100%;
}

.text-12{
  font-size: 12px;
}

.text-24{
  font-size: 24px;
}

.leading-3{
  line-height: .75rem;
}

.leading-6{
  line-height: 1.5rem;
}

.leading-7{
  line-height: 1.75rem;
}

.leading-8{
  line-height: 2rem;
}

.list-none{
  list-style-type: none;
}

.m-0{
  margin: 0;
}

.my-4{
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.mx-4{
  margin-left: 1rem;
  margin-right: 1rem;
}

.my-6{
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.my-10{
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}

.my-15{
  margin-top: 3.75rem;
  margin-bottom: 3.75rem;
}

.mx-auto{
  margin-left: auto;
  margin-right: auto;
}

.mt-0{
  margin-top: 0;
}

.mb-0{
  margin-bottom: 0;
}

.ml-0{
  margin-left: 0;
}

.mb-1{
  margin-bottom: 0.25rem;
}

.mb-2{
  margin-bottom: 0.5rem;
}

.mb-3{
  margin-bottom: 0.75rem;
}

.mt-4{
  margin-top: 1rem;
}

.mr-4{
  margin-right: 1rem;
}

.mb-4{
  margin-bottom: 1rem;
}

.mr-5{
  margin-right: 1.25rem;
}

.mb-5{
  margin-bottom: 1.25rem;
}

.mt-6{
  margin-top: 1.5rem;
}

.mb-6{
  margin-bottom: 1.5rem;
}

.ml-6{
  margin-left: 1.5rem;
}

.mt-7{
  margin-top: 1.75rem;
}

.mb-7{
  margin-bottom: 1.75rem;
}

.ml-7{
  margin-left: 1.75rem;
}

.mt-8{
  margin-top: 2rem;
}

.mr-8{
  margin-right: 2rem;
}

.mt-10{
  margin-top: 2.5rem;
}

.mb-10{
  margin-bottom: 2.5rem;
}

.mt-12{
  margin-top: 3rem;
}

.mr-12{
  margin-right: 3rem;
}

.mt-15{
  margin-top: 3.75rem;
}

.mb-15{
  margin-bottom: 3.75rem;
}

.mt-18{
  margin-top: 4.5rem;
}

.mb-18{
  margin-bottom: 4.5rem;
}

.-mt-4{
  margin-top: -1rem;
}

.max-w-150{
  max-width: 37.5rem;
}

.max-w-156{
  max-width: 39rem;
}

.max-w-sm{
  max-width: 24rem;
}

.max-w-full{
  max-width: 100%;
}

.min-h-90{
  min-height: 22.5rem;
}

.min-w-10{
  min-width: 2.5rem;
}

.min-w-28{
  min-width: 7rem;
}

.min-w-50{
  min-width: 12.5rem;
}

.opacity-25{
  opacity: 0.25;
}

.outline-none{
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.focus\:outline-none:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.overflow-hidden{
  overflow: hidden;
}

.px-0{
  padding-left: 0;
  padding-right: 0;
}

.py-1{
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.px-1{
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.px-3{
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.py-4{
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.px-4{
  padding-left: 1rem;
  padding-right: 1rem;
}

.px-6{
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.py-8{
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.pb-4{
  padding-bottom: 1rem;
}

.pt-5{
  padding-top: 1.25rem;
}

.pt-6{
  padding-top: 1.5rem;
}

.pb-6{
  padding-bottom: 1.5rem;
}

.pl-6{
  padding-left: 1.5rem;
}

.pb-7{
  padding-bottom: 1.75rem;
}

.pb-8{
  padding-bottom: 2rem;
}

.pr-10{
  padding-right: 2.5rem;
}

.pointer-events-none{
  pointer-events: none;
}

.static{
  position: static;
}

.relative{
  position: relative;
}

.text-white{
  --text-opacity: 1;
  color: #FFFFFF;
  color: rgba(255, 255, 255, var(--text-opacity));
}

.text-n-50{
  --text-opacity: 1;
  color: #DDE3ED;
  color: rgba(221, 227, 237, var(--text-opacity));
}

.text-n-60{
  --text-opacity: 1;
  color: #D0D6E1;
  color: rgba(208, 214, 225, var(--text-opacity));
}

.text-n-80{
  --text-opacity: 1;
  color: #95A0B3;
  color: rgba(149, 160, 179, var(--text-opacity));
}

.text-n-100{
  --text-opacity: 1;
  color: #7A869A;
  color: rgba(122, 134, 154, var(--text-opacity));
}

.text-n-300{
  --text-opacity: 1;
  color: #505F79;
  color: rgba(80, 95, 121, var(--text-opacity));
}

.text-n-500{
  --text-opacity: 1;
  color: #27344B;
  color: rgba(39, 52, 75, var(--text-opacity));
}

.text-n-900{
  --text-opacity: 1;
  color: #222a37;
  color: rgba(34, 42, 55, var(--text-opacity));
}

.text-g-600{
  --text-opacity: 1;
  color: #97BA1E;
  color: rgba(151, 186, 30, var(--text-opacity));
}

@media (hover: hover){
  .hover\:text-n-300:hover{
    --text-opacity: 1;
    color: #505F79;
    color: rgba(80, 95, 121, var(--text-opacity));
  }

  .hover\:text-g-600:hover{
    --text-opacity: 1;
    color: #97BA1E;
    color: rgba(151, 186, 30, var(--text-opacity));
  }
}

.no-underline{
  text-decoration: none;
}

.focus\:underline:focus{
  text-decoration: underline;
}

.w-2\/4{
  width: 50%;
}

.w-full{
  width: 100%;
}

.w-max{
  width: -moz-max-content;
  width: max-content;
}

.transition{
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
}

.ease-in-out{
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.duration-200{
  transition-duration: 200ms;
}

@keyframes spin{
  to{
    transform: rotate(360deg);
  }
}

@keyframes ping{
  75%, 100%{
    transform: scale(2);
    opacity: 0;
  }
}

@keyframes pulse{
  0%, 100%{
    opacity: 0.8;
  }

  50%{
    opacity: 1;
  }
}

@keyframes bounce{
  0%, 100%{
    transform: translateY(-25%);
    animation-timing-function: cubic-bezier(0.8,0,1,1);
  }

  50%{
    transform: none;
    animation-timing-function: cubic-bezier(0,0,0.2,1);
  }
}

.animate-pulse{
  animation: pulse 2.5s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

button:focus {
  outline: none;
}

@media (min-width: 440px){
}

@media (min-width: 640px){
}

@media (min-width: 664px){
}

@media (min-width: 768px){
  .md\:text-h1 {
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
    font-size: 32px;
    line-height: 2.5rem;
    font-weight: 600;
  }

  @media (min-width: 768px) {
    .md\:text-h1 {
      font-size: 44px;
      line-height: 3.25rem;
    }
  }

  .md\:text-h4 {
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
    font-size: 20px;
    line-height: 1.75rem;
    font-weight: 600;
  }

  .md\:text-regular-20 {
    font-size: 20px;
    line-height: 1.5;
    letter-spacing: .02em;
    font-weight: 400;
  }

  .md\:text-bold-32 {
    font-size: 32px;
    line-height: 2.5rem;
    letter-spacing: 0;
    font-weight: 600;
  }

  .md\:text-bold-24 {
    font-size: 24px;
    line-height: 2rem;
    letter-spacing: 0;
    font-weight: 600;
  }

  .md\:space-y-0 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(0px * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(0px * var(--space-y-reverse));
  }

  .md\:space-x-2 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(0.5rem * var(--space-x-reverse));
    margin-left: calc(0.5rem * calc(1 - var(--space-x-reverse)));
  }

  .md\:space-y-4 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(1rem * var(--space-y-reverse));
  }

  .md\:bg-transparent{
    background-color: transparent;
  }

  .md\:bg-white{
    --bg-opacity: 1;
    background-color: #FFFFFF;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
  }

  .md\:block{
    display: block;
  }

  .md\:inline-block{
    display: inline-block;
  }

  .md\:flex{
    display: flex;
  }

  .md\:hidden{
    display: none;
  }

  .md\:flex-row{
    flex-direction: row;
  }

  .md\:flex-no-wrap{
    flex-wrap: nowrap;
  }

  .md\:items-center{
    align-items: center;
  }

  .md\:justify-between{
    justify-content: space-between;
  }

  .md\:h-40{
    height: 10rem;
  }

  .md\:h-80{
    height: 20rem;
  }

  .md\:my-10{
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }

  .md\:my-25{
    margin-top: 6.25rem;
    margin-bottom: 6.25rem;
  }

  .md\:mx-auto{
    margin-left: auto;
    margin-right: auto;
  }

  .md\:mt-0{
    margin-top: 0;
  }

  .md\:mb-0{
    margin-bottom: 0;
  }

  .md\:mb-3{
    margin-bottom: 0.75rem;
  }

  .md\:mb-4{
    margin-bottom: 1rem;
  }

  .md\:mb-5{
    margin-bottom: 1.25rem;
  }

  .md\:mb-6{
    margin-bottom: 1.5rem;
  }

  .md\:mb-7{
    margin-bottom: 1.75rem;
  }

  .md\:mb-8{
    margin-bottom: 2rem;
  }

  .md\:ml-8{
    margin-left: 2rem;
  }

  .md\:mt-10{
    margin-top: 2.5rem;
  }

  .md\:mb-10{
    margin-bottom: 2.5rem;
  }

  .md\:mb-12{
    margin-bottom: 3rem;
  }

  .md\:mr-15{
    margin-right: 3.75rem;
  }

  .md\:mb-15{
    margin-bottom: 3.75rem;
  }

  .md\:mt-18{
    margin-top: 4.5rem;
  }

  .md\:mt-25{
    margin-top: 6.25rem;
  }

  .md\:mb-25{
    margin-bottom: 6.25rem;
  }

  .md\:max-w-150{
    max-width: 37.5rem;
  }

  .md\:max-w-full{
    max-width: 100%;
  }

  .md\:max-w-screen-smp{
    max-width: 664px;
  }

  .md\:max-w-screen-xl{
    max-width: 1240px;
  }

  .md\:max-w-2\/3{
    max-width: 66.6%;
  }

  .md\:px-0{
    padding-left: 0;
    padding-right: 0;
  }

  .md\:px-2{
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  .md\:px-10{
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .md\:px-15{
    padding-left: 3.75rem;
    padding-right: 3.75rem;
  }

  .md\:pt-0{
    padding-top: 0;
  }

  .md\:pb-0{
    padding-bottom: 0;
  }

  .md\:pt-6{
    padding-top: 1.5rem;
  }

  .md\:pb-6{
    padding-bottom: 1.5rem;
  }

  .md\:pt-8{
    padding-top: 2rem;
  }

  .md\:pb-10{
    padding-bottom: 2.5rem;
  }

  .md\:pt-15{
    padding-top: 3.75rem;
  }

  .md\:pb-15{
    padding-bottom: 3.75rem;
  }

  .md\:w-47{
    width: 11.75rem;
  }

  .md\:w-84{
    width: 21rem;
  }

  .md\:w-auto{
    width: auto;
  }

  .md\:col-span-1{
    grid-column: span 1 / span 1;
  }

  .md\:col-span-2{
    grid-column: span 2 / span 2;
  }
}

@media (min-width: 1030px){
  .lg\:space-x-8 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(2rem * var(--space-x-reverse));
    margin-left: calc(2rem * calc(1 - var(--space-x-reverse)));
  }

  .lg\:block{
    display: block;
  }

  .lg\:hidden{
    display: none;
  }

  .lg\:flex-row{
    flex-direction: row;
  }

  .lg\:flex-col{
    flex-direction: column;
  }

  .lg\:h-20{
    height: 5rem;
  }

  .lg\:my-15{
    margin-top: 3.75rem;
    margin-bottom: 3.75rem;
  }

  .lg\:mx-auto{
    margin-left: auto;
    margin-right: auto;
  }

  .lg\:mt-0{
    margin-top: 0;
  }

  .lg\:mb-0{
    margin-bottom: 0;
  }

  .lg\:ml-0{
    margin-left: 0;
  }

  .lg\:mt-7{
    margin-top: 1.75rem;
  }

  .lg\:mt-15{
    margin-top: 3.75rem;
  }

  .lg\:mb-20{
    margin-bottom: 5rem;
  }

  .lg\:ml-24{
    margin-left: 6rem;
  }

  .lg\:ml-28{
    margin-left: 7rem;
  }

  .lg\:max-w-screen-lg{
    max-width: 1030px;
  }

  .lg\:col-span-1{
    grid-column: span 1 / span 1;
  }

  .lg\:col-span-2{
    grid-column: span 2 / span 2;
  }

  .lg\:col-span-3{
    grid-column: span 3 / span 3;
  }
}

@media (min-width: 1240px){
  .xl\:text-bold-32 {
    font-size: 32px;
    line-height: 2.5rem;
    letter-spacing: 0;
    font-weight: 600;
  }

  .xl\:ml-35{
    margin-left: 8.75rem;
  }

  .xl\:ml-48{
    margin-left: 12rem;
  }

  .xl\:min-w-38{
    min-width: 9.5rem;
  }

  .xl\:px-0{
    padding-left: 0;
    padding-right: 0;
  }

  .xl\:w-94{
    width: 23.5rem;
  }
}

@media (min-width: 1536px){
}

@media (min-width: 1792px){
}

@media (min-width: 1920px){
}
      
.ui-browser-warning__inner {
  padding: 0 16px;
  margin: 32px auto;
  text-align: center;
  max-width: 288px;
  color: #333;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.6;
}

@media screen and (min-width: 600px) {
  .ui-browser-warning__inner {
    margin-top: 48px;
    margin-bottom: 48px;
    font-size: 17px;
    line-height: 1.41;
    max-width: 512px;
  }
}

@media screen and (min-width: 768px) {
  .ui-browser-warning__inner {
    max-width: 608px;
  }
}

@media screen and (min-width: 1024px) {
  .ui-browser-warning__inner {
    max-width: 536px;
  }
}

.ui-browser-warning__inner a {
  color: #1771E6;
  text-decoration: none;
  background-color: transparent;
}

.ui-browser-warning__inner a:active,
.ui-browser-warning__inner a:hover {
  outline: none;
  color: #1464cc;
}

.ui-browser-warning__inner img {
  border-style: none;
  vertical-align: top;
}

.ui-browser-warning__inner .title {
  margin: 0 0 12px 0;
  font-weight: 400;
  font-size: 24px;
  line-height: 1.17;
  letter-spacing: -0.3px;
}

@media screen and (min-width: 600px) {
  .ui-browser-warning__inner .title {
    font-size: 30px;
    line-height: 1.2;
  }
}

.ui-browser-warning__inner .content {
  color: #666;
}

.ui-browser-warning__inner .browsers {
  margin: 42px 0 0;
  padding: 0;
  list-style: none;
  text-align: center;
}

.ui-browser-warning__inner .browsers:not(:last-child) {
  margin-bottom: 28px;
}

@media screen and (min-width: 600px) {
  .ui-browser-warning__inner .browsers {
    margin-top: 32px;
  }
}

.ui-browser-warning__inner .browsers__item {
  display: inline-block;
  vertical-align: top;
  margin-right: 40px;
}

.ui-browser-warning__inner .browsers__item:last-child {
  margin-right: 0;
}

.ui-browser-warning__inner .browsers__image {
  height: 64px;
  width: 64px;
  display: block;
}

.ui-browser-warning__inner .browsers__link {
  display: block;
}

.ui-browser-warning__inner .browsers__picture {
  margin-bottom: 10px;
}

.tabs {
  display: flex;
  padding: 4px;
  background: var(--N40);
  border-radius: 8px;
}

.tabs_label {
  font-size: 14px;
  line-height: 20px;
  border-radius: 6px;
  padding: 6px 3px;
  text-align: center;
  width: calc(100% / var(--items-length));
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tabs_label_current {
  background: var(--W100);
  cursor: default;
}

.tabs_label_content {
  width: 100%;
}

.tabs_input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 0;
  margin: 0;
  opacity: 0;
}

.priceCalendar {
  --max-min-price-equal: 0;
  --price-diff-height: 56px;
  --show-max-price: calc(1 - var(--max-min-price-equal));
  overflow-x: hidden;
  padding: 0 16px;
}

.priceCalendar_content {
  margin: 0 auto;
}

.priceCalendar_header {
  margin-bottom: 12px;
  color: var(--N900);
  font-size: 20px;
  font-weight: bold;
  line-height: 1.4;
}

.priceCalendar_description {
  margin-bottom: 42px;
  color: var(--N80);
  font-size: 14px;
  line-height: 20px;
}

.priceCalendar_tabs {
  max-width: 400px;
  margin-bottom: 24px;
}

.priceCalendar_monthWrapper {
  position: relative;
}

.priceCalendar_maxPrice,
.priceCalendar_minPrice {
  display: none;
}

.priceCalendar_monthList {
  --month-columns: 3;
  --month-column-gap: 12px;
  --month-row-gap: 16px;
  display: grid;
  margin: 0;
  margin-bottom: 48px;
  padding: 0;
  list-style-type: none;
  grid-template-columns: repeat(var(--month-columns), minmax(0, 1fr));
  grid-gap: var(--month-row-gap) var(--month-column-gap);
}

.priceCalendar_month {
  display: flex;
  flex-direction: column-reverse;
  flex-wrap: wrap;
  margin: 0;
}

.priceCalendar_month__priceBlock {
  position: relative;
  width: 100%;
  color: var(--N300);
  border-radius: 8px;
  aspect-ratio: 88 / 70;
}

.priceCalendar_month__priceBlock_noData {
  border: 1px solid var(--N50);
  background-color: transparent;
}

.priceCalendar_month__priceBlock_standard {
  background-color: var(--N40);
}

.priceCalendar_month__priceBlock_min {
  background-color: var(--G200);
}

.priceCalendar_month__price {
  position: absolute;
  bottom: 12px;
  left: 8px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.4;
}

.priceCalendar_month__name {
  margin-top: 8px;
  letter-spacing: 0.02em;
  color: var(--N80);
  font-size: 12px;
  line-height: 1.3;
}

.priceCalendar_month__name_current {
  color: var(--G800);
}

.priceCalendar_subText {
  color: var(--N60);
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  line-height: 20px;
}

@media (min-width: 768px) {
  .priceCalendar_content {
    /*
    width + gaps + padding
    148 * 4 + 24 * 3
    */
    max-width: 664px;
  }

  .priceCalendar_header {
    font-size: 32px;
    font-weight: 600;
    font-style: normal;
    line-height: 40px;
  }

  .priceCalendar_description {
    margin-bottom: 24px;
  }

  .priceCalendar_tabs {
    margin-bottom: 48px;
  }

  .priceCalendar_monthList {
    --month-columns: 4;
    --month-column-gap: 24px;
    --month-row-gap: 24px;
  }

  .priceCalendar_month__priceBlock {
    aspect-ratio: 148 / 102;
  }

  .priceCalendar_month__price {
    left: 12px;
    font-size: 20px;
    font-weight: 600;
    font-style: normal;
    line-height: 1.4;
  }

  .priceCalendar_month__name {
    margin-top: 21px;
    font-size: 16px;
    line-height: 17px;
  }
}

@media (min-width: 1025px) {
  .priceCalendar_content {
    max-width: 1009px;
  }

  .priceCalendar_descriptionWrapper {
    display: flex;
    margin-bottom: 96px;
  }

  .priceCalendar_description {
    width: 50%;
  }

  .priceCalendar_tabsWrapper {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 50%;
  }

  .priceCalendar_tabs {
    width: 100%;
  }

  .priceCalendar_monthList {
    --month-columns: 12;
    --month-column-gap: 16px;
    --month-row-gap: 0;
    margin-bottom: 60px;
    padding-left: 100px;
  }

  .priceCalendar_month__priceBlock {
    --price-block-ratio: 0;
    height: calc(153px + var(--price-diff-height) * var(--price-block-ratio));
    aspect-ratio: auto;
  }

  .priceCalendar_month__price {
    position: absolute;
    right: 0;
    bottom: 10px;
    left: 0;
    text-align: center;
    font-size: 13px;
    font-weight: 600;
    font-style: normal;
    line-height: 20px;
  }

  /* Create rotated containing block so we can easily position text inside it */

  .priceCalendar_month__priceBlock_current .priceCalendar_month__priceWrapper {
    position: absolute;
    bottom: 0;
    left: 0;
    transform: rotate(-90deg);
    aspect-ratio: 1;
  }

  .priceCalendar_month__priceBlock_current .priceCalendar_month__price {
    top: 8px;
    right: auto;
    bottom: auto;
    left: 17px;
    white-space: nowrap;
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
  }

  .priceCalendar_month__priceBlock_noData {
    height: 62px;
  }

  .priceCalendar_month__priceBlock_noData .priceCalendar_month__price {
    left: 10px;
    text-align: left;
  }

  .priceCalendar_month__name {
    font-size: 11px;
    line-height: 17px;
  }

  .priceCalendar_monthWrapper {
    position: relative;
  }

  .priceCalendar_maxLine {
    position: absolute;
    z-index: 1;
    left: -100vw;
    width: 200vw;
    border-top: 1px dashed var(--N50);
  }

  .priceCalendar_maxPrice {
    position: absolute;
    z-index: 2;
    top: -6px;
    left: 0px;
    display: block;
    padding: 0 10px;
    color: var(--N300);
    background: var(--W100);
    font-size: 12px;
    line-height: 16px;
  }

  .priceCalendar_maxPrice span {
    font-weight: 600;
  }

  .priceCalendar_minLine {
    position: absolute;
    z-index: 1;
    top: calc(var(--price-diff-height) * var(--show-max-price));
    left: -100vw;
    width: 200vw;
    border-top: 1px dashed var(--G600);
  }

  .priceCalendar_minPrice {
    position: absolute;
    z-index: 2;
    top: calc(var(--price-diff-height) * var(--show-max-price) - 6px);
    left: 0px;
    display: block;
    padding: 0 10px;
    color: var(--N300);
    background: var(--W100);
    font-size: 12px;
    line-height: 16px;
  }

  .priceCalendar_minPrice span {
    font-weight: 600;
  }
}

@media (min-width: 1280px) {
  .priceCalendar_content {
    max-width: 1240px;
  }

  .priceCalendar_monthList {
    --month-column-gap: 20px;
  }

  .priceCalendar_maxPrice {
    left: 0;
  }

  .priceCalendar_minPrice {
    left: 0;
  }

  .priceCalendar_monthList {
    padding-left: 128px;
  }
}

@media (min-width: 1499px) {
  .priceCalendar_maxPrice {
    left: -123px;
  }

  .priceCalendar_minPrice {
    left: -123px;
  }

  .priceCalendar_monthList {
    padding-left: 0;
  }
}

.travelGuide {
  --card-number: 1;
  --card-width: 264px;
  --card-gap: 12px;
  overflow-x: hidden;
  padding-top: 12px;
  padding-bottom: 12px;
  background: var(--N20);
}

.travelGuide_content {
  margin: 0 auto;
  padding-left: 16px;
}

.travelGuide_headerBlock {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  margin-bottom: 24px;
  padding-right: 16px;
}

.travelGuide_headerBlock_title {
  color: var(--N900);
  font-size: 20px;
  font-weight: 600;
  line-height: 1.4;
}

.travelGuide_headerBlock_title .travelGuide_headerBlock_title_full {
  display: none;
}

.travelGuide_headerBlock_link {
  display: flex;
  align-items: center;
  color: var(--N300);
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

.travelGuide_headerBlock_link span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  margin-left: 10px;
  border-radius: 12px;
  background: var(--W100);
}

.travelGuide_headerBlock_link_large span {
  background: var(--W100);
}

.travelGuide_headerBlock_link_small span {
  background: var(--N40);
}

.travelGuide_headerBlock_link_large {
  display: none;
}

.travelGuide_card {
  position: relative;
  overflow: hidden;
  width: var(--card-width);
  height: 320px;
  margin-right: var(--card-gap);
  border-radius: 16px;
}

.travelGuide_cardSpecial {
  display: none;
  flex-direction: column;
  justify-content: space-between;
  padding: 32px 24px 42px;
  background:
        linear-gradient(18.7deg, #C4D600 25.12%, #5BB784 74.61%),
        linear-gradient(328.4deg, #73B589 0%, #FBE756 100%);
}

.travelGuide_cardSpecial_header {
  color: var(--W100);
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
}

.travelGuide_cardSpecial_link {
  display: inline-block;
  padding: 12px 34px;
  text-align: center;
  color: var(--N900);
  border-radius: 8px;
  background: #FFF;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.travelGuide_cardContent {
  color: var(--W100);
}

.travelGuide_cardImg {
  height: 320px;
  filter: brightness(80%);
  background-color: var(--N80);
}

.travelGuide_cardContent_places {
  position: absolute;
  top: 16px;
  left: 16px;
  display: flex;
  align-items: center;
  padding: 4px 8px;
  border-radius: 14px;
  background: rgba(34, 42, 55, 0.2);
  font-size: 14px;
  line-height: 20px;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}

.travelGuide_cardContent_places svg {
  width: 12px;
  height: 12px;
  margin-right: 4px;
}

.travelGuide_cardContent_header {
  position: absolute;
  top: 100px;
  right: 20px;
  left: 20px;
  font-size: 20px;
  font-weight: bold;
  line-height: 28px;
}

.travelGuide_cardContent_geo {
  position: absolute;
  right: 20px;
  bottom: 40px;
  left: 20px;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

/* stylelint-disable-next-line selector-pseudo-class-no-unknown */

.travelGuide_slider .slick-list {
  padding: 0;
}

/* stylelint-disable-next-line selector-pseudo-class-no-unknown */

.travelGuide_slider .slick-track {
  overflow-y: hidden;
  height: 320px;
}

/* stylelint-disable-next-line selector-pseudo-class-no-unknown */

.travelGuide_slider .slick-prev {
  left: -40px;
  filter: drop-shadow(0 0 4px rgba(34, 42, 55, 0.04)) drop-shadow(0 4px 12px rgba(34, 42, 55, 0.04));
}

/* stylelint-disable-next-line selector-pseudo-class-no-unknown */

.travelGuide_slider .slick-next {
  right: -40px;
  filter: drop-shadow(0 0 4px rgba(34, 42, 55, 0.04)) drop-shadow(0 4px 12px rgba(34, 42, 55, 0.04));
}

/* stylelint-disable-next-line selector-pseudo-class-no-unknown */

.travelGuide_slider .slick-slide > div > div {
  overflow: auto;
  margin-right: 0;
  margin-left: 0;
  border-radius: 0;
}

.travelGuide_additionaltext {
  width: 100%;
}

@media (min-width: 768px) {
  .travelGuide {
    --card-number: 2;
    --card-width: 320px;
    --card-gap: 24px;
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .travelGuide_headerBlock {
    margin-bottom: 20px;
    padding-right: 0;
  }

  .travelGuide_headerBlock_title {
    font-size: 24px;
    line-height: 32px;
  }

  .travelGuide_content {
    padding-left: 0;
    max-width:
            calc(
                var(--card-number) * var(--card-width)
                + (var(--card-number) - 1) * var(--card-gap)
            );
  }

  .travelGuide_additionaltext {
    width: 50%;
  }
}

@media (min-width: 1025px) {
  .travelGuide {
    --card-number: 3;
    /* padding-bottom: 140px; */
  }

  .travelGuide_headerBlock {
    margin-bottom: 40px;
  }

  .travelGuide_headerBlock_with_sibtitle {
    margin-bottom: 12px;
  }

  .travelGuide_headerBlock_title {
    font-size: 32px;
    line-height: 40px;
  }

  .travelGuide_headerBlock_title .travelGuide_headerBlock_title_short {
    display: none;
  }

  .travelGuide_headerBlock_title .travelGuide_headerBlock_title_full {
    display: initial;
  }

  .travelGuide_headerBlock_link_large {
    display: flex;
  }

  .travelGuide_headerBlock_link_small {
    display: none;
  }

  .travelGuide_content {
    /* max-width: 1240px; */
  }
}

@media (min-width: 1280px) {
  .travelGuide {
    --card-number: 4;
    --card-width: 294px;
    --card-gap: 20px;
  }

  .travelGuide_cardSpecial {
    display: flex;
  }
}

.travelGuide_headerBlock_with_text {
  margin-bottom: 12px;
}
.DS__Arrow__root,
.DS__Arrow__inside {
  all: initial;
  font-family: var(--font-family);
}

.DS__Arrow__root {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  padding: 0;
  margin: 0;
  cursor: pointer;
  background-color: transparent;
  border: 0;
  border-radius: 50%;
}

.DS__Arrow__root:not(.DS__Arrow__inside).slick-prev {
  margin-right: 18px;
  transform: rotate(90deg);
}

.DS__Arrow__root:not(.DS__Arrow__inside).slick-next {
  margin-left: 18px;
  transform: rotate(-90deg);
}

.DS__Arrow__view_light {
  color: #505f79;
  background-color: #f1f3f8;
}

.DS__Arrow__view_light:focus:not(:active) {
  background-color: #eceff5;
  box-shadow: 0 2px 8px rgba(34, 42, 55, 0.15);
}

.DS__Arrow__view_light:hover {
  background-color: #dde3ed;
}

.DS__Arrow__view_light:active {
  background-color: #d0d6e1;
}

.DS__Arrow__view_light.slick-disabled {
  color: #d0d6e1;
  pointer-events: none;
  background-color: #f6f8fc;
}

.DS__Arrow__view_light.DS__Arrow__inverted {
  background-color: #ffffff;
}

.DS__Arrow__view_light.DS__Arrow__inverted:focus:not(:active) {
  background-color: #eceff5;
  box-shadow: 0 2px 8px rgba(34, 42, 55, 0.15);
}

.DS__Arrow__view_light.DS__Arrow__inverted:hover {
  background-color: #dde3ed;
}

.DS__Arrow__view_light.DS__Arrow__inverted:active {
  background-color: #d0d6e1;
}

.DS__Arrow__view_light.DS__Arrow__inverted.slick-disabled {
  color: #d0d6e1;
  pointer-events: none;
  background-color: rgba(255, 255, 255, 0.7);
}

.DS__Arrow__view_dark {
  color: #ffffff;
  background-color: rgba(34, 42, 55, 0.35);
}

.DS__Arrow__view_dark:focus:not(:active) {
  background-color: rgba(34, 42, 55, 0.35);
  box-shadow: 0 2px 8px rgba(34, 42, 55, 0.15);
}

.DS__Arrow__view_dark:hover {
  background-color: rgba(34, 42, 55, 0.5);
}

.DS__Arrow__view_dark:active {
  background-color: rgba(34, 42, 55, 0.6);
}

.DS__Arrow__view_dark.slick-disabled {
  color: rgba(255, 255, 255, 0.5);
  pointer-events: none;
  background-color: rgba(34, 42, 55, 0.2);
}

.DS__Arrow__view_dark.DS__Arrow__inverted {
  color: #ffffff;
  background-color: rgba(255, 255, 255, 0.15);
}

.DS__Arrow__view_dark.DS__Arrow__inverted:focus:not(:active) {
  background-color: rgba(255, 255, 255, 0.15);
  box-shadow: 0 2px 8px rgba(255, 255, 255, 0.15);
}

.DS__Arrow__view_dark.DS__Arrow__inverted:hover {
  background-color: rgba(255, 255, 255, 0.5);
}

.DS__Arrow__view_dark.DS__Arrow__inverted:active {
  background-color: rgba(255, 255, 255, 0.6);
}

.DS__Arrow__view_dark.DS__Arrow__inverted.slick-disabled {
  color: rgba(255, 255, 255, 0.15);
  pointer-events: none;
  background-color: rgba(255, 255, 255, 0.15);
}

.DS__Arrow__inside {
  position: absolute;
  top: 50%;
  z-index: 1;
}

.DS__Arrow__inside.slick-prev {
  left: 24px;
  transform: translateY(-50%) rotate(90deg);
}

.DS__Arrow__inside.slick-next {
  right: 24px;
  transform: translateY(-50%) rotate(-90deg);
}

.DS__Dot__root {
  all: initial;
  font-family: var(--font-family);
}

.DS__Dot__root {
  display: flex;
  flex-shrink: 0;
  padding: 0;
  cursor: pointer;
  background: rgba(255, 255, 255, 0.5);
  border: 0;
  border-radius: 4px;
  outline: none;
  transition: width 0.45s ease; /* DEFAULT_TRANSITION */
}

.DS__Dot__view_light {
  background: rgba(255, 255, 255, 0.5);
}

.DS__Dot__view_dark {
  background: rgba(34, 42, 55, 0.5);
}

.DS__Dot__type_slider {
  width: 6px;
  height: 6px;
}

.slick-active .DS__Dot__type_slider {
  width: 40px;
  height: 6px;
}

.DS__Dot__type_dots {
  width: 8px;
  height: 8px;
}

.slick-active .DS__Dot__fill {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 4px;
}

.slick-active .DS__Dot__view_light .DS__Dot__fill {
  background-color: #ffffff;
}

.slick-active .DS__Dot__view_dark .DS__Dot__fill {
  background-color: #222a37;
}

.DS__Dot__fill_animate {
  animation-name: DS__Dot__fillLine;
  animation-timing-function: linear;
}

@keyframes DS__Dot__fillLine {
  from {
    width: 0;
  }

  to {
    width: 100%;
  }
}

.DS__DotsPanel__root {
  all: initial;
  font-family: var(--font-family);
}

.DS__DotsPanel__root {
  position: absolute;
  bottom: 20px;
  display: flex;
  align-content: center;
  justify-content: center;
  width: 100%;
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  list-style: none;
}

.DS__DotsPanel__type_slider li:not(:last-child) {
  margin-right: 8px;
}

.DS__DotsPanel__type_dots li:not(:last-child) {
  margin-right: 10px;
}

.DS__Slide__root {
  all: initial;
  font-family: var(--font-family);
}

.DS__Slide__root {
  display: block;
  margin-right: 6px;
  margin-left: 6px;
  overflow: hidden;
  border-radius: 16px;
}

.DS__Slider__show_half .slick-list {
  padding: 0 20% 0 0 !important;
}

.slick-list {
  flex-grow: 1;
}

/* Slider */

.slick-slider {
  position: relative;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  padding: 0;
  margin: 0;
  overflow: hidden;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: '';
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir='rtl'] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.preflight_main {
  --column-number: 1;
  --column-gap: 12px;
  --card-height: 144px;
  --card-padding: 24px;
  padding: 45px 18px 24px;
  background: var(--N20);
}

.preflight_content {
  margin: 0 auto;
}

.preflight_headerBlock {
  margin-bottom: 24px;
}

.preflight_headerBlock_title {
  margin-bottom: 16px;
  color: var(--N900);
  font-size: 20px;
  font-weight: bold;
  line-height: 1.4;
}

.preflight_headerBlock_subText {
  color: var(--N80);
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  line-height: 20px;
}

.preflight_infoList {
  display: grid;
  margin: 0;
  padding: 0;
  list-style-type: none;
  grid-template-columns: repeat(var(--column-number), minmax(0, 1fr));
  grid-auto-rows: var(--card-height);
  grid-gap: var(--column-gap);
}

.preflight_heroBlock {
  padding: 32px 24px;
  border-radius: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background: linear-gradient(#c9e12f, #deb5df);
  grid-row: 1 / 3;
}

.preflight_heroBlock_title {
  color: var(--W100);
  font-size: 20px;
  font-weight: 600;
  font-style: normal;
  line-height: 28px;
}

.preflight_infoBlock {
  min-height: var(--card-height);
  padding: var(--card-padding);
  border-radius: 16px;
  background: var(--W100);
}

.preflight_heroBlock_link,
.preflight_infoBlock_link {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

.preflight_infoBlock_title {
  color: var(--N900);
  font-size: 20px;
  font-weight: 600;
  font-style: normal;
  line-height: 1.4;
}

.preflight_heroBlock_moreText,
.preflight_infoBlock_moreText {
  display: flex;
  align-items: center;
  color: var(--G600);
  font-size: 14px;
  font-weight: 600;
  font-style: normal;
  line-height: 1.4;
}

.preflight_heroBlock_moreText {
  color: var(--W100);
}

.preflight_heroBlock_moreText_arrow,
.preflight_infoBlock_moreText_arrow {
  margin-left: 6px;
}

@media (min-width: 768px) {
  .preflight_main {
    --column-number: 2;
    --column-gap: 24px;
    --card-height: 160px;
    --card-padding: 32px;
    padding: 100px 18px 48px;
  }

  .preflight_content {
    max-width: 664px;
  }

  .preflight_headerBlock {
    margin-bottom: 48px;
  }

  .preflight_headerBlock_title {
    margin-bottom: 29px;
    font-size: 32px;
    font-weight: 600;
    line-height: 40px;
  }

  .preflight_headerBlock_subText {
    color: var(--N300);
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    line-height: 20px;
  }

  .preflight_heroBlock {
    padding: 42px 32px;
  }

  .preflight_heroBlock_title {
    font-size: 24px;
    font-weight: 600;
    font-style: normal;
    line-height: 32px;
  }
}

@media (min-width: 1025px) {
  .preflight_main {
    --column-number: 4;
    --column-gap: 16px;
    padding-bottom: 60px;
  }

  .preflight_content {
    max-width: 1008px;
  }

  .preflight_headerBlock_subText {
    width: 60%;
  }
}

@media (min-width: 1280px) {
  .preflight_main {
    --column-number: 4;
    --column-gap: 20px;
  }

  .preflight_content {
    max-width: 1242px;
  }

  .preflight_headerBlock {
    margin-bottom: 72px;
  }

  .preflight_headerBlock_subText {
    width: 30%;
  }
}

.htg__map {
  width: 300px;
  height: 358px;
  border-radius: 8px;
  overflow: hidden;
  background: #F1F3F8;
  margin-left: 28px;
}

@media (min-width: 1240px) {
  .htg__map {
    width: 400px;
    height: 378px;
  }
}

@media (max-width: 1030px) {
  .htg__map {
    margin-top: 35px;
    margin-left: 0;
    width: 100%;
    height: 200px;
  }
}

.htg__info_route {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

@media (min-width: 768px) {
  .htg__info_route {
    max-width: 600px;
    height: 100%;
  }
}

@media (min-width: 1240px) {
  .htg__info_route {
    max-width: 676px;
    height: 100%;
  }
}

@media (max-width: 767px) {
  .htg__info_route {
    width: 100%;
  }
}

.htg__info_route_timeline, .htg__info_route .timeline {
  width: 100%;
  display: flex;
  align-items: center;
}

@media (max-width: 1030px) {
  .htg__info_route_timeline, .htg__info_route .timeline {
    flex-direction: column;
    align-items: flex-start;
  }
}

.htg__info_route_timeline__complex, .htg__info_route .timeline__complex {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.htg__info_route_timeline__complex_dots, .htg__info_route .timeline__complex_dots {
  display: flex;
}

.htg__info_route_timeline__complex_dots .timeline__dot:last-of-type, .htg__info_route .timeline__complex_dots .timeline__dot:last-of-type {
  margin-left: 2px;
}

.htg__info_route_timeline__dot, .htg__info_route .timeline__dot {
  position: relative;
  width: 6px;
  height: 6px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-shrink: 0;
  background-color: #97BA1E;
  border-radius: 50%;
}

.htg__info_route_timeline__dot__start, .htg__info_route .timeline__dot__start {
  align-items: flex-start;
}

.htg__info_route_timeline__dot_icon, .htg__info_route .timeline__dot_icon {
  position: absolute;
  top: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  color: #505F79;
}

@media (max-width: 1030px) {
  .htg__info_route_timeline__dot_icon, .htg__info_route .timeline__dot_icon {
    left: 30px;
    top: 0px;
  }

  .timeline__dot {
    margin-left: 1px;
  }
}

.htg__info_route_timeline__dot_icon > svg, .htg__info_route .timeline__dot_icon > svg {
  flex-shrink: 0;
}

.htg__info_route_timeline__dot_icon > span, .htg__info_route .timeline__dot_icon > span {
  flex-shrink: 0;
  margin-left: 8px;
  letter-spacing: 0.02em;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  color: #505F79;
}

@media (max-width: 1030px) {
  .htg__info_route_timeline__dot_icon__finish, .htg__info_route .timeline__dot_icon__finish {
    margin-top: -32px;
  }
}

.htg__info_route_timeline__icons, .htg__info_route .timeline__icons {
  display: flex;
  align-items: center;
  margin-top: 15px;
  margin-left: -9px;
}

@media (max-width: 1030px) {
  .htg__info_route_timeline__icons, .htg__info_route .timeline__icons {
    margin-left: 24px;
    margin-top: -32px;
  }
}

.htg__info_route_timeline__icons .timeline__dot_icon, .htg__info_route .timeline__icons .timeline__dot_icon {
  position: static;
}

.htg__info_route_timeline__icons .timeline__dot_icon > svg, .htg__info_route .timeline__icons .timeline__dot_icon > svg {
  margin-left: 5px;
  margin-right: 3px;
}

.htg__info_route_timeline__transfer, .htg__info_route .timeline__transfer {
  display: flex;
  align-items: center;
  width: 65%;
}

@media (max-width: 1030px) {
  .htg__info_route_timeline__transfer, .htg__info_route .timeline__transfer {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
}

.htg__info_route_timeline__line_dotted, .htg__info_route .timeline__line_dotted {
  width: 100%;
  height: 0;
  margin: 0 3px;
  border: 1px dashed #D0D6E1;
}

@media (max-width: 1030px) {
  .htg__info_route_timeline__line_dotted, .htg__info_route .timeline__line_dotted {
    width: 1px;
    height: 100px;
  }
}

.htg__info_route_timeline__start, .htg__info_route .timeline__start {
  display: flex;
  flex-direction: column;
}

.htg__info_route_timeline__line, .htg__info_route .timeline__line {
  width: 100%;
  height: 0;
  margin: 0 3px;
  border: 1px solid #97BA1E;
}

@media (max-width: 1030px) {
  .htg__info_route_timeline__line, .htg__info_route .timeline__line {
    width: 1px;
    height: 196px;
  }
}

.htg__info_route_timeline__finish, .htg__info_route .timeline__finish {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.htg__info_route_timeline__finish .timeline__dot, .htg__info_route .timeline__finish .timeline__dot {
  align-items: center;
}

@media (max-width: 1030px) {
  .htg__info_route_timeline__finish .timeline__dot, .htg__info_route .timeline__finish .timeline__dot {
    align-items: flex-start;
  }
}

@media (max-width: 1030px) {
  .htg__info_route_timeline, .htg__info_route .timeline {
    margin-bottom: 42px;
  }
}

.htg__info_route_timeline__line, .htg__info_route .timeline__line_complexTransfers {
  width: 50px;
}

@media (max-width: 1030px) {
  .htg__info_route_timeline__line, .htg__info_route .timeline__line_complexTransfers {
    width: 1px;
    height: 50px;
  }
}

.polular_additionaltext{
  width: 100%;
}

@media (min-width: 768px) {
  .polular_additionaltext{
    width: 50%;
  }
}