._wrapper_11u88_1 {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 999999;
  background-color: var(--red);
  display: flex;
  align-items: center;
  gap: 10px;
  padding: calc(18px + var(--sa-top)) 40px 18px;

  color: var(--white);
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
}

._animate-popup_11u88_19 {
  animation-name: _fadeInOut_11u88_1;
  animation-duration: 3s;
  animation-timing-function: linear;
}

._close-button_11u88_25 {
  margin-left: auto;
  border: 1px solid var(--white);
  border-radius: 16px;
  padding: 8px 12px;
  cursor: pointer;
}

@keyframes _fadeInOut_11u88_1 {
  0% {
    transform: translateY(-100%);
  }
  16% {
    transform: translateY(0);
  }
  74% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-100%);
  }
}

@media (min-width: 576px) {
  ._wrapper_11u88_1 {
    font-size: 16px;
  }
}
._icon_1lz60_1 {
  display: flex;
  align-items: baseline;
}

._sizeXSm_1lz60_6 svg {
  width: 16px;
  height: 16px;
}

._size18_1lz60_11 {
  width: 18px;
  height: 18px;
}

._sizeSm_1lz60_16 svg {
  width: 20px;
  height: 20px;
}

/* Поправить размеры, когда будут определены дизайнером */
._sizeMd_1lz60_22 svg {
  width: 24px;
  height: 24px;
}

._size32_1lz60_27 svg {
  width: 32px;
  height: 32px;
}

._size36_1lz60_32 svg {
  width: 36px;
  height: 36px;
}

/* Поправить размеры, когда будут определены дизайнером */
._sizeLg_1lz60_38 svg {
  width: 48px;
  height: 48px;
}

._size40_1lz60_43 {
  width: 40px;
  height: 40px;
}
._button_1eszf_1 {
  height: 56px;
  width: 100%;
  font-weight: 600;
  position: relative;
}

._button_1eszf_1:disabled,
._disabled_1eszf_9 {
  background-color: var(--gray-dark);
}

._primary_1eszf_13 {
  background-color: var(--green-lunda);
}

._secondary_1eszf_17 {
  background-color: var(--blue);
}

._cancel_1eszf_21 {
  background-color: var(--background-color);
  color: var(--red);
}

._half-opacity_1eszf_26 {
  background-color: var(--blue-dark);
}

._grayblue-outlined_1eszf_30 {
  background-color: var(--background-color);
  border: 1px solid var(--gray-blue);
  color: var(--gray-blue);
}

._queue_1eszf_36 {
  background-color: var(--blue-milk);
}

._bordered_1eszf_40 {
  border: 1px solid var(--white);
}

._cancel_1eszf_21._bordered_1eszf_40 {
  border: 1px solid var(--red);
}

._blue_1eszf_48 {
  background-color: var(--blue);
}

._buttonEmpty_1eszf_52 {
  background-color: #071f34;
  border: 0.5px solid #ffffff83;
}

._yellow_1eszf_57 {
  background-color: var(--green-yellow);
  color: var(--background-color);
}

._yellow-outline_1eszf_62 {
  border: 1px solid var(--green-yellow);
  background: var(--background-color);
}

._cyan-outline_1eszf_67 {
  background: var(--background-color);
  color: var(--cyan);
  border: 1px solid var(--cyan);
}

._gold_1eszf_73 {
  background: #8b9d0c;
  border: 1px solid var(--green-yellow);
  color: var(--white);
}

._button_1eszf_1:disabled,
._disabled_1eszf_9._yellow_1eszf_57 {
  background-color: var(--gray-light);
  color: var(--white);
}

._primary-outlined_1eszf_85 {
  background: var(--background-color);
  border: 1px solid var(--green-lunda);
}

._loader_1eszf_90 {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
}

._orange_1eszf_97 {
  background: var(--orange-main);
}

._adds-container_1eszf_101 {
  position: absolute;
  padding: 4px 0;
  display: flex;
  justify-content: center;
  right: 0;
  left: 0;
}

._adds-container_1eszf_101._under_1eszf_110 {
  bottom: 1px;
  transform: translateY(100%);
}

._adds-container_1eszf_101._above_1eszf_115 {
  top: 0;
  transform: translateY(-100%);
}
._background_1ivte_1 {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  background-color: #071f34ab;
  backdrop-filter: blur(3px);
}
._popover-wrapper_1nkfi_1 {
  position: relative;
}

._popover-content_1nkfi_5 > div {
  background: transparent !important;
}

._block_1nkfi_9 {
  background-color: var(--green-yellow);
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-top: 10px;
  border-radius: 4px;
  position: relative;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.5px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}

._arrow_1nkfi_27 {
  position: absolute;
  left: 50%;
  right: 50%;
  top: -5px;
  background: var(--green-yellow);
  width: 20px;
  height: 20px;
  transform: rotate(45deg);
}
._headling_1wpvb_1 {
  display: flex;
  justify-content: space-between;
  color: var(--white);
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 0%;
  margin-bottom: 16px;
}

._exit_1wpvb_12 {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #1f3a53;
  border-radius: 50%;
  width: 30px;
  height: 30px;
}
._modal-wrapper_1crww_1 {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 998; /* значение 999 перекрывает компонент FullscreenLoader */
  background: rgba(55, 55, 55, 0.7);
  /* backdrop-filter: blur(1px); */
  padding: 0px 20px;
}

._content_1crww_13 {
  position: relative;
  max-width: 450px;
  max-height: 80vh;
  overflow: scroll;
  margin: auto;
  background: var(--white);
  padding: 16px;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

._close_1crww_26 {
  position: absolute;
  top: 16px;
  right: 16px;
}

._button_1crww_32 {
  width: 100%;
  border-radius: 20px;
  background: var(--blue);
  margin-top: 16px;
  padding: 6px;
  color: var(--white);
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0.32px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 44px;
}

._question_1crww_51 {
  color: var(--background-color);
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0.4px;
  padding-right: 24px;
  margin-bottom: 16px;
}

._accent_1crww_62 {
  color: var(--red-dark);
}

._description_1crww_66 {
  margin: 0;
  color: var(--gray-dark);
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.02em;
}

._attention_1crww_76 {
  color: var(--blue-deep);
}

._descriptionGroup_1crww_80 {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}

._danger_1crww_86 {
  color: var(--red);
}

._danger-button_1crww_90 {
  background-color: var(--red);
}
._phone-input-wrapper_1yrl9_1 {
  display: flex;
  border: 1px solid #767676;
  border-radius: 3px;
  position: relative;
  align-items: center;
  height: 44px;
  padding-left: 16px;
}

._phone-input-wrapper_1yrl9_1 ._lib-phone-container_1yrl9_11 ._lib-phone-input_1yrl9_11 {
  background-color: var(--background-color);
  width: 100%;
  color: white;
  padding-top: 12px;
  padding-bottom: 12px;
  border: 1px solid transparent;
  line-height: 20px;
  border: none;
}

._phone-input-wrapper_1yrl9_1 ._lib-phone-container_1yrl9_11 {
  width: 100%;
  background-color: var(--background-color);
  border: none;
}

._phone-input-wrapper_1yrl9_1 ._selector-button_1yrl9_28 {
  background-color: transparent;
  border-color: transparent;
}

._phone-input-wrapper_1yrl9_1 ._selector-button_1yrl9_28:hover {
  background-color: transparent;
}

._phone-input-wrapper_1yrl9_1 ._dropdown-arrow_1yrl9_37 {
  display: none;
}

._dropdown-item_1yrl9_41 {
  height: 36px;
}

._phone-input-wrapper_1yrl9_1 ._dropdown-item_1yrl9_41:hover {
  background-color: inherit;
}

._phone-input-wrapper_1yrl9_1 ._selected-dropdown-item_1yrl9_49,
._phone-input-wrapper_1yrl9_1 ._selected-dropdown-item_1yrl9_49:hover {
  background-color: var(--background-color-additional);
  color: white;
}

._phone-input-wrapper_1yrl9_1 ._dropdown-container_1yrl9_55 {
  background-color: var(--background-color);
  color: white;
  transform: translateY(5px);
  max-width: 80vw;
  width: 240px;
  border: 1px solid var(--decoration-line-color);
  outline: none;
  padding: 0;
}

._phone-input-wrapper_1yrl9_1 ._dropdown-container_1yrl9_55:focus-visible {
  outline: none;
}
.react-international-phone-country-selector{position:relative}.react-international-phone-country-selector-button{display:flex;height:var(--react-international-phone-height, 36px);box-sizing:border-box;align-items:center;justify-content:center;padding:0;border:1px solid var(--react-international-phone-country-selector-border-color, var(--react-international-phone-border-color, gainsboro));margin:0;appearance:button;-webkit-appearance:button;background-color:var(--react-international-phone-country-selector-background-color, var(--react-international-phone-background-color, white));cursor:pointer;text-transform:none;user-select:none}.react-international-phone-country-selector-button:hover{background-color:var(--react-international-phone-country-selector-background-color-hover, whitesmoke)}.react-international-phone-country-selector-button--hide-dropdown{cursor:auto}.react-international-phone-country-selector-button--hide-dropdown:hover{background-color:transparent}.react-international-phone-country-selector-button__button-content{display:flex;align-items:center;justify-content:center}.react-international-phone-country-selector-button__flag-emoji{margin:0 4px}.react-international-phone-country-selector-button__flag-emoji--disabled{opacity:.75}.react-international-phone-country-selector-button__dropdown-arrow{border-top:var(--react-international-phone-country-selector-arrow-size, 4px) solid var(--react-international-phone-country-selector-arrow-color, #777);border-right:var(--react-international-phone-country-selector-arrow-size, 4px) solid transparent;border-left:var(--react-international-phone-country-selector-arrow-size, 4px) solid transparent;margin-right:4px;transition:all .1s ease-out}.react-international-phone-country-selector-button__dropdown-arrow--active{transform:rotateX(180deg)}.react-international-phone-country-selector-button__dropdown-arrow--disabled{border-top-color:var(--react-international-phone-disabled-country-selector-arrow-color, #999)}.react-international-phone-country-selector-button--disabled{background-color:var(--react-international-phone-disabled-country-selector-background-color, var(--react-international-phone-disabled-background-color, whitesmoke));cursor:auto}.react-international-phone-country-selector-button--disabled:hover{background-color:var(--react-international-phone-disabled-country-selector-background-color, var(--react-international-phone-disabled-background-color, whitesmoke))}.react-international-phone-flag-emoji{width:var(--react-international-phone-flag-width, 24px);height:var(--react-international-phone-flag-height, 24px);box-sizing:border-box}.react-international-phone-country-selector-dropdown{position:absolute;z-index:1;top:var(--react-international-phone-dropdown-top, 44px);left:var(--react-international-phone-dropdown-left, 0);display:flex;width:300px;max-height:200px;flex-direction:column;padding:4px 0;margin:0;background-color:var(--react-international-phone-dropdown-item-background-color, var(--react-international-phone-background-color, white));box-shadow:var(--react-international-phone-dropdown-shadow, 2px 2px 16px rgba(0, 0, 0, .25));color:var(--react-international-phone-dropdown-item-text-color, var(--react-international-phone-text-color, #222));list-style:none;overflow-y:scroll}.react-international-phone-country-selector-dropdown__preferred-list-divider{height:1px;border:none;margin:var(--react-international-phone-dropdown-preferred-list-divider-margin, 0);background:var(--react-international-phone-dropdown-preferred-list-divider-color, var(--react-international-phone-border-color, gainsboro))}.react-international-phone-country-selector-dropdown__list-item{display:flex;min-height:var(--react-international-phone-dropdown-item-height, 28px);box-sizing:border-box;align-items:center;padding:2px 8px}.react-international-phone-country-selector-dropdown__list-item-flag-emoji{margin-right:8px}.react-international-phone-country-selector-dropdown__list-item-country-name{overflow:hidden;margin-right:8px;font-size:var(--react-international-phone-dropdown-item-font-size, 14px);text-overflow:ellipsis;white-space:nowrap}.react-international-phone-country-selector-dropdown__list-item-dial-code{color:var(--react-international-phone-dropdown-item-dial-code-color, gray);font-size:var(--react-international-phone-dropdown-item-font-size, 14px)}.react-international-phone-country-selector-dropdown__list-item:hover{background-color:var(--react-international-phone-selected-dropdown-item-background-color, var(--react-international-phone-selected-dropdown-item-background-color, whitesmoke));cursor:pointer}.react-international-phone-country-selector-dropdown__list-item--selected,.react-international-phone-country-selector-dropdown__list-item--focused{background-color:var(--react-international-phone-selected-dropdown-item-background-color, whitesmoke);color:var(--react-international-phone-selected-dropdown-item-text-color, var(--react-international-phone-text-color, #222))}.react-international-phone-country-selector-dropdown__list-item--selected .react-international-phone-country-selector-dropdown__list-item-dial-code,.react-international-phone-country-selector-dropdown__list-item--focused .react-international-phone-country-selector-dropdown__list-item-dial-code{color:var(--react-international-phone-selected-dropdown-item-dial-code-color, var(--react-international-phone-dropdown-item-dial-code-color, gray))}.react-international-phone-country-selector-dropdown__list-item--focused{background-color:var(--react-international-phone-selected-dropdown-item-background-color, var(--react-international-phone-selected-dropdown-item-background-color, whitesmoke))}.react-international-phone-dial-code-preview{display:flex;align-items:center;justify-content:center;padding:0 8px;border:1px solid var(--react-international-phone-dial-code-preview-border-color, var(--react-international-phone-border-color, gainsboro));margin-right:-1px;background-color:var(--react-international-phone-dial-code-preview-background-color, var(--react-international-phone-background-color, white));color:var(--react-international-phone-dial-code-preview-text-color, var(--react-international-phone-text-color, #222));font-size:var(--react-international-phone-dial-code-preview-font-size, var(--react-international-phone-font-size, 13px))}.react-international-phone-dial-code-preview--disabled{background-color:var(--react-international-phone-dial-code-preview-disabled-background-color, var(--react-international-phone-disabled-background-color, whitesmoke));color:var(--react-international-phone-dial-code-preview-disabled-text-color, var(--react-international-phone-disabled-text-color, #666))}.react-international-phone-input-container{display:flex}.react-international-phone-input-container .react-international-phone-country-selector-button{border-radius:var(--react-international-phone-border-radius, 4px);margin-right:-1px;border-bottom-right-radius:0;border-top-right-radius:0}.react-international-phone-input-container .react-international-phone-input{overflow:visible;height:var(--react-international-phone-height, 36px);box-sizing:border-box;padding:0 8px;border:1px solid var(--react-international-phone-border-color, gainsboro);border-radius:var(--react-international-phone-border-radius, 4px);margin:0;background-color:var(--react-international-phone-background-color, white);border-bottom-left-radius:0;border-top-left-radius:0;color:var(--react-international-phone-text-color, #222);font-family:inherit;font-size:var(--react-international-phone-font-size, 13px)}.react-international-phone-input-container .react-international-phone-input:focus{outline:none}.react-international-phone-input-container .react-international-phone-input--disabled{background-color:var(--react-international-phone-disabled-background-color, whitesmoke);color:var(--react-international-phone-disabled-text-color, #666)}
._button_1igma_1 {
  color: var(--white);
  width: var(--base-drawer-button-width);
  margin-bottom: 28px;
  align-self: center;
}
._wrapper_bq7vm_1 {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

._warning-wrapper_bq7vm_7 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px;
  background: #ce202033;
  border: 1px solid var(--red);
}

._warning-wrapper_bq7vm_7 > *:first-child {
  align-self: flex-start;
}

._warning-wrapper_bq7vm_7 svg path {
  fill: var(--red);
}

._warning-text_bq7vm_24 {
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  letter-spacing: 0%;
  color: var(--white);
}

._button_bq7vm_32 {
  background: var(--background-color);
  margin-top: 12px;
  color: var(--red);
}
._wrapper_zbplc_1 {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  row-gap: 10px;
  column-gap: 12px;
  font-family: 'Geologica';
}
._item_1gz68_1 {
  position: relative;
  min-height: 40px;
  font-family: 'Geologica';
  cursor: pointer;
}

._item_1gz68_1 * {
  cursor: pointer;
}

._item_1gz68_1 > input {
  display: none;
}

._item-content_1gz68_16 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 3px;
  padding: 10px 5px;
  background: #1f3a53;
  text-align: center;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.5px;
  color: var(--white);
}

._item_1gz68_1 > input:checked ~ ._item-content_1gz68_16 {
  background: var(--green-yellow);
  color: #4e4e4e;
}

._disabled_1gz68_38 {
  background: #2c3e4f80 !important;
  color: var(--gray-dark) !important;
}

._back-and-forth_1gz68_43 {
  position: absolute;
  top: -1.5px;
  right: -1.5px;
  width: 15px;
  height: 15px;
  background: #3080ae;
  border-radius: 50%;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

._back-and-forth_1gz68_43 svg {
  width: 10px;
  height: 10px;
}

._next-day_1gz68_62,
._past_1gz68_63 {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  font-weight: 400;
  font-size: 10px;
  line-height: 16px;
  letter-spacing: -0.5px;
  color: var(--gray-light);
  text-align: center;
  z-index: 2;
}

._past_1gz68_63 {
  color: #3080ae;
}

._item_1gz68_1 > input:checked ~ ._next-day_1gz68_62 {
  color: #4e4e4e;
}
._wrapper_z4ygd_1 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-family: 'Geologica';
}

._club_z4ygd_8 {
  font-weight: 600;
  font-size: 20px;
  line-height: 120%;
  color: #9cbdda99;
}

._dayparts-wrapper_z4ygd_15 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._daypart_z4ygd_15 {
  font-weight: 600;
  font-size: 16px;
  line-height: 120%;
  color: #9cbdda99;
}
._item_1kzvs_1 {
  display: block;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-family: 'Geologica';
}

._item_1kzvs_1._front_1kzvs_12 {
  padding-left: 27px;
}

._item_1kzvs_1._end_1kzvs_16 {
  padding-right: 27px;
}

._item_1kzvs_1 input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

._checkmark_1kzvs_28 {
  position: absolute;
  top: 3px;
  left: 0;
  height: 16px;
  width: 16px;
  opacity: 0.5;
  border: 0.67px solid var(--white);
}

._end_1kzvs_16 ._checkmark_1kzvs_28 {
  left: calc(100% - 16px);
}

._item_1kzvs_1:hover input ~ ._checkmark_1kzvs_28 {
  /* background-color: #ccc; */
}

._item_1kzvs_1 input:checked ~ ._checkmark_1kzvs_28 {
  opacity: 1;
}

._checkmark_1kzvs_28:after {
  content: '';
  position: absolute;
  display: none;
}

._item_1kzvs_1 input:checked ~ ._checkmark_1kzvs_28:after {
  display: block;
}

._item_1kzvs_1 ._checkmark_1kzvs_28:after {
  left: 4px;
  top: 1px;
  width: 6px;
  height: 10px;
  border: solid var(--green-yellow);
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

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

._title_1kzvs_77 {
  font-weight: 300;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.5px;
  color: var(--white);
}

._address_1kzvs_85 {
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: -0.5px;
  color: var(--white);
  opacity: 0.5;
}
._wrapper_17bos_1 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 0 18px;
  font-family: 'Geologica';
  margin-bottom: 28px;
  min-height: 60dvh;
}

._wrapper-web_17bos_11 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 20px;
  font-family: 'Geologica';
  margin-bottom: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  background-color: var(--background-color-additional);
  left: 0;
  right: 0;
}

._header-wrapper_17bos_26 {
  margin-bottom: 0;
}

._input-label_17bos_30 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px;
  background-color: #1f3a53;
}

._input-label_17bos_30 > input,
._input-label-web_17bos_39 > input {
  background: none;
  border: none;
  color: var(--white);
  flex: 1;
}

._input-label_17bos_30 > input::placeholder {
  color: var(--gray-light);
}

._input-label_17bos_30 > input:focus,
._input-label-web_17bos_39 > input:focus {
  outline: none;
}

._input-label-web_17bos_39 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 16px 20px;
  height: 56px;
  border: 1px solid #e4e5e2;
  border-radius: 3px;
}

._input-label-web_17bos_39 > input::placeholder {
  color: #c6c6c6;
}

._clubs-wrapper_17bos_69,
._clubs-wrapper-web_17bos_70 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._button_17bos_76 {
  background: none;
  margin-top: auto;
}

._wrapper-web_17bos_11 ._header-wrapper-web_17bos_81 {
  position: static;
  padding: 0;
  width: auto;
  transform: none;
  background-color: inherit;
  z-index: 0;
}

._header-web_17bos_90 {
  font-weight: 500;
  font-size: 14px;
  line-height: 120%;
  letter-spacing: 0%;
  color: #9cbdda;
  display: flex;
  gap: 4px;
  align-items: center;
  min-height: 34px;
}

._header-web_17bos_90 * {
  cursor: pointer;
}
._countdown_ycfob_1 {
  font-family: 'Geologica';
  align-self: center;
  font-weight: 300;
  font-size: 14px;
  line-height: 120%;
  letter-spacing: 0%;
  color: #ff6852;
  margin-bottom: 8px;
}
._wrapper_fum5e_1 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  background: #1f3a53;
  padding: 12px;
  font-family: 'Geologica';
  border-radius: 6px;
}

._offer-data_fum5e_11 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

._offer-price_fum5e_17 {
  font-weight: 400;
  font-size: 22px;
  line-height: 100%;
  color: var(--white);
}

._court-list_fum5e_24 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._court-item_fum5e_30 {
  display: flex;
  flex-direction: column;
  padding: 8px 12px;
  background: var(--background-color-additional);
  border-radius: 9px;
}

._court-details_fum5e_38 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.5px;
  font-size: 14px;
  margin-bottom: 8px;
  margin-left: -4px;
}

._court-type_fum5e_50 {
  display: flex;
  align-items: center;
  color: #7ecefd;
}

._court-type_fum5e_50 svg path {
  fill: #7ecefd;
}

._court-capacity_fum5e_60 {
  display: flex;
  align-items: center;
  color: var(--green-yellow);
}

._court-capacity_fum5e_60 svg path {
  fill: var(--green-yellow);
}

._court-period_fum5e_70 {
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  color: var(--gray-light);
  margin-bottom: 4px;
}

._court-name_fum5e_78 {
  font-weight: 400;
  line-height: 100%;
  font-size: 16px;
  color: var(--white);
}

._divider_fum5e_85 {
  height: 0.5px;
  background: var(--gray-dark);
  width: 100%;
  margin: 4px 0;
}

._court-cost_fum5e_92 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

._cost-text_fum5e_98 {
  display: flex;
  align-items: center;
  gap: 8px;
}

._cost-text_fum5e_98 > span,
._cost-value_fum5e_105 {
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  letter-spacing: 0%;
  color: var(--white);
}

._cost-value_fum5e_105 {
  text-align: right;
  font-weight: 500;
}

._connection_fum5e_118 {
  padding: 4.5px 8px;
  display: flex;
  align-items: center;
  gap: 4px;
  background: #3a5167;
  color: var(--white);
  border-radius: 73px;
  align-self: flex-start;
}

._connection_fum5e_118 {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.5px;
}

._back-and-forth_fum5e_136 {
  width: 15px;
  height: 15px;
  background: #7ecefd;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

._back-and-forth_fum5e_136 svg {
  width: 10px;
  height: 10px;
}

._back-and-forth_fum5e_136 svg path {
  fill: var(--background-color);
}

._book-button_fum5e_155 {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--green-yellow);
  padding: 12px;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.5px;
  color: var(--green-yellow);
  border-radius: 3px;
}

._book-button_fum5e_155._WEB_fum5e_169 {
  width: 240px;
  padding: 8px 12px;
  border-radius: 9px;
  margin-left: auto;
}

._offer-data_fum5e_11._WEB_fum5e_169 {
  justify-content: flex-start;
  gap: 16px;
  align-items: center;
}

._offer-data_fum5e_11._WEB_fum5e_169 ._connection_fum5e_118 {
  align-self: inherit;
}

._court-period_fum5e_70._WEB_fum5e_169 {
  margin-bottom: 0;
  margin-left: auto;
}
._wrapper_1dq4u_1 {
  display: flex;
  gap: 8px;
  padding: 12px;
  background: #2f1f30;
  border: 1px solid var(--red);
  border-radius: 3px;
  margin-bottom: 32px;
}

._wrapper_1dq4u_1 svg path {
  fill: var(--red);
}

._text_1dq4u_15 {
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  letter-spacing: 0%;
  color: var(--white);
}

._text_1dq4u_15 > span {
  color: #ff9040;
}

._custom_1dq4u_27 {
  padding: 8px 12px;
  margin-bottom: 0;
  gap: 6px;
}

._custom_1dq4u_27 > * {
  font-size: 14px;
}
._wrapper_zoyea_1,
._courts_zoyea_2 {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

._courts_zoyea_2 {
  margin-bottom: 24px;
}

._headling_zoyea_12 {
  font-family: 'Geologica';
  font-weight: 300;
  font-size: 14px;
  line-height: 120%;
  letter-spacing: 0%;
  opacity: 0.5;
  color: var(--white);
}
._radio-label_15k7e_1 {
  display: flex;
  align-items: center;
  gap: 18px;
  padding: 10px 16px;
  border-radius: 6px;
  background-color: #1f3a53;
  flex: 1;
}

._radio-label_15k7e_1 > input {
  display: none;
}

._radio-label_15k7e_1 > input + ._radio-circle_15k7e_15 {
  width: 20px;
  height: 20px;
  background: none;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

._add_15k7e_25._radio-label_15k7e_1 > input + ._radio-circle_15k7e_15 {
  border: 1.33px solid var(--white);
}

._delete_15k7e_29._radio-label_15k7e_1 > input + ._radio-circle_15k7e_15 {
  border: 1.33px solid #e85a45;
}

._disabled_15k7e_33._radio-label_15k7e_1 > input + ._radio-circle_15k7e_15 {
  border: 1.33px solid var(--gray-dark);
}

._radio-circle_15k7e_15 > span {
  width: 14.53px !important;
  height: 14.53px !important;
  border-radius: 50%;
}

._add_15k7e_25 ._radio-circle_15k7e_15 > span {
  background-color: var(--white);
}

._delete_15k7e_29 ._radio-circle_15k7e_15 > span {
  background-color: #e85a45;
}

._disabled_15k7e_33 ._radio-circle_15k7e_15 > span {
  background-color: var(--gray-dark);
}

._radio-label_15k7e_1 > input:not(:checked) + ._radio-circle_15k7e_15 > span {
  display: none;
}

._text_15k7e_59 {
  font-family: 'Geologica';
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0%;
  vertical-align: middle;
}

._add_15k7e_25 ._text_15k7e_59 {
  color: var(--white);
}

._delete_15k7e_29 ._text_15k7e_59 {
  color: #e85a45;
}
._wrapper_1d7yg_1 {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

._courts-info_1d7yg_7 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

._headling_1d7yg_13 {
  font-family: 'Geologica';
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.5px;
  color: var(--white);
}

._headling-courts_1d7yg_22 {
  color: var(--green-yellow);
}

._courts-actions_1d7yg_26 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

._content_1d7yg_33 {
  margin-bottom: 28px;
  display: flex;
  flex-direction: column;
}

._button_1d7yg_39 {
  color: var(--background-color);
  margin-top: auto;
  margin-bottom: 0;
}
._wrapper_jr3zd_1 {
  display: flex;
  flex-direction: column;
}

._headling_jr3zd_6 {
  font-family: 'Geologica';
  font-weight: 300;
  font-size: 14px;
  line-height: 120%;
  letter-spacing: 0%;
  opacity: 0.5;
  color: var(--white);
  margin-bottom: 8px;
}

._count-wrapper_jr3zd_17 {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 8px;
  margin-bottom: 24px;
}

._count-label_jr3zd_24 {
  position: relative;
  height: 40px;
}

._count-label_jr3zd_24 > input {
  display: none;
}

._count-label_jr3zd_24 > input ~ ._count-value_jr3zd_33 {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  padding: 10px 8px;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.5px;
  color: var(--white);
  background: #1f3a53;
  border-radius: 3px;
  display: flex;
  justify-content: center;
  align-items: center;
}

._count-label_jr3zd_24 > input:checked ~ ._count-value_jr3zd_33 {
  background: var(--green-yellow);
  color: #212121;
}

._offers-wrapper_jr3zd_57 {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
._button_do1fa_1 {
  width: var(--base-drawer-button-width);
  transform: translateX(var(--base-drawer-side-padding-negative));
  color: var(--red);
}
._wrapper_16m91_1 {
  padding: 0 var(--base-drawer-side-padding);
  display: flex;
  flex-direction: column;
  gap: 24px;
}

._button_16m91_8 {
  width: var(--base-drawer-button-width);
  transform: translateX(var(--base-drawer-side-padding-negative));
  margin-bottom: 28px;
  color: var(--red);
  background: var(--background-color-additional);
}
._wrapper_p0wnm_1 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-bottom: 28px;
  flex-grow: 1;
}

._offers_p0wnm_9 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  position: relative;
}

._loader_p0wnm_16 {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: var(--background-color-additional);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.3;
  z-index: 2;
}

div._info-card_p0wnm_30 {
  background: transparent;
}

._WEB_p0wnm_34 {
  padding: 0;
  margin-top: calc(var(--web-booking-widget-padding) * -1);
}

._WEB_p0wnm_34 ._club-title_p0wnm_39 {
  font-weight: 600;
  font-size: 16px;
  line-height: 120%;
  letter-spacing: 0%;
  color: #9cbdda99;
  margin-bottom: 4px;
}

._WEB_p0wnm_34 ._offers_p0wnm_9 {
  gap: 16px;
}

._WEB_p0wnm_34 ._empty-offers_p0wnm_52 {
  flex-grow: 1;
  align-items: center;
  justify-content: center;
}

._offers-placeholder_p0wnm_58 {
  color: #767676;
  font-weight: 300;
  font-size: 24px;
  line-height: 120%;
  letter-spacing: 0;
  max-width: 450px;
  text-align: center;
}
._wrapper_13r6p_1 {
  display: flex;
  flex-direction: column;
  border-radius: 3px;
  border: 0.5px solid var(--green-yellow);
  background: #1f3a53;
  font-family: 'Geologica';
}

._warning-wrapper_13r6p_10 {
  padding: 12px 12px 0;
}

._cancelled-wrapper_13r6p_14 * {
  color: var(--gray-light) !important;
}

._item-wrapper_13r6p_18 {
  display: flex;
  align-items: center;
  padding: 12px;
}

._left-item_13r6p_24 {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 4px;
  border-right: 1px solid #e4e5e2;
}

._right-item_13r6p_32 {
  min-width: 90px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}

._cancelled-wrapper_13r6p_14 ._right-item_13r6p_32 svg path {
  fill: var(--gray-light);
}

._date_13r6p_44 {
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  letter-spacing: 0%;
  color: var(--green-yellow);
}

._club_13r6p_52 {
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  letter-spacing: 0%;
  color: var(--white);
  padding-right: 4px;
  white-space: break-spaces;
}

._duration_13r6p_62 {
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  letter-spacing: 0%;
  text-align: center;
  color: var(--white);
}

._right-item_13r6p_32 svg path {
  fill: #e4e5e2;
}

._cost_13r6p_75 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px;
}

._cost-text_13r6p_82 {
  display: flex;
  align-items: center;
  gap: 8px;
}

._cost-text_13r6p_82,
._cost-value_13r6p_89 {
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  letter-spacing: 0%;
  color: var(--white);
}

._cost-value_13r6p_89 {
  text-align: right;
  font-weight: 500;
}

._pay-button_13r6p_102 {
  padding: 12px;
  background: #e48c33;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

._cancelled_13r6p_14 {
  background-color: var(--gray-dark);
  padding: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}

._cancelled_13r6p_14,
._pay-button-info_13r6p_120,
._pay-button-value_13r6p_121 {
  color: var(--white);
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  letter-spacing: 0%;
}

._linked-entity_13r6p_129 {
  padding: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-top: 0.5px solid var(--gray-dark);
}

._linked-entity_13r6p_129 > span {
  font-size: 16px;
  line-height: 120%;
  color: var(--gray-blue);
}

._linked-entity_13r6p_129 svg path {
  fill: var(--gray-blue);
}

._deadline_13r6p_148 {
  padding: 4px 6px;
  border-radius: 20px;
  background: var(--red);
  margin-left: 8px;
  font-size: 12px;
  font-weight: 300;
}

div._border-orange_13r6p_157 {
  border: 0.5px solid #e48c33;
}

div._no-border_13r6p_161 {
  border: none;
}

._WEB-item-wrapper_13r6p_165 {
  border-radius: 9px;
  justify-content: space-between;
  gap: 8px;
  padding: 8px 24px;
}

._WEB-item-wrapper_13r6p_165 ._right-item_13r6p_32 {
  max-width: 150px;
  flex: 1 0 0;
}

._WEB-item-wrapper_13r6p_165 ._row_13r6p_177 {
  display: flex;
  gap: 4px;
  align-items: center;
}

._WEB-item-wrapper_13r6p_165 ._date_13r6p_44,
._WEB-item-wrapper_13r6p_165 ._club_13r6p_52 {
  font-size: 16px;
}

._WEB-item-wrapper_13r6p_165 ._date_13r6p_44 {
  color: #d5ff62;
}

._WEB-item-wrapper_13r6p_165 svg path {
  fill: #d5ff62;
}
._wrapper-first_1t330_1 {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
._wrapper_hzfl1_1 {
  /* для специфичности */
}

._title_hzfl1_5 {
  font-weight: 600;
  font-size: 28px;
  line-height: 100%;
  letter-spacing: 0;
}

._form_hzfl1_12 {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

._duration-placeholder_hzfl1_18 {
  height: 103.19px;
}

._wrapper_hzfl1_1 ._dur-title_hzfl1_22 {
  font-size: 20px;
}

._wrapper_hzfl1_1 ._dur-subtitle_hzfl1_26 {
  font-size: 16px;
}

._clubs-placeholder_hzfl1_30 {
  color: #767676;
  font-weight: 300;
  font-size: 24px;
  line-height: 120%;
  letter-spacing: 0;
  text-align: center;
  padding-top: 80px;
}

._content_hzfl1_40 {
  margin-top: calc(var(--web-booking-widget-padding) * -1);
}

._date-picker-wrapper_hzfl1_44 {
  width: calc(100% + var(--web-booking-widget-padding));
  max-width: calc(100% + var(--web-booking-widget-padding));
  overflow: hidden;
}

._wrapper_hzfl1_1 ._date-picker-items_hzfl1_50 {
  gap: 8px;
}

._wrapper_hzfl1_1 ._date-picker-item-content_hzfl1_54 {
  gap: 0;
  padding: 4px;
  font-size: 14px;
}
._time-picker-wrapper_1i70c_1 {
  grid-template-columns: repeat(8, 1fr) !important;
}

@media (max-width: 750px) {
  ._time-picker-wrapper_1i70c_1 {
    grid-template-columns: repeat(7, 1fr) !important;
  }
}

@media (max-width: 660px) {
  ._time-picker-wrapper_1i70c_1 {
    grid-template-columns: repeat(6, 1fr) !important;
  }
}

@media (max-width: 542px) {
  ._time-picker-wrapper_1i70c_1 {
    grid-template-columns: repeat(5, 1fr) !important;
  }
}

@media (max-width: 455px) {
  ._time-picker-wrapper_1i70c_1 {
    grid-template-columns: repeat(4, 1fr) !important;
    column-gap: 10px;
  }
}
._wrapper_4mvfv_1 {
  position: sticky;
  top: 0;
  z-index: 99;
  width: 100%;
  transform: translateY(calc(var(--web-booking-widget-padding) * -1));
  padding-bottom: 0;
}

._header-main_4mvfv_10 {
  padding-top: calc(var(--web-booking-widget-padding) + var(--sa-top));
  padding-bottom: 0;
  background-color: var(--background-color);
}

._header_4mvfv_10 {
  font-weight: 600;
  font-size: 28px;
  line-height: 100%;
  letter-spacing: 0%;
  display: flex;
  gap: 16px;
  align-items: center;
}

._header_4mvfv_10,
._sub-header_4mvfv_27 {
  padding-bottom: 16px;
}

._sub-header_4mvfv_27 {
  font-weight: 500;
  font-size: 14px;
  line-height: 120%;
  letter-spacing: 0%;
  color: #9cbdda;
  display: flex;
  gap: 4px;
  align-items: center;
  min-height: 34px;
}

._sub-header_4mvfv_27 ._clickable_4mvfv_43 {
  cursor: pointer;
  display: flex;
  gap: 4px;
  align-items: center;
}

._sub-header_4mvfv_27 ._clickable_4mvfv_43 * {
  cursor: pointer;
}

._timer-wrapper_4mvfv_54 {
  background-color: #2c3e4f80;
  color: #ff6852;
  font-weight: 300;
  font-size: 14px;
  line-height: 120%;
  letter-spacing: 0%;
  padding: 8.5px 24px;
  border-radius: 70px;
  text-align: center;
  margin-left: auto;
}

._close-button_4mvfv_67 {
  position: absolute;
  top: var(--web-booking-widget-padding);
  right: 0;
  cursor: pointer;
}

._close-button_4mvfv_67 * {
  cursor: pointer;
}

@media (max-width: 575px) {
  ._header_4mvfv_10 {
    font-size: 24px;
    padding-right: 24px;
  }
  ._timer-wrapper_4mvfv_54 {
    font-size: 12px;
    padding: 8.5px 16px;
  }
  ._close-button_4mvfv_67 {
    transform: translateX(5px);
  }
}
._filter-button-wrapper_1okyo_1 {
  display: flex;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}

._filter-button_1okyo_1 {
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 4px;
  max-width: 260px;
  padding-left: 20px;
  border-radius: 20px;
  height: 40px;
  background-color: #2c3e4f;
  box-shadow: 0px 0px 18px 0px #63636321;
  cursor: pointer;
}

._filter-button_1okyo_1 * {
  cursor: pointer;
}

._filter-button_1okyo_1:active {
  transform: scale(0.99);
}

._filter-button_1okyo_1 span {
  text-align: center;
  font-family: Geologica;
  font-weight: 300;
  font-size: 14px;
  line-height: 110%;
  letter-spacing: 0;
  text-align: center;
  color: white;
}

._filter-icon-wrapper_1okyo_42 {
  min-width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: #1f3a53;
  box-shadow: 0px 0px 18px 0px #63636321;
  cursor: pointer;
}

._filter-icon-wrapper_1okyo_42 * {
  cursor: pointer;
}

._filter-icon-wrapper_1okyo_42 svg {
  width: 24px;
  height: 24px;
}

._filter-block-wrapper_1okyo_63 {
  background-color: transparent;
  padding: 0 0 16px;
}

._selected-filters-wrapper_1okyo_68 {
  margin: 0 auto;
  width: 100%;
  display: flex;
  gap: 10px;
  align-items: center;
  flex-wrap: wrap;
}

._selected-filter-item_1okyo_77 {
  display: flex;
  gap: 8px;
  border-radius: 73px;
  background-color: var(--green-yellow);
  font-weight: 300;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.5px;
  padding: 10px 14px;
  color: #212121;
  text-wrap: nowrap;
}

._cross-icon_1okyo_91,
._cross-icon_1okyo_91 * {
  cursor: pointer;
}

._cross-icon_1okyo_91 path {
  fill: #3080ae;
}

@media (max-width: 575px) {
  ._filter-icon-wrapper_1okyo_42 svg {
    width: 16px;
    height: 16px;
  }
  ._selected-filter-item_1okyo_77 {
    font-size: 14px;
    line-height: 18px;
    padding: 5px;
    padding-left: 10px;
    gap: 4px;
  }
  ._filter-icon-wrapper_1okyo_42 {
    min-width: 30px;
    height: 30px;
  }
}
:root {
  --booking--modal-width: 488px;
}

._wrapper_mfqxb_5 {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #373737b2;
  backdrop-filter: blur(2px);
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
}

._close-icon_mfqxb_19 {
  position: absolute;
  right: 15px;
  top: 15px;
  z-index: 99;
  cursor: pointer;
}

._close-icon_mfqxb_19 * {
  cursor: pointer;
}

._bf-content-wrapper_mfqxb_31 {
  padding: 20px;
  padding-top: 0;
  flex: 1;
}

._bf-content-button_mfqxb_37 {
  width: 100%;
  transform: translateX(0);
  margin-top: auto;
}

._modal-content-container_mfqxb_43 {
  width: 100%;
  max-width: var(--booking--modal-width);
  max-height: 100vh;
  background-color: var(--background-color-additional);
  position: relative;
  overflow-y: auto;
}

._main-filter-content_mfqxb_52 {
  display: flex;
  flex-direction: column;
  position: relative;
}

._main-filter-content_mfqxb_52 ._header-title_mfqxb_58 {
  font-size: 20px;
  background-color: inherit;
}

._reset-button_mfqxb_63 {
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0%;
  text-align: right;
  vertical-align: middle;
  color: var(--gray-light);
  padding-left: 8px;
  cursor: pointer;
}

._reset-button_mfqxb_63 * {
  cursor: pointer;
}

._modal-header_mfqxb_79 {
  margin: 20px;
  margin-bottom: 24px;
  padding: 0;
  font-weight: 600;
  font-size: 20px;
  line-height: 120%;
  letter-spacing: 0%;
}
._wrapper_1gq9w_1 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  font-family: 'Geologica';
}
._wrapper_banbb_1 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
  font-family: 'Geologica';
}
._item_1tmln_1 {
  position: relative;
  min-height: 40px;
  font-family: 'Geologica';
  cursor: pointer;
}

._item_1tmln_1 * {
  cursor: pointer;
}

._item_1tmln_1 > input {
  display: none;
}

._item-content_1tmln_16 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 3px;
  padding: 10px;
  background: #1f3a53;
  text-align: center;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.5px;
  color: var(--white);
}

._item_1tmln_1 > input:checked + ._item-content_1tmln_16 {
  background: var(--green-yellow);
  color: #4e4e4e;
}

._disabled_1tmln_38 {
  background: #2c3e4f80 !important;
  color: var(--gray-dark) !important;
}
:root {
  --bright-yellow: #d5ff62;
  --dark: #212121;
  --web-booking-widget-padding: 32px;
}

html {
  overscroll-behavior: none;
}

@media (max-width: 575px) {
  :root {
    --web-booking-widget-padding: 16px;
  }
}

._wrapper_1u4ky_17 {
  background-color: var(--background-color);
  padding: var(--web-booking-widget-padding);
  padding-top: calc(var(--web-booking-widget-padding) + var(--sa-top));
  font-family: Geologica;
  max-width: 800px;
  margin: auto;
}

._wrapper-in-iframe_1u4ky_26 {
  height: 100vh;
  overflow-y: scroll;
}

._widget-content_1u4ky_31 {
  margin-top: calc(var(--web-booking-widget-padding) * -1);
}

div,
p,
span,
h1,
h2,
h3,
h4,
h5,
h6,
li,
td {
  caret-color: transparent;
  cursor: default;
}

input[type='text'],
input[type='password'],
input[type='email'],
input[type='tel'],
input[type='url'],
input[type='search'],
input[type='number'],
input:not([type]) {
  caret-color: auto;
  cursor: text;
}

textarea {
  caret-color: auto;
  cursor: text;
}

[contenteditable='true'] {
  caret-color: auto;
  cursor: text;
}

input[type='date'],
input[type='time'],
input[type='datetime-local'],
input[type='month'],
input[type='week'] {
  caret-color: auto;
  cursor: text;
}
._wrapper_t47uk_1 {
  min-height: calc(100dvh - var(--web-booking-widget-padding) * 2);
  display: flex;
  flex-direction: column;
}
._wrapper_12z4w_1 {
  display: flex;
  flex-direction: column;
  min-height: calc(100dvh - (var(--web-booking-widget-padding) * 2));
}

._content_12z4w_7 {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  gap: 32px;
  margin-top: calc(var(--web-booking-widget-padding) * -1);
}

._footer_12z4w_15 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  font-weight: 300;
  font-size: 16px;
  line-height: 120%;
  letter-spacing: 0%;
  text-align: center;
  color: #75828b;
  margin-top: 40px;
}

._footer_12z4w_15 a {
  color: #7ecefd;
}

@media (max-width: 575px) {
  ._footer_12z4w_15 {
    font-size: 14px;
    margin-top: 24px;
  }
}

._court-card-wrapper_12z4w_39 {
  padding-top: 17px;
  transform: translateY(-5px);
  position: relative;
  z-index: 0;
}

._general-info-card-wrapepr_12z4w_46 {
  position: relative;
  z-index: 1;
}

._no-wrap_12z4w_51 {
  white-space: nowrap;
}
._book-button_dqf63_1 {
  width: 137px;
  height: 46px;
  border-radius: 3px;
}

._title_dqf63_7 {
  text-align: center;
}

._phone-input-wrapper_dqf63_11 {
  gap: 4px !important;
  font-size: 13px;
}

._phoneCodeSelect_dqf63_16 {
  background: var(--background-color);
  border: none;
  color: var(--white);
  max-width: calc(1em + 25px);
}

._phoneCodeSelect_dqf63_16:focus {
  border: none;
  outline: none;
}

._input-left-adds_dqf63_28 {
  display: flex;
  align-items: center;
}

._phone-form_dqf63_33 {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

._confirm-cookies_dqf63_39 {
  font-weight: 300;
  font-size: 16px;
  line-height: 120%;
  letter-spacing: 0%;
  text-align: center;
  color: #75828b;
}
._form-title_1owk8_1 {
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
}

._info_1owk8_7 {
  display: flex;
  flex-direction: column;
  font-weight: 300;
  font-style: Light;
  font-size: 16px;
  line-height: 120%;
  letter-spacing: 0;
  gap: 8px;
}

._form-wrapper_1owk8_18 {
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  gap: 16px;
  width: 100%;
  max-width: 400px;
}

._form-wrapper_1owk8_18 ._title_1owk8_27 {
  text-align: center;
}

._input-wrapper_1owk8_31 {
  border: 1px solid #767676;
  padding: 12px 8px 12px 16px;
  display: flex;
  gap: 10px;
  align-items: center;
  width: 255px;
  border-radius: 3px;
}

._input-wrapper_1owk8_31 input {
  padding: 0;
  background-color: transparent;
  border: none;
  color: white;
  font-weight: 500;
  font-size: 13px;
  line-height: 20px;
  letter-spacing: 0px;
}

._input-wrapper_1owk8_31 input:focus {
  outline: none;
}

._yellow_1owk8_56 {
  color: var(--bright-yellow);
}

._book-button_1owk8_60 {
  padding: 20px 0;
  border-radius: 3px;
}
._book-button_1ydhk_1 {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--bright-yellow);
  padding: 8px;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.5px;
  color: var(--bright-yellow);
  width: 100%;
  height: 56px;
}

._filled_1ydhk_16 {
  color: var(--dark);
  background-color: var(--bright-yellow);
}

._book-button_1ydhk_1:disabled {
  color: #767676;
  background-color: #2c3e4f;
  border-color: #2c3e4f;
}
:root ._wrapper_45p9s_1 {
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 32px;
}

._pay-method-form_45p9s_10 {
}

._title_45p9s_13 {
  margin-bottom: 8px;
}

._radio-block_45p9s_17 {
  display: flex;
  gap: 12px;
}

._card-form_45p9s_22 {
  display: grid;
  gap: 8px;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: repeat(3, auto);
  grid-template-areas:
    'number number'
    'valid-true code'
    'cardholder-name cardholder-name';
}

._card-form_45p9s_22 > div:nth-child(1) {
  grid-area: number;
}

._card-form_45p9s_22 > div:nth-child(2) {
  grid-area: valid-true;
}

._card-form_45p9s_22 > div:nth-child(3) {
  grid-area: code;
}

._card-form_45p9s_22 > div:nth-child(4) {
  grid-area: cardholder-name;
}

._payment-block-wrapper_45p9s_49 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}

._qr-wrapper_45p9s_56 {
  padding: 16px;
  border-radius: 16px;
  background-color: #fff;
  margin-bottom: 16px;
}

._sbp-icon_45p9s_63 {
  margin: 0 12px;
}

._qr-description_45p9s_67 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}

._qr-description_45p9s_67 span {
  text-align: center;
}

._qr-header_45p9s_78 > span:first-of-type {
  text-align: center;
}

._payment-hints_45p9s_82 {
  font-weight: 300;
  font-style: Light;
  font-size: 16px;
  line-height: 120%;
  letter-spacing: 0;
  color: #767676;
  display: flex;
  flex-direction: column;
}

._payment-hints_45p9s_82 > span {
  text-align: center;
}
._name-form_95y8y_1 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

._form-wrapper_95y8y_7 {
  gap: 32px;
}
._wrapper_vcic2_1 {
  width: 100%;
}

._input-wrapper_vcic2_5 {
  height: 44px;
  border: 1px solid #767676;
  padding: 12px 8px 12px 16px;
  display: flex;
  gap: 10px;
  align-items: center;
  border-radius: 3px;
}

._input-wrapper_vcic2_5 ._error_vcic2_15 {
  border-color: #ff6852;
}

._input-wrapper_vcic2_5 input {
  padding: 0;
  background-color: transparent;
  border: none;
  color: white;
  font-weight: 500;
  font-size: 13px;
  line-height: 20px;
  letter-spacing: 0px;
  width: 100%;
}

._input-wrapper_vcic2_5 input:focus {
  outline: none;
}

._input-wrapper_vcic2_5 input::placeholder {
  color: #c6c6c6;
}

._top-label_vcic2_39 {
  font-weight: 300;
  font-size: 13px;
  line-height: 120%;
  letter-spacing: 0%;
  color: #767676;
  margin-bottom: 4px;
}
._wrapper_yvqm9_1 {
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
  font-weight: 600;
  text-align: center;
  margin-top: 40px;
}

._header_yvqm9_14 {
  font-size: 24px;
  line-height: 24px;
  letter-spacing: 0%;
  text-align: center;
}

._download_yvqm9_21,
._download-mobile_yvqm9_22 {
  font-weight: 600;
  font-size: 20px;
  line-height: 120%;
  letter-spacing: 0;
  text-align: center;
  color: #e4e5e2b2;
}

._download-mobile_yvqm9_22 {
  color: #7ecefd;
  text-decoration: underline;
}

._booking-management_yvqm9_36 {
  font-size: 20px;
  line-height: 120%;
  letter-spacing: 0%;
  text-align: center;
  color: #e4e5e2b2;
}

._qr-wrapper_yvqm9_44 {
  padding: 16px;
  border-radius: 16px;
  margin-top: 10px;
  background-color: #fff;
}
._terms_bmmvy_1 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  font-size: 16px;
  padding-top: 16px;
}

._terms_bmmvy_1 ._header_bmmvy_9 {
  font-weight: 500;
  font-style: Medium;
  font-size: 18px;
  line-height: 120%;
  letter-spacing: 0%;
  padding-bottom: 8px;
  text-align: center;
}

._terms_bmmvy_1 ._subheader_bmmvy_19 {
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  letter-spacing: 0;
  padding-bottom: 8px;
}

._terms-item_bmmvy_27 {
  display: flex;
  flex-direction: column;
  padding: 16px;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: 0;
  background-color: #2c3e4f80;
  border-radius: 6px;
  gap: 4px;
}

._terms-item_bmmvy_27 span:last-of-type {
  font-weight: 300;
  color: rgb(228, 229, 226, 0.5);
}

._common-popover_bmmvy_44 ._warning-icon_bmmvy_44 path {
  fill: var(--green-yellow);
}

._popover-content-block_bmmvy_48 {
  max-width: 350px;
}

._policy-description_bmmvy_52 {
  display: flex;
  align-items: flex-end;
  gap: 4px;
}

._terms_bmmvy_1 ._terms-item_bmmvy_27 ._warning-icon_bmmvy_44 svg {
  width: 16px;
  height: 16px;
}

._dropdown-wrapper_bmmvy_63 {
  padding: 0;
}

._trigger-wrapper_bmmvy_67 ._dropdown-arrow-wrapper_bmmvy_67 {
  position: static;
  top: auto;
  right: auto;
  transform: none;
}

._trigger-wrapper_bmmvy_67 ._dropdown-arrow-wrapper_bmmvy_67 svg {
  width: 24px;
  height: 24px;
}

._trigger-wrapper_bmmvy_67 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

._trigger-wrapper_bmmvy_67 * {
  cursor: pointer;
}

._pre-line_bmmvy_89 {
  white-space: pre-line;
}

@media (max-width: 575px) {
  ._terms_bmmvy_1 {
    font-size: 14px;
  }
  ._terms-item_bmmvy_27 {
    padding: 12px;
  }
  ._terms_bmmvy_1 ._header_bmmvy_9 div:last-of-type {
    font-size: 14px;
  }
}
._content_hlqtn_1 {
  position: relative;
}

._dropdown_hlqtn_5 {
  padding: 8px 8px 16px;
}

._arrow_hlqtn_9 {
  transition: transform 0.2s;
}

._arrow-wrapper_hlqtn_13 {
  position: absolute;
  top: 50%;
  right: 5px;
  transform: translateY(-50%);
}

._open_hlqtn_20 {
  transform: rotate(-90deg);
}

._close_hlqtn_24 {
  transform: rotate(90deg);
}
._phone-form_ixuwf_1 {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
._no-wrap_raisx_1 {
  white-space: nowrap;
}
._wrapper_1tfrh_1 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  font-family: 'Geologica';
  position: relative;
}

._wrapper_1tfrh_1::after {
  content: '';
  position: absolute;
  top: 0;
  right: var(--base-layout-side-padding-negative);
  bottom: 0;
  width: var(--base-drawer-side-padding);
  background: linear-gradient(
    270deg,
    #071f34 40.74%,
    rgba(7, 31, 52, 0) 113.89%
  );
  pointer-events: none;
  z-index: 3;
}

._navigation-wrapper_1tfrh_25 {
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
  letter-spacing: 0%;
  color: var(--gray-blue);
}

._navigation-wrapper_1tfrh_25 svg path {
  stroke: var(--gray-blue);
}

._navigation-text_1tfrh_40 {
  min-width: 190px;
  text-align: center;
}

._navigation-text_1tfrh_40._single_1tfrh_45 {
  text-align: left;
}

._left-icon_1tfrh_49 {
  transform: rotate(180deg);
}

._items_1tfrh_53 {
  display: flex;
  align-items: center;
  gap: 24px;
  overflow-x: scroll;
  width: var(--relative-layout-width-paddings-overwritten);
  padding: 0 var(--base-layout-side-padding);
  transform: translateX(var(--base-layout-side-padding-negative));
  scrollbar-width: none;
  -ms-overflow-style: none;
}

._items_1tfrh_53::-webkit-scrollbar {
  display: none;
}

._item_1tfrh_53 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: max-content;
  position: relative;
}

._item-title_1tfrh_77 {
  color: var(--gray-blue);
  position: sticky;
  left: 0;
  z-index: 2;
  width: max-content;
  text-transform: capitalize;
  font-weight: 500;
}

._item-dates_1tfrh_87 {
  display: flex;
  gap: 8px;
  align-items: center;
}

._range-picker-button_1tfrh_93,
._range-picker-button_1tfrh_93 * {
  cursor: pointer;
}

._range-picker-button_1tfrh_93._disabled_1tfrh_98 svg path {
  stroke: var(--blue-dark);
}

._available-dates-placeholder_1tfrh_102 {
  color: #767676;
  font-weight: 300;
  font-size: 24px;
  letter-spacing: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 64px;
  padding: 16px;
}

@media (max-width: 575px) {
  ._available-dates-placeholder_1tfrh_102 {
    font-size: 16px;
  }
}
._item_13l6k_1 {
  position: relative;
  min-width: 64px;
  min-height: 64px;
  font-family: 'Geologica';
  cursor: pointer;
}

._item_13l6k_1 * {
  cursor: pointer;
}

._item_13l6k_1 > input {
  display: none;
}

._item_13l6k_1 > div {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 3px;
  background: #1f3a53;
  padding: 10px 4px;
}

._item-content_13l6k_28 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: center;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.5px;
  color: var(--white);
}

._item-content_13l6k_28 > span:last-child {
  transform: translateY(-2px);
}

._item-day_13l6k_44 {
  font-weight: 600;
  color: var(--green-yellow);
}

._item-day-label_13l6k_49 {
  text-transform: capitalize;
}

._item_13l6k_1 > input:checked + div {
  background: var(--green-yellow);
}

._item_13l6k_1 > input:checked + div > span {
  color: #4e4e4e;
}

._item_13l6k_1 > input:checked + div > span._item-day_13l6k_44 {
  color: #3080ae;
}

._disabled_13l6k_65 {
  background: #2c3e4f80 !important;
  color: var(--gray-dark) !important;
}

._disabled_13l6k_65 ._item-day_13l6k_44 {
  color: var(--gray-dark);
}
._present_1l02z_1,
._new_1l02z_2 {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
  background: #1f3a53;
  font-family: 'Geologica';
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.5px;
  text-align: center;
  color: var(--white);
}

._present_1l02z_1 {
  padding: 10px 14px;
}

._new_1l02z_2 {
  padding: 20px 14px;
  border: 1px solid var(--green-yellow);
}

._time_1l02z_26 {
  color: var(--green-yellow);
}
._wrapper_vamv4_1 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-bottom: 28px;
}
._button_1296v_1 {
  width: var(--base-drawer-button-width);
  transform: translateX(var(--base-drawer-side-padding-negative));
  color: var(--background-color);
}
._wrapper_17b9j_1 {
  padding: 0 var(--base-drawer-side-padding);
  display: flex;
  flex-direction: column;
  gap: 24px;
}

._button_17b9j_8 {
  width: var(--base-drawer-button-width);
  transform: translateX(var(--base-drawer-side-padding-negative));
  margin-bottom: 28px;
}
._wrapper_1isfe_1 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  font-family: 'Geologica';
}

._headling_1isfe_8 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

._headling-text_1isfe_14 {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.5px;
  color: var(--white);
  display: flex;
  justify-content: space-between;
  flex: 1;
}

._services-price_1isfe_25 {
  color: var(--gray-light);
  white-space: nowrap;
  font-weight: 500;
}

._plus-trigger_1isfe_31 {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #1f3a53;
  border-radius: 3px;
}

._plus-trigger_1isfe_31 svg {
  transform: rotate(45deg);
}

._plus-trigger_1isfe_31 svg path {
  fill: var(--green-yellow);
}

._items_1isfe_49 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._item_1isfe_49 {
  display: flex;
  gap: 8px;
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  letter-spacing: -0.5px;
  color: var(--gray-light);
  opacity: 0.9;
  justify-content: space-between;
}

._item-cost_1isfe_67 {
  white-space: nowrap;
}

._direct-billing_1isfe_71 {
  margin-left: 4px;
  color: var(--green-yellow);
  font-weight: 500;
}
._wrapper_nwhr0_1 {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

._headling_nwhr0_7 {
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
  letter-spacing: 0px;
  vertical-align: middle;
  color: var(--gray-light);
  margin-top: -8px;
}

._items_nwhr0_17 {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

._price_nwhr0_23 {
  border: none;
  padding: 0;
  margin-bottom: 28px;
}

._button_nwhr0_29 {
  background: transparent;
  color: var(--white);
}
._wrapper_vwa5v_1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4px;
}

._item-info_vwa5v_8 {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

._item-title_vwa5v_14 {
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  letter-spacing: 0%;
  color: var(--white);
}

._item-description_vwa5v_22 {
  font-weight: 300;
  font-size: 14px;
  line-height: 120%;
  letter-spacing: 0%;
  color: var(--gray-light);
  opacity: 0.5;
}

._item-actions_vwa5v_31 {
  display: flex;
  align-items: center;
}

._action_vwa5v_36 {
  border: none;
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  background: #1f3a53;
}

._minus_vwa5v_47 svg path {
  stroke: var(--green-yellow);
}

._plus_vwa5v_51 svg path {
  fill: var(--green-yellow);
}

._item-count_vwa5v_55 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  color: var(--white);
}

._disabled_vwa5v_64 {
  background: #1f3a5380;
}

._disabled_vwa5v_64 ._minus_vwa5v_47 svg path {
  stroke: var(--gray-dark);
}

._disabled_vwa5v_64 ._plus_vwa5v_51 svg path {
  fill: var(--gray-dark);
}
._wrapper_1f0r8_1 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 12px;
  border: 1px solid #2c3e4f;
  border-radius: 6px;
}

._price-item_1f0r8_10 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

._price-text_1f0r8_16 {
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
  letter-spacing: 0%;
  color: var(--gray-light);
  opacity: 0.5;
}

._summary_1f0r8_25 ._price-text_1f0r8_16 {
  opacity: 1;
  color: var(--white);
}

._price-value_1f0r8_30 {
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
  letter-spacing: 0%;
  text-align: right;
  vertical-align: middle;
  color: var(--white);
  opacity: 0.7;
}

._summary_1f0r8_25 ._price-value_1f0r8_30 {
  color: var(--green-yellow);
  opacity: 1;
}
._trigger_aqdw8_1 {
  font-family: 'Geologica';
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0%;
  text-align: right;
  vertical-align: middle;
  color: var(--gray-blue);
}
._wrapper_14ndo_1 {
  display: flex;
  flex-direction: column;
  font-family: 'Geologica';
}

._form-item_14ndo_7 {
  gap: 12px;
  margin-bottom: 24px;
}

._club-item_14ndo_12 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

._button_14ndo_18 {
  background: transparent;
  color: var(--white);
  font-family: 'SF-Pro-Display';
}

._list-wrapper_14ndo_24 {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

._durations-item_14ndo_30 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

._durations-block_14ndo_36 {
  display: inline-block;
  padding: 2px 16px;
  border-radius: 73px;
  background: #3080ae;
  color: var(--white);
}

._button-all-clubs_14ndo_44 {
  cursor: pointer;
  color: var(--gray-blue);
  display: flex;
  align-items: center;
}

._button-all-clubs_14ndo_44 * {
  cursor: pointer;
}

._button-all-clubs-icon_14ndo_55 {
  transform: rotateZ(180deg);
}

._button-all-clubs-icon_14ndo_55 path {
  stroke: var(--gray-blue);
}
._wrapper_jszzy_1 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-family: 'Geologica';
}

._title_jszzy_8 {
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  letter-spacing: 0%;
  color: var(--white);
}

._subtitle_jszzy_16 {
  font-weight: 300;
  font-size: 14px;
  line-height: 120%;
  letter-spacing: 0%;
  color: var(--gray-dark);
}
._item_173vl_1 {
  min-height: 32px;
  position: relative;
  font-family: 'Geologica';
  cursor: pointer;
}

._item_173vl_1 * {
  cursor: pointer;
}

._item_173vl_1 > input {
  display: none;
}

._item-content_173vl_16 {
  border: 1px solid var(--gray-dark);
  border-radius: 73px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 3px 16px;
  height: 100%;
}

._label_173vl_27 {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0px;
  vertical-align: middle;
  color: var(--white);
  white-space: nowrap;
}

._additional-label_173vl_37 {
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0px;
  vertical-align: middle;
  color: var(--gray-blue);
}

._item_173vl_1 > input:checked + ._item-content_173vl_16 {
  background: var(--green-yellow);
  border: 1px solid var(--green-yellow);
}

._item_173vl_1 > input:checked + ._item-content_173vl_16 ._label_173vl_27 {
  color: #212121;
}

._item_173vl_1 > input:checked + ._item-content_173vl_16 ._additional-label_173vl_37 {
  color: #3080ae;
}
._title_ufb8i_1 {
  display: flex;
  align-items: center;
  gap: 16px;
}

._title_ufb8i_1 > span {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0%;
  text-align: right;
  vertical-align: middle;
  color: var(--gray-light);
}

._filter_ufb8i_17 svg path {
  fill: var(--white);
}
._wrapper_17gg4_1 {
  display: flex;
  flex-direction: column;
}

._additional_17gg4_6 {
  margin-top: 8px;
  margin-bottom: 28px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

._button_17gg4_14 {
  color: var(--background-color);
}
._wrapper_ak5yr_1 {
  padding: 12px;
  border: 1px solid #2c3e4f;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._item_ak5yr_9 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4px;
}

._additional-text_ak5yr_16 {
  font-weight: 300;
  font-size: 14px;
  line-height: 120%;
  letter-spacing: 0%;
  opacity: 0.5;
  color: var(--gray-light);
}

._additional-value_ak5yr_25 {
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  letter-spacing: 0%;
  opacity: 0.7;
  color: var(--white);
}

._main-text_ak5yr_34 {
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  letter-spacing: 0%;
  color: var(--white);
}

._main-value_ak5yr_42 {
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
  letter-spacing: 0%;
  text-align: right;
  vertical-align: middle;
  color: var(--green-yellow);
}
._wrapper_f1qdn_1 {
  padding: 0 18px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-bottom: 28px;
}
._wrapper_7aqde_1 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._headling_7aqde_7 {
  font-family: 'Geologica';
  font-weight: 300;
  font-size: 14px;
  line-height: 120%;
  letter-spacing: 0%;
  color: #c6c6c6;
}

._times_7aqde_16 {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 8px;
}
._wrapper_18ftb_1 {
  padding: 0 18px;
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  letter-spacing: 0%;
  text-align: center;
  color: var(--gray-dark);
}

._wrapper_18ftb_1 a {
  color: var(--white);
}
._wrapper_d61hl_1 {
  display: flex;
  gap: 8px;
  padding: 12px;
  background: #2975cc33;
  border: 1px solid var(--blue);
}

._wrapper_d61hl_1 svg path {
  fill: var(--gray-blue);
}

._wrapper_d61hl_1 > span {
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  letter-spacing: 0%;
  color: var(--white);
}
._policy-wrapper_q88ns_1 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 12px;
  border: 1px solid #2c3e4f;
  border-radius: 6px;
}

._policy-headling_q88ns_10 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
  letter-spacing: 0%;
  vertical-align: middle;
  color: var(--white);
}

._policy-headling_q88ns_10 svg path {
  fill: #9cbdda;
}

._policy-title_q88ns_26 {
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  letter-spacing: 0%;
  color: var(--white);
  margin-bottom: 8px;
  white-space: pre-line;
}

._policy-description_q88ns_36 {
  font-weight: 300;
  font-size: 14px;
  line-height: 120%;
  letter-spacing: 0%;
  color: var(--gray-light);
  white-space: pre-line;
}
._wrapper_gd9vb_1 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  position: relative;
}

._headling_gd9vb_8 {
  font-family: 'Geologica';
  font-weight: 300;
  font-size: 14px;
  line-height: 120%;
  letter-spacing: 0%;
  color: #c6c6c6;
}

._loader_gd9vb_17 {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  background-color: var(--background-color-additional);
  opacity: 0.5;
}
._wrapper_7fkuv_1 {
  margin-bottom: 28px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

._payment-option_7fkuv_8 {
  padding: 4px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  width: 100%;
}

._option-content_7fkuv_17 {
  display: flex;
  align-items: center;
  gap: 10px;
}

._option-content_7fkuv_17 > span {
  font-weight: 400;
  font-size: 18px;
  line-height: 110%;
  letter-spacing: 0%;
  vertical-align: middle;
  color: var(--white);
  text-align: left;
}

._paper_7fkuv_33 svg path {
  stroke: var(--green-yellow);
}

._arrow_7fkuv_37 svg path {
  stroke: #d8d7d7;
}
._wrapper_780zb_1 {
  display: flex;
  align-items: center;
  gap: 10px;
}

._text_780zb_7 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 0%;
  vertical-align: middle;
  color: var(--white);
}

._timer_780zb_19 {
  font-weight: 300;
  font-style: Light;
  font-size: 12px;
  line-height: 120%;
  letter-spacing: 0%;
  color: #ff6852;
  height: 15px;
}
._wrapper_1ufhh_1 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  position: relative;
  margin-bottom: 28px;
}

._description_1ufhh_9 {
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
  letter-spacing: 0px;
  vertical-align: middle;
  color: var(--gray-light);
}

._input-label_1ufhh_18 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px;
  background-color: #1f3a53;
}

._input-label_1ufhh_18 > input {
  background: none;
  border: none;
  color: var(--white);
  flex: 1;
}

._input-label_1ufhh_18 > input::placeholder {
  color: var(--gray-light);
}

._input-label_1ufhh_18 > input:focus {
  outline: none;
}

._banks-list_1ufhh_41 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._bank-item_1ufhh_47 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px;
  background-color: #1f3a53;
  color: var(--white);
  padding: 0;
}

._bank-item-common_1ufhh_57 {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--white);
  padding: 0;
}

._image-wrapper_1ufhh_65 {
  width: 40px;
  height: 40px;
  border-radius: 6px;
  background-size: contain;
}

._bank-item-common_1ufhh_57 > ._image-wrapper_1ufhh_65 {
  width: 32px;
  margin-bottom: 12px;
}

._bank-item-common_1ufhh_57 > * {
  height: 32px;
}

._bank-item-common_1ufhh_57 > span {
  flex: 1;
  border-bottom: 1px solid #86868680;
  text-align: left;
}

._loader_1ufhh_87 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--background-color-additional);
  opacity: 0.5;
  z-index: 2;
}
._title-text_agme6_1 {
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 0%;
  vertical-align: middle;
  color: var(--white);
}
._wrapper_mk9l5_1 {
  display: flex;
  flex-direction: column;
}

._description_mk9l5_6 {
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
  letter-spacing: 0px;
  vertical-align: middle;
  color: var(--gray-light);
  margin-bottom: 16px;
}

._contracts-wrapper_mk9l5_16 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 28px;
}

._contract-item_mk9l5_23 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid #86868680;
  padding-top: 8px;
}

._contract-info_mk9l5_31 {
  display: flex;
  flex-direction: column;
}

._contract-top_mk9l5_36 {
  font-weight: 300;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0px;
  vertical-align: middle;
  color: var(--white);
  opacity: 0.5;
}

._contract-bottom_mk9l5_46 {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0px;
  vertical-align: middle;
  color: var(--white);
  text-align: left;
}

._checkmark_mk9l5_56 svg path {
  fill: var(--green-yellow);
}

._button_mk9l5_60 {
  color: var(--background-color);
}
._wrapper_1m21z_1 {
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 28px;
}

._available-wrapper_1m21z_8,
._unavailable-wrapper_1m21z_9 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 0 var(--base-drawer-side-padding);
}

._unavailable-wrapper_1m21z_9 {
  padding: 16px var(--base-drawer-side-padding) calc(112px + var(--sa-bottom));
}

._unavailable-wrapper_1m21z_9 {
  background: #1a2f42;
}

._available-item_1m21z_24,
._unavailable-item_1m21z_25 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

._unavailable-item_1m21z_25 svg path {
  fill: #9cbdda;
}

._unavailable-title_1m21z_35 {
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 0%;
  vertical-align: middle;
  color: var(--white);
}

._unavailable-description_1m21z_44 {
  font-weight: 300;
  font-size: 14px;
  line-height: 120%;
  letter-spacing: 0%;
  color: var(--gray-light);
}

._available-city_1m21z_52,
._unavailable-city_1m21z_53 {
  font-weight: 500;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: 0%;
}

._available-city_1m21z_52 {
  color: var(--green-yellow);
}

._unavailable-city_1m21z_53 {
  color: #9cbdda;
}

._club-info_1m21z_68 {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

._club-info_1m21z_68 > *:first-child {
  font-weight: 400;
  font-size: 18px;
  line-height: 18px;
  letter-spacing: 0px;
  vertical-align: middle;
  color: var(--white);
}

._club-info_1m21z_68 > *:last-child {
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0px;
  vertical-align: middle;
  color: var(--gray-light);
}

._available-clubs_1m21z_92 {
  display: flex;
  flex-direction: column;
}

._club-item_1m21z_97 {
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 12px 0;
}

._button-wrapper_1m21z_104 {
  position: fixed;
  bottom: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
  background: var(--background-color);
  padding-bottom: calc(28px + var(--sa-bottom));
  width: 100%;
}

._button_1m21z_104 {
  width: calc(100% - var(--base-drawer-side-padding));
  transform: translateX(0.5 * var(--base-drawer-side-padding));
}

._hideNext_1m21z_120 {
  display: block;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  align-self: center;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0%;
  text-align: center;
  color: var(--gray-dark);
}

._hideNext_1m21z_120 input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

._checkmark_1m21z_145 {
  position: absolute;
  top: 0;
  left: 0;
  height: 16px;
  width: 16px;
  opacity: 0.5;
  border: 0.67px solid var(--white);
}

._hideNext_1m21z_120 input:checked ~ ._checkmark_1m21z_145 {
  opacity: 1;
}

._checkmark_1m21z_145:after {
  content: '';
  position: absolute;
  display: none;
}

._hideNext_1m21z_120 input:checked ~ ._checkmark_1m21z_145:after {
  display: block;
}

._hideNext_1m21z_120 ._checkmark_1m21z_145:after {
  left: 4px;
  top: 1px;
  width: 6px;
  height: 10px;
  border: solid var(--green-yellow);
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

._hideText_1m21z_181 {
  padding-left: 24px;
}
._wrapper_1v42v_1 {
  display: flex;
  gap: 8px;
  width: var(--relative-layout-width-paddings-overwritten);
  transform: translateX(var(--base-layout-side-padding-negative));
  overflow-x: scroll;
  padding: 0 20px;
  margin-bottom: 32px;
  scrollbar-width: 0;
}

._wrapper_1v42v_1::-webkit-scrollbar {
  display: none;
}

._reset_1v42v_16 {
  height: 32px;
  min-width: 32px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #2c3e4f;
  padding: 0;
}
._headling_8fjrd_1 {
  padding: 0 35px;
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  letter-spacing: 0px;
  text-align: center;
  vertical-align: middle;
  color: var(--blue);
  margin-bottom: 16px;
}

._input_8fjrd_13 {
  font-weight: 500;
  font-size: 13px;
  line-height: 20px;
  letter-spacing: 0px;
  color: #1f1f1f;
  border: 1px solid var(--gray-light);
  padding: 12px 16px;
  background: none;
  margin-bottom: 16px;
  width: 100%;
}

._input_8fjrd_13::placeholder {
  opacity: 0.5;
}

._input_8fjrd_13:focus {
  outline: none;
}