:export {
  largeDesktop: 1440px;
  desktop: 1370px;
  tablet: 1180px;
  smallTablet: 768px;
  phone: 576px;
  smallPhone: 375px;
}
.Timer {
  font-weight: inherit;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
}
.Timer.wheel {
  width: 100%;
}
.Timer-is-promo {
  font-family: Unbounded, sans-serif;
}
.Timer-is-promo__hr {
  margin: 0 35px !important;
}
.Timer__promo {
  font-family: Unbounded, sans-serif;
  font-size: 64px;
  font-style: normal;
  font-weight: 800;
}
.Timer_tournament {
  font-weight: 700;
}
.Timer-bonus {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.Timer-bonus.wheel {
  width: 100%;
}
.Timer-bonus-item {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 45px;
  padding: 4px 8px;
}
.Timer-bonus-item.wheel {
  width: 100%;
}
.Timer-bonus-item__value {
  font-size: 16px;
  line-height: 130%;
  font-weight: 600;
  color: var(--textPrimary);
}
.Timer-bonus-item__value.wheel {
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  color: var(--icotex-lightFixed);
}
.Timer-bonus-item__value.wheelPopup {
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  color: var(--icotex-primary);
}
.Timer-bonus-item__value-small {
  font-size: 16px;
  line-height: 130%;
  font-weight: 600;
}
.Timer-bonus-item__value-medium {
  font-size: 20px;
  line-height: 30px;
  font-weight: 700;
}
.Timer-bonus-item__value-large {
  font-size: 48px;
  line-height: 110%;
  font-weight: 800;
}
.Timer-bonus-item__value-warning {
  color: var(--textTournamentColor);
}
.Timer-bonus-item__label {
  font-size: 12px;
  line-height: 120%;
  font-weight: 400;
  color: var(--textSecondary);
}
.Timer-bonus-item__label.wheel {
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  color: var(--icotex-lightFixed-70);
}
.Timer-bonus-item__label.wheelPopup {
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  color: var(--icotex-teriary);
}
.Timer-bonus-item__label-large {
  font-size: 16px;
  line-height: 130%;
  font-weight: 400;
  color: var(--textSecondary);
}
.Timer-bonus.disabled {
  opacity: 0.5;
}
.Timer-bonus.disabled .Timer-bonus-item__value {
  color: var(--textSecondary);
}
.Timer-bonus__hr {
  height: 32px;
  margin: 0 4px;
  border-radius: 0.5px;
  border: none;
  border-left: 1px solid var(--greyBlue);
}
.Timer-bonus__hr-large {
  height: 44px;
  margin: 0 16px;
  border-radius: 0.5px;
  border: none;
  border-left: 1px solid var(--greyBlue);
}