@font-face {
  font-family: "FonbetCupRegular";
  src: url("/fonts/FonbetCup-Regular.otf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "KodeMonoSemiBold";
  src: url("/fonts/KodeMono-SemiBold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "CeraProBold";
  src: url("/fonts/CeraPro-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "CeraProItalic";
  src: url("/fonts/CeraPro-Italic.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "CeraProLight";
  src: url("/fonts/CeraPro-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "CeraProMedium";
  src: url("/fonts/CeraPro-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "CeraProRegular";
  src: url("/fonts/CeraPro-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "CeraProThin";
  src: url("/fonts/CeraPro-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
*,
*::after,
*::before {
  box-sizing: border-box;
}

body {
  padding: 0;
  margin: 0;
  text-rendering: optimizelegibility;
  text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}

button,
input,
input::placeholder,
textarea,
textarea::placeholder,
select {
  font: inherit;
  letter-spacing: inherit;
  color: inherit;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  appearance: none;
  margin: 0;
}

input[type=number] {
  appearance: textfield;
}

textarea,
input:matches([type=email],
[type=number],
[type=password],
[type=search],
[type=tel],
[type=text],
[type=url]) {
  appearance: none;
  appearance: none;
  appearance: none;
}

#root {
  display: flex;
  flex-direction: column;
  min-width: 320px;
  font-family: "CeraProRegular", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.125;
  letter-spacing: 0.01em;
}._root_1m9np_1 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  line-height: 1;
  min-height: 3.25rem;
  padding: 0.625rem 1.25rem;
  font-weight: 700;
  font-size: 1.125rem;
  cursor: pointer;
  gap: 0.625rem;
  width: 100%;
}
._root_1m9np_1:active {
  opacity: 0.8;
}
._root_red_1m9np_18 {
  background-color: #e80024;
  color: #fff;
  border: 2px solid;
  border-image-source: linear-gradient(360deg, #c8102e 0%, rgba(200, 16, 46, 0) 35.72%, rgba(255, 255, 255, 0) 70.42%, rgba(255, 255, 255, 0.25) 100%);
  border-image-slice: 1;
}
._root_gray_1m9np_25 {
  background-color: #d7d7d7;
  color: #000;
  border: 2px solid;
  border-image-source: linear-gradient(360deg, #b5b5b5 0%, rgba(181, 181, 181, 0) 35.72%, rgba(255, 255, 255, 0) 70.42%, rgba(255, 255, 255, 0.25) 100%);
  border-image-slice: 1;
}
._root_greenText_1m9np_32 {
  color: #019013;
  border-image: none;
  border: 0.0625rem solid #d7d7d7;
  background-color: #f3f3f3;
}
._root_1m9np_1:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
._root_1m9np_1 ._text_1m9np_42 {
  text-align: center;
}
._root_1m9np_1 ._arrow_1m9np_45 {
  color: inherit;
  flex-shrink: 0;
}
._root_sm_1m9np_49 {
  justify-content: center;
  min-height: 2.375rem;
  padding: 0.75rem 0.375rem;
  font-size: 1rem;
  line-height: 0.6875rem;
}
._root_md_1m9np_56 {
  justify-content: center;
  min-height: 2.75rem;
  padding: 1rem 0.875rem;
  font-size: 1.125rem;
  line-height: 0.75rem;
}._root_lhsmu_1 {
  width: 100%;
  max-width: 440px;
  margin: 0 auto;
}._root_l2gh0_1 {
  display: inline-flex;
  align-items: center;
  line-height: 1;
}

._text_l2gh0_7 {
  font-family: "CeraProBold";
  font-weight: 700;
}

._root_size_small_l2gh0_12 {
  padding: 0.125rem;
  gap: 0.1875rem;
}
._root_size_small_l2gh0_12 ._text_l2gh0_7 {
  font-size: 0.875rem;
}
._root_size_small_l2gh0_12 ._icon_l2gh0_19 {
  width: 0.875rem;
  height: 0.875rem;
}

._root_size_medium_l2gh0_24 {
  padding: 0.25rem;
  gap: 0.5rem;
}
._root_size_medium_l2gh0_24 ._text_l2gh0_7 {
  font-size: 1rem;
}
._root_size_medium_l2gh0_24 ._icon_l2gh0_19 {
  width: 1rem;
  height: 1rem;
}

._root_size_large_l2gh0_36 {
  padding: 0.25rem;
  gap: 0.5rem;
}
._root_size_large_l2gh0_36 ._text_l2gh0_7 {
  font-size: 1rem;
}
._root_size_large_l2gh0_36 ._icon_l2gh0_19 {
  width: 1.5rem;
  height: 1.5rem;
}

._root_size_big_l2gh0_48 {
  padding: 0.375rem;
  gap: 0.5rem;
}
._root_size_big_l2gh0_48 ._text_l2gh0_7 {
  font-size: 1.625rem;
}
._root_size_big_l2gh0_48 ._icon_l2gh0_19 {
  width: 1.75rem;
  height: 1.75rem;
}

._root_color_transparent_l2gh0_60 {
  background-color: transparent;
}
._root_color_transparent_l2gh0_60 ._text_l2gh0_7 {
  color: #e80024;
}
._root_color_transparent_l2gh0_60 ._icon_l2gh0_19 {
  color: transparent;
}

._root_color_white_l2gh0_70 {
  border-radius: 62.4375rem;
  background-color: #fff;
}
._root_color_white_l2gh0_70 ._text_l2gh0_7 {
  color: #e80024;
}
._root_color_white_l2gh0_70 ._icon_l2gh0_19 {
  color: #e80024;
}

._root_color_red_l2gh0_81 {
  border-radius: 62.4375rem;
  background-color: #e80024;
}
._root_color_red_l2gh0_81 ._text_l2gh0_7 {
  color: #fff;
}
._root_color_red_l2gh0_81 ._icon_l2gh0_19 {
  color: #fff;
}

._root_position_left_l2gh0_92 ._text_l2gh0_7 {
  order: 1;
}

._root_position_left_l2gh0_92._root_size_small_l2gh0_12 {
  padding-right: 0.3125rem;
}

._root_position_right_l2gh0_100._root_size_small_l2gh0_12 {
  padding-left: 0.3125rem;
}

._root_position_none_l2gh0_104._root_size_small_l2gh0_12 {
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
}

._root_position_left_l2gh0_92._root_size_medium_l2gh0_24 {
  padding-right: 0.625rem;
}

._root_position_right_l2gh0_100._root_size_medium_l2gh0_24 {
  padding-left: 0.625rem;
}

._root_position_none_l2gh0_104._root_size_medium_l2gh0_24 {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}

._root_position_left_l2gh0_92._root_size_large_l2gh0_36 {
  padding-right: 0.625rem;
}

._root_position_right_l2gh0_100._root_size_large_l2gh0_36 {
  padding-left: 0.625rem;
}

._root_position_none_l2gh0_104._root_size_large_l2gh0_36 {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}

._root_position_left_l2gh0_92._root_size_big_l2gh0_48 {
  padding-right: 0.875rem;
}

._root_position_right_l2gh0_100._root_size_big_l2gh0_48 {
  padding-left: 0.875rem;
}

._root_position_none_l2gh0_104._root_size_big_l2gh0_48 {
  padding-left: 0.875rem;
  padding-right: 0.875rem;
}._modal_1ss70_1 {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  height: 100vh;
  z-index: 99;
}

._root_1ss70_10 {
  display: flex;
  flex-direction: column;
  height: 100vh;
  width: 100%;
}

._contentArea_1ss70_17 {
  position: relative;
  flex-grow: 1;
  background: rgba(0, 0, 0, 0.6);
}

._backgroundMap_1ss70_23 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 55% !important;
}
._backgroundMap_1ss70_23::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.6;
}

._contentWrapper_1ss70_42 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0.5rem 1.25rem 1rem;
}

._content_1ss70_17 {
  top: 0.5rem;
  left: 1.25rem;
  width: 100%;
  height: 100%;
  overflow: auto;
}

._item_1ss70_59 {
  position: relative;
  display: flex;
  flex-direction: column;
  margin-bottom: 0.625rem;
  padding: 1rem;
  background-color: #f3f3f3;
  overflow: hidden;
}
._item_1ss70_59:last-child {
  margin-bottom: 0;
}
._item_1ss70_59::before {
  content: "";
  position: absolute;
  top: -4.6875rem;
  left: 1.5rem;
  z-index: 0;
  display: block;
  width: 13.25rem;
  height: 11.1875rem;
  background-image: url("/images/pic-decor-diagonal.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  opacity: 0.35;
}
._item_events_1ss70_86:before {
  top: -5.4375rem;
  left: 5.625rem;
  width: 13.25rem;
  height: 13.25rem;
}
._item_matches_1ss70_92:before {
  top: -4.625rem;
  left: 1.25rem;
  width: 11.0625rem;
  height: 11.0625rem;
}

._itemHeader_1ss70_99 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1rem;
  font-family: "CeraProBold";
  font-size: 1rem;
  line-height: 1.125rem;
}

._itemCounter_1ss70_108 {
  display: flex;
  align-items: end;
}
._itemCounter_1ss70_108 svg {
  width: 1rem;
  height: 1rem;
  margin-right: 0.375rem;
  color: #e80024;
}

._workoutCards_1ss70_119 {
  display: flex;
}

._workoutCard_1ss70_119 {
  position: relative;
  width: 5.5625rem;
  height: 7.125rem;
  margin-right: 0.625rem;
  background-color: #192441;
}
._workoutCard_1ss70_119::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0.125rem solid rgba(255, 255, 255, 0.2);
}
._workoutCard_inactive_1ss70_139 {
  background-color: #d7d7d7;
}
._workoutCard_inactive_1ss70_139::before {
  border-color: #b5b5b5;
}
._workoutCard_1ss70_119:last-child {
  margin-right: 0;
}
._workoutCard_1ss70_119 svg {
  position: absolute;
  top: 1.125rem;
  left: 1.0625rem;
  width: 3.25rem;
  height: 3.125rem;
  color: #fff;
}

._workoutButton_1ss70_157 {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2.375rem;
}
._workoutButton_inactive_1ss70_164 {
  color: #fff;
  border-color: transparent;
  border-image: none;
  background-color: #b5b5b5;
}
._workoutButton_inactive_1ss70_164:disabled {
  opacity: 1;
}
._workoutButton_timer_1ss70_173 {
  font-size: 0.75rem;
  line-height: 0.5rem;
}

._eventsImageButtonWrapper_1ss70_178 {
  display: flex;
  align-items: end;
}
._eventsImageButtonWrapper_1ss70_178 img {
  width: 9.625rem;
  height: 9rem;
  margin-right: 0.625rem;
}

._eventsTimerButtonWrapper_1ss70_188 {
  display: flex;
  flex-direction: column;
  align-items: end;
  width: 9.125rem;
}
._eventsTimerButtonWrapper_1ss70_188 button {
  align-self: stretch;
}
._eventsTimerButtonWrapper_1ss70_188 button:disabled {
  color: #b5b5b5;
  border: 0.0625rem solid #d7d7d7;
  border-image: none;
  background-color: transparent;
  opacity: 1;
}

._eventsTimerMessage_1ss70_205 {
  width: 6.875rem;
  margin-bottom: 0.625rem;
  font-family: "CeraProMedium";
  font-size: 0.625rem;
  line-height: 0.8125rem;
  color: #e80024;
}

._eventsCounter_1ss70_214 {
  gap: 0.25rem !important;
  margin-bottom: 0.625rem;
}
._eventsCounter_1ss70_214 span {
  font-size: 0.75rem !important;
}

._moreEvents_1ss70_222 {
  padding: 0;
  margin: 0;
  font: inherit;
  line-height: inherit;
  text-decoration: none;
  color: inherit;
  background-color: transparent;
  border: none;
  border-radius: 0;
  cursor: pointer;
  align-self: center;
  display: block;
  margin-top: 1rem;
  font-family: "CeraProMedium";
  font-size: 0.75rem;
  line-height: 0.8125rem;
  font-weight: 500;
  text-decoration: underline;
  color: #000;
}

._clubsWrapper_1ss70_244 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}

._clubLogo_1ss70_251 {
  width: 7.96875rem;
  height: 7.96875rem;
  object-fit: contain;
}

._cross_1ss70_257 {
  width: 1.125rem;
  height: 1.125rem;
  color: #000;
}

._matchesCounter_1ss70_263 {
  align-self: center;
  gap: 0.25rem !important;
  margin-bottom: 0.5rem;
}
._matchesCounter_1ss70_263 span {
  font-size: 0.75rem !important;
}

._startMatchButton_1ss70_272 {
  justify-content: center;
}
._startMatchButton_1ss70_272:disabled {
  color: #b5b5b5;
  border-image: none;
  border: 0.0625rem solid #d7d7d7;
  background: none;
  opacity: 1;
}

._freindlyMatchBlock_1ss70_283 {
  position: relative;
  padding: 1rem;
  margin-top: -0.625rem;
  border: 1px solid #f3f3f3;
  border-top: none;
  background-image: url("/images/decor-blue.png");
  background-size: 25.3125rem 9.375rem;
  background-position: top left;
  background-repeat: repeat;
  overflow: hidden;
}
._freindlyMatchBlock_1ss70_283::before {
  content: "";
  position: absolute;
  top: 0;
  left: 1.6875rem;
  width: 17.5rem;
  height: 4.125rem;
  background-image: url("/images/pic-decor.png");
  background-size: 100% 100%;
}

._friendlyMessage_1ss70_306 {
  font-family: "CeraProBold";
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.125rem;
  text-align: center;
  color: #fff;
}

._oneClubLogo_1ss70_315 {
  width: 6.25rem;
  height: 6.25rem;
  margin: 0 auto;
  object-fit: contain;
}._root_1f983_1 {
  padding-top: env(safe-area-inset-top);
  position: relative;
  z-index: 2;
  width: 100%;
  display: flex;
  align-items: center;
}

._banner_1f983_10 {
  width: 100%;
  height: 3.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url("/images/bg-texture-header-footer.png");
  background-size: cover;
  background-position: center;
  background-color: #0d1837;
  padding: 0 1.25rem;
  gap: 0.4375rem;
}

._cupImage_1f983_24 {
  height: 2.5rem;
  width: 1.875rem;
}

._mainWrapper_1f983_29 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 3.75rem;
  padding: 0.5rem 0.625rem;
  background-image: url("/images/bg-texture-header-footer.png");
  background-size: cover;
  background-position: center;
  background-color: #0d1837;
}

._button_1f983_42 {
  padding: 0;
  margin: 0;
  font: inherit;
  line-height: inherit;
  text-decoration: none;
  color: inherit;
  background-color: transparent;
  border: none;
  border-radius: 0;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.75rem;
  height: 2.75rem;
  color: #fff;
}

._backIcon_1f983_61 {
  width: 1.5rem;
  height: 1.1875rem;
  transform: rotate(90deg);
  color: #fff;
}

._infoWrapper_1f983_68 {
  display: flex;
  align-items: center;
  width: 11.5rem;
  height: 2.5rem;
}

._infoButton_1f983_75 {
  padding: 0;
  margin: 0;
  font: inherit;
  line-height: inherit;
  text-decoration: none;
  color: inherit;
  background-color: transparent;
  border: none;
  border-radius: 0;
  cursor: pointer;
  position: relative;
  width: 2.5rem;
  height: 2.5rem;
  margin-right: 0.5rem;
}
._infoButton_1f983_75:last-child {
  margin-right: 0;
}

._infoTooltip_1f983_95 {
  position: absolute;
  bottom: -1.5rem;
  left: 50%;
  z-index: 2;
  width: max-content;
  padding: 0.625rem;
  font-family: "CeraProRegular";
  font-size: 0.75rem;
  line-height: 0.5rem;
  border: 0.0625rem solid #0d1837;
  border-radius: 0.25rem;
  background-color: #fff;
  transform: translateX(-50%);
}

._infoTitle_1f983_111 {
  font-family: "CeraProBold";
}

._classCounter_1f983_115 {
  position: absolute;
  bottom: -2.5rem;
  left: 1.25rem;
}

._budgetCounter_1f983_121 {
  position: absolute;
  bottom: -2.5rem;
  right: 1.25rem;
}

._gameWrapper_1f983_127 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  height: 3.75rem;
  padding: 0.5rem 1.25rem;
  background-image: url("/images/bg-texture-header-footer.png");
  background-size: cover;
  background-position: center;
  background-color: #0d1837;
}

._gameCounter_1f983_140 {
  display: flex;
  align-items: center;
  border-radius: 6.25rem;
  gap: 0.5rem;
  padding: 0.3125rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  color: #000;
  font-family: "FonbetCupRegular";
  font-size: 1.625rem;
  line-height: 1;
  background: #fff;
}

._gameScore_1f983_155 {
  padding-right: 0.5rem;
}

._gameIcon_1f983_159 {
  width: 1.375rem;
  height: 1.375rem;
  color: #000;
}

._goalkeeperGameWrapper_1f983_165 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
  height: 3.75rem;
  padding: 0.5rem 1.25rem;
  background-image: url("/images/bg-texture-header-footer.png");
  background-size: cover;
  background-position: center;
  background-color: #0d1837;
}

._goalkeeperGameCounter_1f983_178 {
  display: flex;
  align-items: center;
  border-radius: 6.25rem;
  gap: 0.5rem;
  padding: 0.3125rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  color: #000;
  font-family: "FonbetCupRegular";
  font-size: 1.625rem;
  line-height: 1;
  background: #fff;
}

._goalkeeperIcon_1f983_193 {
  width: 1.375rem;
  height: 1.375rem;
  color: #000;
}

._livesCounter_1f983_199 {
  display: flex;
  align-items: center;
  border-radius: 6.25rem;
  gap: 0.25rem;
  padding: 0.3125rem;
  background: #fff;
}

._lifeIcon_1f983_208 {
  width: 1.25rem;
  height: 1.25rem;
  color: #e80024;
}
._lifeIcon_1f983_208._lifeLost_1f983_213 {
  color: #000;
}

._passTacticGameWrapper_1f983_217 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  height: 3.75rem;
  padding: 0.5rem 1.25rem;
  background-image: url("/images/bg-texture-header-footer.png");
  background-size: cover;
  background-position: center;
  background-color: #0d1837;
}

._passTacticGameCounter_1f983_230 {
  display: flex;
  align-items: center;
  border-radius: 6.25rem;
  gap: 0.5rem;
  padding: 0.3125rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  color: #000;
  font-family: "FonbetCupRegular";
  font-size: 1.625rem;
  line-height: 1;
  background: #fff;
}._wrapper_ggy3w_1 {
  position: relative;
  width: 2.5rem;
  height: 2.5rem;
}

._mainIcon_ggy3w_7 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

._marker_ggy3w_16 {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  width: 1.125rem;
  height: 1.125rem;
}._root_awhte_1 {
  background-color: #f3f3f3;
  background-image: url("/images/card-decor.png");
  background-repeat: no-repeat;
  background-position: top right;
}

._cardWapper_awhte_8 {
  display: grid;
  grid-template-columns: 8.6875rem auto;
  grid-template-rows: auto 1.875rem 1.25rem 1.5rem;
  gap: 0 0.5rem;
  padding: 1rem;
}

._cardWapperBottomColor_awhte_16 {
  position: relative;
}
._cardWapperBottomColor_awhte_16::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 4.375rem;
  background-color: #e80024;
}
._cardWapperBottomColor_awhte_16 ._starIcon_awhte_28 {
  color: #fff;
}
._cardWapperBottomColor_awhte_16 ._starIconFill_awhte_31 {
  color: #d7d7d7;
}

._title_awhte_35 {
  font-family: "CeraProBold";
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.125rem;
  color: #000;
  margin: 0;
}

._imageContainer_awhte_44 {
  grid-row: 1/4;
  position: relative;
  display: flex;
  width: 8.6875rem;
  height: 8.1875rem;
  padding: 0.0625rem;
  border-radius: 0.1875rem;
}
._imageContainer_awhte_44::before {
  content: "";
  position: absolute;
  top: 0.0625rem;
  right: 0.0625rem;
  left: 0.0625rem;
  bottom: 0.0625rem;
  background-color: #fff;
  mix-blend-mode: plus-lighter;
  opacity: 0.05;
  border-radius: 0.1875rem;
  z-index: 2;
}
._imageContainer_awhte_44::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  border-radius: 0.1875rem;
  background-image: linear-gradient(#fff 0%, #b5b5b5 100%);
}

._imageContainerActive_awhte_77::before {
  background-color: #000;
  mix-blend-mode: multiply;
  opacity: 0.1;
}

._image_awhte_44 {
  width: 100%;
  max-width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 0.1875rem;
  z-index: 1;
}

._questionButton_awhte_92 {
  padding: 0;
  margin: 0;
  font: inherit;
  line-height: inherit;
  text-decoration: none;
  color: inherit;
  background-color: transparent;
  border: none;
  border-radius: 0;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  width: 1.75rem;
  height: 1.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  border: 0.125rem solid #b5b5b5;
  z-index: 3;
}

._questionIcon_awhte_116 {
  width: 1rem;
  height: 1rem;
  color: #b5b5b5;
}

._questionButtonActive_awhte_122 {
  background-color: #c8102e;
  border-color: #c8102e;
}
._questionButtonActive_awhte_122 ._questionIcon_awhte_116 {
  color: #fff;
}

._price_awhte_130 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}

._priceText_awhte_137 {
  font-family: "CeraProBold";
  font-weight: 700;
  font-size: 0.875rem;
}

._upgradeButton_awhte_143 {
  grid-row: 3/5;
  justify-content: center;
  min-height: 2.75rem;
}
._upgradeButton_awhte_143:disabled {
  opacity: 1;
  color: #b5b5b5;
  border-color: #d7d7d7;
  background-color: #f3f3f3;
  border-image-source: none;
}

._currentLevelUpgrade_awhte_156 {
  grid-row: 4/5;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  gap: 0.5rem;
  z-index: 1;
}

._currentLevelUpgradeMax_awhte_165 {
  grid-column: 2/-1;
  grid-row: 3/4;
}

._starIcon_awhte_28 {
  width: 1.0625rem;
  height: 1.0625rem;
  color: #d7d7d7;
}

._starIconFill_awhte_31 {
  color: #e80024;
}

._blockingUpgradeText_awhte_180 {
  grid-column: -1/1;
  font-family: "CeraProBold";
  font-weight: 700;
  font-size: 0.875rem;
  text-align: center;
  color: #fff;
  background-color: #e80024;
  margin: 0;
  margin-top: 0.5rem;
  z-index: 1;
}

._maxLevelUpgradeText_awhte_193 {
  grid-row: 4/6;
  grid-column: -1/1;
  font-family: "CeraProBold";
  font-weight: 700;
  font-size: 0.875rem;
  text-align: center;
  color: #e80024;
  margin: 0;
  padding-top: 1rem;
}

._upgradeDescription_awhte_205 {
  line-height: 1.1875rem;
  text-align: center;
  color: #fff;
  background: #061129;
  padding: 1rem;
  padding-top: 0.75rem;
  margin: 0.0625rem;
  margin-top: 0rem;
}._root_1w00z_1 {
  display: grid;
  grid-template-columns: 8.6875rem auto;
  background-color: #f3f3f3;
  background-image: url("/images/card-decor.png");
  background-repeat: no-repeat;
  background-position: top right;
  padding: 1rem;
  gap: 0.5rem;
}

._title_1w00z_12 {
  grid-column: -1/1;
  font-family: "CeraProBold";
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 0.9375rem;
  color: #000;
  margin: 0;
  margin-bottom: 0.5rem;
}

._titleMaxStatus_1w00z_23 {
  color: #b5b5b5;
}

._imageContainer_1w00z_27 {
  grid-row: 2/5;
  display: flex;
  width: 8.6875rem;
  height: 7.3125rem;
  border-radius: 0.25rem;
}

._image_1w00z_27 {
  width: 100%;
  max-width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 0.25rem;
}

._statusUpgrade_1w00z_43 {
  grid-row: 3/4;
  display: flex;
  gap: 1.25rem;
}

._statusUpgradeItem_1w00z_49 {
  display: flex;
  align-items: center;
  gap: 0.125rem;
}

._statusUpgradeIcon_1w00z_55 {
  width: 1.75rem;
  height: 1.75rem;
}

._statusUpgradeText_1w00z_60 {
  font-family: "CeraProBold";
  font-weight: 700;
  font-size: 0.875rem;
  text-transform: uppercase;
  color: #e80024;
}

._price_1w00z_68 {
  grid-row: 4/5;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 0.125rem;
}

._priceText_1w00z_76 {
  font-family: "CeraProBold";
  font-weight: 700;
  font-size: 0.75rem;
}

._buyButton_1w00z_82 {
  grid-column: -1/1;
  margin-top: 0.5rem;
  justify-content: center;
  min-height: 2.75rem;
}
._buyButton_1w00z_82:disabled {
  opacity: 1;
  color: #b5b5b5;
  border-color: #d7d7d7;
  background-color: #f3f3f3;
  border-image-source: none;
}

._maxStatusText_1w00z_96 {
  grid-column: -1/1;
  font-family: "CeraProBold";
  font-weight: 700;
  font-size: 0.75rem;
  text-align: center;
  color: #e80024;
  margin: 0;
  margin-top: 1rem;
}._root_zuzqk_1 {
  background-color: #f3f3f3;
  border: 0.125rem solid;
  border-image-source: linear-gradient(360deg, #d7d7d7 0%, rgba(215, 215, 215, 0) 35.72%, rgba(215, 215, 215, 0) 70.42%, rgba(215, 215, 215, 0.25) 100%);
  border-image-slice: 1;
}
._root_open_zuzqk_7 {
  border-color: #f3f3f3;
  border-image: none;
}
._root_open_zuzqk_7 ._headerButton_zuzqk_11 {
  padding: 0.625rem 1rem;
}
._root_open_zuzqk_7 ._title_zuzqk_14 {
  color: #b5b5b5;
}
._root_open_zuzqk_7 ._triangleIcon_zuzqk_17 {
  align-self: end;
  color: #d7d7d7;
  transform: rotate(180deg);
}

._headerButton_zuzqk_11 {
  padding: 0;
  margin: 0;
  font: inherit;
  line-height: inherit;
  text-decoration: none;
  color: inherit;
  background-color: transparent;
  border: none;
  border-radius: 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 0.75rem 1rem;
}

._title_zuzqk_14 {
  margin-right: auto;
  font-family: "CeraProMedium";
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.375rem;
  color: #000;
}

._counter_zuzqk_49 {
  margin-right: 2.5rem;
}
._counter_long_zuzqk_52 {
  margin-right: 0.6875rem;
}

._triangleIcon_zuzqk_17 {
  width: 1.125rem;
  height: 0.875rem;
  color: #0d1837;
}
._triangleIcon_counter_zuzqk_61 {
  margin-bottom: 0.3125rem;
}

._content_zuzqk_65 {
  padding: 0.375rem 1rem 1rem;
}._root_wie69_1 {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  display: flex;
  width: 100%;
  height: 100vh;
  overflow-y: auto;
  padding: 1.25rem;
  background: rgba(0, 0, 0, 0.6);
  font-family: "CeraProRegular", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.125;
  letter-spacing: 0.01em;
  opacity: 0;
  animation: _fadeIn_wie69_1 0.3s ease-in-out forwards;
}

@keyframes _fadeIn_wie69_1 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
._content_wie69_29 {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 20.9375rem;
  margin: auto;
}

._close_wie69_38 {
  position: absolute;
  top: 1.5625rem;
  right: 0.9375rem;
  width: 1.5rem;
  height: 1.5rem;
  color: #fff;
  z-index: 2;
  font-family: inherit;
  padding: 0;
  background-color: transparent;
  border: none;
  cursor: pointer;
}._root_id3km_1 {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 25rem;
  background: #f3f3f3;
}

._title_id3km_9 {
  font-size: 1.75rem;
  font-weight: 400;
  margin: 0;
  text-transform: uppercase;
  text-align: center;
  font-family: "FonbetCupRegular";
  background: #e80024;
  color: #fff;
  padding: 0.625rem 1rem;
}

._wrapper_id3km_21 {
  padding: 0.5rem 1rem 1rem 1rem;
}

._statusBar_id3km_25 {
  display: flex;
  justify-content: space-between;
  padding: 0 0.25rem;
  margin-bottom: 1.125rem;
}

._attributeRow_id3km_32 {
  display: flex;
  align-items: center;
  gap: 0.6875rem;
  margin-bottom: 0.5rem;
}
._attributeRow_id3km_32:last-child {
  margin-bottom: 0;
}

._attributeIcon_id3km_42 {
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

._progressContainer_id3km_51 {
  flex: 1;
  position: relative;
}

._progressBar_id3km_56 {
  width: 100%;
  height: 1rem;
  background: #fff;
  border: 1px solid #d7d7d7;
  overflow: hidden;
  position: relative;
}

._progressFill_id3km_65 {
  height: 100%;
  background: #e80024;
  transition: width 2s ease-out;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}

._progressGreen_id3km_75 {
  height: 100%;
  background: #4bf032;
  position: absolute;
  top: 0;
  z-index: 1;
}

._percentage_id3km_83 {
  font-weight: 700;
  font-family: "CeraProBold";
  font-size: 1rem;
  color: #000;
  position: absolute;
  right: 0;
  top: -95%;
  z-index: 3;
}

._attributeTypeIcon_id3km_94 {
  margin-left: 0.125rem;
}

._icon_id3km_98 {
  width: 2.5rem;
  height: 2.5rem;
  object-fit: contain;
}

._rewardsAccordion_id3km_104 {
  overflow: hidden;
  margin-top: 1rem;
  margin-bottom: 1.5rem;
  transition: border-color 0.2s ease;
}

._rewardsAccordionTop_id3km_111 {
  border: 1px solid #d7d7d7;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: space-between;
  padding: 0.3125rem 1rem;
  background: #fff;
  cursor: pointer;
  font-family: "CeraProMedium";
  color: #b5b5b5;
  letter-spacing: 0;
  font-size: 1.125rem;
  line-height: 120%;
  font-weight: 500;
  transition: color 0.2s ease;
}
._rewardsAccordionTop_id3km_111._active_id3km_128 {
  color: #000;
}

._rewardsAccordionIcon_id3km_132 {
  width: 1.4375rem;
  border: 2px solid #d7d7d7;
  color: #d7d7d7;
  position: absolute;
  top: 0.25rem;
  right: 0.4375rem;
  padding: 0.125rem;
  height: 1.4375rem;
  margin-left: 1rem;
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

._rewardsAccordionIconOpen_id3km_145 {
  background-color: #e80024;
  color: #fff;
  border: 2px solid #e80024;
}

._rewardsAccordionContentWrapper_id3km_151 {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-out;
}

._rewardsAccordionContentWrapperOpen_id3km_157 {
  max-height: 12.5rem;
}

._rewardsAccordionContent_id3km_151 {
  padding: 0.5rem 1rem;
  background: #fff;
  font-size: 1rem;
  font-family: "CeraProRegular";
  color: #000;
  line-height: 120%;
  letter-spacing: 0;
  opacity: 0;
  transition: opacity 0.2s ease 0.1s, transform 0.2s ease 0.1s;
}
._rewardsAccordionContentWrapperOpen_id3km_157 ._rewardsAccordionContent_id3km_151 {
  opacity: 1;
}

._button_id3km_176 {
  justify-content: center;
}._root_162r5_1 {
  background-color: #fff;
  border: 0.0625rem solid #fff;
}

._button_162r5_6 {
  padding: 0;
  margin: 0;
  font: inherit;
  line-height: inherit;
  text-decoration: none;
  color: inherit;
  background-color: transparent;
  border: none;
  border-radius: 0;
  cursor: pointer;
  display: flex;
  width: 100%;
  padding: 0.75rem;
  padding-right: 0.9375rem;
  text-align: left;
}

._title_162r5_24 {
  font-family: "CeraProBold";
  font-weight: 700;
  margin-right: 0.625rem;
}

._text_162r5_30 {
  margin: 0;
  padding: 0.75rem;
  color: #fff;
  background-color: #061129;
}
._text_162r5_30 p:first-child {
  margin-top: 0;
}
._text_162r5_30 p:last-child {
  margin-bottom: 0;
}
._text_162r5_30 a {
  color: #fff;
}

._triangleIcon_162r5_46 {
  flex-shrink: 0;
  align-self: flex-end;
  margin-left: auto;
  color: #0d1837;
}

._triangleIconClose_162r5_53 {
  transform: rotate(180deg);
}._root_93wqr_1 {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 25rem;
  background-color: #fff;
  padding: 2rem 1.5rem;
  max-width: 30rem;
  border: 2px solid;
  border-image-source: linear-gradient(180deg, #d7d7d7 0%, rgba(215, 215, 215, 0) 40%, rgba(215, 215, 215, 0) 60%, #d7d7d7 100%);
  border-image-slice: 1;
  padding: 0.5rem 1rem 1rem 1rem;
}

._label_93wqr_15 {
  font-size: 1rem;
  margin-bottom: auto 0.5rem;
  font-weight: 700;
  text-align: center;
  font-family: "CeraProBold";
  color: #000;
  padding: 0.625rem 0;
  letter-spacing: 0;
  line-height: 120%;
}

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

._inputGroup_93wqr_32 {
  display: flex;
  flex-direction: column;
  margin-bottom: 0.4375rem;
}

._input_93wqr_32 {
  width: 100%;
  padding: 0.5rem 0.625rem 0.5rem 0.625rem;
  border: 1px solid #d7d7d7;
  border-radius: 0.25rem;
  font-size: 1.25rem;
  color: #000;
  background: #fff;
  text-align: center;
  font-weight: 500;
  font-family: "CeraProMedium";
  letter-spacing: 0;
}
._input_93wqr_32::placeholder {
  font-size: 1.25rem;
  color: #b5b5b5;
}
._input_93wqr_32:focus {
  outline: none;
}
._input_93wqr_32._invalid_93wqr_58 {
  border-color: #e74c3c;
}
._input_93wqr_32._withButton_93wqr_61 {
  padding-right: 3.125rem;
}
._input_93wqr_32:disabled {
  background: #f3f3f3;
  cursor: not-allowed;
}

._warning_93wqr_69 {
  color: #e80024;
  font-size: 1rem;
  text-align: center;
  line-height: 110%;
  font-family: "CeraProRegular";
  font-weight: 400;
  letter-spacing: 0;
  margin-top: 1.25rem;
  margin-bottom: 1.5rem;
}

._button_93wqr_81 {
  min-height: 2.75rem;
  justify-content: center;
}
._button_93wqr_81:disabled {
  opacity: 1;
  border: 1px solid #d7d7d7;
  font-family: "CeraProBold";
  font-weight: 700;
  color: #b5b5b5 !important;
  background: #f3f3f3 !important;
  cursor: not-allowed !important;
}

._closeButton_93wqr_95 {
  margin-top: 0.5rem;
}._root_1xbbu_1 {
  position: relative;
  z-index: 2;
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
}

._controlsSubLayer_1xbbu_10 {
  position: relative;
  width: 100%;
  height: 4.5rem;
}

._controlsWrapper_1xbbu_16 {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 6.5rem;
  width: 100%;
  background-color: #fff;
  border-top: 0.125pxrem solid #d7d7d7;
  border-radius: 2rem 2rem 0 0;
}
._controlsWrapper_1xbbu_16::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 7.5rem;
  height: 2.5rem;
  background-image: url("/images/game-footer-decor.png");
  background-repeat: no-repeat;
  background-size: 100%;
  transform: translateX(-50%);
}

._playButton_1xbbu_39 {
  padding: 0;
  margin: 0;
  font: inherit;
  line-height: inherit;
  text-decoration: none;
  color: inherit;
  background-color: transparent;
  border: none;
  border-radius: 0;
  cursor: pointer;
  position: absolute;
  top: -2.25rem;
  left: 50%;
  width: 6.25rem;
  height: 6.5rem;
  border-radius: 50%;
  transform: translateX(-50%);
}
._playButton_1xbbu_39 img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

._controlsLeft_1xbbu_67 {
  position: absolute;
  top: 1.25rem;
  left: 1.25rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 6.75rem;
}

._controlsItem_1xbbu_77 {
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
  font-family: "FonbetCupRegular";
  font-size: 2rem;
  line-height: 1.375rem;
  letter-spacing: 0;
}
._controlsItem_1xbbu_77:last-child {
  margin-bottom: 0;
}
._controlsItem_1xbbu_77 svg {
  width: 1.75rem;
  height: 1.75rem;
  margin-right: 0.5rem;
  color: #e80024;
}
._controlsItem_1xbbu_77 span {
  transform: translateY(0.125rem);
}

._smallerText_1xbbu_99 {
  font-size: 1.5rem;
  line-height: 1rem;
}

._controlsRight_1xbbu_104 {
  position: absolute;
  top: 1.25rem;
  right: 1.25rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 6.75rem;
}

._banner_1xbbu_114 {
  width: 100%;
  height: 3.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url("/images/bg-texture-header-footer.png");
  background-size: cover;
  background-position: center;
  background-color: #0d1837;
  padding: 0 1.25rem;
  gap: 0.4375rem;
}

._cupImage_1xbbu_128 {
  height: 2.5rem;
  width: 1.875rem;
}._root_1yc8m_1 {
  position: absolute;
  z-index: 1000;
  pointer-events: none;
  opacity: 0;
  transform: translateY(-10px);
  transition: all 0.3s ease-in-out;
}
._root_1yc8m_1._visible_1yc8m_9 {
  opacity: 1;
  transform: translateY(0);
}
._root_1yc8m_1._hidden_1yc8m_13 {
  opacity: 0;
  transform: translateY(-10px);
}
._root_1yc8m_1._center_1yc8m_17 {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
._root_1yc8m_1._center_1yc8m_17._visible_1yc8m_9 {
  transform: translate(-50%, -50%);
}
._root_1yc8m_1._center_1yc8m_17._hidden_1yc8m_13 {
  transform: translate(-50%, calc(-50% - 10px));
}
._root_1yc8m_1._top_1yc8m_28 {
  top: 5.5rem;
  left: 50%;
  transform: translateX(-50%) translateY(-10px);
}
._root_1yc8m_1._top_1yc8m_28._visible_1yc8m_9 {
  transform: translateX(-50%) translateY(0);
}
._root_1yc8m_1._top_1yc8m_28._hidden_1yc8m_13 {
  transform: translateX(-50%) translateY(-10px);
}

._tooltip_1yc8m_40 {
  background: #fff;
  border: 1px solid #d7d7d7;
  border-radius: 0.25rem;
  padding: 0.6875rem 1rem;
  width: 20.9375rem;
  height: 100%;
  max-height: 8.75rem;
  backdrop-filter: blur(4px);
  transition: all 0.3s ease-in-out;
}

._text_1yc8m_52 {
  color: #000;
  font-family: "FonbetCupRegular";
  font-size: 1.75rem;
  font-weight: 400;
  text-align: center;
  line-height: 1;
  letter-spacing: 0;
  margin: 0;
}

._tooltipgoalkeeperGame_1yc8m_63 {
  background: none;
  border: none;
  border-radius: 0;
  padding: 0.6875rem 1rem;
  width: 20.9375rem;
  height: 100%;
  max-height: 8.75rem;
  transition: all 0.3s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
}

._tooltipPassTacticGame_1yc8m_77 {
  background: none;
  border: none;
  border-radius: 0;
  padding: 0.6875rem 1rem;
  width: 20.9375rem;
  height: 100%;
  max-height: 8.75rem;
  transition: all 0.3s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
}

._svgText_1yc8m_91 {
  width: 100%;
  height: 100%;
  overflow: visible;
}._root_1mku4_1 {
  display: flex;
  align-items: center;
  padding: 0.5rem 0.625rem;
  padding-left: 1.25rem;
}

._title_1mku4_8 {
  margin: 0;
  font-family: "FonbetCupRegular", "KodeMonoSemiBold";
  font-size: 1.75rem;
  font-weight: 400;
  line-height: 1;
  color: #fff;
}

._button_1mku4_17 {
  padding: 0;
  margin: 0;
  font: inherit;
  line-height: inherit;
  text-decoration: none;
  color: inherit;
  background-color: transparent;
  border: none;
  border-radius: 0;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  margin-left: auto;
  width: 2.75rem;
  height: 2.75rem;
}

._icon_1mku4_37 {
  width: 1.5rem;
  height: 1.1875rem;
  transform: rotate(90deg);
  color: #fff;
}._inputContainer_1o97e_1 {
  position: relative;
  display: flex;
  align-items: center;
}

._input_1o97e_1 {
  width: 100%;
  padding: 0.5rem 0.625rem 0.5rem 0.625rem;
  border: 1px solid #d7d7d7;
  border-radius: 0.25rem;
  font-size: 1.4375rem;
  color: #000;
  background: #fff;
  text-align: center;
  font-weight: 500;
  font-family: "CeraProMedium";
  letter-spacing: 0;
}
._input_1o97e_1::placeholder {
  font-size: 1.4375rem;
  color: #b5b5b5;
}
._input_1o97e_1:focus {
  outline: none;
}
._input_1o97e_1._invalid_1o97e_27 {
  border-color: #e74c3c;
}
._input_1o97e_1._withButton_1o97e_30 {
  padding-right: 2.8125rem;
}
._input_1o97e_1:disabled {
  color: #b5b5b5;
  cursor: not-allowed;
}

._button_1o97e_38 {
  position: absolute;
  right: 0.375rem;
  top: 50%;
  transform: translateY(-50%);
  background: transparent;
  border: none;
  color: #b5b5b5;
  cursor: pointer;
  padding: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.25rem;
  transition: all 0.2s ease;
  z-index: 2;
}
._button_1o97e_38 svg {
  width: 1.5625rem;
  height: 1.5625rem;
}._root_1ixpk_1 {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 6.875rem 1.25rem 100% 1.25rem;
  background: rgba(0, 0, 0, 0.6);
  position: relative;
  overflow: hidden;
  flex-grow: 1;
}

._top_1ixpk_12 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem 0.9375rem;
  background-color: #e80024;
  color: #fff;
  font-weight: 400;
  font-family: "FonbetCupRegular";
  font-size: 1.75rem;
  letter-spacing: 0;
  line-height: 1;
}

._header_1ixpk_26 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

._titleBlock_1ixpk_33 {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1;
}

._closeButton_1ixpk_40 {
  background: none;
  border: none;
  color: #fff;
  cursor: pointer;
  padding: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
._closeButton_1ixpk_40 svg {
  width: 1.5rem;
  height: 1.5rem;
}
._closeButton_1ixpk_40:hover {
  opacity: 0.8;
}

._matchTitle_1ixpk_58 {
  font-size: 1.75rem;
  font-weight: 400;
  margin: 0;
  text-transform: uppercase;
  text-align: center;
  line-height: 100%;
  letter-spacing: 0;
  font-family: "FonbetCupRegular";
  color: #fff;
}

._matchTimer_1ixpk_70 {
  display: flex;
  font-size: 1.75rem;
  font-weight: 400;
  margin: 0;
  text-transform: uppercase;
  text-align: center;
  line-height: 100%;
  letter-spacing: 0;
  font-family: "FonbetCupRegular";
  color: #fff;
  min-width: 5rem;
}

._timerDigit_1ixpk_84 {
  display: inline-block;
  text-align: center;
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum";
}

._timerSeparator_1ixpk_91 {
  display: inline-block;
  width: 0.5rem;
  text-align: center;
}

._wrapper_1ixpk_97 {
  background-color: #f3f3f3;
  padding: 0.75rem;
  padding-top: 1.1875rem;
}

._teamsContainer_1ixpk_103 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

._teamBlock_1ixpk_109 {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1;
  min-width: 0;
}

._teamLogo_1ixpk_117 {
  width: 7rem;
  height: 7rem;
  object-fit: contain;
  margin-bottom: 0.6875rem;
}

._teamName_1ixpk_124 {
  margin: 0;
  font-weight: 700;
  font-family: "CeraProBold";
  font-size: 1rem;
  line-height: 110%;
  letter-spacing: 0;
  color: #000;
  text-align: center;
  max-width: 100%;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-word;
}

._scoreDisplay_1ixpk_142 {
  font-family: "FonbetCupRegular";
  font-weight: 400;
  font-size: 2rem;
  line-height: 1;
  letter-spacing: 0;
  color: #000;
  margin: 0 0.625rem;
  margin-top: 2.6875rem;
}

._commentaryBlock_1ixpk_153 {
  margin-top: 0.625rem;
  border: 2px solid;
  border-image-source: linear-gradient(180deg, #d7d7d7 0%, rgba(215, 215, 215, 0) 40%, rgba(215, 215, 215, 0) 60%, #d7d7d7 100%);
  border-image-slice: 1;
  padding: 0.6875rem 1rem;
  min-height: 6.875rem;
  display: flex;
  align-items: center;
  background-color: #fff;
  overflow: hidden;
}

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

._commentaryText_1ixpk_174 {
  font-family: "CeraProMedium";
  font-weight: 500;
  font-size: 1rem;
  line-height: 120%;
  color: #000;
  letter-spacing: 0;
  margin: 0;
  text-align: center;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.5s ease;
}

._buttonContainer_1ixpk_191 {
  display: flex;
  justify-content: center;
  margin-bottom: 1rem;
  transition: all 0.3s ease;
  position: relative;
  min-height: 2.75rem;
  align-items: center;
}

._resultsButton_1ixpk_201 {
  justify-content: center;
  animation: _fadeInButton_1ixpk_1 0.5s ease forwards;
  width: 100%;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translate(-50%, -50%);
}

._skipButton_1ixpk_211 {
  font-family: "CeraProBold";
  font-weight: 700;
  font-size: 1rem;
  line-height: 100%;
  letter-spacing: 0;
  color: #fff;
  border: none;
  padding: 0;
  border-bottom: 2px solid #fff;
  background: none;
  cursor: pointer;
  animation: _fadeInButton_1ixpk_1 0.5s ease forwards;
  min-height: 1.3125rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

._skipButtonFadeOut_1ixpk_234 {
  animation: _fadeOutButton_1ixpk_1 0.5s ease forwards;
}

@keyframes _fadeOutUp_1ixpk_1 {
  0% {
    opacity: 1;
    transform: translate(-50%, -50%);
  }
  100% {
    opacity: 0;
    transform: translate(-50%, -150%);
  }
}
@keyframes _fadeInUp_1ixpk_1 {
  0% {
    opacity: 0;
    transform: translate(-50%, 150%);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%);
  }
}
@keyframes _fadeInButton_1ixpk_1 {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) translateY(10px);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) translateY(0);
  }
}
@keyframes _fadeOutButton_1ixpk_1 {
  0% {
    opacity: 1;
    transform: translate(-50%, -50%) translateY(0);
  }
  100% {
    opacity: 0;
    transform: translate(-50%, -50%) translateY(-10px);
  }
}
._fadeOut_1ixpk_278 {
  animation: _fadeOutUp_1ixpk_1 0.75s ease forwards;
}

._fadeIn_1ixpk_282 {
  animation: _fadeInUp_1ixpk_1 0.75s ease forwards;
}._root_qc4jj_1 {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 2.3125rem 1.25rem 2.3125rem 1.25rem;
  background: rgba(0, 0, 0, 0.6);
  position: relative;
  overflow: scroll;
  flex-grow: 1;
}

._top_qc4jj_12 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0.75rem 1.25rem;
  background-color: #e80024;
  color: #fff;
  font-weight: 400;
  font-family: "FonbetCupRegular";
  font-size: 1.75rem;
  letter-spacing: 0;
  line-height: 1;
}

._header_qc4jj_27 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

._titleBlock_qc4jj_34 {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1;
}

._closeButton_qc4jj_41 {
  background: none;
  border: none;
  color: #fff;
  cursor: pointer;
  padding: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
._closeButton_qc4jj_41 svg {
  width: 1.5rem;
  height: 1.5rem;
}
._closeButton_qc4jj_41:hover {
  opacity: 0.8;
}

._matchTitle_qc4jj_59 {
  text-align: center;
  margin: 0;
}

._tournamentTitle_qc4jj_64 {
  margin: 0;
}

._wrapper_qc4jj_68 {
  background-color: #fff;
  padding: 0.75rem;
  padding-top: 0.875rem;
  background: linear-gradient(to bottom, #f3f3f3 0%, #f3f3f3 81%, #fff 81%, #fff 100%);
}

._stageInfo_qc4jj_75 {
  text-align: center;
  font-family: "CeraProBold";
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 120%;
  letter-spacing: 0;
  margin: 0;
  color: #000;
  margin-bottom: 0.875rem;
}

._matchDate_qc4jj_87 {
  text-align: center;
  font-family: "CeraProBold";
  font-weight: 700;
  font-size: 1rem;
  line-height: 1;
  letter-spacing: 0;
  margin: 0;
  color: #000;
  margin-bottom: 0.875rem;
}

._matchDateTime_qc4jj_99 {
  font-family: "CeraProRegular";
  font-size: 0.875rem;
  line-height: 1.125rem;
  color: #666;
  margin-top: 0.5rem;
}

._teamsContainer_qc4jj_107 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.75rem;
}

._teamBlock_qc4jj_114 {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1;
  min-width: 0;
}

._teamLogo_qc4jj_122 {
  width: 8rem;
  height: 8rem;
  object-fit: contain;
  margin-bottom: 0.6875rem;
}

._teamName_qc4jj_129 {
  margin: 0;
  font-weight: 700;
  font-family: "CeraProBold";
  font-size: 1rem;
  line-height: 110%;
  letter-spacing: 0;
  color: #000;
  text-align: center;
  max-width: 100%;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-word;
}

._vsIcon_qc4jj_147 {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0.6875rem;
  margin-bottom: 1.625rem;
  width: 1.125rem;
  height: 1.125rem;
  flex-shrink: 0;
}

._requiredPowerBlock_qc4jj_158 {
  border: 1px solid #e80024;
  background: #fff;
  border-radius: 0.25rem;
  padding: 0.6875rem 1rem;
  margin: 0 0.25rem;
  text-align: center;
  font-weight: 400;
  font-family: "CeraProMedium";
  font-size: 1.125rem;
  line-height: 120%;
  letter-spacing: 0;
  color: #b5b5b5;
  margin-bottom: 1rem;
}
._requiredPowerBlock_qc4jj_158._sufficientPower_qc4jj_173 {
  border-color: #019013;
}
._requiredPowerBlock_qc4jj_158._insufficientPower_qc4jj_176 {
  border-color: #e80024;
}
._requiredPowerBlock_qc4jj_158._randomResult_qc4jj_179 {
  border-color: #d7d7d7;
}

._motivationText_qc4jj_183 {
  font-family: "CeraProMedium";
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 110%;
  letter-spacing: 0;
  color: #000;
  text-align: center;
  margin-bottom: 0.9375rem;
}

._stageInfo_qc4jj_75 {
  text-align: center;
  font-family: "CeraProBold";
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 120%;
  letter-spacing: 0;
  margin: 0;
  color: #000;
  margin-bottom: 0.875rem;
}

._matchDate_qc4jj_87 {
  text-align: center;
  font-family: "CeraProBold";
  font-weight: 700;
  font-size: 1rem;
  line-height: 1;
  letter-spacing: 0;
  margin: 0;
  color: #000;
  margin-bottom: 0.875rem;
}

._matchDateTime_qc4jj_99 {
  font-family: "CeraProRegular";
  font-size: 0.875rem;
  line-height: 1.125rem;
  color: #666;
  margin-top: 0.5rem;
}

._buttonContainer_qc4jj_226 {
  padding: 0 0.25rem;
  margin-bottom: 1rem;
}

._button_qc4jj_226 {
  justify-content: center;
  min-height: 2.75rem;
}
._button_qc4jj_226:disabled {
  opacity: 1;
  border: 1px solid #d7d7d7;
  font-family: "CeraProBold";
  font-weight: 700;
  color: #b5b5b5 !important;
  background: #f3f3f3 !important;
  cursor: not-allowed !important;
}

._teamPowerBlock_qc4jj_245 {
  display: flex;
  margin-left: 0.25rem;
  align-items: center;
  gap: 0.5625rem;
  position: relative;
}

._powerNumber_qc4jj_253 {
  font-family: "FonbetCupRegular";
  font-weight: 400;
  font-size: 2rem;
  line-height: 1;
  letter-spacing: 0;
  color: #e80024;
}

._powerLabel_qc4jj_262 {
  display: flex;
  flex-direction: column;
  font-family: "CeraProMedium";
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 100%;
  letter-spacing: 0;
  gap: 0.25rem;
  color: #b5b5b5;
}

._helpIcon_qc4jj_274 {
  width: 1.75rem;
  background-color: #fff;
  border: 2px solid #d7d7d7;
  color: #d7d7d7;
  padding: 0.125rem;
  padding-bottom: 0.1875rem;
  height: 1.6875rem;
  margin-left: 1rem;
  transition: all 0.002s ease-out;
  margin-left: auto;
  margin-right: 0.25rem;
}
._helpIcon_qc4jj_274 svg {
  width: 1.125rem;
  height: 1.125rem;
}
._helpIcon_qc4jj_274._helpIconOpen_qc4jj_291 {
  background-color: #e80024;
  color: #fff;
  border: 2px solid #e80024;
}

._powerInfoPopup_qc4jj_297 {
  position: absolute;
  bottom: 1.875rem;
  right: 1.25rem;
  background-color: #fff;
  padding: 1rem;
  padding-top: 0.8125rem;
  padding-bottom: 0.625rem;
  z-index: 100;
  width: 13.4375rem;
  opacity: 0;
  transform: translateY(10px) scale(0.95);
  transition: all 0.2s ease-out;
  pointer-events: none;
}
._powerInfoPopup_qc4jj_297._visible_qc4jj_312 {
  opacity: 1;
  transform: translateY(0) scale(1);
  pointer-events: auto;
}

._powerInfoOverlay_qc4jj_318 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 99;
  opacity: 0;
  transition: opacity 0.2s ease-out;
  pointer-events: none;
}
._powerInfoOverlay_qc4jj_318._visible_qc4jj_312 {
  opacity: 1;
  pointer-events: auto;
}

._powerInfoHeader_qc4jj_335 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.875rem;
}

._powerInfoPlus_qc4jj_343 {
  font-family: "FonbetCupRegular";
  font-weight: 600;
  font-size: 2rem;
  line-height: 1;
  letter-spacing: 0;
  color: #000;
}

._powerInfoContent_qc4jj_352 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  row-gap: 0.375rem;
  margin-bottom: 1.0625rem;
  padding-bottom: 0.625rem;
  padding-top: 0.625rem;
  border-top: 1px solid #d7d7d7;
  border-bottom: 1px solid #d7d7d7;
}

._powerInfoRow_qc4jj_363 {
  display: flex;
  align-items: center;
}

._powerInfoValue_qc4jj_368 {
  margin-left: 0.25rem;
  font-family: "CeraProBold";
  font-size: 1.125rem;
  color: #000;
}

._powerInfoFooter_qc4jj_375 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
}

._powerInfoEquals_qc4jj_382 {
  font-family: "CeraProBold";
  font-size: 1.5rem;
  color: #000;
}

._powerInfoTotal_qc4jj_388 {
  font-family: "FonbetCupRegular";
  font-weight: 400;
  font-size: 2rem;
  line-height: 1;
  letter-spacing: 0;
  color: #e80024;
}

._powerInfoTotalLabel_qc4jj_397 {
  display: flex;
  flex-direction: column;
  font-family: "CeraProMedium";
  font-size: 0.75rem;
  gap: 0.125rem;
  color: #000;
  line-height: 100%;
  letter-spacing: 0;
  font-weight: 500;
}

._friendlyMatch_qc4jj_409 {
  display: none;
}/**
 * Swiper 11.2.10
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: June 28, 2025
 */

/* FONT_START */
@font-face {
  font-family: 'swiper-icons';
  src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
  font-weight: 400;
  font-style: normal;
}
/* FONT_END */
:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}
:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: '';
  flex-shrink: 0;
  order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}
/* Slide styles start */
/* 3D Shadows */
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */
.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-fade .swiper-slide-active {
  pointer-events: auto;
}
.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
._root_d9fln_1 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  background: #fff;
}

._contentWrapper_d9fln_9 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

._content_d9fln_9 {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  z-index: 1;
  justify-content: flex-start;
}

._card_d9fln_24 {
  background-color: #f3f3f3;
  width: 100%;
  max-width: 25rem;
}

._titleBanner_d9fln_30 {
  background-color: #e80024;
  padding: 0.75rem 1.25rem;
  text-align: center;
}

._title_d9fln_30 {
  font-size: 1.75rem;
  font-weight: 400;
  font-family: "FonbetCupRegular";
  color: #fff;
  letter-spacing: 0;
  line-height: 1;
  text-transform: uppercase;
  margin: 0;
}

._sliderContainer_d9fln_47 {
  padding: 1rem;
  padding-bottom: 0;
  position: relative;
}

._slide_d9fln_47 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.9375rem;
}

._imageContainer_d9fln_60 {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

._image_d9fln_60 {
  max-width: 100%;
}

._description_d9fln_71 {
  font-size: 1rem;
  font-weight: 500;
  font-family: "CeraProMedium";
  color: #000;
  letter-spacing: 0;
  line-height: 120%;
  text-align: left;
  margin: 0;
  max-width: 20.8125rem;
}

._pagination_d9fln_83 {
  display: flex;
  justify-content: center;
  gap: 0.375rem;
  margin-top: 1rem;
  position: relative;
  top: 0.3125rem;
}

._paginationBullet_d9fln_92 {
  width: 0.625rem;
  height: 0.625rem;
  min-width: 0.625rem;
  max-width: 0.625rem;
  flex-shrink: 0;
  background-color: #061129;
  border: 1px solid #f3f3f3;
  cursor: pointer;
  display: block;
  box-sizing: border-box;
}

._paginationBulletActive_d9fln_105 {
  border: 1px solid #fff;
  background-color: #e80024;
}

._navigation_d9fln_110 {
  padding: 0 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  display: flex;
  gap: 0.5625rem;
  width: 100%;
  max-width: 25rem;
  font-family: "CeraProBold";
  font-weight: 700;
}

._backButton_d9fln_122 {
  width: 10.21875rem;
  justify-content: center;
}
._backButton_d9fln_122:disabled {
  opacity: 1;
  border: 1px solid #d7d7d7;
  font-family: "CeraProBold";
  font-weight: 700;
  color: #b5b5b5 !important;
  background: #f3f3f3 !important;
  cursor: not-allowed !important;
}

._nextButton_d9fln_136 {
  justify-content: center;
  width: 10.21875rem;
  padding: 0.625rem 1rem !important;
}

.swiper-pagination {
  display: none;
}._root_ddjwn_1 {
  display: flex;
  flex-direction: column;
  width: 100%;
}

._content_ddjwn_7 {
  max-width: 25rem;
  background: #f3f3f3;
}

._title_ddjwn_12 {
  font-size: 1.75rem;
  font-weight: 400;
  margin: 0;
  text-transform: uppercase;
  text-align: center;
  font-family: "FonbetCupRegular";
  padding: 0.625rem 1rem;
  background: #e80024;
  color: #fff;
}

._wrapper_ddjwn_24 {
  padding: 0.9375rem 1rem 1rem 1rem;
}

._statusBar_ddjwn_28 {
  display: flex;
  justify-content: space-between;
  padding: 0 0.25rem;
  margin-bottom: 1.125rem;
}

._attributeRow_ddjwn_35 {
  display: flex;
  align-items: center;
  gap: 0.6875rem;
  margin-bottom: 0.5rem;
}
._attributeRow_ddjwn_35:last-child {
  margin-bottom: 0;
}

._attributeIcon_ddjwn_45 {
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

._progressContainer_ddjwn_54 {
  flex: 1;
  position: relative;
}

._progressBar_ddjwn_59 {
  width: 100%;
  height: 1rem;
  background: #fff;
  border: 1px solid #d7d7d7;
  overflow: hidden;
  position: relative;
}

._progressFill_ddjwn_68 {
  height: 100%;
  transition: width 2s ease-out;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background: #e80024;
}

._progressDelta_ddjwn_78 {
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 1;
  transition: width 2s ease-out;
}
._progressDelta_ddjwn_78._progressGreen_ddjwn_85 {
  background: #4bf032;
}
._progressDelta_ddjwn_78._progressDefeat_ddjwn_88 {
  background: #0c1837;
}

._percentage_ddjwn_92 {
  font-weight: 700;
  font-family: "CeraProBold";
  font-size: 1rem;
  position: absolute;
  right: 0;
  top: -95%;
  z-index: 3;
  color: #000;
}

._icon_ddjwn_103 {
  width: 2.5rem;
  height: 2.5rem;
  object-fit: contain;
}

._button_ddjwn_109 {
  margin-top: 2rem;
  justify-content: center;
}._root_ntfpa_1 {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 25rem;
  background: #f3f3f3;
}

._title_ntfpa_9 {
  font-size: 1.75rem;
  font-weight: 400;
  margin: 0;
  text-transform: uppercase;
  text-align: center;
  font-family: "FonbetCupRegular";
  padding: 0.625rem 1rem;
  background: #e80024;
  color: #fff;
}

._wrapper_ntfpa_21 {
  padding: 0.9375rem 1rem 1rem 1rem;
}

._statusBar_ntfpa_25 {
  display: flex;
  justify-content: center;
  padding: 0 0.25rem;
  margin-bottom: 1.125rem;
}

._attributeRow_ntfpa_32 {
  display: flex;
  align-items: center;
  gap: 0.6875rem;
  margin-bottom: 0.5rem;
}
._attributeRow_ntfpa_32:last-child {
  margin-bottom: 0;
}

._attributeIcon_ntfpa_42 {
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

._progressContainer_ntfpa_51 {
  flex: 1;
  position: relative;
}

._progressBar_ntfpa_56 {
  width: 100%;
  height: 1rem;
  background: #fff;
  border: 1px solid #d7d7d7;
  overflow: hidden;
  position: relative;
}

._progressFill_ntfpa_65 {
  height: 100%;
  transition: width 2.5s ease-out;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background: #e80024;
}
._progressFill_ntfpa_65._progressFillVictory_ntfpa_74 {
  background: #e80024;
}
._progressFill_ntfpa_65._progressFillDefeat_ntfpa_77 {
  background: #e80024;
}

._progressDelta_ntfpa_81 {
  height: 100%;
  position: absolute;
  top: 0;
  transition: width 2.5s ease-out;
}
._progressDelta_ntfpa_81._progressGreen_ntfpa_87 {
  background: #4bf032;
}
._progressDelta_ntfpa_81._progressDefeat_ntfpa_90 {
  background: #0c1837;
}

._percentage_ntfpa_94 {
  font-weight: 700;
  font-family: "CeraProBold";
  font-size: 1rem;
  position: absolute;
  right: 0;
  top: -95%;
  z-index: 3;
  color: #000;
}

._icon_ntfpa_105 {
  width: 2.5rem;
  height: 2.5rem;
  object-fit: contain;
}

._buttonsWrapper_ntfpa_111 {
  margin-top: 2.0625rem;
}

._button_ntfpa_111 {
  margin-top: 0.5rem;
  justify-content: center;
}

._submittingStatus_ntfpa_120 {
  text-align: center;
  padding: 0.625rem;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 0.25rem;
  margin-bottom: 0.75rem;
}
._submittingStatus_ntfpa_120 p {
  margin: 0;
  color: #fff;
  font-size: 0.875rem;
  opacity: 0.8;
}

._errorStatus_ntfpa_134 {
  text-align: center;
  padding: 0.625rem;
  background: rgba(255, 0, 0, 0.1);
  border-radius: 0.25rem;
  margin-bottom: 0.75rem;
  border: 1px solid rgba(255, 0, 0, 0.3);
}
._errorStatus_ntfpa_134 p {
  margin: 0;
  color: #ff6b6b;
  font-size: 0.875rem;
}._root_zazoe_1 {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 25rem;
  overflow: hidden;
}

._title_zazoe_9 {
  font-size: 1.75rem;
  font-weight: 400;
  margin: 0;
  text-transform: uppercase;
  text-align: center;
  font-family: "FonbetCupRegular";
  background: #e80024;
  color: #fff;
  padding: 0.625rem 1rem;
  margin-bottom: 1rem;
}

._content_zazoe_22 {
  background: #fff;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  border: 2px solid;
  border-image-source: linear-gradient(180deg, #d7d7d7 0%, rgba(215, 215, 215, 0) 40%, rgba(215, 215, 215, 0) 60%, #d7d7d7 100%);
  border-image-slice: 1;
  padding: 0.8125rem 1rem 1rem 1rem;
}

._paragraph_zazoe_33 {
  font-size: 1rem;
  text-align: center;
  font-weight: 500;
  font-family: "CeraProMedium";
  color: #000;
  line-height: 120%;
  letter-spacing: 0;
  margin: 0;
  margin-bottom: 0.5rem;
}

._buttonsContainer_zazoe_45 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-top: 0.5rem;
}

._backButton_zazoe_52 {
  min-height: 2.75rem;
  justify-content: center;
}

._makeBetButton_zazoe_57 {
  min-height: 2.75rem;
  justify-content: center;
}._swiperWrapper_1t6ul_1 {
  display: flex;
  flex-direction: column;
}

._swiper_1t6ul_1 {
  width: 100%;
  height: 8.25rem;
}
._swiper_1t6ul_1 .swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s ease;
  transform: scale(0.9);
  opacity: 0.7;
}
._swiper_1t6ul_1 .swiper-slide-active {
  transform: scale(1);
  opacity: 1;
  z-index: 2;
}
._swiper_1t6ul_1 .swiper-slide-prev,
._swiper_1t6ul_1 .swiper-slide-next {
  transform: scale(0.95);
  opacity: 0.8;
}
._swiper--portrait_1t6ul_28 {
  height: 8.375rem;
}

._navigationContainer_1t6ul_32 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}

._decorativeTexture_1t6ul_39 {
  width: 20.9375rem;
  height: 7.4375rem;
  background-image: url("/images/createTeam/bg-texture-slider.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  flex-shrink: 0;
  position: absolute;
  left: 50%;
  top: 2%;
  transform: translate(-50%, -50%);
  z-index: 0;
}

._navButton_1t6ul_54 {
  width: 2.75rem;
  height: 2.75rem;
  background: #fff;
  border-image-source: linear-gradient(360deg, #b5b5b5 0%, rgba(181, 181, 181, 0) 35.72%, rgba(255, 255, 255, 0) 70.42%, rgba(255, 255, 255, 0.25) 100%);
  border-image-slice: 1;
  color: #000;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  flex-shrink: 0;
  z-index: 3;
}
._navButton_1t6ul_54:active {
  color: #e80024;
}
._navButton_1t6ul_54:disabled {
  opacity: 0.3;
  cursor: not-allowed;
  color: #000;
}
._navButton_1t6ul_54 svg {
  width: 1.5rem;
  height: 1.5rem;
}

._leftArrow_1t6ul_82 {
  transform: rotate(180deg);
}

._item_1t6ul_86 {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: all 0.3s ease;
  padding: 0.625rem;
  border-radius: 50%;
  opacity: 0.6;
}
._item_1t6ul_86._logo_1t6ul_96 {
  width: 4.375rem;
  height: 4.375rem;
}
._item_1t6ul_86._logo_1t6ul_96._selected_1t6ul_100 {
  width: 6.875rem;
  height: 6.875rem;
  opacity: 1;
}
._item_1t6ul_86._logo_1t6ul_96._selected_1t6ul_100 ._image_1t6ul_105 {
  width: 6.25rem;
  height: 6.25rem;
  transform: scale(1.1);
}
._item_1t6ul_86._portrait_1t6ul_110 {
  width: 5rem;
  height: 5rem;
}
._item_1t6ul_86._portrait_1t6ul_110._selected_1t6ul_100 {
  width: 6.25rem;
  height: 6.25rem;
  opacity: 1;
}
._item_1t6ul_86._portrait_1t6ul_110._selected_1t6ul_100 ._image_1t6ul_105 {
  width: 6.25rem;
  height: 6.25rem;
  transform: scale(1.1);
}

._image_1t6ul_105 {
  object-fit: contain;
  border-radius: 50%;
  transition: all 0.3s ease;
}
._logo_1t6ul_96 ._image_1t6ul_105 {
  width: 4.6875rem;
  height: 4.6875rem;
}
._portrait_1t6ul_110 ._image_1t6ul_105 {
  width: 4.6875rem;
  height: 4.6875rem;
}._modalHeader_153z3_1 {
  width: 100%;
  background-color: #061129;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  row-gap: 0.625rem;
  background-image: url("/images/events-modal-bg-texture.png");
  background-size: contain;
  background-position: bottom;
  background-repeat: no-repeat;
  border: 1px solid #fff;
  margin-bottom: 1rem;
}

._headerTitle_153z3_16 {
  font-size: 1.75rem;
  margin: 0;
  font-family: "FonbetCupRegular", "KodeMonoSemiBold";
  font-weight: 400;
  color: #fff;
  text-align: center;
}

._banner_153z3_25 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 0.75rem;
}

._fonbetLogo_153z3_33 {
  height: 0.9375rem;
  width: 5.125rem;
}

._cupImage_153z3_38 {
  height: 3.9375rem;
  width: 2.625rem;
}

._russianCupLogo_153z3_43 {
  height: 1.3125rem;
  width: 6.125rem;
}

._userBlock_153z3_48 {
  width: 100%;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  background-color: #fff;
}

._userBlockTitle_153z3_56 {
  font-size: 1.375rem;
  margin: 0;
  font-family: "CeraProBold";
  color: #000;
  text-align: center;
}

._userBlockDescription_153z3_64 {
  font-size: 1rem;
  font-family: "CeraProRegular";
  margin: 0.5rem 0 0;
  text-align: center;
  color: #000;
}

._buttonsGroup_153z3_72 {
  width: 100%;
  display: flex;
  flex-direction: column;
  row-gap: 0.5rem;
}

._button_153z3_72 {
  justify-content: center;
}

._topButton_153z3_83 {
  margin-top: 1rem;
}._cardFooter_otomf_1 {
  display: flex;
  height: 80px;
  background-color: #fff;
  padding: 1rem;
  justify-content: space-between;
  position: relative;
}

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

._countIndicatorWrapper_otomf_16 {
  display: flex;
  align-items: center;
}
._countIndicatorWrapper_otomf_16 svg {
  width: 1.75rem;
  height: 1.75rem;
  margin-right: 0.5rem;
  color: #e80024;
}

._eventsCount_otomf_10 {
  font-size: 2rem;
  font-family: "FonbetCupRegular";
  color: #000;
  margin: 0;
  line-height: 1;
}

._eventsCountDescription_otomf_35 {
  font-size: 0.875rem;
  font-family: "CeraProBold";
  color: #b5b5b5;
  margin: 0;
}

._hintDescriptionWrapper_otomf_42 {
  max-width: 10.4375rem;
  animation: _hintIndicatorsAnimation_otomf_1 0.4s ease-out both;
}

._hintDescription_otomf_42 {
  font-size: 0.875rem;
  font-family: "CeraProMedium";
  color: #b5b5b5;
  margin: 0;
}

._swipeIndicatorsWrapper_otomf_54 {
  position: relative;
}

._swipeIndicators_otomf_54 {
  height: 100%;
  width: fit-content;
  display: flex;
  animation: _hintIndicatorsAnimation_otomf_1 0.4s ease-out both;
}

@keyframes _hintIndicatorsAnimation_otomf_1 {
  0% {
    opacity: 0;
    transform: translateY(1.25rem);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
._indicatorWrapper_otomf_75 {
  height: 2.75rem;
  width: 2.75rem;
  padding: 0.1375rem;
  position: relative;
}

._indicatorImage_otomf_82 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
}

._handWrapper_otomf_89 {
  height: 2.875rem;
  width: 100%;
  position: absolute;
  top: calc(-150% - 4px);
  display: flex;
  justify-content: center;
}

._hand_otomf_89 {
  height: 100%;
  width: 2.875rem;
  animation: _float_otomf_127 1s infinite ease-in-out;
}

@keyframes _float_otomf_127 {
  50% {
    transform: translateY(-5px);
  }
}
._positive_otomf_109 {
  color: #019013;
}

._negative_otomf_113 {
  color: #e80024;
}

._animationOverlay_otomf_117 {
  position: absolute;
  top: 0;
  right: 0;
  width: fit-content;
  height: 100%;
  pointer-events: none;
  z-index: 20;
}

._floatingValue_otomf_127 {
  padding: 0.5625rem;
  height: 1.8125rem;
  align-items: center;
  display: flex;
  border: 1px solid #0d1837;
  background-color: #fff;
  border-radius: 1.5625rem;
  position: absolute;
  top: 1.25rem;
  font-size: 0.875rem;
  font-weight: 500;
  font-family: "CeraProBold";
  line-height: 100%;
  pointer-events: none;
  opacity: 0;
  transform: translateY(0);
}._swipeCardWrapper_7tckq_1 {
  width: 100%;
  height: fit-content;
  display: flex;
  justify-content: center;
}

._swipeCard_7tckq_1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 0.5rem;
}

._swipeCardImageWrapper_7tckq_15 {
  position: relative;
  height: 12.0625rem;
  width: 12.0625rem;
  background-image: url("/images/decor-blue.png");
  background-size: cover;
  border-radius: 0.25rem;
}

._flipCard_7tckq_24 {
  position: relative;
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
}

._cardBack_7tckq_31 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("/images/bg-texture-header-footer.png");
  background-size: cover;
  background-position: center;
  backface-visibility: hidden;
  transform: rotateY(180deg);
  border-radius: inherit;
}

._image_7tckq_45 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
  backface-visibility: hidden;
  transform: rotateY(0deg);
  position: relative;
  border-radius: inherit;
}

._cardCharacterName_7tckq_56 {
  font-size: 1rem;
  color: #000;
  font-family: "CeraProBold";
  margin: 0;
}

._specialCharacter_7tckq_63 {
  color: #fff;
}

._swipeHint_7tckq_67 {
  position: absolute;
  width: inherit;
  height: 3.875rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.6);
  bottom: 0;
  left: 0;
  padding: 0.5rem;
  animation: _hintAnimation_7tckq_1 0.4s ease-out both;
}

@keyframes _hintAnimation_7tckq_1 {
  0% {
    opacity: 0;
    transform: translateY(1.25rem);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
._hintText_7tckq_91 {
  font-size: 1rem;
  color: #fff;
  font-family: "CeraProBold";
  margin: 0;
  text-align: center;
}

._loading_7tckq_99 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

._spinner_7tckq_110 {
  width: 50px;
  height: 50px;
  position: relative;
}
._spinner_7tckq_110::before {
  content: "";
  position: absolute;
  inset: 0;
  background: conic-gradient(transparent 0deg 30deg, #fff 30deg 90deg, transparent 90deg 150deg, #fff 150deg 210deg, transparent 210deg 270deg, #fff 270deg 330deg, transparent 330deg 360deg);
  border-radius: 50%;
  mask: radial-gradient(circle, transparent 35%, black 36%);
  animation: _spin_7tckq_110 2s linear infinite;
}

@keyframes _spin_7tckq_110 {
  to {
    transform: rotate(360deg);
  }
}._cardWrapper_1kp1i_1 {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  padding: 1.5625rem 1.25rem 2.8125rem;
}

._card_1kp1i_1 {
  max-height: 33.4375rem;
  min-height: 33.4375rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

._cardContent_1kp1i_21 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-grow: 1;
  background-color: #f3f3f3;
  padding: 1rem 1rem 1.5rem;
}

._cardContentSpecial_1kp1i_30 {
  background-color: #061129;
  background-size: contain;
  background-image: url("/images/special_bg.png");
  background-repeat: no-repeat;
  background-position: bottom;
}

._cardHeaderText_1kp1i_38 {
  display: flex;
  flex-direction: column;
  row-gap: 0.875rem;
}

._cardTitle_1kp1i_44 {
  font-size: 1.5rem;
  color: #000;
  font-family: "CeraProBold";
  margin: 0;
}

._cardDescription_1kp1i_51 {
  font-size: 1rem;
  color: #000;
  font-family: "CeraProMedium";
  margin: 0;
}

._loadingWrapper_1kp1i_58 {
  height: 100%;
  width: 100%;
  background-color: #fff;
}

._specialText_1kp1i_64 {
  color: #fff;
}

._loading_1kp1i_58 {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

._spinner_1kp1i_76 {
  width: 50px;
  height: 50px;
  position: relative;
}
._spinner_1kp1i_76::before {
  content: "";
  position: absolute;
  inset: 0;
  background: conic-gradient(transparent 0deg 30deg, #e80024 30deg 90deg, transparent 90deg 150deg, #e80024 150deg 210deg, transparent 210deg 270deg, #e80024 270deg 330deg, transparent 330deg 360deg);
  border-radius: 50%;
  mask: radial-gradient(circle, transparent 35%, black 36%);
  animation: _spin_1kp1i_76 2s linear infinite;
}

@keyframes _spin_1kp1i_76 {
  to {
    transform: rotate(360deg);
  }
}._wrapper_1j8qp_1 {
  position: absolute;
  top: 0;
  left: 0;
  height: calc(100% - 3.75rem);
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #0d1837;
  background-image: url("/images/loading-bg-texture.png");
  background-position: center;
  background-size: cover;
}

._logo_1j8qp_16 {
  height: 1.875rem;
  width: 100%;
}

._bar_1j8qp_21 {
  margin-top: 1.25rem;
  width: 100%;
  height: 1.125rem;
  border: 1px solid #fff;
  overflow: hidden;
}

._progress_1j8qp_29 {
  height: 100%;
  background: white;
  width: 100%;
  transform-origin: left;
  transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}._footer_1o1bs_1 {
  z-index: 0;
}

._wrapper_1o1bs_5 {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  position: relative;
}

._ready_1o1bs_12::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.6;
}._root_74t9w_1 {
  display: flex;
  flex-direction: column;
  width: 100%;
}

._title_74t9w_7 {
  font-size: 1.75rem;
  font-weight: 400;
  margin: 0;
  line-height: 100%;
  text-transform: uppercase;
  text-align: center;
  font-family: "FonbetCupRegular";
  color: #fff;
  margin-bottom: 0.4375rem;
}

._content_74t9w_19 {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 25rem;
}

._wrapper_74t9w_26 {
  background: #fff;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  border: 2px solid;
  border-image-source: linear-gradient(180deg, #d7d7d7 0%, rgba(215, 215, 215, 0) 40%, rgba(215, 215, 215, 0) 60%, #d7d7d7 100%);
  border-image-slice: 1;
  padding: 0.8125rem 1rem 1rem 1rem;
}

._top_74t9w_37 {
  background: #e80024;
  padding: 0.75rem 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 1.125rem;
}

._congratsText_74t9w_46 {
  font-size: 1.375rem;
  text-align: center;
  font-weight: 700;
  font-family: "CeraProBold";
  color: #fff;
  line-height: 120%;
  letter-spacing: 0;
  margin: 0;
}

._copyright_74t9w_57 {
  font-size: 1rem;
  text-align: center;
  font-weight: 500;
  font-family: "CeraProMedium";
  color: #000;
  line-height: 120%;
  letter-spacing: 0;
  margin: 0;
  margin-bottom: 0.5rem;
}

._buttonsContainer_74t9w_69 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-top: 0.5rem;
}

._alreadyRegisteredButton_74t9w_76 {
  min-height: 2.75rem;
  justify-content: center;
}

._registerButton_74t9w_81 {
  min-height: 2.75rem;
  justify-content: center;
}

._uraButton_74t9w_86 {
  min-height: 2.75rem;
  justify-content: center;
}

._skipButtonContainer_74t9w_91 {
  display: flex;
  justify-content: center;
  margin-top: 0.75rem;
}

._skipButton_74t9w_91 {
  font-family: "CeraProBold";
  font-weight: 700;
  font-size: 1rem;
  line-height: 100%;
  letter-spacing: 0;
  color: #fff;
  border: none;
  padding: 0;
  border-bottom: 2px solid #fff;
  background: none;
  cursor: pointer;
  min-height: 1.3125rem;
  display: flex;
  align-items: center;
  justify-content: center;
}._root_1y926_1 {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 25rem;
  background-color: #fff;
  padding: 2rem 1.5rem;
  max-width: 30rem;
  border: 2px solid;
  border-image-source: linear-gradient(180deg, #d7d7d7 0%, rgba(215, 215, 215, 0) 40%, rgba(215, 215, 215, 0) 60%, #d7d7d7 100%);
  border-image-slice: 1;
  padding: 0.5rem 1rem 1rem 1rem;
}

._title_1y926_15 {
  margin-bottom: 1.5rem;
  font-family: "CeraProBold";
  font-weight: 700;
  font-size: 1.375rem;
  line-height: 1.625rem;
  text-align: center;
}

._buttonsContainer_1y926_24 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}

._yesButton_1y926_31 {
  min-height: 2.75rem;
  justify-content: center;
}

._registerButton_1y926_36 {
  min-height: 2.75rem;
  justify-content: center;
}

._info_1y926_41 {
  font-family: "CeraProMedium";
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.375rem;
  text-align: center;
}._root_2am61_1 {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  flex-grow: 1;
  background-image: url("/images/bg-decor-bottom.png"), linear-gradient(to bottom, #0d1837 0%, #0d1837 70%, #fff 70%, #fff 100%);
  position: relative;
  background-repeat: no-repeat;
  background-position: bottom;
}
._root_2am61_1::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 70%;
  background-image: url("/images/decor-blue.png");
  background-size: 25.3125rem 9.375rem;
  background-position: top left;
  background-repeat: repeat;
  z-index: 0;
  pointer-events: none;
}

._container_2am61_26 {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

._content_2am61_33 {
  flex-grow: 1;
  padding: 1.25rem 1.25rem;
  padding-top: 0;
}

._totalCoins_2am61_39 {
  display: flex;
  justify-content: center;
  padding-bottom: 1rem;
}

._buildingList_2am61_45 {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}._modalContent_hxb3x_1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0.875rem 0.875rem;
  max-width: 25rem;
  border: 2px solid;
  border-image-source: linear-gradient(180deg, #d7d7d7 0%, rgba(215, 215, 215, 0) 40%, rgba(215, 215, 215, 0) 60%, #d7d7d7 100%);
  border-image-slice: 1;
  width: 100%;
  background-color: #fff;
}

._title_hxb3x_15 {
  font-size: 1.375rem;
  font-family: "CeraProBold";
  font-weight: 700;
  line-height: 120%;
  text-align: center;
  letter-spacing: 0;
  color: #000;
  margin: 0 0 1.4375rem 0;
  max-width: 18.9375rem;
}

._description_hxb3x_27 {
  font-family: "CeraProRegular";
  font-size: 1rem;
  font-weight: 400;
  line-height: 120%;
  text-align: center;
  letter-spacing: 0;
  color: #000;
  margin: 0 0 1.5625rem 0;
  max-width: 18.9375rem;
}

._buttons_hxb3x_39 {
  display: flex;
  gap: 0.5rem;
  width: 100%;
}

._confirmButton_hxb3x_45,
._cancelButton_hxb3x_46 {
  justify-content: center;
  min-height: 2.75rem;
}._root_1gx94_1 {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  flex-grow: 1;
  justify-content: space-between;
  position: relative;
  background-color: #fff;
}
._root_1gx94_1::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 22.625rem;
  background-image: url("/images/decor-blue.png");
  background-size: 25.3125rem 9.375rem;
  background-position: top left;
  background-repeat: repeat;
  z-index: 0;
  pointer-events: none;
}

._contentWrapper_1gx94_25 {
  display: flex;
  height: 100vh;
  flex-direction: column;
  justify-content: space-between;
}

._content_1gx94_25 {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1.25rem 1.25rem;
  padding-top: 0.75rem;
  padding-bottom: 0.3125rem;
  flex: 1;
  position: relative;
  z-index: 1;
}

._titleBannerImage_1gx94_44 {
  width: 20.0625rem;
  height: 2.75rem;
  margin-bottom: 0.75rem;
}

._card_1gx94_50 {
  background: linear-gradient(to bottom, #f3f3f3 0%, #f3f3f3 81%, #fff 81%, #fff 100%);
  width: 100%;
  max-width: 25rem;
  overflow: hidden;
}

._cardPlayers_1gx94_57 {
  background: linear-gradient(to bottom, #f3f3f3 0%, #f3f3f3 72%, #fff 72%, #fff 100%);
  width: 100%;
  max-width: 25rem;
  overflow: hidden;
}

._subtitleBanner_1gx94_64 {
  background-color: #e80024;
  padding: 0.75rem 1.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
._subtitleBanner--withCloseButton_1gx94_72 {
  padding: 0.75rem 1rem;
  justify-content: flex-start;
}

._subtitle_1gx94_64 {
  font-size: 1.75rem;
  font-weight: 400;
  font-family: "FonbetCupRegular";
  color: #fff;
  letter-spacing: 0;
  line-height: 1;
  text-transform: uppercase;
  margin: 0;
}

._closeButton_1gx94_88 {
  position: absolute;
  top: 0.9375rem;
  right: 0.9375rem;
  width: 1.5rem;
  height: 1.5rem;
  color: #fff;
  z-index: 2;
  font-family: inherit;
  padding: 0;
  background-color: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

._logoSection_1gx94_106,
._portraitSection_1gx94_107 {
  margin-bottom: 1.5625rem;
}

._sectionTitle_1gx94_111 {
  font-size: 1.5rem;
  font-weight: 700;
  font-family: "CeraProBold";
  color: #000;
  margin: 2rem 0 0.9375rem 0;
  text-align: center;
}

._sectionNameLogo_1gx94_120 {
  font-size: 1.25rem;
  font-weight: 500;
  font-family: "CeraProMedium";
  color: #000;
  margin: 4.6875rem 0 0.6875rem 0;
  letter-spacing: 0;
  text-align: center;
}

._sectionNamePlayer_1gx94_130 {
  font-size: 1.25rem;
  font-weight: 500;
  font-family: "CeraProMedium";
  color: #000;
  margin: 1.5625rem 0 0.6875rem 0;
  letter-spacing: 0;
  text-align: center;
}

._logoSwiperWrapper_1gx94_140,
._portraitSwiperWrapper_1gx94_141 {
  margin-bottom: 0.9375rem;
}

._clubNameSection_1gx94_145 {
  margin: 0.625rem 1rem;
}

._playerNameSection_1gx94_149 {
  margin: 0.625rem 1rem;
}

._playerInfoContainer_1gx94_153 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-left: 1.5rem;
  gap: 0.625rem;
  margin-top: 0.625rem;
}

._playerNumber_1gx94_162 {
  font-size: 1.75rem;
  color: #e80024;
  font-weight: 400;
  font-family: "FonbetCupRegular";
  padding: 0.0625rem 0.625rem;
  border: 1px solid #e80024;
  border-radius: 0.25rem;
}

._playerRole_1gx94_172 {
  display: flex;
  align-items: center;
  gap: 0.3125rem;
}

._roleLabel_1gx94_178 {
  font-size: 1.125rem;
  color: #000;
  font-weight: 500;
  letter-spacing: 0;
  font-family: "CeraProMedium";
}

._roleName_1gx94_186 {
  font-size: 1.125rem;
  color: #000;
  font-weight: 400;
  font-family: "CeraProRegular";
}

._navigation_1gx94_193 {
  display: flex;
  gap: 0.375rem;
  padding: 0.75rem 0;
  padding-top: 0.5rem;
}
._navigation_1gx94_193._singleButton_1gx94_199 {
  padding: 1rem 0;
  padding-top: 0.3125rem;
  padding-bottom: 0.6875rem;
  justify-content: center;
}

._backButton_1gx94_206 {
  font-family: "CeraProBold";
  font-weight: 700;
  justify-content: center;
}

._selectButton_1gx94_212 {
  font-family: "CeraProBold";
  font-weight: 700;
  justify-content: center;
}
._selectButton_1gx94_212:disabled {
  opacity: 1;
  border: 1px solid #d7d7d7;
  font-family: "CeraProBold";
  font-weight: 700;
  color: #b5b5b5 !important;
  background: #f3f3f3 !important;
  cursor: not-allowed !important;
}

._createButton_1gx94_227 {
  flex: 1;
  justify-content: center;
}

._decor_1gx94_232 {
  display: flex;
  justify-content: center;
  height: 15%;
  position: relative;
}
._decor_1gx94_232::before {
  content: "";
  position: absolute;
  top: 26%;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("/images/landing/decor.png");
  background-repeat: no-repeat;
  background-size: 100%;
  z-index: 1;
}[data-simplebar]{position:relative;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;align-items:flex-start}.simplebar-wrapper{overflow:hidden;width:inherit;height:inherit;max-width:inherit;max-height:inherit}.simplebar-mask{direction:inherit;position:absolute;overflow:hidden;padding:0;margin:0;left:0;top:0;bottom:0;right:0;width:auto!important;height:auto!important;z-index:0}.simplebar-offset{direction:inherit!important;box-sizing:inherit!important;resize:none!important;position:absolute;top:0;left:0;bottom:0;right:0;padding:0;margin:0;-webkit-overflow-scrolling:touch}.simplebar-content-wrapper{direction:inherit;box-sizing:border-box!important;position:relative;display:block;height:100%;width:auto;max-width:100%;max-height:100%;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.simplebar-content-wrapper::-webkit-scrollbar,.simplebar-hide-scrollbar::-webkit-scrollbar{display:none;width:0;height:0}.simplebar-content:after,.simplebar-content:before{content:' ';display:table}.simplebar-placeholder{max-height:100%;max-width:100%;width:100%;pointer-events:none}.simplebar-height-auto-observer-wrapper{box-sizing:inherit!important;height:100%;width:100%;max-width:1px;position:relative;float:left;max-height:1px;overflow:hidden;z-index:-1;padding:0;margin:0;pointer-events:none;flex-grow:inherit;flex-shrink:0;flex-basis:0}.simplebar-height-auto-observer{box-sizing:inherit;display:block;opacity:0;position:absolute;top:0;left:0;height:1000%;width:1000%;min-height:1px;min-width:1px;overflow:hidden;pointer-events:none;z-index:-1}.simplebar-track{z-index:1;position:absolute;right:0;bottom:0;pointer-events:none;overflow:hidden}[data-simplebar].simplebar-dragging{pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[data-simplebar].simplebar-dragging .simplebar-content{pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[data-simplebar].simplebar-dragging .simplebar-track{pointer-events:all}.simplebar-scrollbar{position:absolute;left:0;right:0;min-height:10px}.simplebar-scrollbar:before{position:absolute;content:'';background:#000;border-radius:7px;left:2px;right:2px;opacity:0;transition:opacity .2s .5s linear}.simplebar-scrollbar.simplebar-visible:before{opacity:.5;transition-delay:0s;transition-duration:0s}.simplebar-track.simplebar-vertical{top:0;width:11px}.simplebar-scrollbar:before{top:2px;bottom:2px;left:2px;right:2px}.simplebar-track.simplebar-horizontal{left:0;height:11px}.simplebar-track.simplebar-horizontal .simplebar-scrollbar{right:auto;left:0;top:0;bottom:0;min-height:0;min-width:10px;width:auto}[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical{right:auto;left:0}.simplebar-dummy-scrollbar-size{direction:rtl;position:fixed;opacity:0;visibility:hidden;height:500px;width:500px;overflow-y:hidden;overflow-x:scroll;-ms-overflow-style:scrollbar!important}.simplebar-dummy-scrollbar-size>div{width:200%;height:200%;margin:10px 0}.simplebar-hide-scrollbar{position:fixed;left:0;visibility:hidden;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}
._root_gjgkw_1 {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  flex-grow: 1;
  background-image: url("/images/decor-blue.png");
  background-size: 25.3125rem 9.375rem;
  background-repeat: repeat;
}

._faq_gjgkw_11 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-bottom: 1.25rem;
}

._faqList_gjgkw_17 {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding-right: 1.125rem;
}

._footerActions_gjgkw_27 {
  display: flex;
  gap: 0.5rem;
  padding: 0.875rem 1.25rem;
  background-color: #fff;
}

._rulesButton_gjgkw_34 {
  position: relative;
  display: flex;
  align-items: center;
  line-height: 1;
  font-weight: 700;
  cursor: pointer;
  gap: 0.625rem;
  width: 100%;
  text-decoration: none;
  background-color: #d7d7d7;
  color: #000;
  border: 2px solid;
  border-image-source: linear-gradient(360deg, #b5b5b5 0%, rgba(181, 181, 181, 0) 35.72%, rgba(255, 255, 255, 0) 70.42%, rgba(255, 255, 255, 0.25) 100%);
  border-image-slice: 1;
}
._rulesButton_gjgkw_34:active {
  opacity: 0.8;
}

._actionButton_gjgkw_54 {
  flex-grow: 1;
  justify-content: center;
  font-size: 0.875rem;
  min-height: 3.25rem;
  padding: 0.75rem 0.375rem;
}

.simplebar-track.simplebar-vertical {
  width: 0.5rem;
  background-color: #fff;
}

.simplebar-scrollbar::before {
  background-color: #e80024;
  border-radius: 0;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.simplebar-scrollbar.simplebar-visible:before {
  opacity: 1;
}._root_sq1qw_1 {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  flex-grow: 1;
  background-image: url("/images/bg-decor-bottom.png"), linear-gradient(to bottom, #0d1837 0%, #0d1837 70%, #fff 70%, #fff 100%);
  position: relative;
  background-repeat: no-repeat;
  background-position: bottom;
}
._root_sq1qw_1::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 70%;
  background-image: url("/images/decor-blue.png");
  background-size: 25.3125rem 9.375rem;
  background-position: top left;
  background-repeat: repeat;
  z-index: 0;
  pointer-events: none;
}

._container_sq1qw_26 {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

._content_sq1qw_33 {
  flex-grow: 1;
  padding: 1.25rem 1.25rem;
  padding-top: 0;
}

._hrDepartmentList_sq1qw_39 {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}

._currentStatus_sq1qw_48 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 1.25rem;
  padding-top: 0.5rem;
  padding-bottom: 1.625rem;
}

._statusItem_sq1qw_58 {
  display: flex;
  flex-direction: column;
  align-items: center;
}

._statusValueText_sq1qw_64 {
  font-family: "CeraProBold";
  font-weight: 700;
  font-size: 0.875rem;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  margin-top: 0.5rem;
}

._statusTitle_sq1qw_74 {
  font-size: 0.625rem;
  text-align: center;
  color: #fff;
  margin-top: 0.3125rem;
}._root_pxvgh_1 {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  flex-grow: 1;
}

._hero_pxvgh_8 {
  padding: 1.25rem 1.25rem;
  background-color: #fff;
}

._heroBanner_pxvgh_13 {
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: url("/images/landing/background-hero.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 14.875rem;
  position: relative;
  margin-bottom: 1.25rem;
}

._heroBannerImage_pxvgh_27 {
  width: 17.3125rem;
  height: auto;
  max-width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -30%);
}

._heroText_pxvgh_37 {
  font-family: "CeraProMedium";
  font-weight: 500;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: 0;
  text-align: center;
  display: block;
  margin: 0 auto;
  max-width: 20.9375rem;
}

._startButton_pxvgh_50,
._aboutButton_pxvgh_51 {
  padding: 0.625rem 1rem !important;
}

._action_pxvgh_55 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 1.25rem 1.25rem;
  background-color: #0d1837;
}

._actionButtons_pxvgh_64 {
  flex-direction: column;
  display: flex;
  gap: 0.625rem;
  width: 100%;
}

._triangleDownContainer_pxvgh_71 {
  display: flex;
  margin-top: 0.6875rem;
}

._triangleDown_pxvgh_71 {
  width: 1.5625rem;
  height: 1.5625rem;
}

._about_pxvgh_51 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: linear-gradient(to bottom, #0d1837 0%, #0d1837 93.3%, #fff 93.3%, #fff 100%);
  padding: 1.25rem 1.25rem;
  padding-top: 1.875rem;
  color: #fff;
}

._aboutSection_pxvgh_92 {
  width: 100%;
  margin-bottom: 1.9375rem;
}
._aboutSection_pxvgh_92:last-child {
  margin-bottom: 0;
}
._aboutSection_pxvgh_92 h2 {
  font-family: "FonbetCupRegular";
  margin: 0;
  font-weight: 400;
  margin-bottom: 0.875rem;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: 0;
  font-size: 1.75rem;
  text-align: center;
}

._aboutContent_pxvgh_111 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 1rem;
  color: #000;
  background-color: #f3f3f3;
  padding: 1rem;
}

._aboutImageWrapper_pxvgh_122 {
  position: relative;
  width: 18.9375rem;
  height: 18.5rem;
  max-width: 100%;
  border: 2px solid;
  border-image-source: linear-gradient(180deg, #d7d7d7 0%, rgba(215, 215, 215, 0) 40%, rgba(215, 215, 215, 0) 60%, #d7d7d7 100%);
  border-image-slice: 1;
  z-index: 1;
}

._aboutImage_pxvgh_122 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

._aboutSection_pxvgh_92:nth-child(odd) ._aboutImageWrapper_pxvgh_122::after,
._aboutSection_pxvgh_92:nth-child(even) ._aboutImageWrapper_pxvgh_122::after {
  content: "";
  position: absolute;
  bottom: 0;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  z-index: 2;
}

._aboutSection_pxvgh_92:nth-child(odd) ._aboutImageWrapper_pxvgh_122::after {
  left: 0;
  width: 8.9375rem;
  height: 7.5rem;
  background-image: url("/images/landing/left-decor.png");
}

._aboutSection_pxvgh_92:nth-child(even) ._aboutImageWrapper_pxvgh_122::after {
  right: 0;
  width: 7.5rem;
  height: 8.75rem;
  background-image: url("/images/landing/right-decor.png");
}

._aboutText_pxvgh_164 {
  margin: 0;
  font-family: "CeraProMedium";
  font-weight: 500;
  font-size: 1rem;
  line-height: 120%;
  letter-spacing: 0;
  text-align: left;
  max-width: 18.9375rem;
}

._prizes_pxvgh_175 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  padding: 1.875rem 0;
  padding-bottom: 0;
}
._prizes_pxvgh_175 h2 {
  margin: 0;
  margin-bottom: 0.8125rem;
  font-family: "FonbetCupRegular";
  font-weight: 400;
  line-height: 120%;
  letter-spacing: 0;
  font-size: 1.75rem;
  text-align: center;
}

._prizesContent_pxvgh_195 {
  width: 100%;
  margin-bottom: 1.25rem;
}

._prizesSwiper_pxvgh_200 {
  width: 100%;
  padding-left: 1.25rem;
}

._prizesText_pxvgh_205 {
  font-family: "CeraProMedium";
  font-size: 1rem;
  line-height: 120%;
  letter-spacing: 0;
  text-align: center;
  margin: 0;
  margin-top: 0.875rem;
  max-width: 20.8125rem;
  margin-left: auto;
  margin-right: auto;
}

._prizeSlide_pxvgh_218 img {
  width: 12.56rem;
  height: 12.56rem;
  background-color: #e80024;
}

._start_pxvgh_50 {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 1.25rem;
  padding-top: 1.25rem;
  background-color: #f3f3f3;
}

._triangleUpContainer_pxvgh_233 {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  width: 17.5rem;
  height: 6.875rem;
  margin-top: 1.9375rem;
  position: relative;
}
._triangleUpContainer_pxvgh_233::before {
  content: "";
  position: absolute;
  top: 27%;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("/images/landing/decor.png");
  background-repeat: no-repeat;
  background-size: 100%;
  z-index: 0;
}

._triangleUp_pxvgh_233 {
  width: 2.9375rem;
  height: 2.9375rem;
  padding-bottom: 1.25rem;
}._root_dqrtz_1 {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  color: #fff;
  position: relative;
  overflow: hidden;
}
._root_dqrtz_1::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 22.5625rem;
  background-image: url("/images/decor-blue.png");
  background-size: 25.3125rem 9.375rem;
  background-position: top left;
  background-repeat: repeat;
  z-index: 0;
  pointer-events: none;
}

._container_dqrtz_24 {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

._content_dqrtz_30 {
  position: relative;
  z-index: 1;
  flex: 1;
  display: flex;
  flex-direction: column;
}
._content_dqrtz_30::before {
  content: "";
  position: absolute;
  bottom: -13.625rem;
  left: 50%;
  z-index: 0;
  display: block;
  width: 17.5rem;
  height: 17.5rem;
  background-image: url("/images/landing/decor.png");
  background-repeat: no-repeat;
  background-size: 100%;
  transform: translateX(-50%);
}

._menuWrapper_dqrtz_52 {
  width: 100%;
  height: 28rem;
  padding: 0 1.25rem;
  margin: auto 0;
}

._menu_dqrtz_52 {
  padding: 1rem;
  background-color: #f3f3f3;
}

._button_dqrtz_64 {
  justify-content: center;
  margin-bottom: 1rem;
}
._button_dqrtz_64:last-child {
  margin-bottom: 0;
}._root_hnp0a_1 {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  flex-grow: 1;
  justify-content: space-between;
  position: relative;
  background-color: #fff;
}
._root_hnp0a_1::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 22.625rem;
  background-image: url("/images/decor-blue.png");
  background-size: 25.3125rem 9.375rem;
  background-position: top left;
  background-repeat: repeat;
  z-index: 0;
  pointer-events: none;
}

._contentWrapper_hnp0a_25 {
  display: flex;
  height: 100vh;
  flex-direction: column;
  justify-content: space-between;
}

._content_hnp0a_25 {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1.25rem 1.25rem;
  padding-top: 0.75rem;
  padding-bottom: 0.9375rem;
  flex: 1;
  position: relative;
  z-index: 1;
  justify-content: flex-start;
}

._titleBannerImage_hnp0a_45 {
  width: 16.5625rem;
  height: 2.75rem;
  margin-bottom: 0.75rem;
}

._card_hnp0a_51 {
  background-color: #f3f3f3;
  width: 100%;
  max-width: 25rem;
  margin-bottom: 2.1875rem;
}

._subtitleBanner_hnp0a_58 {
  background-color: #e80024;
  padding: 0.75rem 1.25rem;
  text-align: center;
}

._subtitle_hnp0a_58 {
  font-size: 1.75rem;
  font-weight: 400;
  font-family: "FonbetCupRegular";
  color: #fff;
  letter-spacing: 0;
  line-height: 1;
  text-transform: uppercase;
  margin: 0;
}

._sliderContainer_hnp0a_75 {
  padding: 1rem;
  padding-bottom: 0;
  position: relative;
}

._slide_hnp0a_75 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.9375rem;
}

._imageContainer_hnp0a_88 {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

._image_hnp0a_88 {
  max-width: 100%;
  height: 12.0625rem;
  width: 20.8125rem;
  object-fit: cover;
}

._description_hnp0a_102 {
  font-size: 1rem;
  font-weight: 500;
  font-family: "CeraProMedium";
  color: #000;
  letter-spacing: 0;
  line-height: 120%;
  text-align: left;
  margin: 0;
  max-width: 20.8125rem;
}

._pagination_hnp0a_114 {
  display: flex;
  justify-content: center;
  gap: 0.375rem;
  margin-top: 1rem;
  position: relative;
  top: 0.3125rem;
}

._paginationBullet_hnp0a_123 {
  width: 0.625rem;
  height: 0.625rem;
  min-width: 0.625rem;
  max-width: 0.625rem;
  flex-shrink: 0;
  background-color: #061129;
  border: 1px solid #f3f3f3;
  cursor: pointer;
  display: block;
  box-sizing: border-box;
}

._paginationBulletActive_hnp0a_136 {
  border: 1px solid #fff;
  background-color: #e80024;
}

._navigation_hnp0a_141 {
  display: flex;
  gap: 0.5625rem;
  width: 100%;
  max-width: 25rem;
}

._backButton_hnp0a_148 {
  width: 10.21875rem;
  justify-content: center;
}

._nextButton_hnp0a_153 {
  justify-content: flex-start;
  width: 10.21875rem;
  padding: 0.625rem 1rem !important;
}

.swiper-pagination {
  display: none;
}

._decor_hnp0a_163 {
  display: flex;
  justify-content: center;
  height: 15%;
  position: relative;
}
._decor_hnp0a_163::before {
  content: "";
  position: absolute;
  top: 26%;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("/images/landing/decor.png");
  background-repeat: no-repeat;
  background-size: 100%;
  z-index: 1;
}._root_1b3jk_1 {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  color: #fff;
  position: relative;
  overflow: hidden;
}
._root_1b3jk_1::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 22.5625rem;
  background-image: url("/images/decor-blue.png");
  background-size: 25.3125rem 9.375rem;
  background-position: top left;
  background-repeat: repeat;
  z-index: -1;
  pointer-events: none;
}

._container_1b3jk_24 {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

._contentWrapper_1b3jk_30 {
  position: relative;
  z-index: 1;
  flex: 1;
  display: flex;
  flex-direction: column;
}
._contentWrapper_1b3jk_30::before {
  content: "";
  position: absolute;
  bottom: -13.625rem;
  left: 50%;
  z-index: 0;
  display: block;
  width: 17.5rem;
  height: 17.5rem;
  background-image: url("/images/landing/decor.png");
  background-repeat: no-repeat;
  background-size: 100%;
  transform: translateX(-50%);
}

._content_1b3jk_30 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0 1.25rem 1rem;
  overflow: auto;
}

._mainCard_1b3jk_62 {
  padding: 1rem 1rem 1.25rem;
  background-color: #f3f3f3;
}

._logoTitleWrapper_1b3jk_67 {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}

._logo_1b3jk_67 {
  width: 4.375rem;
  height: 4.375rem;
  object-fit: contain;
}

._titleAndStage_1b3jk_79 {
  margin-left: 0.8125rem;
}

._title_1b3jk_79 {
  font-family: "CeraProBold";
  font-weight: 700;
  font-size: 1.375rem;
  line-height: 1.625rem;
  color: #000;
}

._stage_1b3jk_91 {
  margin-top: 0.375rem;
  font-family: "CeraProRegular";
  font-size: 1rem;
  line-height: 1.125rem;
  color: #000;
}

._separator_1b3jk_99 {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
  font-family: "CeraProMedium";
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.375rem;
  color: #b5b5b5;
}
._separator_1b3jk_99::before, ._separator_1b3jk_99::after {
  content: "";
  flex-grow: 1;
  height: 1px;
  background-color: #d7d7d7;
}
._separator_1b3jk_99::before {
  margin-right: 0.625rem;
}
._separator_1b3jk_99::after {
  margin-left: 0.625rem;
}

._mainIndicatorItem_1b3jk_122 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
._mainIndicatorItem_1b3jk_122 + ._mainIndicatorItem_1b3jk_122 {
  margin-top: 1rem;
}

._mainIndicatorTitle_1b3jk_131 {
  font-family: "CeraProBold";
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.125rem;
  color: #000;
}

._collapsibleCard_1b3jk_139 {
  margin-top: 0.625rem;
}

._teamStateWrapper_1b3jk_143 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem 1.5rem;
}

._teamStateItem_1b3jk_149 {
  display: flex;
  align-items: center;
}
._teamStateItem_1b3jk_149 svg {
  width: 2.5rem;
  height: 2.5rem;
  margin-right: 0.1875rem;
}

._teamStatePercent_1b3jk_159 {
  margin-bottom: 0.3125rem;
  font-family: "CeraProBold";
  font-weight: 700;
  font-size: 1rem;
  line-height: 0.6875rem;
  color: #e80024;
}

._teamStateDescription_1b3jk_168 {
  font-family: "CeraProRegular";
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.125rem;
  color: #000;
}

._bonusCard_1b3jk_176 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem;
  font-family: "CeraProBold";
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.125rem;
  color: #000;
  border: 0.0625rem solid #d7d7d7;
  border-radius: 0.25rem;
  background-color: #fff;
}
._bonusCard_1b3jk_176 + ._bonusCard_1b3jk_176 {
  margin-top: 1rem;
}

._bonusButton_1b3jk_194 {
  flex-shrink: 0;
  width: auto;
  min-width: 6.375rem;
  padding: 0.59375rem 0.625rem;
}
._bonusButton_1b3jk_194:disabled {
  opacity: 1;
}

._achievementsWrapper_1b3jk_204 {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 0.25rem;
}

._achievementCard_1b3jk_210 {
  grid-column: span 3;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem 0.3125rem;
  text-align: center;
  color: #fff;
  border-radius: 0.25rem;
  background-color: #e80024;
}
._achievementCard_sm_1b3jk_221 {
  grid-column: span 2;
}

._achievementCount_1b3jk_225 {
  font-family: "CeraProBold";
  font-weight: 700;
  font-size: 1.625rem;
  line-height: 1.0625rem;
}

._achievementDescription_1b3jk_232 {
  max-width: 5.625rem;
  margin-top: 0.375rem;
  font-family: "CeraProMedium";
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 0.9375rem;
}._root_1dvw9_1 {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  color: #fff;
  position: relative;
  overflow: hidden;
}
._root_1dvw9_1::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 22.5625rem;
  background-image: url("/images/decor-blue.png");
  background-size: 25.3125rem 9.375rem;
  background-position: top left;
  background-repeat: repeat;
  z-index: -1;
  pointer-events: none;
}

._container_1dvw9_24 {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

._contentWrapper_1dvw9_30 {
  position: relative;
  z-index: 1;
  flex: 1;
  display: flex;
  flex-direction: column;
}
._contentWrapper_1dvw9_30::before {
  content: "";
  position: absolute;
  bottom: -13.625rem;
  left: 50%;
  z-index: 0;
  display: block;
  width: 17.5rem;
  height: 17.5rem;
  background-image: url("/images/landing/decor.png");
  background-repeat: no-repeat;
  background-size: 100%;
  transform: translateX(-50%);
}

._content_1dvw9_30 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0 1.25rem 1rem;
  overflow: auto;
}

._collapsibleCard_1dvw9_62 + ._collapsibleCard_1dvw9_62 {
  margin-top: 0.625rem;
}

._taskCard_1dvw9_66 {
  padding: 0;
  margin: 0;
  font: inherit;
  line-height: inherit;
  text-decoration: none;
  color: inherit;
  background-color: transparent;
  border: none;
  border-radius: 0;
  cursor: pointer;
  position: relative;
  width: 100%;
  padding: 0.625rem 0.5rem;
  text-align: left;
  border-bottom: 0.125rem solid #d7d7d7;
  background-color: #fff;
  overflow: hidden;
}
._taskCard_1dvw9_66 + ._taskCard_1dvw9_66 {
  margin-top: 0.625rem;
}
._taskCard_1dvw9_66:disabled {
  cursor: not-allowed;
}
._taskCard_extra_1dvw9_91 {
  border: 0.0625rem solid;
  border-image-source: linear-gradient(0deg, #d7d7d7 0%, rgba(215, 215, 215, 0) 75%);
  border-image-slice: 1;
}
._taskCard_extra_1dvw9_91::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 4.8125rem;
  background: linear-gradient(180deg, #ffffff 0%, #f3f3f3 100%);
}
._taskCard_done_1dvw9_106 {
  border: none;
  border-image: none;
  background-color: #e80024;
}
._taskCard_done_1dvw9_106::before {
  display: none;
}
._taskCard_done_1dvw9_106 ._taskMainIcon_1dvw9_114,
._taskCard_done_1dvw9_106 ._taskTitle_1dvw9_115,
._taskCard_done_1dvw9_106 ._taskReward_1dvw9_116 {
  color: #fff;
}
._taskCard_wait_1dvw9_119 {
  border: none;
  border-image: none;
  border-radius: 0.25rem;
  background-color: #e80024;
  overflow: hidden;
}
._taskCard_wait_1dvw9_119::before {
  display: none;
}
._taskCard_wait_1dvw9_119 ._taskMainIcon_1dvw9_114,
._taskCard_wait_1dvw9_119 ._taskTitle_1dvw9_115,
._taskCard_wait_1dvw9_119 ._taskReward_1dvw9_116 {
  color: #fff;
}
._taskCard_wait_1dvw9_119 ._taskExtra_1dvw9_134 {
  color: #f3f3f3;
}

._taskMainInfo_1dvw9_138 {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
}

._taskMainIcon_1dvw9_114 {
  flex-shrink: 0;
  width: 2.125rem;
  height: 2.125rem;
  margin-right: 0.6875rem;
  color: #e80024;
}

._taskTitle_1dvw9_115 {
  font-family: "CeraProBold";
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.125rem;
  color: #000;
}

._doneText_1dvw9_161 {
  margin-top: 0.1875rem;
  font-family: "CeraProMedium";
  font-weight: 500;
  font-size: 0.625rem;
  line-height: 0.8125rem;
  color: #fff;
  opacity: 0.6;
}

._taskReward_1dvw9_116 {
  display: flex;
  align-items: center;
  margin-top: 0.1875rem;
  margin-right: 0.375rem;
  font-family: "CeraProMedium";
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 0.9375rem;
  color: #000;
}

._taskCounter_1dvw9_183 {
  margin-left: 0.375rem;
}

._triangleIcon_1dvw9_187 {
  flex-shrink: 0;
  margin: auto 0.1875rem 0.3125rem auto;
  width: 1.125rem;
  height: 0.875rem;
  color: #e80024;
  transform: rotate(-90deg);
}

._checkMarkIcon_1dvw9_196,
._hourglassIcon_1dvw9_197 {
  flex-shrink: 0;
  width: 1.5rem;
  height: 1.5rem;
  margin: auto 0 0 auto;
  color: #fff;
}

._taskExtra_1dvw9_134 {
  position: relative;
  z-index: 1;
  margin-top: 0.5rem;
  font-family: "CeraProMedium";
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 0.9375rem;
  text-align: center;
  color: #000;
  opacity: 0.6;
}
._taskExtra_sm_1dvw9_217 {
  font-size: 0.625rem;
  line-height: 0.8125rem;
}

._inWaitText_1dvw9_222 {
  margin: 0.625rem -0.5rem -0.625rem -0.5rem;
  padding: 0.5rem;
  font-family: "CeraProMedium";
  font-weight: 500;
  font-size: 0.625rem;
  line-height: 0.8125rem;
  text-align: center;
  color: #fff;
  background-color: #b5b5b5;
}._root_1g9ao_1 {
  display: flex;
  flex-direction: column;
  height: 100dvh;
}._root_1ysqz_1 {
  display: grid;
  grid-template-rows: min-content 1fr min-content;
  max-height: 100dvh;
  height: 100dvh;
  position: relative;
}

._gameTips_1ysqz_9 {
  position: absolute;
  top: 80px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 100;
}

._userEventsOverlay_1ysqz_17 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  display: flex;
  flex-direction: column;
  height: 100dvh;
  width: 100%;
  max-width: 440px;
  margin: 0 auto;
}._root_1qtva_1 {
  width: 100%;
  height: 100%;
  max-height: 100%;
  min-height: 0;
}
._root_1qtva_1 canvas {
  display: block;
  width: 100%;
  height: 100%;
}