@-webkit-keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes opacity-on {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.sport-nav
  .sport-item.active
  span:not(.i):not(.v-switcher__icon):not(.today-matches__icon):not(
    .jsCalendar-nav-right
  ):not(.jsCalendar-nav-left):not(.toggle-calendar-icon):not(.games-toggle):not(
    .expand-list__corner
  ):not(.logo[data-icon="e-sport"]):not(.logo[data-icon="football"]):not(
    .logo[data-icon="basketball"]
  ):not(.logo[data-icon="tennis"]):not(.logo[data-icon="volleyball"]):not(
    .logo[data-icon="american-football"]
  ):not(.logo[data-icon="hockey"]):not(
    .header-nav__newLink__icon--live-stream
  ):not(.bn__close):not(.breadcrumbs__arrow):not(.btn__arrow):not(
    .favorites-star
  ):not(.show-more__arrow):not(.autogen__btn-arrow) {
  font-weight: 700;
}
.sport-nav__show-more-dropdown.drop-down._select
  .sport-nav__show-more-dropdown-content.drop-down__content
  .sport-item.drop-down__item.active
  span:not(.i):not(.v-switcher__icon):not(.today-matches__icon):not(
    .jsCalendar-nav-right
  ):not(.jsCalendar-nav-left):not(.toggle-calendar-icon):not(.games-toggle):not(
    .expand-list__corner
  ):not(.logo[data-icon="e-sport"]):not(.logo[data-icon="football"]):not(
    .logo[data-icon="basketball"]
  ):not(.logo[data-icon="tennis"]):not(.logo[data-icon="volleyball"]):not(
    .logo[data-icon="american-football"]
  ):not(.logo[data-icon="hockey"]):not(
    .header-nav__newLink__icon--live-stream
  ):not(.bn__close):not(.breadcrumbs__arrow):not(.btn__arrow):not(
    .favorites-star
  ):not(.show-more__arrow):not(.autogen__btn-arrow) {
  color: var(--green-hover);
}
.sport-nav__show-more-dropdown.drop-down._select
  .sport-nav__show-more-dropdown-content.drop-down__content
  .sport-item.drop-down__item
  span:not(.i):not(.v-switcher__icon):not(.today-matches__icon):not(
    .jsCalendar-nav-right
  ):not(.jsCalendar-nav-left):not(.toggle-calendar-icon):not(.games-toggle):not(
    .expand-list__corner
  ):not(.logo[data-icon="e-sport"]):not(.logo[data-icon="football"]):not(
    .logo[data-icon="basketball"]
  ):not(.logo[data-icon="tennis"]):not(.logo[data-icon="volleyball"]):not(
    .logo[data-icon="american-football"]
  ):not(.logo[data-icon="hockey"]):not(
    .header-nav__newLink__icon--live-stream
  ):not(.bn__close):not(.breadcrumbs__arrow):not(.btn__arrow):not(
    .favorites-star
  ):not(.show-more__arrow):not(.autogen__btn-arrow) {
  white-space: nowrap;
  margin-left: 8px;
  font-size: 12px;
  line-height: 18px;
  color: var(--gray-600);
}
.expand-list {
  border-bottom: 2px solid var(--white);
  margin-bottom: 8px;
  margin-left: 16px;
  margin-right: 16px;
  background-color: var(--white);
}
.expand-list.hide {
  display: none;
}
.expand-list.bordered.closed {
  border-bottom: 1px solid var(--gray-200);
}
.expand-list.expand-list--wide {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}
.expand-list.last-spacer {
  margin-bottom: 24px;
}
.expand-list__img {
  margin-right: 16px;
  max-width: 20px;
  min-width: 20px;
  min-height: 20px;
  max-height: 20px;
  border-radius: 50%;
  overflow: hidden;
}
.expand-list__header {
  background-color: var(--gray-100);
  padding-top: 8px;
  padding-bottom: 8px;
  display: flex;
  align-items: center;
  position: relative;
}
.expand-list__header .list-title {
  min-width: unset;
}
.expand-list--wide .expand-list__header {
  margin: 0;
  padding-left: 24px;
  padding-right: 24px;
}
.expand-list__header--border {
  border-bottom: 1px solid var(--gray-200);
}
.expand-list--wide .expand-list__header--border {
  border: 0;
}
.expand-list__header--gray {
  background-color: var(--gray-100);
}
.expand-list__header:hover {
  background-color: var(--green-100);
}
.expand-list__header .main-menu__total {
  display: none;
}
.open .expand-list__header .expand-list__corner {
  transition: transform 0.1s;
  transform: rotate(0);
}
.open .expand-list__header .main-menu__total {
  display: inline-block;
}
.expand-list__content {
  margin: 0;
  padding: 0;
}
.expand-list.open .expand-list__content-expander {
  display: none;
}
.expand-list__corner {
  color: var(--gray-400);
  transition: transform 0.1s;
  transform: rotate(180deg);
  margin-left: auto;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.expand-list__corner:hover {
  cursor: pointer;
}
.team__title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
._custom .expand-list__header:hover {
  background-color: #272c46;
}
.svg-placeholder {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 16px;
}
.svg-placeholder__img {
  position: relative;
  width: 120px;
  height: 120px;
  background-repeat: no-repeat;
  margin: 0 auto 8px;
  background-size: contain;
}
.svg-placeholder__title {
  font-size: 14px;
  line-height: 20px;
  color: var(--gray-400);
  text-align: center;
  padding: 0 24px;
  white-space: normal;
}
.svg-placeholder--v1 .svg-placeholder__img {
  background-image: url(/build/azscore/images/placeholder-calendar-new.abb3b047.svg);
}
.svg-placeholder--v2 .svg-placeholder__img {
  background-image: url(/build/azscore/images/placeholder-results.ca83d6f0.svg);
}
.svg-placeholder--v3 .svg-placeholder__img {
  background-image: url(/build/azscore/images/placeholder-football-player.752e7baf.svg);
}
.svg-placeholder--v4 .svg-placeholder__img {
  background-image: url(/build/azscore/images/placeholder-trophy-new.2f4e13bd.svg);
}
.svg-placeholder--v5 .svg-placeholder__img {
  background-image: url(/build/azscore/images/placeholder-overview.ead90fd7.svg);
}
.svg-placeholder--v6 .svg-placeholder__img {
  background-image: url(/build/azscore/images/placeholder-calendar-new.abb3b047.svg);
}
.svg-placeholder--v7 .svg-placeholder__img {
  background-image: url(/build/azscore/images/placeholder-teams-flag-new.88f81241.svg);
  margin-bottom: 32px;
}
.svg-placeholder--v8 .svg-placeholder__img {
  width: 130px;
  margin-bottom: 32px;
}
.svg-placeholder--v8 .svg-placeholder__img,
.svg-placeholder--v9 .svg-placeholder__img {
  background-image: url(/build/azscore/images/placeholder-overview.ead90fd7.svg);
}
.svg-placeholder--v10 .svg-placeholder__img {
  background-image: url(/build/azscore/images/placeholder-live.1dd4fa66.svg);
}
.svg-placeholder--v11 .svg-placeholder__img {
  background-image: url(/build/azscore/images/placeholder-calendar-new.abb3b047.svg);
}
.svg-placeholder--v12 .svg-placeholder__img,
.svg-placeholder--v13 .svg-placeholder__img {
  background-image: url(/build/azscore/images/placeholder-overview.ead90fd7.svg);
}
._custom .svg-placeholder--v1 .svg-placeholder__img,
._custom .svg-placeholder--v6 .svg-placeholder__img,
._custom .svg-placeholder--v11 .svg-placeholder__img {
  background-image: url(/build/azscore/images/placeholder-calendar-new-red.8039bf80.svg);
}
.games-header {
  display: flex;
  align-items: center;
  padding: 8px 24px;
  background-color: var(--gray-100);
}
.live-stream__header {
  text-align: center;
  margin-top: 24px;
  color: var(--black-primary);
  font-size: 20px;
  line-height: 26px;
  font-weight: 700;
}
.games {
  border-bottom: 2px solid var(--white);
}
.games a {
  text-decoration: none;
}
.games a._highlighted {
  position: relative;
}
.games a._highlighted:before {
  content: "";
  position: absolute;
  left: 0;
  width: 4px;
  height: 100%;
  background-color: var(--red-400);
  z-index: 1;
}
.games:last-of-type {
  border-bottom: 1px solid var(--gray-200);
}
.games.collapse .game,
.games.collapse .otherPredictionsLine {
  display: none;
}
.games.collapse .games-toggle:before {
  transition: transform 0.1s;
  transform: rotate(0);
}
.games .odds-counter {
  align-self: center;
  grid-row: 1/3;
  padding-right: 0;
}
.games .game:last-of-type:after {
  display: none;
}
.games + .btn__holder.show-more {
  padding-left: 0;
  padding-right: 0;
}
.games-toggle {
  color: var(--gray-400);
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.games-toggle:before {
  transition: transform 0.1s;
  transform: rotate(180deg);
}
.games-toggle:hover {
  cursor: pointer;
}
.games-toggle:focus,
.games-toggle:hover {
  background-color: var(--green-100);
}
.games-total {
  color: #63708a;
  padding: 1px 8px;
  border-radius: 8px;
  font-size: 12px;
  line-height: 16px;
  margin-left: auto;
  background-color: var(--gray-200);
  margin-right: 16px;
  display: none;
}
.collapse .games-total {
  display: inline-block;
}
.games-header img {
  margin-right: 16px;
}
.games-cat {
  color: var(--gray-600);
  margin-right: 8px;
}
.games-cat,
.games-slug {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  text-decoration: none;
}
.games-slug {
  color: var(--black-primary);
  margin-right: auto;
}
.game-opt {
  grid-column: 3;
  grid-row: 1/3;
  align-self: center;
}
.team {
  grid-column: 2/3;
  display: flex;
  align-items: center;
  padding: 6px 0 6px 6px;
  white-space: nowrap;
}
.team img {
  margin-right: 8px;
  display: block;
  width: 20px;
  height: 20px;
}
.team-name {
  overflow: hidden;
  max-width: 100%;
  text-overflow: ellipsis;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: var(--black-primary);
  text-decoration: none;
  margin-right: 6px;
}
.teams-tennis .team-name {
  margin-right: 8px;
}
.team:first-of-type {
  grid-row-start: 1;
}
.team:last-of-type {
  grid-row-start: 2;
}
.games .match-status__col {
  grid-row: 1/3;
  padding: 0;
  min-width: 32px;
}
.games .result-form {
  margin-top: auto;
  margin-bottom: auto;
}
.game-info {
  max-width: 64px;
  overflow: hidden;
}
.game-info * {
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
}
.game {
  display: grid;
  grid-template-columns: minmax(64px, auto) minmax(60%, 1fr) auto;
  grid-template-rows: repeat(2, 1fr);
  padding: 0 24px;
  grid-auto-flow: column;
  grid-auto-columns: auto;
  position: relative;
}
.game._with-predictions {
  grid-template-columns: minmax(42px, auto) minmax(60%, 1fr) auto;
}
.game._with-predictions .game-info {
  width: 42px;
  align-items: center;
}
.game:hover {
  background-color: var(--green-100);
}
.game .teams {
  grid-row: 1/3;
  grid-column-start: 2;
  max-width: 100%;
  text-decoration: none;
  align-self: center;
}
.game .favorites-star {
  grid-row: 1/3;
}
.game .count {
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  margin-left: auto;
}
.game .count:not(.count-win),
.game .count:not(.win) {
  color: var(--gray-400);
}
.game .count.win {
  color: var(--black-primary);
}
.game .count.count-win {
  color: var(--green-400);
}
.game.game-other-sports {
  grid-template-columns: minmax(64px, auto) calc(100% - 120px) 28px 28px;
}
.game.game-other-sports .score {
  grid-row: 1/3;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.game.game-other-sports._no-score {
  grid-template-columns: minmax(64px, auto) calc(100% - 86px) 28px;
}
.game.game-other-sports._no-score .score {
  display: none;
}
.teams:not(:last-of-type) .game:after {
  content: "";
  display: block;
  width: calc(100% - 48px);
  height: 1px;
  position: absolute;
  left: 24px;
  bottom: 0;
  background-color: var(--gray-200);
}
.teams-tennis .count {
  margin-left: 8px;
}
.game-info {
  align-items: center;
  justify-content: center;
  grid-row: 1/3;
  grid-column-start: 1;
}
.game-info,
.indicators {
  display: flex;
  flex-direction: column;
}
.indicators {
  justify-content: space-between;
  grid-row: 1/3;
  padding: 7px 0;
  min-width: 17px;
}
.indicators .count {
  padding: 0 2px;
}
.count {
  padding: 0 10px;
}
.category-games .games {
  margin-bottom: 24px;
}
.category-games .games:last-of-type {
  border-bottom: none;
}
.livestream-icon,
.statistic-icon {
  grid-row: 1/3;
  display: flex;
  align-items: center;
  width: 20px;
}
.statistic-icon {
  margin-left: 4px;
}
.sport-games {
  margin-bottom: 24px;
}
.sport-games.streaming-sport .games:last-of-type {
  border-bottom: none;
}
.sport-games.streaming-sport .games:last-of-type .game:last-of-type:after {
  content: "";
  display: block;
  position: absolute;
  left: 24px;
  right: 24px;
  bottom: 0;
  border-bottom: 1px solid var(--gray-200);
}
.sport-title {
  display: flex;
  align-items: center;
  padding: 8px 24px;
  background-color: var(--gray-200);
}
.sport-title span {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: var(--black-primary);
}
.sport-title .autogen__btn-arrow,
.sport-title .bn__close,
.sport-title .breadcrumbs__arrow,
.sport-title .btn__arrow,
.sport-title .expand-list__corner,
.sport-title .favorites-star,
.sport-title .games-toggle,
.sport-title .header-nav__newLink__icon--live-stream,
.sport-title .i,
.sport-title .jsCalendar-nav-left,
.sport-title .jsCalendar-nav-right,
.sport-title .logo[data-icon="american-football"],
.sport-title .logo[data-icon="basketball"],
.sport-title .logo[data-icon="e-sport"],
.sport-title .logo[data-icon="football"],
.sport-title .logo[data-icon="hockey"],
.sport-title .logo[data-icon="tennis"],
.sport-title .logo[data-icon="volleyball"],
.sport-title .show-more__arrow,
.sport-title .today-matches__icon,
.sport-title .toggle-calendar-icon,
.sport-title .v-switcher__icon,
.sport-title [data-icon="cookie"] .noti__item,
[data-icon="cookie"] .sport-title .noti__item {
  font-size: 20px;
  line-height: 20px;
  margin-right: 16px;
}
._custom .game:hover,
._custom .games-toggle:focus,
._custom .games-toggle:hover {
  background-color: #272c46;
}
._custom .sport-title,
.toggle-calendar-icon {
  color: var(--black-primary);
}
.toggle-calendar-icon {
  margin-right: 4px;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  position: relative;
  font-size: 20px;
}
.toggle-calendar-icon:hover {
  cursor: pointer;
}
.toggle-calendar-icon.open {
  color: var(--green-400);
}
.form-container {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
}
.form {
  margin-left: 24px;
  margin-right: 24px;
  margin-bottom: 16px;
}
.custom-select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  font-size: 12px;
  line-height: 16px;
  color: var(--black-primary);
  padding: 8px 24px 8px 8px;
  background-color: var(--white);
  background-image: url(/build/azscore/images/triangle-down.460f11ba.svg);
  background-position: right 10px center;
  background-repeat: no-repeat;
  border-radius: 2px;
  outline: none;
  border: 1px solid var(--gray-200);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.custom-select ~ .custom-select {
  margin-left: 16px;
}
.custom-select--ghost {
  border: none;
}
.custom-select[disabled] {
  background-color: var(--gray-100);
  color: var(--gray-300);
  border-color: var(--gray-200);
  background-image: url(/build/azscore/images/triangle-down-disabled.1cf37442.svg);
  pointer-events: none;
}
.custom-select:not(.fixed-width),
.custom-select:not(.third-width) {
  width: 100%;
}
.custom-select.third-width {
  width: 33%;
}
.custom-select.third-width:not(:last-child) {
  margin-right: 8px;
}
.custom-select.fixed-width {
  min-width: 86px;
  max-width: 100%;
  margin-left: auto;
}
.custom-select:hover {
  cursor: pointer;
  background-color: var(--gray-200);
  border-color: var(--gray-200);
}
.custom-select:focus {
  background-color: var(--green-100);
  border-color: var(--gray-600);
  background-image: url(/build/azscore/images/triangle-up.d9f117b9.svg);
}
._custom .custom-select:focus {
  background-color: var(--white);
}
.jsCalendar tr {
  padding: 0 8px;
}
.jsCalendar td,
.jsCalendar tr {
  display: flex;
  align-items: center;
}
.jsCalendar td {
  font-size: 14px;
  line-height: 20px;
  color: var(--black-primary);
  font-weight: 400;
  text-align: center;
  transition: color 0.1s, background-color 0.2s;
  min-width: 32px;
  min-height: 32px;
  justify-content: center;
  margin: 4px;
  border-radius: 50%;
}
.jsCalendar td.disabled {
  cursor: default;
  pointer-events: none;
  color: var(--gray-400);
}
.jsCalendar td:not(.disabled):hover {
  cursor: pointer;
  color: var(--green-hover);
}
.jsCalendar td:not(.disabled):focus {
  background-color: var(--gray-200);
}
.jsCalendar td.jsCalendar-next,
.jsCalendar td.jsCalendar-previous {
  color: var(--gray-400);
}
.jsCalendar td.jsCalendar-selected {
  background-color: #fff;
  border: 2px solid #e6e6e6;
  box-sizing: content-box;
  height: 32px;
  line-height: 32px;
  width: 32px;
}
.jsCalendar td.jsCalendar-current {
  background-color: var(--gray-200);
  border-radius: 50%;
  color: var(--black-primary);
}
.jsCalendar td.jsCalendar-current:hover {
  color: var(--green-hover);
}
.jsCalendar table {
  background-color: #fff;
  border-collapse: collapse;
}
.jsCalendar table:first-child {
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.08);
}
.jsCalendar tbody {
  display: block;
  margin-bottom: 4px;
}
.jsCalendar thead {
  display: block;
}
.jsCalendar-title {
  display: flex;
  align-items: center;
  flex-grow: 1;
}
.jsCalendar-title-row {
  border-bottom: 1px solid #e4e8ec;
}
.jsCalendar-title-name {
  padding: 18px 0;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  font-weight: 700;
  flex-grow: 1;
}
.jsCalendar-nav-left,
.jsCalendar-nav-right {
  font-size: 24px;
  font-weight: 400;
  color: var(--gray-400);
  text-align: center;
  transition: color 0.2s, background-color 0.2s;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.jsCalendar-nav-left:hover,
.jsCalendar-nav-right:hover {
  cursor: pointer;
  color: var(--gray-400);
  background-color: var(--gray-100);
}
.jsCalendar-nav-left {
  transform: rotate(-180deg);
}
.jsCalendar-nav-left,
.jsCalendar-nav-right {
  color: var(--gray-400);
}
.jsCalendar-week-days th {
  font-size: 10px;
  line-height: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--gray-600);
  font-weight: 400;
  text-align: center;
  transition: color 0.1s, background-color 0.2s;
  min-width: 32px;
  min-height: 16px;
  margin: 8px 4px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
}
.calendar {
  position: absolute;
  right: 8px;
  top: 50px;
  display: none !important;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.08);
  max-width: 320px;
}
.calendar--show {
  display: flex !important;
  flex-direction: column;
}
.calendar__footer {
  border-top: 1px solid var(--gray-200);
  width: 100%;
  background-color: var(--white);
  display: flex;
  justify-content: center;
}
.today-matches__link {
  display: flex;
  flex-direction: row;
  justify-content: center;
  font-size: 14px;
  line-height: 20px;
  color: var(--green-400);
  font-weight: 700;
  padding: 10px 16px;
  text-decoration: none;
  align-items: center;
  display: inline-flex;
  margin-top: 8px;
  margin-bottom: 8px;
}
.today-matches__link:hover {
  cursor: pointer;
  background-color: var(--gray-100);
}
.today-matches__icon {
  color: var(--green-400);
  margin-left: 8px;
}
.calendar__cell {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.calendar__th {
  font-size: 10px;
  line-height: 16px;
  color: var(--gray-600);
}
.calendar__td {
  font-size: 14px;
  line-height: 20px;
  color: var(--gray-600);
}
._custom .jsCalendar table {
  background-color: var(--gray-100);
}
._custom .jsCalendar-title-name {
  color: var(--black-primary);
}
.calendar-line {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin: 0 -16px;
}
.calendar-line__container,
.calendar-line__wrapper {
  display: flex;
  align-items: center;
}
.calendar-line__container {
  justify-content: space-between;
  width: 100%;
}
.calendar-line__btn {
  min-height: 20px;
  min-width: 20px;
  position: relative;
  color: #a2adb8;
  cursor: pointer;
}
.calendar-line__btn.disabled {
  pointer-events: none;
  opacity: 0.3;
}
.calendar-line__btn:focus {
  color: #212b36;
}
.calendar-line__btn[data-week-step="prev"] {
  transform: rotate(-180deg);
  transform-origin: center;
}
.calendar-line__item {
  min-width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.calendar-line__item.selected .calendar-line__date,
.calendar-line__item.selected .calendar-line__day {
  color: var(--green-400);
}
.calendar-line__item.current .calendar-line__date,
.calendar-line__item.current .calendar-line__day {
  color: var(--black-primary);
}
.calendar-line__item.initial .calendar-line__date,
.calendar-line__item.initial .calendar-line__day {
  color: var(--green-400);
}
.calendar-line__item.current.initial .calendar-line__date,
.calendar-line__item.current.initial .calendar-line__day {
  color: var(--black-primary);
}
.calendar-line__link {
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 2px;
}
.calendar-line__date,
.calendar-line__day {
  font-size: 12px;
  line-height: 16px;
  color: var(--black-primary);
  font-weight: 500;
}
.calendar-line__wrapper {
  position: relative;
  padding: 4px;
  border: 1px solid var(--gray-200);
  border-radius: 2px;
  width: 135px;
}
.calendar-line__wrapper .calendar-line__day {
  overflow: hidden;
  text-overflow: ellipsis;
  width: 30px;
  white-space: nowrap;
}
.calendar-line__wrapper .toggle-calendar {
  max-height: 24px;
  margin: 0;
  max-width: 85px;
  overflow: hidden;
}
.calendar-line__wrapper .toggle-calendar:not(.open) {
  color: var(--gray-400);
}
.calendar-line__wrapper .calendar {
  z-index: 1;
  box-shadow: 0 0 16px rgba(0, 41, 77, 0.16) !important;
  right: 0;
}
.calendar-line__wrapper .calendar__footer {
  display: none;
}
.calendar-line__wrapper .calendar-line {
  justify-content: space-around;
  grid-column-gap: 4px;
  margin: 0;
  width: auto;
  flex-grow: 1;
}
.calendar-line__wrapper .jsCalendar-nav-left:before,
.calendar-line__wrapper .jsCalendar-nav-right:before {
  width: auto;
  height: auto;
}
.odds-counter {
  display: flex;
  align-items: center;
  padding-left: 0;
  border: 1px solid var(--gray-200);
  margin: 0 auto 16px;
  max-width: 480px;
}
.odds-counter__wrap {
  display: none;
  text-decoration: none;
}
.odds-counter__baner {
  min-width: 70px;
  min-height: 22px;
  display: block;
  width: 25%;
}
.odds-counter__title {
  font-size: 14px;
  line-height: 20px;
  color: var(--gray-400);
  min-width: 16px;
  margin-right: 6px;
  text-transform: uppercase;
  text-align: left;
}
.odds-counter__item {
  padding: 0;
  line-height: 40px;
  width: 25%;
}
.odds-counter__val {
  font-size: 14px;
  line-height: 20px;
  color: var(--black-primary);
}
.odds-counter__item-banner {
  padding: 0;
  line-height: 40px;
  width: 25%;
}
.odds-counter__item-banner .odds-counter__link {
  border-left: 0;
}
.odds-counter__item-banner .odds-counter__banner {
  width: 100%;
  max-width: 100%;
}
.odds-counter__link {
  text-decoration: none;
  display: flex;
  min-height: 40px;
  align-items: center;
  padding: 0 8px;
  border-left: 1px solid var(--gray-200);
  justify-content: space-between;
}
.odds-counter--compact {
  padding-right: 16px;
  border: 0;
  margin: 0;
}
.odds-counter--compact .odds-counter__item-banner {
  display: none;
  width: auto;
}
.odds-counter--compact .odds-counter__item {
  background-color: var(--gray-100);
  padding: 0;
  margin: 0 2px;
  border-radius: 4px;
  width: auto;
}
.odds-counter--compact .odds-counter__link {
  display: flex;
  flex-direction: column;
  text-decoration: none;
  border-left: 0;
  justify-content: center;
  align-items: center;
  width: 33px;
  height: 44px;
}
.odds-counter--compact .odds-counter__link:hover .odds-counter__val {
  position: relative;
  z-index: 10;
  width: unset;
  background-color: var(--gray-100);
  overflow: unset;
}
.odds-counter--compact .odds-counter__title {
  font-size: 12px;
  line-height: 18px;
  color: var(--gray-600);
  text-transform: uppercase;
  margin-right: 0;
  text-align: center;
  min-width: 24px;
  min-height: 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}
.odds-counter--compact .odds-counter__val {
  font-size: 12px;
  line-height: 18px;
  color: var(--green-400);
  font-weight: 700;
  width: 33px;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
}
.odds-counter--compact .img {
  margin-right: 0;
}
.tl-icon {
  width: 20px;
  height: 20px;
  display: flex;
  background-position: 50%;
}
[data-icon="goal"] {
  background-image: url(/build/azscore/images/goal.bc2f0298.svg);
}
[data-icon="penalty-goal"] {
  background-image: url(/build/azscore/images/penalty-goal-icon.7fb60e98.svg);
}
[data-icon="penalty-unrealized"] {
  background-image: url(/build/azscore/images/penalty-unrealized-icon.9d86de66.svg);
}
[data-icon="replace"] {
  background-image: url(/build/azscore/images/replace.caf7742f.svg);
}
[data-icon="video"] {
  background-image: url(/build/azscore/images/rectangle-play-gray.547fc25c.svg);
}
[data-icon="video"]:hover {
  background-image: url(/build/azscore/images/rectangle-play-green.2b051201.svg);
}
[data-icon="red-card"] {
  background-image: url(/build/azscore/images/red-card.f206e38d.svg);
  color: var(--white);
}
[data-icon="yellow-card"] {
  background-image: url(/build/azscore/images/yellow-card.d19c89d4.svg);
  color: var(--black-primary);
}
[data-icon="yellow-red-card"] {
  background-image: url(/build/azscore/images/yellow-red-card.c855d558.svg);
  color: var(--black-primary);
  padding-bottom: 2px;
  padding-right: 2px;
}
[data-icon="own-goal"] {
  background-image: url(/build/azscore/images/own-goal-icon.adb6b444.svg);
}
[data-icon="in"] {
  background-image: url(/build/azscore/images/in.6140ee6a.svg);
}
[data-icon="out"] {
  background-image: url(/build/azscore/images/out.c2eaa665.svg);
}
[data-icon="t-shirt"] {
  background-image: url(/build/azscore/images/t-shirt-green.885690d5.svg);
}
[data-icon="msg"] {
  background-image: url(/build/azscore/images/msg-icon.8d080683.svg);
}
[data-icon="referee"] {
  background-image: url(/build/azscore/images/referee-icon.31a733eb.svg);
}
[data-icon="next"] {
  background-image: url(/build/azscore/images/calendar-icon-next.8bc8329b.svg);
}
[data-icon="timer"] {
  background-image: url(/build/azscore/images/timer-icon.8e57a624.svg);
}
[data-icon="boots"] {
  background-image: url(/build/azscore/images/boots.28c365d9.svg);
}
._custom [data-icon="goal"] {
  background-image: url(/build/azscore/images/goal-red.9143a216.svg);
}
._custom [data-icon="penalty-goal"] {
  background-image: url(/build/azscore/images/penalty-goal-icon-red.75546460.svg);
}
._custom [data-icon="replace"] {
  background-image: url(/build/azscore/images/replace-red.91fb0b84.svg);
}
._custom [data-icon="in"] {
  background-image: url(/build/azscore/images/in-red.ebb2d2b1.svg);
}
._custom [data-icon="t-shirt"] {
  background-image: url(/build/azscore/images/t-shirt-red.12e5e673.svg);
}
._custom [data-icon="referee"] {
  background-image: url(/build/azscore/images/referee-icon-red.e7822b2f.svg);
}
._custom [data-icon="timer"] {
  background-image: url(/build/azscore/images/timer-icon-red.11966b37.svg);
}
.time-display {
  font-size: 12px;
  line-height: 18px;
  color: var(--gray-600);
}
.match-status {
  margin: 0;
  padding: 0;
}
.match-status .team-icon {
  font-size: 20px;
}
.match-status__sign {
  font-size: 12px;
  line-height: 18px;
  font-weight: 700;
}
.match-status > li {
  display: flex;
  align-items: center;
  position: relative;
}
.match-status > li:hover {
  background-color: var(--green-100);
}
.match-status > li:after {
  bottom: 0;
}
.match-status--first-bordered > li:first-child:before,
.match-status > li:after {
  content: "";
  display: block;
  position: absolute;
  left: 24px;
  right: 24px;
  border-bottom: 1px solid var(--gray-200);
}
.match-status--first-bordered > li:first-child:before {
  top: 0;
}
.match-status__col {
  margin: 0;
  padding: 0;
  align-items: center;
  display: flex;
  flex-direction: column;
  text-decoration: none;
  color: var(--black-primary);
}
.match-status__col > a {
  line-height: 18px;
  position: relative;
}
.match-status__col:first-child {
  min-width: 88px;
  padding: 0;
  margin-right: 4px;
}
.match-status__col:nth-child(2) {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1;
  align-items: normal;
}
.match-status__col:last-child {
  padding-right: 24px;
}
.match-status__col:first-child {
  padding-left: 24px;
}
.match-status__row {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.match-status__row:first-of-type {
  margin-top: 8px;
  margin-bottom: 8px;
}
.match-status__row:nth-of-type(2) {
  margin-bottom: 8px;
}
.match-status__row .img {
  margin-right: 8px;
}
.match-status__goals-count {
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: var(--gray-400);
  min-width: 22px;
  text-align: center;
  margin-left: 8px;
}
.match-status__goals-count--black {
  color: var(--black-primary);
}
.match-status__goals-count--green {
  color: var(--green-400);
}
.match-status__card {
  font-size: 12px;
  line-height: 16px;
  padding: 0 2px;
  margin-right: 10px;
  min-width: 20px;
  border-radius: 2px;
}
.match-status__card.yellow {
  background-color: var(--yellow-400);
  color: var(--black-primary);
}
.match-status__card.red {
  background-color: var(--red-400);
  color: var(--white);
}
.match-status__minutes {
  color: var(--red-400);
}
.match-status__date,
.match-status__minutes {
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}
.match-status__date {
  color: var(--black-primary);
}
.match-status__name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex-grow: 1;
  font-size: 12px;
  line-height: 18px;
}
.match-status--cards-floated .list-title--grow {
  flex-grow: unset;
}
.match-status--cards-floated .match-status__name {
  flex-grow: unset;
  margin-right: 8px;
}
.match-status--cards-floated .card-spacer {
  margin-right: auto;
}
.sign {
  font-weight: 700;
  font-size: 12px;
  line-height: 18px;
}
.sign--c,
.sign--ht,
.sign--p,
.sign--ro {
  color: var(--blue-400);
}
.sign--f {
  color: var(--green-400);
}
.match-page__Link {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 40px;
  display: block;
}
.goals-list {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
  width: 33%;
  min-width: 126px;
}
.teams-hockey .goals-list,
.teams-tennis .goals-list {
  margin-left: auto;
}
.goals-list__item {
  color: var(--gray-400);
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  width: 20%;
  text-align: center;
}
.goals-list__item sup {
  vertical-align: middle;
  position: relative;
  top: -4px;
}
.page-sport-volleyball .goals-list {
  margin-left: auto;
}
.page-sport-volleyball .game .count {
  margin-left: 0;
}
.card {
  min-width: 20px;
  height: 20px;
  position: relative;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  line-height: 14px;
}
.next-round-indicator {
  position: relative;
  cursor: pointer;
}
.next-round-indicator img {
  width: 16px !important;
  height: 16px !important;
  display: block;
  margin: 0 !important;
}
.next-round-indicator .next-round-tooltip {
  position: absolute;
  top: -20px;
  left: 50%;
  transform: translateX(-50%);
  padding: 2px 8px;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: var(--white);
  background: var(--gray-600);
  border-radius: 2px;
  transition: all 0.3s ease-out;
  opacity: 0;
  pointer-events: none;
  white-space: nowrap;
  box-shadow: 0 0 6px rgba(0, 41, 77, 0.07);
}
.next-round-indicator:hover .next-round-tooltip {
  opacity: 1;
  pointer-events: all;
}
.date-nav {
  justify-content: flex-start;
  margin-left: 24px;
  margin-right: 24px;
  margin-bottom: 16px;
  flex-wrap: wrap;
}
.date-nav,
.date-nav__link {
  display: flex;
  align-items: center;
}
.date-nav__link {
  background-color: var(--gray-200);
  padding: 6px 8px;
  border-radius: 2px;
  flex-shrink: 0;
  justify-content: center;
  margin-right: 12px;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  color: var(--black-primary);
  text-decoration: none;
  margin-bottom: 8px;
}
.date-nav__link:hover {
  background-color: var(--gray-300);
}
.date-nav__link.active {
  background-color: var(--green-400);
  color: var(--white);
}
.date-nav__link.active:hover {
  background-color: #0f713b;
}
.date-nav .live-link {
  position: relative;
}
.date-nav .live-link:before {
  content: "";
  width: 8px;
  height: 8px;
  margin-right: 10px;
  border-radius: 100%;
  background: rgba(232, 72, 72, 0.3);
  display: block;
  -webkit-animation: icon-opacity 2.4s infinite;
  animation: icon-opacity 2.4s infinite;
  opacity: 0;
}
.date-nav .live-link:after {
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 100%;
  background-color: var(--red-400);
  position: absolute;
  top: 50%;
  left: 12px;
  transform: translate(-50%, -50%) scale(1);
  -webkit-animation: icon-scale 2.4s infinite;
  animation: icon-scale 2.4s infinite;
  z-index: 1;
}
@-webkit-keyframes icon-opacity {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
}
@-webkit-keyframes icon-scale {
  25% {
    transform: translate(-50%, -50%) scale(1);
  }
  50% {
    transform: translate(-50%, -50%) scale(2);
  }
}
._custom .date-nav__link.active {
  color: var(--black-primary);
}
._custom .date-nav__link.active:hover {
  background-color: var(--green-hover);
}
.predictions-nav {
  margin-top: 18px;
  margin-bottom: 24px;
  padding: 2px;
}
.predictions-nav,
.predictions-nav__link {
  background-color: var(--gray-200);
  border-radius: 2px;
}
.predictions-nav__link {
  width: 33%;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  color: var(--black-primary);
  transition: all 0.3s ease-out;
  padding-top: 6px;
  padding-bottom: 6px;
  text-decoration: none;
}
.predictions-nav__link._active {
  background-color: var(--white);
}
.predictions-nav__link:not(._active) + .predictions-nav__link:before {
  content: "";
  width: 1px;
  height: 12px;
  position: absolute;
  left: 0;
  background-color: var(--gray-100);
}
.v-switcher {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--gray-200);
  position: relative;
  margin: 0 16px 16px;
  border-radius: 2px;
  box-sizing: border-box;
  box-shadow: 0 0 0 2px var(--gray-200);
}
.v-switcher--wide {
  margin: 0 24px 24px;
}
.v-switcher .live {
  width: 8px;
  height: 8px;
  border-radius: 100%;
  position: relative;
}
.v-switcher .live:before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 100%;
  background: rgba(232, 72, 72, 0.3);
  display: block;
  -webkit-animation: icon-opacity 2.4s infinite;
  animation: icon-opacity 2.4s infinite;
  opacity: 0;
}
.v-switcher .live:after {
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 100%;
  background-color: var(--red-400);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1);
  -webkit-animation: icon-scale 2.4s infinite;
  animation: icon-scale 2.4s infinite;
  z-index: 1;
}
@keyframes icon-opacity {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
}
@keyframes icon-scale {
  25% {
    transform: translate(-50%, -50%) scale(1);
  }
  50% {
    transform: translate(-50%, -50%) scale(2);
  }
}
.v-switcher__item {
  box-sizing: border-box;
  width: 100%;
  border-radius: 2px;
  position: relative;
  background-color: var(--gray-200);
  display: flex;
  align-items: center;
  padding: 6px 12px;
  justify-content: center;
  line-height: 1.3;
  min-height: 24px;
  overflow: hidden;
  white-space: nowrap;
  text-decoration: none;
}
.v-switcher__item[disabled="true"] {
  pointer-events: none;
}
.v-switcher__item[data-dot] .v-switcher__title {
  display: flex;
  align-items: center;
}
.v-switcher__item[data-dot] .v-switcher__title:before {
  content: "";
  background-color: var(--red-400);
  min-width: 8px;
  min-height: 8px;
  max-width: 8px;
  max-height: 8px;
  border-radius: 50%;
  display: block;
  margin-right: 12px;
}
.v-switcher__item:not(:last-child) {
  margin-right: 2px;
}
.v-switcher__item:not(:last-child):after {
  content: "";
  position: absolute;
  right: -1px;
  top: 2px;
  bottom: 2px;
  width: 1px;
  background-color: var(--white);
  z-index: 0;
}
.v-switcher__item:not(.active) {
  background-color: var(--gray-200);
}
.v-switcher__item:not(.active) + .v-switcher__item:before {
  content: "";
  width: 1px;
  height: 12px;
  position: absolute;
  left: 0;
  background-color: var(--gray-100);
}
.v-switcher__item:not(.active):hover {
  background-color: var(--gray-100);
}
.v-switcher__item:not(.active):hover + .v-switcher__item:before {
  content: none;
}
.v-switcher__item:not(.active):focus {
  background-color: var(--green-100);
}
.v-switcher__item:not(.active)[disabled] {
  background-color: var(--gray-200);
  pointer-events: none;
}
.v-switcher__item:last-child:after {
  display: none;
}
.v-switcher__item.active,
.v-switcher__item:hover {
  background-color: var(--white);
  cursor: pointer;
}
.v-switcher__item.active:before,
.v-switcher__item:hover:before {
  content: "";
  display: block;
  width: 1px;
  position: absolute;
  top: 1px;
  bottom: 1px;
  right: auto;
  left: -2px;
  background-color: var(--gray-200);
  z-index: 1;
}
.v-switcher__item.active:after,
.v-switcher__item:hover:after {
  content: "";
  display: block;
  width: 1px;
  position: absolute;
  top: 1px;
  bottom: 1px;
  right: 0;
  background-color: var(--white);
  z-index: 1;
}
.v-switcher__item.active .v-switcher__icon,
.v-switcher__item:hover .v-switcher__icon {
  color: var(--green-400);
}
.v-switcher__item.active .v-switcher__title,
.v-switcher__item:hover .v-switcher__title {
  color: var(--black-primary);
}
.v-switcher__icon {
  color: var(--gray-600);
  font-size: 20px;
}
.v-switcher__icon:before {
  width: 20px;
  height: 20px;
}
.v-switcher__icon ~ .v-switcher__title {
  margin-left: 6px;
}
.v-switcher__title {
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: var(--black-primary);
  text-overflow: ellipsis;
  overflow: hidden;
}
.v-switcher-tab {
  display: none;
}
.v-switcher-tab.active {
  display: block;
}
.odds-placeholder {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.odds-placeholder__image {
  margin: 16px 0 12px;
}
.odds-placeholder__text {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  color: var(--gray-400);
  text-align: center;
  margin-top: 0;
  width: 288px;
}
.predictionsGameItemNew {
  height: 28px;
  padding: 4px 4px 4px 8px;
  align-self: center;
  grid-row: 1/3;
  border-radius: 2px;
  background-color: var(--gray-100);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  text-decoration: none;
  color: inherit;
  transition: background-color 0.15s ease-in-out;
}
.predictionsGameItemNew span {
  color: var(--gray-400);
  transition: color 0.15s ease-in-out;
}
.predictionsGameItemNew .predictionsGameItemNew__content {
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: var(--green-400);
}
.predictionsGameItemNew > img {
  width: 16px;
  height: 16px;
}
.predictionsGameItemNew.showPercentage:hover {
  background-color: var(--green-400);
  cursor: pointer;
}
.predictionsGameItemNew.showPercentage:hover span {
  color: var(--white);
}
.predictionsGameItemNew.showPercentage .predictionsGameItemNew__content {
  padding: 0 4px;
}
.predictionsGameItemNew.showCoeff:hover {
  background-color: var(--green-400);
  cursor: pointer;
}
.predictionsGameItemNew.showCoeff:hover span {
  color: var(--white);
}
.predictionsGameItemNew.showCoeff > img {
  display: none;
}
.predictionsGameItemNew.showCoeff .predictionsGameItemNew__content {
  padding-right: 4px;
}
.template-preloader .rect-hor-lg-rounded,
.template-preloader .rect-hor-md-rounded,
.template-preloader .rect-hor-sm-rounded,
.template-preloader .rect-hor-xsm-rounded,
.template-preloader .rect-hor-xxsm-rounded {
  background-color: var(--gray-200);
  border-radius: 10px;
}
.template-preloader .rect-hor-lg-rounded {
  width: 194px;
  height: 20px;
}
.template-preloader .rect-hor-md-rounded {
  width: 88px;
  height: 10px;
}
.template-preloader .rect-hor-sm-rounded {
  width: 52px;
  height: 10px;
}
.template-preloader .rect-hor-xsm-rounded {
  width: 36px;
  height: 10px;
}
.template-preloader .rect-hor-xxsm-rounded {
  width: 16px;
  height: 10px;
}
.template-preloader .rect-hor-full-width,
.template-preloader .rect-hor-lg,
.template-preloader .rect-hor-md,
.template-preloader .rect-hor-sm,
.template-preloader .rect-hor-xlg,
.template-preloader .rect-hor-xxlg,
.template-preloader .square-sm {
  background-color: var(--gray-200);
  border-radius: 2px;
}
.template-preloader .rect-hor-xxlg {
  width: 80px;
  height: 20px;
}
.template-preloader .rect-hor-xlg {
  width: 70px;
  height: 20px;
}
.template-preloader .rect-hor-lg {
  width: 60px;
  height: 32px;
}
.template-preloader .rect-hor-md {
  width: 63px;
  height: 28px;
}
.template-preloader .rect-hor-sm {
  width: 46px;
  height: 28px;
}
.template-preloader .rect-vert {
  width: 32px;
  height: 48px;
  background-color: var(--gray-100);
  border-radius: 2px;
}
.template-preloader .rect-hor-full-width {
  height: 28px;
  width: 100%;
}
.template-preloader .square-sm {
  width: 20px;
  height: 20px;
}
.template-preloader .df {
  display: flex;
}
.template-preloader .df-ac {
  align-items: center;
}
.template-preloader .p-8 {
  padding: 8px;
}
.template-preloader .p-24 {
  padding: 24px;
}
.template-preloader .p-8-0 {
  padding: 8px 0;
}
.template-preloader .p-0-24 {
  padding: 0 24px;
}
.template-preloader .p-8-24 {
  padding: 8px 24px;
}
.template-preloader .mb-8 {
  margin-bottom: 8px;
}
.template-preloader .mb-12 {
  margin-bottom: 12px;
}
.template-preloader .mb-16 {
  margin-bottom: 16px;
}
.template-preloader .mb-60 {
  margin-bottom: 60px;
}
.template-preloader .mr-a {
  margin-right: auto;
}
.template-preloader .mr-12 {
  margin-right: 12px;
}
.template-preloader .mr-28 {
  margin-right: 28px;
}
.template-preloader .ml-a {
  margin-left: auto;
}
.template-preloader .ml-4 {
  margin-left: 4px;
}
.template-preloader .ml-8 {
  margin-left: 8px;
}
.template-preloader .ml-12 {
  margin-left: 12px;
}
.template-preloader .ml-14 {
  margin-left: 14px;
}
.template-preloader .ml-16 {
  margin-left: 16px;
}
.template-preloader .b-rad-2 {
  border-radius: 2px;
}
.template-preloader .b-gray-100 {
  background: var(--gray-100);
}
.template-preloader .bb-white {
  border-bottom: 1px solid var(--white);
}
.template-preloader .bb-gray-200 {
  border-bottom: 1px solid var(--gray-200);
}
.template-preloader .b-allover-gray-200 {
  border: 1px solid var(--gray-200);
}
.template-preloader.odds-preloader {
  padding-left: 24px;
  padding-right: 24px;
}
.prediction-nav-wrap {
  padding-left: 24px;
  margin-bottom: 16px;
}
.prediction-sport-nav {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  overflow-x: hidden;
  padding-right: 16px;
}
.prediction-sport-nav .prediction-sport__item {
  display: flex;
  align-items: center;
  height: 32px;
  padding: 8px;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  color: var(--black-primary);
  background-color: var(--gray-200);
  border-radius: 2px;
  text-decoration: none;
  margin-right: 8px;
  white-space: nowrap;
}
.prediction-sport-nav .prediction-sport__item .autogen__btn-arrow,
.prediction-sport-nav .prediction-sport__item .bn__close,
.prediction-sport-nav .prediction-sport__item .breadcrumbs__arrow,
.prediction-sport-nav .prediction-sport__item .btn__arrow,
.prediction-sport-nav .prediction-sport__item .expand-list__corner,
.prediction-sport-nav .prediction-sport__item .favorites-star,
.prediction-sport-nav .prediction-sport__item .games-toggle,
.prediction-sport-nav
  .prediction-sport__item
  .header-nav__newLink__icon--live-stream,
.prediction-sport-nav .prediction-sport__item .i,
.prediction-sport-nav .prediction-sport__item .jsCalendar-nav-left,
.prediction-sport-nav .prediction-sport__item .jsCalendar-nav-right,
.prediction-sport-nav
  .prediction-sport__item
  .logo[data-icon="american-football"],
.prediction-sport-nav .prediction-sport__item .logo[data-icon="basketball"],
.prediction-sport-nav .prediction-sport__item .logo[data-icon="e-sport"],
.prediction-sport-nav .prediction-sport__item .logo[data-icon="football"],
.prediction-sport-nav .prediction-sport__item .logo[data-icon="hockey"],
.prediction-sport-nav .prediction-sport__item .logo[data-icon="tennis"],
.prediction-sport-nav .prediction-sport__item .logo[data-icon="volleyball"],
.prediction-sport-nav .prediction-sport__item .show-more__arrow,
.prediction-sport-nav .prediction-sport__item .today-matches__icon,
.prediction-sport-nav .prediction-sport__item .toggle-calendar-icon,
.prediction-sport-nav .prediction-sport__item .v-switcher__icon,
.prediction-sport-nav .prediction-sport__item [data-icon="cookie"] .noti__item,
[data-icon="cookie"] .prediction-sport-nav .prediction-sport__item .noti__item {
  font-size: 16px;
  line-height: 16px;
  display: block;
  margin-right: 8px;
  flex-shrink: 0;
}
.prediction-sport-nav .active {
  background-color: var(--green-400);
  color: var(--white);
}
.sort-by,
.sorting-select {
  font-size: 12px;
  line-height: 16px;
  color: var(--black-primary);
  font-weight: 400;
}
.new-form-container {
  display: flex;
  flex-direction: row;
}
.sorting-select {
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  background-color: var(--white);
  background-image: url(/build/azscore/images/triangle-down.460f11ba.svg);
  background-position: right 10px center;
  background-repeat: no-repeat;
  padding: 0 24px 0 4px;
}
.sorting-select__option {
  margin-right: 5px;
}
.sorting-select:focus {
  background-image: url(/build/azscore/images/triangle-up.d9f117b9.svg);
}
.sorting-select:not(.half-width) {
  width: auto;
}
.sorting-select.fixed-width {
  min-width: 86px;
  max-width: 100%;
  margin-left: auto;
}
:root {
  --white: #fff;
  --gray-0: #e8eaf2;
  --gray-100: #f9fafb;
  --gray-200: #e4e8ec;
  --gray-300: #ccd4db;
  --gray-400: #a2adb8;
  --gray-500: #a2adb8;
  --gray-600: #6a7b8b;
  --black-primary: #212b36;
  --green-100: #f6faf4;
  --green-200: #c4e5b3;
  --green-300: #e4e8ec;
  --green-300-n: #22a04c;
  --green-400: #1b883f;
  --green-500: #0f713b;
  --green-default: var(--green-400);
  --green-bg-light: #f6faf4;
  --green-hover: #0f713b;
  --blue-100: #f3f8fb;
  --blue-200: #c2ddf0;
  --blue-300: #228bd3;
  --blue-400: #006fbb;
  --blue-500: #005894;
  --teal-200: #cdefee;
  --teal-300: #7fd2d1;
  --teal-400: #47c1bf;
  --teal-500: #2ea3a1;
  --red-100: #fff0f0;
  --red-200: #f1a2a7;
  --red-300: #ea4d55;
  --red-400: #d70c17;
  --red-500: #b80f18;
  --yellow-200: #feeeae;
  --yellow-300: #fee37c;
  --yellow-400: #ffd943;
  --yellow-500: #ffbc00;
}
._custom {
  --white: #101025;
  --gray-100: #181c33;
  --gray-200: #272c46;
  --gray-300: #898b9f;
  --gray-400: #e9ebf6;
  --gray-600: #f6f6f8;
  --black-primary: #fff;
  --green-100: #f9eeec;
  --green-200: #ecccc7;
  --green-300-n: #e9a9a0;
  --green-400: #d45341;
  --green-hover: #c1331f;
  --blue-100: #eff8ff;
  --blue-200: #d3ecff;
  --blue-300: #6ca5d1;
  --blue-400: #3288cb;
  --blue-500: #0f64a7;
  --red-400: #c6364a;
  --yellow-400: #f9d551;
  --yellow-500: #edc01a;
}
body {
  margin: 0;
}
main {
  display: block;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
a {
  background-color: transparent;
}
b,
strong {
  font-weight: bolder;
}
img {
  border-style: none;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
[type="button"],
[type="reset"],
[type="submit"],
button {
  -webkit-appearance: button;
}
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
details {
  display: block;
}
summary {
  display: list-item;
}
[hidden],
template {
  display: none;
}
.rm-underline {
  text-decoration: none;
}
.text-color--black {
  color: var(--black-primary);
}
.text-color--green {
  color: var(--green-400);
}
.text-color--red {
  color: var(--red-400);
}
* {
  box-sizing: border-box;
}
html {
  line-height: 1;
}
body,
html {
  font-size: 14px;
}
body {
  font-family: Roboto, sans-serif;
  background-color: var(--gray-100);
}
body.show-side-nav .opacity-layer {
  display: block;
  content: "";
  position: fixed;
  top: 48px;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
body.show-side-nav .opacity-layer:after {
  opacity: 0.46;
  background-color: rgba(0, 0, 0, 0.4);
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), z-index 1ms;
  z-index: 7;
}
.container,
.main-menu {
  margin: 0 auto;
  position: relative;
}
button {
  background: 0 0;
  border: none;
  padding: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
a,
button,
button:focus {
  outline: none;
}
a {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
li {
  list-style: none;
}
.opacity-layer {
  display: none;
}
.opacity-layer:after {
  content: "";
  position: fixed;
  top: 40px;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
.page-header {
  font-weight: 700;
  font-size: 24px;
  line-height: 30px;
  display: flex;
  flex-grow: 1;
}
a,
button,
input,
select,
textarea {
  -webkit-tap-highlight-color: transparent;
}
table {
  border-collapse: collapse;
}
.flex-items-center {
  display: flex;
  align-items: center;
}
tr.highlight {
  background: var(--green-100);
}
.text--bold {
  font-weight: 700;
}
.text--uppercase {
  text-transform: uppercase;
}
.text--green {
  color: var(--green-400);
}
.text--black {
  color: var(--black-primary);
}
.text--gray {
  color: var(--gray-400);
}
.text--red {
  color: var(--red-400);
}
.flex-between-center {
  margin: 0 24px 8px;
}
.flex-between-center .page-header {
  padding-right: 12px;
  margin: 8px 0;
}
.flex-two-columns {
  display: flex;
  margin: 24px;
}
.hidden {
  display: none !important;
}
.window-slot {
  position: fixed;
  z-index: 1;
}
.window-slot,
.window-slot [data-br-bg] {
  width: 100%;
  height: 100%;
  overflow: hidden;
  left: 0;
  top: 0;
}
.window-slot [data-br-bg] {
  display: block;
  position: absolute;
  line-height: 0;
  font-size: 0;
  border: 0;
  outline: 0;
  z-index: 0;
  text-decoration: none;
  background-attachment: fixed;
  background-position: 50% 86px;
  background-repeat: no-repeat;
  cursor: pointer;
}
.window-slot a[style^="background-image"] {
  cursor: pointer;
}
.window-slot-wrapper .bn-slot--top {
  margin-bottom: 48px;
}
.window-slot-wrapper .bn-slot--left,
.window-slot-wrapper .bn-slot--right {
  display: none;
}
.main-container {
  max-width: 1024px;
  margin: auto;
  align-items: flex-start;
}
.footer,
.main-container {
  position: relative;
  z-index: 1;
}
.color-accent--black {
  color: var(--black-primary) !important;
}
.count-win {
  color: var(--green-400);
}
.color-accent--green {
  color: var(--green-400) !important;
}
.expand-list.open ~ .decryption-list {
  margin-top: 16px;
}
.dev-menu a:hover {
  text-decoration: none !important;
}
.breadcrumbs + .v-card .v-card__column .img {
  margin-right: 8px;
}
.flex-between-center {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-left: 24px;
  margin-right: 24px;
}
.flex-between-center:first-child {
  padding-top: 20px;
}
.expand-list--home-img {
  margin-right: 16px;
}
.disable-hover,
.disable-hover * {
  pointer-events: none !important;
}
.odds-anchor-link {
  position: absolute;
  left: 0;
  right: 0;
  display: block;
}
.game-title {
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
  color: var(--black-primary);
  border-bottom: 1px solid var(--gray-200);
  padding-left: 24px;
  padding-right: 24px;
  padding-bottom: 8px;
  margin-top: 0;
}
.teams {
  text-decoration: none;
  cursor: pointer;
}
.match-live-streams {
  text-align: center;
}
._custom .page-header {
  color: var(--black-primary);
}
._custom tr.highlight {
  background: #272c46;
}
.autogen__btn-arrow,
.bn__close,
.breadcrumbs__arrow,
.btn__arrow,
.expand-list__corner,
.favorites-star,
.games-toggle,
.header-nav__newLink__icon--live-stream,
.i,
.jsCalendar-nav-left,
.jsCalendar-nav-right,
.logo[data-icon="american-football"],
.logo[data-icon="basketball"],
.logo[data-icon="e-sport"],
.logo[data-icon="football"],
.logo[data-icon="hockey"],
.logo[data-icon="tennis"],
.logo[data-icon="volleyball"],
.show-more__arrow,
.today-matches__icon,
.toggle-calendar-icon,
.v-switcher__icon,
[data-icon="cookie"] .noti__item {
  font-family: icomoon !important;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 20px;
}
.autogen__btn-arrow:before,
.bn__close:before,
.breadcrumbs__arrow:before,
.btn__arrow:before,
.expand-list__corner:before,
.favorites-star:before,
.games-toggle:before,
.header-nav__newLink__icon--live-stream:before,
.i:before,
.jsCalendar-nav-left:before,
.jsCalendar-nav-right:before,
.logo[data-icon="american-football"]:before,
.logo[data-icon="basketball"]:before,
.logo[data-icon="e-sport"]:before,
.logo[data-icon="football"]:before,
.logo[data-icon="hockey"]:before,
.logo[data-icon="tennis"]:before,
.logo[data-icon="volleyball"]:before,
.show-more__arrow:before,
.today-matches__icon:before,
.toggle-calendar-icon:before,
.v-switcher__icon:before,
[data-icon="cookie"] .noti__item:before {
  width: 20px;
  height: 20px;
}
.expand-list__corner:before,
.games-toggle:before,
.icon-arrow_expand:before,
.show-more__arrow:before {
  content: "\e900";
}
.icon-arrow_go_to:before,
.today-matches__icon:before {
  content: "\e901";
}
.icon-arrow_prev:before {
  content: "\e902";
}
.icon-ball:before,
.logo[data-icon="football"]:before {
  content: "\e903";
}
.icon-calendar:before,
.toggle-calendar-icon:before {
  content: "\e904";
}
.bn__close:before,
.icon-close-menu:before {
  content: "\e905";
}
.icon-penalty-goal:before {
  content: "\e906";
}
.icon-dots:before {
  content: "\e907";
}
.favorites-star:before,
.icon-favorites:before {
  content: "\e908";
}
.icon-form-draw:before {
  content: "\e909";
}
.icon-form-lose:before {
  content: "\e90a";
}
.icon-form-win:before {
  content: "\e90b";
}
.icon-league:before {
  content: "\e90c";
}
.icon-live:before {
  content: "\e90d";
}
.icon-mail:before {
  content: "\e90e";
}
.icon-open-menu:before {
  content: "\e90f";
}
.icon-player_t-shirt:before {
  content: "\e910";
}
.icon-player:before {
  content: "\e911";
}
.icon-replace-injury:before {
  content: "\e912";
}
.icon-replace:before {
  content: "\e913";
}
.icon-search:before {
  content: "\e914";
}
.icon-sport-american-football:before,
.logo[data-icon="american-football"]:before {
  content: "\e915";
}
.icon-sport-basketball:before,
.logo[data-icon="basketball"]:before {
  content: "\e916";
}
.icon-sport-hockey:before,
.logo[data-icon="hockey"]:before {
  content: "\e917";
}
.icon-sport-tennis:before,
.logo[data-icon="tennis"]:before {
  content: "\e918";
}
.icon-sport-volleyball:before,
.logo[data-icon="volleyball"]:before {
  content: "\e919";
}
.icon-table:before {
  content: "\e91a";
}
.icon-team:before {
  content: "\e91b";
}
.icon-timer:before {
  content: "\e91c";
}
.icon-today:before {
  content: "\e91d";
}
.icon-user:before {
  content: "\e91e";
}
.icon-penalty-unrealized:before {
  content: "\e91f";
}
.icon-copy:before {
  content: "\e920";
}
.icon-cookie:before,
[data-icon="cookie"] .noti__item:before {
  content: "\e921";
}
.icon-information:before {
  content: "\e922";
}
.icon-transfer:before {
  content: "\e923";
}
.autogen__btn-arrow:before,
.breadcrumbs__arrow:before,
.btn__arrow:before,
.icon-arrow_next:before,
.jsCalendar-nav-left:before,
.jsCalendar-nav-right:before {
  content: "\e924";
}
.icon-checkbox:before {
  content: "\e925";
}
.icon-world:before {
  content: "\e926";
}
.icon-south-america:before {
  content: "\e927";
}
.icon-others:before {
  content: "\e928";
}
.icon-north-central-america:before {
  content: "\e929";
}
.icon-europe:before {
  content: "\e92a";
}
.icon-e-sport:before,
.logo[data-icon="e-sport"]:before {
  content: "\e92b";
}
.icon-australia-oceania:before {
  content: "\e92c";
}
.icon-asia:before {
  content: "\e92d";
}
.icon-africa:before {
  content: "\e92e";
}
.icon-triangle-up:before {
  content: "\e92f";
}
.icon-rating:before {
  content: "\e930";
}
.icon-share:before {
  content: "\e931";
}
.header-nav__newLink__icon--live-stream:before,
.icon-live-stream:before {
  content: "\e932";
}
.icon-bandy:before {
  content: "\e933";
}
.icon-beach-soccer:before {
  content: "\e934";
}
.icon-beach-volleyball:before {
  content: "\e935";
}
.icon-cricket:before {
  content: "\e936";
}
.icon-darts:before {
  content: "\e937";
}
.icon-futsal:before {
  content: "\e938";
}
.icon-football:before {
  content: "\e939";
}
.icon-floorball:before {
  content: "\e93a";
}
.icon-field-hockey:before {
  content: "\e93b";
}
.icon-mma:before {
  content: "\e93c";
}
.icon-squash:before {
  content: "\e93d";
}
.icon-badminton:before {
  content: "\e93e";
}
.icon-table-tennis:before {
  content: "\e93f";
}
.icon-water-polo:before {
  content: "\e940";
}
.icon-league-of-legends:before {
  content: "\e941";
}
.icon-overwatch:before {
  content: "\e942";
}
.icon-pubg:before {
  content: "\e943";
}
.icon-rainbow6:before {
  content: "\e944";
}
.icon-valorant:before {
  content: "\e947";
}
.icon-dota:before {
  content: "\e948";
}
.icon-starcraft2:before {
  content: "\e949";
}
.icon-cs:before {
  content: "\e94a";
}
.icon-ebasketball:before {
  content: "\e94b";
}
.icon-efootball:before {
  content: "\e94c";
}
.icon-king-of-glory:before {
  content: "\e94d";
}
.icon-bet:before {
  content: "\e945";
}
.icon-bookmakers:before {
  content: "\e946";
}
.icon-all-sports:before {
  content: "\e94d";
}
.icon-predictions:before {
  content: "\e94e";
}
._custom .icon-e-sport:before,
._custom .logo[data-icon="e-sport"]:before {
  color: var(--black-primary);
}
.header {
  background-color: #0f212e;
  height: 40px;
  z-index: 9999999999;
  position: absolute;
  transition: all 0.3s ease;
  top: 0;
  left: 0;
  right: 0;
}
.header .container {
  justify-content: space-between;
  flex-wrap: wrap;
  padding-left: 16px;
  padding-right: 16px;
  height: 100%;
  display: flex;
  align-items: center;
  flex-grow: 1;
  max-width: 960px;
}
.header .container,
.header .container > div {
  display: flex;
  align-items: center;
}
.header .second-menu {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  background: #182836;
  width: 100%;
  height: 36px;
  border-top: 1px solid var(--gray-600);
}
.header .second-menu__item.active {
  cursor: pointer;
  color: var(--white);
  border-bottom: 4px solid #15a5cd;
}
.header .second-menu__item {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  color: var(--gray-400);
  white-space: nowrap;
  text-decoration: none;
  width: 100%;
  height: 100%;
  border-bottom: 4px solid transparent;
  padding-top: 4px;
}
._custom .header {
  background-color: var(--white);
}
.grv-dialog-host {
  position: relative;
  z-index: 10000000000;
}
.logo {
  display: flex;
  text-decoration: none;
  align-items: center;
  padding: 0 16px 0 0;
  position: relative;
}
.logo[data-icon="american-football"],
.logo[data-icon="basketball"],
.logo[data-icon="e-sport"],
.logo[data-icon="football"],
.logo[data-icon="hockey"],
.logo[data-icon="tennis"],
.logo[data-icon="volleyball"] {
  color: var(--black-primary);
}
.logo:before {
  font-size: 20px;
}
.logo:after {
  content: "";
  position: absolute;
  top: 2px;
  bottom: 2px;
  right: 0;
  border-left: 1px solid var(--gray-300);
  color: inherit;
}
.logo__text {
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  padding-left: 8px;
  color: var(--black-primary);
  font-family: Roboto, sans-serif;
}
.lang {
  position: relative;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid var(--gray-200);
}
.lang__wrap {
  position: relative;
  min-width: 32px;
  min-height: 32px;
}
.lang__menu {
  display: none;
}
.lang__item {
  padding: 9px 18px;
  text-decoration: none;
  align-items: center;
  white-space: nowrap;
  min-width: 0;
  overflow: hidden;
  position: relative;
}
.lang__item,
.lang__item-content {
  display: flex;
}
.lang__item:hover {
  background-color: var(--gray-100);
  cursor: pointer;
}
.lang__item:hover .lang__title {
  color: var(--green-hover);
}
.lang__item:active .lang__title {
  color: var(--black-primary);
}
.lang__item._selected {
  justify-content: space-between;
}
.lang__item._selected:after {
  content: "";
  display: inline-block;
  width: 8px;
  height: 5px;
  background-image: url(/build/azscore/images/triangle-down.460f11ba.svg);
  background-size: cover;
}
.lang__img {
  display: block;
  border-radius: 2px;
  width: 17px;
  height: 12px;
  margin-right: 10px;
}
.lang__title {
  color: var(--black-primary);
  min-width: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.lang._active ._selected {
  background-color: var(--green-100);
}
.lang._active ._selected:after {
  background-image: url(/build/azscore/images/triangle-up-black.12a23944.svg);
}
.lang._active .lang__menu {
  display: block;
}
.settings {
  position: relative;
}
.settings__img {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
  border-radius: 2px;
  cursor: pointer;
}
.settings__radio-wrapper {
  padding: 0 10px 0 16px;
  margin: 8px 0 12px;
}
.settings__radio-wrapper legend {
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 16px;
}
.settings__radio-wrapper .input-radio {
  white-space: nowrap;
  text-overflow: ellipsis;
}
.settings__content {
  display: none;
  position: absolute;
  top: 41px;
  right: 0;
  min-width: 160px;
  border: 1px solid var(--gray-200);
  box-shadow: 0 0 12px 0 rgba(0, 41, 77, 0.1);
  border-radius: 2px;
  z-index: 10;
}
.settings._active .settings__img,
.settings__content {
  background-color: var(--white);
}
.settings._active .settings__img svg path {
  fill: var(--green-400);
}
.settings._active .settings__content {
  display: block;
}
._custom .settings__radio-wrapper .input-radio,
._custom .settings__radio-wrapper legend {
  color: var(--black-primary);
}
.input-radio {
  display: flex;
  align-items: center;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  cursor: pointer;
}
.input-radio:not(:last-of-type) {
  margin-bottom: 8px;
}
.input-radio__input {
  position: absolute;
  visibility: hidden;
}
.input-radio__input:checked ~ .input-radio__styled {
  border-color: var(--green-400);
}
.input-radio__input:checked ~ .input-radio__styled:after {
  background-color: var(--green-400);
  opacity: 1;
}
.input-radio__styled {
  width: 20px;
  height: 20px;
  position: relative;
  border-radius: 50%;
  border: 2px solid var(--gray-200);
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 8px;
}
.input-radio__styled:after {
  content: "";
  width: 10px;
  height: 10px;
  background-color: var(--green-400);
  display: block;
  opacity: 0;
  border-radius: inherit;
}
fieldset {
  margin-bottom: 16px;
  padding: 0;
  border: 0;
}
fieldset > .label {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: var(--black-primary);
  margin-bottom: 8px;
}
.resizer {
  z-index: 1;
}
#app,
.resizer {
  position: relative;
}
#app {
  min-width: 1024px;
  margin-top: 86px;
}
#app:before {
  content: "";
  background-color: var(--white);
  background-image: url(/build/azscore/images/banner-placeholder.f0ef19a7.svg);
  display: block;
  background-repeat: no-repeat;
  background-position: 50%;
  margin: 0 auto;
  position: absolute;
  top: 24px;
  left: 0;
  right: 0;
  width: 970px;
  height: 90px;
  z-index: 1;
  opacity: 0;
  -webkit-animation: fadeInOpacity 1s ease 1s both;
  animation: fadeInOpacity 1s ease 1s both;
  border: 1px solid var(--gray-200);
  box-sizing: border-box;
}
main {
  width: 960px;
  background-color: var(--gray-100);
  margin-top: 80px;
  /* padding: 24px 16px; */
}
.footer .container {
  width: 1024px;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.content {
  border: 1px solid var(--gray-200);
  background-color: var(--white);
  border-radius: 2px;
}
.main-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  bottom: 5px;
}
.center-content-holder {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  max-width: 928px;
}
.section--center {
  border-radius: 2px;
  margin: 0 24px;
  width: 100%;
  max-width: 764px;
}
.section--right {
  width: 160px;
  max-width: 160px;
}
.section--left {
  width: 100%;
  max-width: 200px;
  margin-top: 10px;
}
.section__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 16px;
}
.premier-ligue-list .league-card {
  margin-left: 0;
  margin-right: 0;
}
.see-all__link {
  font-size: 12px;
  line-height: 18px;
  color: var(--green-400);
  text-decoration: none;
  font-weight: 500;
  padding: 3px 8px;
  display: inline-block;
}
.see-all__link:hover {
  color: var(--green-400);
  background-color: var(--white);
  cursor: pointer;
}
.see-all__link:focus {
  color: var(--green-hover);
  background-color: var(--green-100);
}
.bottom-banners {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
}
.bottom-banners__item {
  margin-top: 24px;
}
.anchor-link,
.text-bold {
  font-weight: 700;
}
.anchor-link {
  font-size: 20px;
  line-height: 24px;
  text-align: center;
  text-decoration: none;
  color: var(--black-primary);
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-bottom: 16px;
}
.main-container aside {
  width: 160px;
  position: fixed;
  z-index: 1;
  will-change: transform;
  transition: transform 0.2s;
  transform: translate(0);
  left: 50%;
  top: 110px;
}
.main-container aside:nth-of-type(odd) {
  transform: translateX(-670px);
}
.main-container aside:nth-of-type(2n) {
  transform: translateX(510px);
}
.toggle--left,
.toggle--right {
  margin-top: 24px;
}
body.branding-is-active .main-menu__container {
  margin-bottom: 116px;
}
.banner-slot--left-center {
  height: 200px;
  width: 200px;
}
.tooltip {
  display: inline-block;
  position: absolute;
  padding: 2px 8px;
  background: var(--gray-600);
  box-shadow: 0 0 6px rgba(0, 41, 77, 0.07);
  border-radius: 2px;
  color: #fff;
  z-index: 9999;
  pointer-events: none;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  transform: translateX(-50%);
}
.livezone-game-title {
  text-align: center;
  margin-top: 24px;
  margin-bottom: 12px;
  padding-left: 16px;
  padding-right: 16px;
  font-weight: 700;
  font-size: 20px;
  line-height: 26px;
  color: var(--black-primary);
}
.header-nav,
.header-nav__list {
  display: flex;
  align-items: center;
  margin-left: 16px;
  margin-right: auto;
}
.header-nav__list {
  margin: 0;
  padding: 0;
}
.header-nav__item {
  position: relative;
  list-style: none;
  display: flex;
  align-items: center;
}
.header-nav__item:not(:last-of-type) {
  margin-right: 16px;
}
.header-nav__item.new {
  background-color: #22a04c;
  border-radius: 2px;
}
.header-nav__item.new .header-nav__link .active,
.header-nav__item.new .header-nav__link:hover {
  color: var(--white);
}
.header-nav__link {
  text-decoration: none;
  color: var(--gray-400);
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-font-smoothing: antialiased;
  border-bottom: 4px solid transparent;
  min-width: 118px;
  height: 50px;
  padding-top: 4px;
}
.header-nav__link img {
  margin-right: 4px;
  filter: invert(85%) sepia(7%) saturate(448%) hue-rotate(169deg)
    brightness(80%) contrast(0);
}
.header-nav__link:hover {
  color: var(--white);
}
.header-nav__link:hover img {
  filter: none;
}
.header-nav__link.active {
  border-bottom: 4px solid var(--green-400);
  color: var(--white);
}
.header-nav__link.active img {
  filter: none;
}
.header-nav__newLink {
  font-style: normal;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  padding: 2px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-decoration: none;
  color: var(--white);
}
.header-nav__newLink:active,
.header-nav__newLink:hover {
  cursor: pointer;
  color: var(--green-300-n);
}
.header-nav__newLink:active span[class$="live-stream"],
.header-nav__newLink:hover span[class$="live-stream"] {
  color: var(--green-300-n);
}
.header-nav__newLink__icon {
  width: 16px;
  height: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 6px;
  position: relative;
  top: -1px;
}
.header-nav__newLink__icon--live-stream {
  color: var(--white);
}
.header-nav__drop-down.drop-down._select:hover .drop-down__head {
  color: var(--white);
  font-weight: 700;
  border-bottom-color: var(--green-400);
}
.header-nav__drop-down.drop-down._select:hover .drop-down__head:before {
  border-left-color: transparent;
  border-bottom-color: transparent;
  border-right-color: transparent;
  border-top-color: var(--white);
}
.header-nav__drop-down.drop-down._select:hover .drop-down__content {
  opacity: 1;
  visibility: visible;
}
.header-nav__drop-down.drop-down._select .drop-down__head {
  height: 50px;
  min-width: 115px;
  background-color: transparent;
  color: var(--gray-400);
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  text-transform: capitalize;
  justify-content: center;
  border: 4px solid transparent;
  border-right: none;
  border-left: none;
  transition: all 0.3s ease-out;
}
.header-nav__drop-down.drop-down._select .drop-down__head:before {
  border-left-color: transparent;
  border-bottom-color: transparent;
  border-right-color: transparent;
  border-top-color: var(--gray-400);
  margin-right: 10px;
}
.header-nav__drop-down.drop-down._select .drop-down__content {
  border: 1px solid var(--color-gray-200);
  box-shadow: 0 0 12px 0 rgba(0, 41, 77, 0.1);
  padding: 4px 0;
  right: 0;
  left: auto;
}
.header-nav__drop-down.drop-down._select._active .drop-down__head,
.header-nav__drop-down.drop-down._select._has-active-item .drop-down__head {
  color: var(--white);
  font-weight: 700;
  border-bottom-color: var(--green-400);
}
.header-nav__drop-down.drop-down._select._active .drop-down__head:before,
.header-nav__drop-down.drop-down._select._has-active-item
  .drop-down__head:before {
  border-left-color: transparent;
  border-bottom-color: transparent;
  border-right-color: transparent;
  border-top-color: var(--white);
}
.header-nav__drop-down.drop-down._select:not(._active):hover
  .drop-down__head:before {
  transform: rotateX(-180deg);
}
.header-nav__drop-down-item {
  display: flex;
  align-items: center;
  padding: 8px 16px;
  text-decoration: none;
  min-width: 160px;
  transition: all 0.3s ease-out;
}
.header-nav__drop-down-item span {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: var(--black-primary);
  margin-left: 4px;
}
.header-nav__drop-down-item.active span {
  color: var(--green-400);
  font-weight: 500;
}
.header-nav__drop-down-item.active svg path {
  fill: var(--green-400);
}
._custom .header-nav__link {
  color: var(--gray-300);
}
._custom .header-nav__drop-down.drop-down._select:hover .drop-down__head,
._custom .header-nav__link.active {
  color: var(--black-primary);
}
._custom
  .header-nav__drop-down.drop-down._select:hover
  .drop-down__head:before {
  border-left-color: transparent;
  border-bottom-color: transparent;
  border-right-color: transparent;
  border-top-color: var(--black-primary);
}
.side-nav__toggle {
  color: var(--white);
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 16px;
}
.header__logo {
  display: flex;
  align-items: center;
  min-width: 94px;
  height: 24px;
  margin-right: auto;
  text-decoration: none;
}
.header__logo-img {
  width: 134px;
  height: 34px;
  display: block;
}
.footer__logo {
  min-width: 134px;
  height: 34px;
  margin-right: 0;
  display: flex;
  align-items: center;
}
.footer__logo-img {
  width: 134px;
  height: 34px;
  display: block;
}
.logo-after {
  margin-left: 4px;
  position: relative;
  text-decoration: none;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  top: 2px;
}
.logo-after__img {
  display: block;
  width: 14px;
  height: 10px;
}
.logo-after__title {
  text-transform: uppercase;
  color: var(--white);
  position: relative;
  font-weight: 700;
  font-size: 10px;
  line-height: 16px;
}
.main-menu {
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scroll: touch;
  white-space: nowrap;
}
.main-menu,
.main-menu .logo {
  display: flex;
  align-items: center;
}
.main-menu .logo {
  margin-right: 8px;
}
.main-menu:after {
  content: "";
  display: inline-block;
  min-width: 8px;
  position: relative;
  height: 8px;
}
.main-menu::-webkit-scrollbar {
  display: none;
}
.main-menu__container {
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.08);
  background-color: var(--white);
  position: fixed;
  z-index: 3;
  top: 50px;
  left: 0;
  right: 0;
}
.main-menu__link {
  text-decoration: none;
  padding: 8px;
  display: inline-block;
  position: relative;
}
.main-menu__link:after {
  content: "";
  border-top: 4px solid transparent;
  position: absolute;
  bottom: 0;
  left: 50%;
  right: 50%;
  transition: all 0.3s ease;
}
.main-menu__link.active {
  border-color: #1b883f;
}
.main-menu__link.active:after {
  border-color: var(--green-400);
  left: 0;
  right: 0;
}
.main-menu__title {
  color: var(--black-primary);
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
}
.main-menu__total {
  color: #63708a;
  padding: 1px 8px;
  border-radius: 8px;
  font-size: 12px;
  line-height: 16px;
  margin-left: 8px;
  background-color: var(--gray-200);
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.bn {
  position: relative;
  overflow: hidden;
  z-index: 0;
}
.bn > div,
.bn > img,
.bn > span {
  position: relative;
  z-index: 2;
}
.bn:not(.bn-slot--top):before {
  content: "";
  width: 100%;
  height: 100%;
  background-image: url(/build/azscore/images/banner-placeholder.f0ef19a7.svg);
  display: block;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 34px 26px;
  margin: auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 0;
  background-color: var(--white);
  opacity: 0;
  -webkit-animation: fadeInOpacity 1s ease 1s both;
  animation: fadeInOpacity 1s ease 1s both;
  border: 1px solid var(--gray-200);
  box-sizing: border-box;
}
.bn__close {
  position: absolute;
  color: var(--white);
  top: 8px;
  right: 8px;
  width: 24px;
  height: 24px;
  text-decoration: none;
  font-size: 24px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}
.bn__close:hover {
  cursor: pointer;
}
.bn-slot--top {
  width: 970px;
  height: 90px;
  margin: -40px auto 24px;
  transform: translateY(24px);
  display: block;
  z-index: 1;
}
.bn-slot--top[hidden] {
  display: none;
}
.bn-slot--top .bn-image {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.bn-slot--content {
  width: 468px;
  height: 60px;
  margin: 8px auto;
  display: block;
}
.bn-slot--content[hidden] {
  display: none;
}
.bn-slot--left,
.bn-slot--right {
  width: 160px;
  height: 600px;
  display: block;
}
.bn-slot--left[hidden],
.bn-slot--right[hidden] {
  display: none;
}
.bn-slot--bottom {
  width: 468px;
  height: 60px;
  margin: 24px auto;
  display: block;
}
.bn-slot--bottom[hidden] {
  display: none;
}
.bn-slot--left-center {
  width: 200px;
  height: 200px;
  margin-bottom: 24px;
  display: block;
}
.bn-slot--left-center[hidden] {
  display: none;
}
.bn-slot--right-center {
  width: 160px;
  height: 600px;
  display: block;
}
.bn-slot--right-center[hidden] {
  display: none;
}
.bn-slot--catfish {
  width: 100%;
  height: 90px;
  left: 0;
  right: 0;
  z-index: 8888;
  position: fixed;
  bottom: 0;
  display: block;
}
.bn-slot--catfish[hidden] {
  display: none;
}
body:not(.page-home) .bn-slot--content-1:not([style="height: 0px;"]),
body:not(.page-home) .bn-slot--content-2:not([style="height: 0px;"]),
body:not(.page-home) .bn-slot--content:not([style="height: 0px;"]) {
  margin-top: 24px;
  margin-bottom: 32px;
}
.section-title {
  width: 100%;
  padding: 0 24px;
  margin: 24px 0 16px;
  font-size: 20px;
  line-height: 24px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
  color: var(--black-primary);
  font-weight: 700;
  position: relative;
}
.breadcrumbs {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 8px 24px;
  position: relative;
  border-bottom: 1px solid var(--gray-200);
  margin: 0 0 12px;
}
.breadcrumbs._no-border {
  border-bottom: none;
  margin-bottom: 0;
}
.breadcrumbs__next {
  display: flex;
  align-items: center;
  line-height: 16px;
  font-size: 12px;
}
.breadcrumbs__next .last {
  font-size: 12px;
  line-height: 18px;
  color: var(--gray-600);
  font-weight: 400;
  margin: 0;
}
.breadcrumbs__arrow {
  color: var(--gray-400);
  margin: 0 2px;
  font-size: 18px;
}
.breadcrumbs__link {
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--green-400);
  font-size: inherit;
  font-weight: inherit;
  text-decoration: none;
}
.breadcrumbs__sep {
  font-size: 12px;
}
.btn {
  /*display: inline-flex;*/
  border: 1px solid;
  text-decoration: none;
  font-weight: 700;
  color: var(--gray-400);
  padding: 2px 16px;
  border-radius: 2px;
}
.btn__holder {
  margin: 8px 24px 24px;
  overflow: hidden;
}
.btn--full-width {
  display: flex;
  justify-content: center;
  flex-grow: 1;
}
.btn--type-primary-dark {
  background-color: var(--green-400);
  border-color: var(--green-400);
  margin: 0 24px 24px;
}
.btn--type-primary-dark .btn__text {
  color: var(--white);
}
.btn--type-primary-dark:hover {
  background-color: var(--green-hover);
  border-color: var(--green-hover);
}
.btn--type-primary-dark:hover .btn__text {
  color: var(--white);
}
.btn--type-primary-dark:focus {
  background-color: var(--green-400);
  border-color: var(--green-400);
}
.btn--type-primary-dark:focus .btn__text {
  color: var(--white);
}
.btn--type-primary {
  border: 1px solid var(--green-400);
  background-color: transparent;
}
.btn--type-primary .btn__text {
  color: var(--green-400);
}
.btn--type-primary:hover {
  background-color: var(--green-hover);
  border-color: var(--green-hover);
}
.btn--type-primary:hover .btn__text {
  color: var(--white);
}
.btn--type-primary:focus {
  background-color: var(--green-400);
  border-color: var(--green-400);
}
.btn--type-primary:focus .btn__text {
  color: var(--white);
}
.btn--type-ghost-arrow,
.btn--type-load-more {
  border: 1px solid transparent;
  background-color: transparent;
}
.btn--type-ghost-arrow .btn__arrow,
.btn--type-ghost-arrow .btn__text,
.btn--type-load-more .btn__arrow,
.btn--type-load-more .btn__text {
  color: var(--green-400);
}
.btn--type-ghost-arrow:hover,
.btn--type-load-more:hover {
  background-color: var(--gray-100);
  border-color: var(--gray-100);
}
.btn--type-ghost-arrow:hover .btn__arrow,
.btn--type-ghost-arrow:hover .btn__text,
.btn--type-load-more:hover .btn__arrow,
.btn--type-load-more:hover .btn__text {
  color: var(--green-hover);
}
.btn--type-ghost-arrow:focus,
.btn--type-load-more:focus {
  background-color: var(--green-100);
  border-color: var(--green-100);
}
.btn--type-ghost-arrow:focus .btn__arrow,
.btn--type-ghost-arrow:focus .btn__text,
.btn--type-load-more:focus .btn__arrow,
.btn--type-load-more:focus .btn__text {
  color: var(--green-hover);
}
.btn__text {
  font-size: 14px;
  line-height: 20px;
  text-overflow: ellipsis;
  max-width: 100%;
  overflow: hidden;
}
.btn--size-xs .btn__text {
  font-weight: 500;
}
.btn--size-md .btn__text,
.btn--size-xs .btn__text {
  font-size: 12px;
  line-height: 18px;
}
.btn--size-md .btn__text {
  font-size: 14px;
  line-height: 20px;
}
.btn--size-lg .btn__text {
  font-size: 16px;
  line-height: 24px;
}
.btn__arrow {
  margin-left: 10px;
  width: 20px;
  height: 14px;
  display: inline-block;
  color: var(--gray-400);
  position: relative;
}
.btn--type-load-more .btn__arrow:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 4.5px solid transparent;
  border-bottom: 0 solid transparent;
  border-right: 4.5px solid transparent;
  border-top: 5px solid var(--green-400);
  position: absolute;
  top: 50%;
  margin-top: -3px;
  left: 4px;
}
.btn--size-xs .btn__arrow {
  font-size: 18px;
  line-height: 18px;
  font-weight: 500;
  margin-left: 4px;
  height: auto;
}
.noti {
  background-color: rgba(33, 43, 54, 0.8);
  margin: 0;
  padding: 0;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999999999;
}
.noti__content {
  display: grid;
  grid-template-columns: repeat(2, auto);
  align-items: flex-start;
}
.noti__content p {
  line-height: 16px;
  margin: 4px 16px 4px 0;
  font-family: Roboto, sans-serif;
}
.noti__content p,
.noti__content p > a {
  color: var(--white);
  font-weight: 400;
  font-size: 12px;
  display: inline-block;
}
.noti__content p > a {
  line-height: 18px;
  text-decoration: underline;
}
.noti__content p > a:hover {
  text-decoration: none;
}
.noti__item {
  max-width: 1024px;
  padding: 16px 40px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
[data-icon="cookie"] .noti__item {
  color: #fff;
}
[data-icon="cookie"] .noti__item:before {
  width: 24px;
  height: 24px;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 8px;
}
.noti__cta {
  display: inline-block;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  border-radius: 2px;
  background-color: transparent;
  padding: 4px 8px;
  color: var(--green-400);
  white-space: nowrap;
  text-decoration: none;
  border: 1px solid var(--green-400);
  font-family: Roboto, sans-serif;
}
.noti__cta.primary {
  background-color: var(--green-400);
  color: var(--white);
}
.noti__cta:hover {
  cursor: pointer;
  color: var(--white);
}
.noti__cta:hover,
.noti__cta:hover.primary {
  background-color: var(--green-hover);
}
.noti__cta:active,
.noti__cta:active.primary {
  background-color: var(--green-400);
}
.action-link {
  text-decoration: underline;
  font-size: 12px;
  line-height: 18px;
  color: var(--green-400);
  white-space: nowrap;
}
.action-link:hover {
  color: var(--green-hover);
  text-decoration: none;
}
#cookie-noti {
  display: none;
}
.show-cookie-agreement #cookie-noti {
  display: block;
}
#old-site-noti {
  display: none;
}
.show-old-site-btn #old-site-noti {
  display: block;
}
._custom .noti__content p,
._custom .noti__content p > a {
  color: var(--black-primary);
}
.bkw {
  --logo-width: 50px;
  --logo-height: 16px;
  margin-bottom: 24px;
}
.bkw__title {
  margin: 0 0 16px;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 21px;
  color: var(--black-primary);
}
.bkw.v1,
.bkw.v2 {
  padding: 16px;
  background: var(--white);
  border: 1px solid var(--gray-200);
  border-radius: 3px;
}
.bkw.v3 .btn__holder {
  padding: 0;
  border: none;
}
.bkw__index {
  grid-area: index;
  background-color: var(--red-400);
  font-style: normal;
  font-weight: 500;
  font-size: 10px;
  line-height: 10px;
  display: flex;
  min-width: 16px;
  min-height: 16px;
  max-width: 16px;
  max-height: 16px;
  color: var(--white);
  border-radius: 2px;
  align-items: center;
  justify-content: center;
}
.v2 .bkw__index {
  align-self: center;
}
.v3 .bkw__index {
  display: none;
}
.bkw__item {
  text-decoration: none;
  padding: 8px 0;
}
.bkw__item:first-child {
  background-color: #0f713b;
}
.v1 .bkw__item:not(:last-of-type),
.v2 .bkw__item:not(:last-of-type) {
  border-top: 1px solid var(--gray-200);
}
.v1 .bkw__item > .bkw__name {
  display: none;
}
.v3 .bkw__item:first-of-type {
  border-color: var(--green-400);
}
.v2 .bkw__item:first-of-type .bkw__index {
  background-color: var(--red-400);
}
.v1 .bkw__item {
  display: grid;
  grid-template-columns: auto 1fr auto;
  grid-template-areas: "index logo btn";
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  align-items: center;
}
.v2 .bkw__item {
  grid-template-areas: "index logo";
}
.v2 .bkw__item,
.v3 .bkw__item {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-column-gap: 4px;
  grid-row-gap: 4px;
}
.v3 .bkw__item {
  grid-template-areas: "logo";
  border: 1px solid var(--gray-200);
  margin-bottom: 8px;
  background: var(--white);
  border-radius: 2px;
  padding: 8px 12px 12px;
}
.v2 .bkw__item > .bkw__btn,
.v3 .bkw__item > .bkw__btn {
  display: none;
}
.bkw__logo {
  display: block;
  width: 50px;
  max-width: 100%;
  height: auto;
  grid-area: logo;
}
.v1 .bkw__logo {
  --logo-width: 50px;
  --logo-height: 16px;
}
.v2 .bkw__logo {
  --logo-width: 75px;
  --logo-height: 24px;
}
.v3 .bkw__logo {
  --logo-width: 50px;
  --logo-height: 16px;
}
.bkw__row {
  display: flex;
  grid-row: 2;
  grid-area: row;
  grid-column: 1/4;
  overflow: hidden;
}
.v2 .bkw__row,
.v3 .bkw__row {
  grid-column-gap: 8px;
}
.v1 .bkw__row > .bkw__btn {
  display: none;
}
.v2 .bkw__row > .bkw__btn,
.v3 .bkw__row > .bkw__btn {
  flex-grow: 1;
  flex-basis: 50%;
}
.bkw__row > .bkw__name {
  flex: 1 1;
}
.v3 .bkw__row > .bkw__name {
  display: none;
}
.bkw__row > .bkw__bonus {
  justify-content: flex-end;
}
.v3 .bkw__row > .bkw__bonus {
  padding: 0 8px;
  justify-content: center;
  flex-grow: 1;
}
.bkw__name {
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: var(--black-primary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.v2 .bkw__name {
  display: none;
}
.bkw__row._promo .bkw__name {
  white-space: normal;
  max-height: 32px;
}
.bkw__row._promo .bkw__bonus {
  flex-direction: column;
  white-space: normal;
  max-width: 40px;
  text-align: center;
}
.bkw__bonus {
  position: relative;
  display: flex;
  align-items: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.bkw__bonus:before {
  content: url(/build/azscore/images/gift-icon-green.1d82c3a1.svg);
}
.bkw__bonus.-empty:before {
  content: url(/build/azscore/images/gift-icon-gray.ec7bcfdb.svg);
}
.bkw__bonus.-empty .bkw__bonus-text {
  display: none;
}
.bkw__bonus.-empty:after {
  content: "-";
  font-style: normal;
  font-weight: 500;
  font-size: 10px;
  line-height: 10px;
  color: var(--gray-400);
}
.v2 .bkw__bonus:before {
  display: none;
}
.v3 .bkw__bonus {
  background: var(--white);
  border: 1px solid var(--gray-200);
  border-radius: 2px;
}
.v3 .bkw__bonus .bkw__bonus-text {
  color: var(--green-400);
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
}
.v3 .bkw__bonus:before {
  display: none;
}
.bkw__bonus-text {
  font-style: normal;
  font-weight: 500;
  font-size: 10px;
  line-height: 10px;
  color: var(--black-primary);
}
.bkw__btn,
.v2 .bkw__bonus-text {
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
}
.bkw__btn {
  background-color: var(--green-400);
  padding: 4px 8px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  border-radius: 2px;
  color: var(--white);
  flex-grow: 0;
  justify-content: center;
  overflow: hidden;
  white-space: nowrap;
}
.v1 .bkw__btn {
  grid-area: btn;
}
.bkw__btn span {
  text-overflow: ellipsis;
  overflow: hidden;
}
.bkw .btn__holder {
  margin: 0;
  white-space: nowrap;
  padding-top: 8px;
  border-top: 1px solid var(--gray-200);
}
.bkw .btn {
  padding: 0;
}
.bk-btn-disabled {
  background-color: var(--gray-400) !important;
  border-color: var(--gray-400) !important;
  cursor: default !important;
}
._custom .bkw__bonus:before {
  content: url(/build/azscore/images/gift-icon-red.40f69c1f.svg);
}
.countries-list {
  padding: 0;
  margin: 0;
}
.section--left .countries-list + .show-more {
  border-bottom: 1px solid #e8eaf2;
}
.countries-list__info {
  white-space: nowrap;
}
.countries-list__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 24px;
  margin-bottom: 8px;
}
.countries-list__header h5 {
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  padding: 0;
  margin: 0;
}
.countries-list__img {
  margin-right: 16px;
  border-radius: 50%;
  overflow: hidden;
}
.countries-list__item {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.countries-list__item.open {
  background-color: var(--green-100);
}
.countries-list__item.open .countries-list__sub {
  height: auto;
}
.countries-list__link {
  text-decoration: none;
  display: flex;
  align-items: center;
  padding: 0 8px;
  width: 100%;
  cursor: pointer;
}
.countries-list__link.countries-list__expand:hover {
  background-color: var(--white);
}
.countries-list__link.countries-list__expand:hover .countries-list__title {
  color: var(--green-hover);
}
.countries-list__title {
  flex-grow: 1;
  padding: 9px 0;
  font-weight: 500;
}
.countries-list__count,
.countries-list__title {
  font-size: 12px;
  line-height: 18px;
  color: var(--black-primary);
}
.countries-list__count--red {
  color: var(--red-400);
}
.countries-list__count-separator {
  color: var(--black-primary);
}
.countries-list__separator {
  font-size: 12px;
  line-height: 18px;
  color: var(--black-primary);
}
.countries-list__sub {
  padding: 0;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 0;
  overflow: hidden;
}
.countries-list__sub-item {
  background-color: var(--white);
}
.countries-list__sub-item .countries-list__link {
  padding-left: 16px;
}
.countries-list__sub-item .countries-list__link:focus {
  background: var(--green-100);
}
.countries-list__sub-item .countries-list__link:hover .countries-list__title {
  color: var(--green-400);
}
.view-all {
  padding: 8px 8px 8px 16px;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: var(--black-primary);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  text-decoration: none;
  border-radius: 2px;
}
.view-all:after {
  position: relative;
  content: "";
  width: 6px;
  height: 8px;
  background-image: url(/build/azscore/images/arrow-right-gray.af062d60.svg);
  background-repeat: no-repeat;
  background-position: 50%;
  margin-right: 8px;
}
.view-all:hover {
  color: var(--green-400);
  background-color: var(--white);
  cursor: pointer;
}
.view-all:hover:after {
  background-image: url(/build/azscore/images/arrow-right-green.1b5edf9e.svg);
}
.view-all:focus {
  background: var(--green-100);
}
.view-all:focus:after {
  background-image: url(/build/azscore/images/arrow-right-green.1b5edf9e.svg);
}
._custom
  .countries-list__item.open
  .countries-list__expand
  .countries-list__title {
  color: var(--green-400);
}
._custom
  .countries-list__item.open
  .countries-list__expand
  .countries-list__count,
._custom
  .countries-list__item.open
  .countries-list__expand
  .countries-list__count-separator {
  color: var(--white);
}
._custom
  .countries-list__item.open
  .countries-list__expand
  .countries-list__count--red {
  color: var(--red-400);
}
._custom
  .countries-list__item.open
  .countries-list__expand:hover
  .countries-list__count,
._custom
  .countries-list__item.open
  .countries-list__expand:hover
  .countries-list__count-separator {
  color: var(--black-primary);
}
._custom
  .countries-list__item.open
  .countries-list__expand:hover
  .countries-list__count--red {
  color: var(--red-400);
}
._custom .view-all:focus:after,
._custom .view-all:hover:after {
  background-image: url(/build/azscore/images/arrow-right-red.6bd56b51.svg);
}
.top-leagues {
  padding-bottom: 16px;
  border-bottom: 1px solid #e8eaf2;
}
.league {
  display: grid;
  grid-template-columns: repeat(2, auto);
  grid-template-rows: repeat(2, auto);
  justify-content: flex-start;
  padding: 8px;
  text-decoration: none;
}
.league:first-of-type {
  margin-top: 10px;
}
.league img {
  grid-column: 1;
  grid-row: 1/3;
  align-self: center;
  border-radius: 50%;
  overflow: hidden;
  min-width: 32px;
  max-height: 32px;
  max-width: 32px;
  min-height: 32px;
  margin-right: 16px;
}
.league-name {
  grid-row: 1;
  font-weight: 500;
  color: var(--black-primary);
}
.league-country,
.league-name {
  grid-column: 2;
  margin: 0;
  max-width: 100%;
  font-size: 12px;
  line-height: 18px;
}
.league-country {
  grid-row: 2;
  text-overflow: ellipsis;
  font-weight: 400;
  color: var(--gray-600);
}
.league:hover {
  background-color: var(--white);
}
.league:hover .league-name {
  color: var(--green-400);
}
.top-leagues.top-esport-nav {
  border-bottom: none;
}
.top-leagues.top-esport-nav .league {
  align-items: center;
}
.top-leagues.top-esport-nav .league img {
  max-width: 20px;
  max-height: 20px;
  min-width: 20px;
  min-height: 20px;
}
.top-leagues.top-esport-nav .league .autogen__btn-arrow,
.top-leagues.top-esport-nav .league .bn__close,
.top-leagues.top-esport-nav .league .breadcrumbs__arrow,
.top-leagues.top-esport-nav .league .btn__arrow,
.top-leagues.top-esport-nav .league .expand-list__corner,
.top-leagues.top-esport-nav .league .favorites-star,
.top-leagues.top-esport-nav .league .games-toggle,
.top-leagues.top-esport-nav .league .header-nav__newLink__icon--live-stream,
.top-leagues.top-esport-nav .league .i,
.top-leagues.top-esport-nav .league .jsCalendar-nav-left,
.top-leagues.top-esport-nav .league .jsCalendar-nav-right,
.top-leagues.top-esport-nav .league .logo[data-icon="american-football"],
.top-leagues.top-esport-nav .league .logo[data-icon="basketball"],
.top-leagues.top-esport-nav .league .logo[data-icon="e-sport"],
.top-leagues.top-esport-nav .league .logo[data-icon="football"],
.top-leagues.top-esport-nav .league .logo[data-icon="hockey"],
.top-leagues.top-esport-nav .league .logo[data-icon="tennis"],
.top-leagues.top-esport-nav .league .logo[data-icon="volleyball"],
.top-leagues.top-esport-nav .league .show-more__arrow,
.top-leagues.top-esport-nav .league .today-matches__icon,
.top-leagues.top-esport-nav .league .toggle-calendar-icon,
.top-leagues.top-esport-nav .league .v-switcher__icon,
.top-leagues.top-esport-nav .league [data-icon="cookie"] .noti__item,
[data-icon="cookie"] .top-leagues.top-esport-nav .league .noti__item {
  color: var(--black-primary);
  margin-right: 16px;
}
.list {
  margin: 0;
  padding: 0;
}
.list__title {
  margin-left: -16px;
  margin-right: -16px;
}
.list__footer {
  display: flex;
  justify-content: center;
  align-items: center;
}
.list-title {
  min-width: 50px;
  margin: 0 8px 0 0;
  font-weight: 400;
  text-decoration: none;
}
.list-title h6 {
  font: inherit;
  margin: 0;
  padding: 0;
}
.list-title--skip-min-width {
  min-width: unset;
}
.list-title--size-12 {
  font-size: 12px;
  line-height: 18px;
}
.list-title--size-14 {
  font-size: 14px;
  line-height: 20px;
}
.list-title--size-16 {
  font-size: 16px;
  line-height: 24px;
}
.list-title--size-20 {
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
}
.list-title--size-24 {
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
}
.list-title--grow {
  flex-grow: 1;
}
.list-title--dots {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.list-title--gray {
  color: var(--gray-600);
}
.list-title--green {
  color: var(--green-400);
}
.list-title--black {
  color: var(--black-primary);
}
.list-title--bold {
  font-weight: 700;
}
a.list-title {
  text-decoration: none;
}
a.list-title:hover.list-title--gray {
  color: var(--gray-600);
}
a.list-title:hover.list-title--green {
  color: var(--green-hover);
}
.list-header {
  margin: 0;
  display: flex;
  align-items: center;
  background-color: var(--gray-100);
  padding: 8px 16px;
}
.list-header .img {
  margin-right: 16px;
}
.list-header__link {
  text-decoration: none;
}
.favorites-star {
  color: var(--gray-400);
  margin-left: 8px;
  font-size: 20px;
  line-height: 20px;
}
.favorites-star.active {
  color: var(--yellow-400);
}
.favorites-star:hover {
  color: var(--yellow-500);
  cursor: pointer;
}
.show-more {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-top: 8px;
  margin-bottom: 24px;
}
.section--center .show-more {
  padding: 0 16px;
}
.show-more--bordered {
  border-bottom: 1px solid var(--gray-200);
}
.show-more__button {
  color: var(--green-400);
  text-decoration: none;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  padding: 2px 16px;
  margin-top: 8px;
  margin-bottom: 24px;
  align-items: center;
  display: flex;
  width: 100%;
  justify-content: center;
}
.show-more .show-more__button {
  margin-top: 0;
  margin-bottom: 0;
}
.section--center .show-more__button {
  margin: 0;
  padding: 0;
}
.show-more__button:hover {
  color: var(--green-400);
  cursor: pointer;
  background-color: var(--white);
}
.show-more__button:focus {
  background-color: var(--green-100);
}
.show-more:hover,
.show-more__button:focus {
  color: var(--green-hover);
  cursor: pointer;
}
.show-more__arrow {
  color: var(--green-400);
}
.autogen {
  padding-bottom: 24px;
  position: relative;
  margin-top: 24px;
}
.autogen:after {
  position: absolute;
  display: block;
  content: "";
  height: 60px;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(
    180deg,
    rgba(249, 250, 251, 0),
    var(--gray-100) 60.94%,
    var(--gray-100)
  );
}
.autogen--expanded:after {
  display: none;
}
.autogen__header h2 {
  font-size: 16px;
  line-height: 21px;
  font-weight: 700;
  color: var(--black-primary);
  margin-top: 24px;
  margin-bottom: 8px;
}
.autogen__content,
.autogen p {
  font-size: 10px;
  line-height: 15px;
  color: var(--gray-600);
}
.autogen__content {
  max-height: 64px;
  overflow: hidden;
}
.autogen__content h2 {
  font-size: 14px;
  line-height: 18px;
  margin-top: 0;
  margin-bottom: 8px;
}
.autogen__content a {
  font-size: 10px;
  line-height: 15px;
  text-decoration: none;
}
.autogen__content a,
.autogen__content a:hover {
  color: var(--gray-600);
}
.autogen--expanded .autogen__content {
  max-height: unset;
}
.autogen__content ol,
.autogen__content ul {
  font-size: 10px;
  line-height: 15px;
  color: var(--gray-600);
  padding-left: 14px;
  margin-bottom: 10px;
}
.autogen__content ol li,
.autogen__content ul li {
  list-style: disc outside none;
  display: list-item;
}
.autogen__content ul {
  list-style: disc;
}
.autogen__content ol {
  list-style: decimal;
}
.autogen__toggle {
  display: inline-flex;
  color: var(--green-400);
  align-items: center;
  font-size: 14px;
  line-height: 20px;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
}
.autogen__toggle:after {
  position: absolute;
  display: block;
  content: "";
  height: 1px;
  background-image: repeating-linear-gradient(
    90deg,
    var(--gray-300),
    var(--gray-300) 3px,
    var(--white) 0,
    var(--white) 6px
  );
  bottom: 0;
  left: 0;
  right: 0;
}
.autogen__toggle:hover {
  color: var(--green-hover);
  cursor: pointer;
}
.autogen__toggle:hover:after {
  background-image: repeating-linear-gradient(
    90deg,
    var(--green-400),
    var(--green-400) 3px,
    var(--white) 0,
    var(--white) 6px
  );
}
.autogen__toggle[disabled] {
  color: var(--gray-300);
  pointer-events: none;
}
.autogen__toggle[disabled]:after {
  background-image: repeating-linear-gradient(
    90deg,
    var(--gray-300),
    var(--gray-300) 3px,
    var(--white) 0,
    var(--white) 6px
  );
}
.autogen__toggle[disabled] .autogen__btn-arrow {
  color: var(--gray-300);
}
.autogen__btn-arrow {
  color: var(--green-400);
  transform: rotate(90deg);
  transition: transform 0.2s linear;
  font-size: 16px;
  margin-left: 6px;
}
.autogen--expanded .autogen__btn-arrow {
  transform: rotate(-90deg);
}
.img {
  margin-right: 16px;
  display: inline-block;
}
.img > img {
  max-height: 100%;
  max-width: 100%;
  display: block;
}
.img--centered {
  margin: 0 auto;
}
.img--size-xs {
  min-width: 16px;
}
.img--size-xs,
.img--size-xs img {
  width: 16px;
  height: 16px;
}
.img--size-s {
  min-width: 20px;
}
.img--size-s,
.img--size-s img {
  width: 20px;
  height: 20px;
}
.img--size-sm {
  min-width: 24px;
}
.img--size-sm,
.img--size-sm img {
  width: 24px;
  height: 24px;
}
.img--size-md {
  min-width: 32px;
}
.img--size-md,
.img--size-md img {
  width: 32px;
  height: 32px;
}
.img--size-xl {
  min-width: 64px;
}
.img--size-xl,
.img--size-xl img {
  width: 64px;
  height: 64px;
}
.img--size-xxl {
  min-width: 112px;
}
.img--size-xxl,
.img--size-xxl img {
  width: 112px;
  height: 112px;
}
.img--rounded {
  border-radius: 50%;
  overflow: hidden;
}
@keyframes opacity-on {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.back-to-top {
  position: fixed;
  bottom: 40px;
  right: 40px;
  background-color: var(--white);
  border-radius: 2px;
  width: 40px;
  height: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  opacity: 0;
  pointer-events: none;
  z-index: 11000;
  box-shadow: 0 0 16px rgba(0, 41, 77, 0.16);
  cursor: pointer;
}
.back-to-top.is-mouseover {
  opacity: 1;
  pointer-events: auto;
}
.back-to-top.is-process-scroll {
  -webkit-animation: opacity-on 0.5s both;
  animation: opacity-on 0.5s both;
  pointer-events: auto;
}
.back-to-top:after {
  content: "";
  display: flex;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-bottom: 6px solid var(--green-400);
  border-right: 5px solid transparent;
  border-top: 0 solid transparent;
}
.back-to-top--mode-desktop {
  width: 40px;
  height: 40px;
  background-color: var(--white);
  box-shadow: 0 0 16px rgba(0, 41, 77, 0.16);
  filter: drop-shadow(0 0 16px rgba(0, 41, 77, 0.16));
}
.back-to-top--mode-desktop:hover {
  background-color: var(--green-100);
  cursor: pointer;
}
.back-to-top--mode-desktop:hover:after {
  border-left-color: transparent;
  border-bottom-color: var(--green-hover);
  border-right-color: transparent;
  border-top-color: transparent;
}
body.add-catfish .back-to-top {
  bottom: 114px;
}
.footer {
  padding: 36px 0 40px;
  background-color: var(--black-primary);
  border-top: 0.29rem solid var(--green-400);
}
.footer__bottom-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  padding-top: 24px;
}
.footer section {
  width: 100%;
}
.footer section.description {
  max-width: 360px;
  margin-right: 40px;
}
.footer section.live-matches {
  max-width: 250px;
  margin-right: 40px;
}
.footer section.nearest-matches {
  max-width: 250px;
}
.footer section.feature-matches {
  max-width: 360px;
  margin-right: 40px;
}
.footer section.explore-site {
  max-width: 540px;
}
.footer li {
  margin-bottom: 8px;
  line-height: 18px;
}
.footer__description {
  color: var(--gray-300);
  margin-bottom: 40px;
  margin-top: 0;
  font-size: 12px;
  line-height: 18px;
}
.footer ul {
  padding: 0;
  margin: 0 0 40px;
}
.footer__heading {
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  color: var(--white);
  margin: 0 0 16px;
  padding-left: 8px;
  border-left: 4px solid var(--green-400);
  display: block;
}
.footer__link {
  font-size: 12px;
  line-height: 18px;
  color: var(--gray-300);
  text-decoration: none;
  display: inline-block;
  font-weight: 400;
}
.footer__bottom-nav .footer__link {
  margin-right: 14px;
}
.footer__link > img {
  max-width: 100%;
  display: block;
}
.footer__link:hover {
  cursor: pointer;
  color: var(--green-hover);
  text-decoration: underline;
}
.footer__copy {
  color: var(--white);
  font-size: 12px;
  line-height: 18px;
  margin: 0;
}
.footer__nav-store {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 40px;
}
.footer__nav-store > a {
  margin-right: 8px;
  border-radius: 4px;
  font-size: 12px;
  line-height: 18px;
}
.footer__logo {
  margin-left: 0;
  margin-bottom: 8px;
}
.footer .pwa {
  width: 100%;
  max-width: 944px;
  min-height: 44px;
  padding: 8px;
  margin: 0 auto 16px;
  display: none;
  align-items: center;
  justify-content: space-between;
  background-color: var(--white);
  border-radius: 2px;
}
.footer .pwa._active {
  display: flex;
}
.footer .pwa__info {
  display: flex;
  align-items: center;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: var(--black-primary);
}
.footer .pwa__info:before {
  width: 24px;
  height: 24px;
  content: url(/build/azscore/images/install.2a8be5cb.svg);
  margin-right: 12px;
}
.footer .pwa__install {
  height: 28px;
  padding: 8px;
  display: flex;
  align-items: center;
  border-radius: 4px;
  background-color: var(--green-400);
  margin-left: 8px;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: var(--white);
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
}
.footer .pwa-ios {
  width: 100%;
  max-width: 944px;
  min-height: 48px;
  padding: 8px;
  margin: 0 auto 16px;
  display: none;
  align-items: center;
  background-color: var(--gray-100);
  border-radius: 2px;
}
.footer .pwa-ios._active {
  display: flex;
}
.footer .pwa-ios__logo-wrapper {
  width: 24px;
  min-width: 24px;
  height: 24px;
  border-radius: 4px;
  margin-right: 8px;
  background-color: var(--black-primary);
  display: flex;
  align-items: center;
  justify-content: center;
}
.footer .pwa-ios__info {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: var(--black-primary);
}
.footer .pwa-ios .pwa-tooltip__icon {
  position: relative;
  display: inline-block;
  width: 16px;
}
.footer .pwa-ios .pwa-tooltip__icon:before {
  content: url(/build/azscore/images/iphone-add-icon.642764cb.svg);
  position: absolute;
  width: 16px;
  height: 16px;
  top: -14px;
}
.footer .pwa-ios .pwa-tooltip__icon.plus {
  margin-right: 3px;
}
.footer .pwa-ios .pwa-tooltip__icon.plus:before {
  content: url(/build/azscore/images/plus-square.0d3b05f5.svg);
  top: -13px;
}
.menu-explore > ul {
  -moz-column-count: 3;
  column-count: 3;
}
._custom .footer {
  background-color: var(--white);
}
._custom .footer__copy,
._custom .footer__heading {
  color: var(--black-primary);
}
.labels {
  display: flex;
  flex-wrap: wrap;
  grid-gap: 8px;
}
.sport-nav-wrapper:not(._header-sport-nav) {
  position: fixed;
  top: 50px;
  left: 0;
  width: 100%;
  z-index: 3;
  background-color: var(--white);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.08);
}
.nav-empty-space {
  height: 40px;
}
.sport-nav-inner {
  max-width: 1024px;
  padding-left: 40px;
  padding-right: 40px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
.sport-nav-container {
  width: calc(100% - 100px);
  flex-shrink: 0;
  position: relative;
}
.nav-wrap,
.sport-nav-container {
  display: flex;
  align-items: center;
}
.nav-wrap {
  max-width: calc(100% + 2px);
}
.sport-nav {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 44px;
  max-width: 100%;
  overflow: hidden;
}
.sport-nav .sport-item {
  cursor: pointer;
}
.sport-nav .sport-item.disabled {
  padding-right: 6px;
  cursor: default;
  pointer-events: none;
}
.sport-nav .sport-item.disabled span {
  color: var(--gray-400);
}
.sport-nav .sport-item {
  padding: 12px 0;
  background-color: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s ease-out;
  flex-shrink: 0;
  margin-right: 16px;
  border: 1px solid transparent;
  text-decoration: none;
  position: relative;
}
.sport-nav .sport-item img {
  margin-right: 4px;
  filter: invert(85%) sepia(7%) saturate(448%) hue-rotate(169deg)
    brightness(80%) contrast(0);
}
.sport-nav .sport-item:hover span {
  color: var(--green-400);
}
.sport-nav .sport-item:hover:before {
  content: "";
  width: 100%;
  height: 4px;
  background-color: var(--green-400);
  position: absolute;
  bottom: 0;
  left: 0;
}
.sport-nav .sport-item:hover img {
  filter: invert(38%) sepia(85%) saturate(4267%) hue-rotate(128deg)
    brightness(85%) contrast(79%);
}
.sport-nav .sport-item.active:before {
  content: "";
  width: 100%;
  height: 4px;
  background-color: var(--green-400);
  position: absolute;
  bottom: 0;
  left: 0;
}
.sport-nav .sport-item.active span {
  color: var(--green-400);
}
.sport-nav
  .sport-item.active
  span:not(.i):not(.logo[data-icon="e-sport"]):not(
    .logo[data-icon="football"]
  ):not(.logo[data-icon="basketball"]):not(.logo[data-icon="tennis"]):not(
    .logo[data-icon="volleyball"]
  ):not(.logo[data-icon="american-football"]):not(
    .logo[data-icon="hockey"]
  ):not(.header-nav__newLink__icon--live-stream):not(.bn__close):not(
    .breadcrumbs__arrow
  ):not(.btn__arrow):not(.favorites-star):not(.show-more__arrow):not(
    .autogen__btn-arrow
  ):not(.expand-list__corner):not(.games-toggle):not(.toggle-calendar-icon):not(
    .jsCalendar-nav-left
  ):not(.jsCalendar-nav-right):not(.today-matches__icon):not(
    .v-switcher__icon
  ) {
  font-weight: 700;
}
.sport-nav .sport-item.active img {
  filter: invert(38%) sepia(85%) saturate(4267%) hue-rotate(128deg)
    brightness(85%) contrast(79%);
}
.sport-nav .sport-item .autogen__btn-arrow,
.sport-nav .sport-item .bn__close,
.sport-nav .sport-item .breadcrumbs__arrow,
.sport-nav .sport-item .btn__arrow,
.sport-nav .sport-item .expand-list__corner,
.sport-nav .sport-item .favorites-star,
.sport-nav .sport-item .games-toggle,
.sport-nav .sport-item .header-nav__newLink__icon--live-stream,
.sport-nav .sport-item .i,
.sport-nav .sport-item .jsCalendar-nav-left,
.sport-nav .sport-item .jsCalendar-nav-right,
.sport-nav .sport-item .logo[data-icon="american-football"],
.sport-nav .sport-item .logo[data-icon="basketball"],
.sport-nav .sport-item .logo[data-icon="e-sport"],
.sport-nav .sport-item .logo[data-icon="football"],
.sport-nav .sport-item .logo[data-icon="hockey"],
.sport-nav .sport-item .logo[data-icon="tennis"],
.sport-nav .sport-item .logo[data-icon="volleyball"],
.sport-nav .sport-item .show-more__arrow,
.sport-nav .sport-item .today-matches__icon,
.sport-nav .sport-item .toggle-calendar-icon,
.sport-nav .sport-item .v-switcher__icon,
.sport-nav .sport-item [data-icon="cookie"] .noti__item,
[data-icon="cookie"] .sport-nav .sport-item .noti__item {
  font-size: 20px;
  line-height: 20px;
  display: block;
  margin-right: 8px;
  flex-shrink: 0;
}
.sport-nav .sport-item span {
  font-size: 14px;
  line-height: 18px;
  color: var(--gray-600);
  white-space: nowrap;
  transition: all 0.3s ease-out;
}
.sport-nav__show-more-dropdown.drop-down._select {
  margin-left: auto;
  display: none;
}
.sport-nav__show-more-dropdown.drop-down._select
  .sport-nav__show-more-dropdown-content.drop-down__content {
  left: auto;
  overflow: visible;
  display: grid;
  grid-template-areas: "item1 item11 item21 item31" "item2 item12 item22 item32" "item3 item13 item23 item33" "item4 item14 item24 item34" "item5 item15 item25 item35" "item6 item16 item26 item36" "item7 item17 item27 item37" "item8 item18 item28 item38" "item9 item19 item29 item39" "item10 item20 item30 item40";
  background-color: var(--white);
  max-height: none;
  box-shadow: 0 0 16px rgba(0, 41, 77, 0.16);
  border-radius: 2px;
  padding: 8px;
}
.sport-nav__show-more-dropdown.drop-down._select
  .sport-nav__show-more-dropdown-content.drop-down__content
  .sport-item.drop-down__item {
  display: flex;
  align-items: center;
  padding: 8px;
  text-decoration: none;
  transition: all 0.3s ease-out;
}
.sport-nav__show-more-dropdown.drop-down._select
  .sport-nav__show-more-dropdown-content.drop-down__content
  .sport-item.drop-down__item.active {
  background-color: var(--green-100);
}
.sport-nav__show-more-dropdown.drop-down._select
  .sport-nav__show-more-dropdown-content.drop-down__content
  .sport-item.drop-down__item.active
  span:not(.i):not(.logo[data-icon="e-sport"]):not(
    .logo[data-icon="football"]
  ):not(.logo[data-icon="basketball"]):not(.logo[data-icon="tennis"]):not(
    .logo[data-icon="volleyball"]
  ):not(.logo[data-icon="american-football"]):not(
    .logo[data-icon="hockey"]
  ):not(.header-nav__newLink__icon--live-stream):not(.bn__close):not(
    .breadcrumbs__arrow
  ):not(.btn__arrow):not(.favorites-star):not(.show-more__arrow):not(
    .autogen__btn-arrow
  ):not(.expand-list__corner):not(.games-toggle):not(.toggle-calendar-icon):not(
    .jsCalendar-nav-left
  ):not(.jsCalendar-nav-right):not(.today-matches__icon):not(
    .v-switcher__icon
  ) {
  color: var(--green-hover);
}
.sport-nav__show-more-dropdown.drop-down._select
  .sport-nav__show-more-dropdown-content.drop-down__content
  .sport-item.drop-down__item.active
  [data-icon="cookie"]
  span.noti__item,
.sport-nav__show-more-dropdown.drop-down._select
  .sport-nav__show-more-dropdown-content.drop-down__content
  .sport-item.drop-down__item.active
  span.autogen__btn-arrow,
.sport-nav__show-more-dropdown.drop-down._select
  .sport-nav__show-more-dropdown-content.drop-down__content
  .sport-item.drop-down__item.active
  span.bn__close,
.sport-nav__show-more-dropdown.drop-down._select
  .sport-nav__show-more-dropdown-content.drop-down__content
  .sport-item.drop-down__item.active
  span.breadcrumbs__arrow,
.sport-nav__show-more-dropdown.drop-down._select
  .sport-nav__show-more-dropdown-content.drop-down__content
  .sport-item.drop-down__item.active
  span.btn__arrow,
.sport-nav__show-more-dropdown.drop-down._select
  .sport-nav__show-more-dropdown-content.drop-down__content
  .sport-item.drop-down__item.active
  span.expand-list__corner,
.sport-nav__show-more-dropdown.drop-down._select
  .sport-nav__show-more-dropdown-content.drop-down__content
  .sport-item.drop-down__item.active
  span.favorites-star,
.sport-nav__show-more-dropdown.drop-down._select
  .sport-nav__show-more-dropdown-content.drop-down__content
  .sport-item.drop-down__item.active
  span.games-toggle,
.sport-nav__show-more-dropdown.drop-down._select
  .sport-nav__show-more-dropdown-content.drop-down__content
  .sport-item.drop-down__item.active
  span.header-nav__newLink__icon--live-stream,
.sport-nav__show-more-dropdown.drop-down._select
  .sport-nav__show-more-dropdown-content.drop-down__content
  .sport-item.drop-down__item.active
  span.i,
.sport-nav__show-more-dropdown.drop-down._select
  .sport-nav__show-more-dropdown-content.drop-down__content
  .sport-item.drop-down__item.active
  span.jsCalendar-nav-left,
.sport-nav__show-more-dropdown.drop-down._select
  .sport-nav__show-more-dropdown-content.drop-down__content
  .sport-item.drop-down__item.active
  span.jsCalendar-nav-right,
.sport-nav__show-more-dropdown.drop-down._select
  .sport-nav__show-more-dropdown-content.drop-down__content
  .sport-item.drop-down__item.active
  span.logo[data-icon="american-football"],
.sport-nav__show-more-dropdown.drop-down._select
  .sport-nav__show-more-dropdown-content.drop-down__content
  .sport-item.drop-down__item.active
  span.logo[data-icon="basketball"],
.sport-nav__show-more-dropdown.drop-down._select
  .sport-nav__show-more-dropdown-content.drop-down__content
  .sport-item.drop-down__item.active
  span.logo[data-icon="e-sport"],
.sport-nav__show-more-dropdown.drop-down._select
  .sport-nav__show-more-dropdown-content.drop-down__content
  .sport-item.drop-down__item.active
  span.logo[data-icon="football"],
.sport-nav__show-more-dropdown.drop-down._select
  .sport-nav__show-more-dropdown-content.drop-down__content
  .sport-item.drop-down__item.active
  span.logo[data-icon="hockey"],
.sport-nav__show-more-dropdown.drop-down._select
  .sport-nav__show-more-dropdown-content.drop-down__content
  .sport-item.drop-down__item.active
  span.logo[data-icon="tennis"],
.sport-nav__show-more-dropdown.drop-down._select
  .sport-nav__show-more-dropdown-content.drop-down__content
  .sport-item.drop-down__item.active
  span.logo[data-icon="volleyball"],
.sport-nav__show-more-dropdown.drop-down._select
  .sport-nav__show-more-dropdown-content.drop-down__content
  .sport-item.drop-down__item.active
  span.show-more__arrow,
.sport-nav__show-more-dropdown.drop-down._select
  .sport-nav__show-more-dropdown-content.drop-down__content
  .sport-item.drop-down__item.active
  span.today-matches__icon,
.sport-nav__show-more-dropdown.drop-down._select
  .sport-nav__show-more-dropdown-content.drop-down__content
  .sport-item.drop-down__item.active
  span.toggle-calendar-icon,
.sport-nav__show-more-dropdown.drop-down._select
  .sport-nav__show-more-dropdown-content.drop-down__content
  .sport-item.drop-down__item.active
  span.v-switcher__icon,
[data-icon="cookie"]
  .sport-nav__show-more-dropdown.drop-down._select
  .sport-nav__show-more-dropdown-content.drop-down__content
  .sport-item.drop-down__item.active
  span.noti__item {
  color: var(--green-400);
}
.sport-nav__show-more-dropdown.drop-down._select
  .sport-nav__show-more-dropdown-content.drop-down__content
  .sport-item.drop-down__item
  [data-icon="cookie"]
  span.noti__item,
.sport-nav__show-more-dropdown.drop-down._select
  .sport-nav__show-more-dropdown-content.drop-down__content
  .sport-item.drop-down__item
  span.autogen__btn-arrow,
.sport-nav__show-more-dropdown.drop-down._select
  .sport-nav__show-more-dropdown-content.drop-down__content
  .sport-item.drop-down__item
  span.bn__close,
.sport-nav__show-more-dropdown.drop-down._select
  .sport-nav__show-more-dropdown-content.drop-down__content
  .sport-item.drop-down__item
  span.breadcrumbs__arrow,
.sport-nav__show-more-dropdown.drop-down._select
  .sport-nav__show-more-dropdown-content.drop-down__content
  .sport-item.drop-down__item
  span.btn__arrow,
.sport-nav__show-more-dropdown.drop-down._select
  .sport-nav__show-more-dropdown-content.drop-down__content
  .sport-item.drop-down__item
  span.expand-list__corner,
.sport-nav__show-more-dropdown.drop-down._select
  .sport-nav__show-more-dropdown-content.drop-down__content
  .sport-item.drop-down__item
  span.favorites-star,
.sport-nav__show-more-dropdown.drop-down._select
  .sport-nav__show-more-dropdown-content.drop-down__content
  .sport-item.drop-down__item
  span.games-toggle,
.sport-nav__show-more-dropdown.drop-down._select
  .sport-nav__show-more-dropdown-content.drop-down__content
  .sport-item.drop-down__item
  span.header-nav__newLink__icon--live-stream,
.sport-nav__show-more-dropdown.drop-down._select
  .sport-nav__show-more-dropdown-content.drop-down__content
  .sport-item.drop-down__item
  span.i,
.sport-nav__show-more-dropdown.drop-down._select
  .sport-nav__show-more-dropdown-content.drop-down__content
  .sport-item.drop-down__item
  span.jsCalendar-nav-left,
.sport-nav__show-more-dropdown.drop-down._select
  .sport-nav__show-more-dropdown-content.drop-down__content
  .sport-item.drop-down__item
  span.jsCalendar-nav-right,
.sport-nav__show-more-dropdown.drop-down._select
  .sport-nav__show-more-dropdown-content.drop-down__content
  .sport-item.drop-down__item
  span.logo[data-icon="american-football"],
.sport-nav__show-more-dropdown.drop-down._select
  .sport-nav__show-more-dropdown-content.drop-down__content
  .sport-item.drop-down__item
  span.logo[data-icon="basketball"],
.sport-nav__show-more-dropdown.drop-down._select
  .sport-nav__show-more-dropdown-content.drop-down__content
  .sport-item.drop-down__item
  span.logo[data-icon="e-sport"],
.sport-nav__show-more-dropdown.drop-down._select
  .sport-nav__show-more-dropdown-content.drop-down__content
  .sport-item.drop-down__item
  span.logo[data-icon="football"],
.sport-nav__show-more-dropdown.drop-down._select
  .sport-nav__show-more-dropdown-content.drop-down__content
  .sport-item.drop-down__item
  span.logo[data-icon="hockey"],
.sport-nav__show-more-dropdown.drop-down._select
  .sport-nav__show-more-dropdown-content.drop-down__content
  .sport-item.drop-down__item
  span.logo[data-icon="tennis"],
.sport-nav__show-more-dropdown.drop-down._select
  .sport-nav__show-more-dropdown-content.drop-down__content
  .sport-item.drop-down__item
  span.logo[data-icon="volleyball"],
.sport-nav__show-more-dropdown.drop-down._select
  .sport-nav__show-more-dropdown-content.drop-down__content
  .sport-item.drop-down__item
  span.show-more__arrow,
.sport-nav__show-more-dropdown.drop-down._select
  .sport-nav__show-more-dropdown-content.drop-down__content
  .sport-item.drop-down__item
  span.today-matches__icon,
.sport-nav__show-more-dropdown.drop-down._select
  .sport-nav__show-more-dropdown-content.drop-down__content
  .sport-item.drop-down__item
  span.toggle-calendar-icon,
.sport-nav__show-more-dropdown.drop-down._select
  .sport-nav__show-more-dropdown-content.drop-down__content
  .sport-item.drop-down__item
  span.v-switcher__icon,
[data-icon="cookie"]
  .sport-nav__show-more-dropdown.drop-down._select
  .sport-nav__show-more-dropdown-content.drop-down__content
  .sport-item.drop-down__item
  span.noti__item {
  color: var(--gray-400);
  font-size: 20px;
  line-height: 20px;
}
.sport-nav__show-more-dropdown.drop-down._select
  .sport-nav__show-more-dropdown-content.drop-down__content
  .sport-item.drop-down__item
  span:not(.i):not(.logo[data-icon="e-sport"]):not(
    .logo[data-icon="football"]
  ):not(.logo[data-icon="basketball"]):not(.logo[data-icon="tennis"]):not(
    .logo[data-icon="volleyball"]
  ):not(.logo[data-icon="american-football"]):not(
    .logo[data-icon="hockey"]
  ):not(.header-nav__newLink__icon--live-stream):not(.bn__close):not(
    .breadcrumbs__arrow
  ):not(.btn__arrow):not(.favorites-star):not(.show-more__arrow):not(
    .autogen__btn-arrow
  ):not(.expand-list__corner):not(.games-toggle):not(.toggle-calendar-icon):not(
    .jsCalendar-nav-left
  ):not(.jsCalendar-nav-right):not(.today-matches__icon):not(
    .v-switcher__icon
  ) {
  white-space: nowrap;
  margin-left: 8px;
  font-size: 12px;
  line-height: 18px;
  color: var(--gray-600);
}
.sport-nav__show-more-dropdown.drop-down._select
  .sport-nav__show-more-dropdown-content.drop-down__content
  .sport-item.drop-down__item:first-child {
  grid-area: item1;
}
.sport-nav__show-more-dropdown.drop-down._select
  .sport-nav__show-more-dropdown-content.drop-down__content
  .sport-item.drop-down__item:nth-child(2) {
  grid-area: item2;
}
.sport-nav__show-more-dropdown.drop-down._select
  .sport-nav__show-more-dropdown-content.drop-down__content
  .sport-item.drop-down__item:nth-child(3) {
  grid-area: item3;
}
.sport-nav__show-more-dropdown.drop-down._select
  .sport-nav__show-more-dropdown-content.drop-down__content
  .sport-item.drop-down__item:nth-child(4) {
  grid-area: item4;
}
.sport-nav__show-more-dropdown.drop-down._select
  .sport-nav__show-more-dropdown-content.drop-down__content
  .sport-item.drop-down__item:nth-child(5) {
  grid-area: item5;
}
.sport-nav__show-more-dropdown.drop-down._select
  .sport-nav__show-more-dropdown-content.drop-down__content
  .sport-item.drop-down__item:nth-child(6) {
  grid-area: item6;
}
.sport-nav__show-more-dropdown.drop-down._select
  .sport-nav__show-more-dropdown-content.drop-down__content
  .sport-item.drop-down__item:nth-child(7) {
  grid-area: item7;
}
.sport-nav__show-more-dropdown.drop-down._select
  .sport-nav__show-more-dropdown-content.drop-down__content
  .sport-item.drop-down__item:nth-child(8) {
  grid-area: item8;
}
.sport-nav__show-more-dropdown.drop-down._select
  .sport-nav__show-more-dropdown-content.drop-down__content
  .sport-item.drop-down__item:nth-child(9) {
  grid-area: item9;
}
.sport-nav__show-more-dropdown.drop-down._select
  .sport-nav__show-more-dropdown-content.drop-down__content
  .sport-item.drop-down__item:nth-child(10) {
  grid-area: item10;
}
.sport-nav__show-more-dropdown.drop-down._select
  .sport-nav__show-more-dropdown-content.drop-down__content
  .sport-item.drop-down__item:nth-child(11) {
  grid-area: item11;
}
.sport-nav__show-more-dropdown.drop-down._select
  .sport-nav__show-more-dropdown-content.drop-down__content
  .sport-item.drop-down__item:nth-child(12) {
  grid-area: item12;
}
.sport-nav__show-more-dropdown.drop-down._select
  .sport-nav__show-more-dropdown-content.drop-down__content
  .sport-item.drop-down__item:nth-child(13) {
  grid-area: item13;
}
.sport-nav__show-more-dropdown.drop-down._select
  .sport-nav__show-more-dropdown-content.drop-down__content
  .sport-item.drop-down__item:nth-child(14) {
  grid-area: item14;
}
.sport-nav__show-more-dropdown.drop-down._select
  .sport-nav__show-more-dropdown-content.drop-down__content
  .sport-item.drop-down__item:nth-child(15) {
  grid-area: item15;
}
.sport-nav__show-more-dropdown.drop-down._select
  .sport-nav__show-more-dropdown-content.drop-down__content
  .sport-item.drop-down__item:nth-child(16) {
  grid-area: item16;
}
.sport-nav__show-more-dropdown.drop-down._select
  .sport-nav__show-more-dropdown-content.drop-down__content
  .sport-item.drop-down__item:nth-child(17) {
  grid-area: item17;
}
.sport-nav__show-more-dropdown.drop-down._select
  .sport-nav__show-more-dropdown-content.drop-down__content
  .sport-item.drop-down__item:nth-child(18) {
  grid-area: item18;
}
.sport-nav__show-more-dropdown.drop-down._select
  .sport-nav__show-more-dropdown-content.drop-down__content
  .sport-item.drop-down__item:nth-child(19) {
  grid-area: item19;
}
.sport-nav__show-more-dropdown.drop-down._select
  .sport-nav__show-more-dropdown-content.drop-down__content
  .sport-item.drop-down__item:nth-child(20) {
  grid-area: item20;
}
.sport-nav__show-more-dropdown.drop-down._select
  .sport-nav__show-more-dropdown-content.drop-down__content
  .sport-item.drop-down__item:nth-child(21) {
  grid-area: item21;
}
.sport-nav__show-more-dropdown.drop-down._select
  .sport-nav__show-more-dropdown-content.drop-down__content
  .sport-item.drop-down__item:nth-child(22) {
  grid-area: item22;
}
.sport-nav__show-more-dropdown.drop-down._select
  .sport-nav__show-more-dropdown-content.drop-down__content
  .sport-item.drop-down__item:nth-child(23) {
  grid-area: item23;
}
.sport-nav__show-more-dropdown.drop-down._select
  .sport-nav__show-more-dropdown-content.drop-down__content
  .sport-item.drop-down__item:nth-child(24) {
  grid-area: item24;
}
.sport-nav__show-more-dropdown.drop-down._select
  .sport-nav__show-more-dropdown-content.drop-down__content
  .sport-item.drop-down__item:nth-child(25) {
  grid-area: item25;
}
.sport-nav__show-more-dropdown.drop-down._select
  .sport-nav__show-more-dropdown-content.drop-down__content
  .sport-item.drop-down__item:nth-child(26) {
  grid-area: item26;
}
.sport-nav__show-more-dropdown.drop-down._select
  .sport-nav__show-more-dropdown-content.drop-down__content
  .sport-item.drop-down__item:nth-child(27) {
  grid-area: item27;
}
.sport-nav__show-more-dropdown.drop-down._select
  .sport-nav__show-more-dropdown-content.drop-down__content
  .sport-item.drop-down__item:nth-child(28) {
  grid-area: item28;
}
.sport-nav__show-more-dropdown.drop-down._select
  .sport-nav__show-more-dropdown-content.drop-down__content
  .sport-item.drop-down__item:nth-child(29) {
  grid-area: item29;
}
.sport-nav__show-more-dropdown.drop-down._select
  .sport-nav__show-more-dropdown-content.drop-down__content
  .sport-item.drop-down__item:nth-child(30) {
  grid-area: item30;
}
.sport-nav__show-more-dropdown.drop-down._select
  .sport-nav__show-more-dropdown-content.drop-down__content
  .sport-item.drop-down__item:nth-child(31) {
  grid-area: item31;
}
.sport-nav__show-more-dropdown.drop-down._select
  .sport-nav__show-more-dropdown-content.drop-down__content
  .sport-item.drop-down__item:nth-child(32) {
  grid-area: item32;
}
.sport-nav__show-more-dropdown.drop-down._select
  .sport-nav__show-more-dropdown-content.drop-down__content
  .sport-item.drop-down__item:nth-child(33) {
  grid-area: item33;
}
.sport-nav__show-more-dropdown.drop-down._select
  .sport-nav__show-more-dropdown-content.drop-down__content
  .sport-item.drop-down__item:nth-child(34) {
  grid-area: item34;
}
.sport-nav__show-more-dropdown.drop-down._select
  .sport-nav__show-more-dropdown-content.drop-down__content
  .sport-item.drop-down__item:nth-child(35) {
  grid-area: item35;
}
.sport-nav__show-more-dropdown.drop-down._select
  .sport-nav__show-more-dropdown-content.drop-down__content
  .sport-item.drop-down__item:nth-child(36) {
  grid-area: item36;
}
.sport-nav__show-more-dropdown.drop-down._select
  .sport-nav__show-more-dropdown-content.drop-down__content
  .sport-item.drop-down__item:nth-child(37) {
  grid-area: item37;
}
.sport-nav__show-more-dropdown.drop-down._select
  .sport-nav__show-more-dropdown-content.drop-down__content
  .sport-item.drop-down__item:nth-child(38) {
  grid-area: item38;
}
.sport-nav__show-more-dropdown.drop-down._select
  .sport-nav__show-more-dropdown-content.drop-down__content
  .sport-item.drop-down__item:nth-child(39) {
  grid-area: item39;
}
.sport-nav__show-more-dropdown.drop-down._select
  .sport-nav__show-more-dropdown-content.drop-down__content
  .sport-item.drop-down__item:nth-child(40) {
  grid-area: item40;
}
.sport-nav__show-more-dropdown.drop-down._select .drop-down__head {
  padding-left: 0;
  padding-right: 0;
  margin-left: 14px;
  margin-right: 14px;
  color: var(--gray-600);
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  border: none;
  transition: all 0.3s ease-out;
}
.sport-nav__show-more-dropdown.drop-down._select .drop-down__head img {
  margin-right: 4px;
  transition: all 0.3s ease-out;
}
.sport-nav__show-more-dropdown.drop-down._select .drop-down__head:before {
  margin-right: 8px;
}
.sport-nav__show-more-dropdown.drop-down._select._active .drop-down__head img {
  transform: rotate(-180deg);
}
.sport-nav__show-more-dropdown.drop-down._select._has-active-item
  .drop-down__head:after {
  content: "";
  width: 100%;
  height: 4px;
  background-color: var(--green-400);
  position: absolute;
  bottom: -6px;
  left: 0;
}
.sport-nav__show-more-dropdown.drop-down._select._active .drop-down__head,
.sport-nav__show-more-dropdown.drop-down._select._has-active-item
  .drop-down__head {
  color: var(--green-400);
  font-weight: 700;
}
.sport-nav__show-more-dropdown.drop-down._select._active
  .drop-down__head:before,
.sport-nav__show-more-dropdown.drop-down._select._has-active-item
  .drop-down__head:before {
  border-left-color: transparent;
  border-bottom-color: transparent;
  border-right-color: transparent;
  border-top-color: var(--green-400);
}
.sport-nav__show-more-dropdown.drop-down._select
  .sport-item.drop-down__item:hover {
  background-color: var(--white);
}
._custom .sport-nav-wrapper:not(._header-sport-nav) {
  background-color: #272c46;
}
._custom .sport-nav .sport-item.active img,
._custom .sport-nav .sport-item:hover img {
  filter: invert(49%) sepia(31%) saturate(4104%) hue-rotate(333deg)
    brightness(86%) contrast(91%);
}
.drop-down {
  display: flex;
  flex-direction: column;
  position: relative;
}
.drop-down__head {
  cursor: pointer;
}
.drop-down__content {
  display: none;
  flex-direction: column;
}
.drop-down._active .drop-down__content {
  display: flex;
}
.drop-down._select .drop-down__head {
  display: flex;
  align-items: center;
  height: 32px;
  background-color: var(--white);
  border: 1px solid var(--gray-300);
  padding: 0 1rem;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.drop-down._select .drop-down__head:before {
  content: "";
  transition: all 0.3s ease-out;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-bottom: 0 solid transparent;
  border-right: 4px solid transparent;
  border-top: 5px solid var(--gray-400);
}
.drop-down._select .drop-down__content {
  display: flex;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-out;
  background-color: var(--white);
  position: absolute;
  top: calc(100% + 10px);
  left: 0;
  right: 0;
  z-index: 4;
  box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.24), 0 0 8px 0 rgba(0, 0, 0, 0.12);
  max-height: 20rem;
  overflow-y: auto;
  color: rgba(23, 35, 44, 0.7);
}
.drop-down._select .drop-down__item {
  padding: 1rem;
  transition: background-color 0.3s;
  background-color: var(--white);
  cursor: pointer;
}
.drop-down._select .drop-down__item._active,
.drop-down._select .drop-down__item:hover {
  color: var(--black-primary);
  background-color: var(--green-100);
}
.drop-down._select._active .drop-down__head {
  color: var(--black-primary);
}
.drop-down._select._active .drop-down__head:before {
  transform: rotateX(180deg);
}
.drop-down._select._active .drop-down__content {
  opacity: 1;
  visibility: visible;
}
.drop-down._disabled,
.drop-down._loading {
  opacity: 0.5;
}
.drop-down._disabled .drop-down__head,
.drop-down._loading .drop-down__head {
  cursor: auto;
}
.match-center {
  padding: 8px 12px;
  border-radius: 4px;
  border: 1px solid var(--black-primary);
  background: url(/build/azscore/images/match-center-bg.e836ed62.jpg) no-repeat;
  background-size: cover;
  margin: 24px 24px 12px;
}
.match-center .match-center-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}
.match-center .match-center-title {
  display: flex;
  align-items: center;
}
.match-center .match-center-title img {
  width: 13px;
  height: 28px;
  flex-shrink: 0;
  margin-right: 8px;
}
.match-center .match-center-title a {
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
  color: var(--white);
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
}
.match-center .match-center-links {
  display: flex;
  align-items: center;
}
.match-center .match-center-links a {
  display: flex;
  align-items: center;
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
  color: var(--white);
  padding: 6px 8px;
  margin-left: 8px;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
}
.match-center .match-center-links a img {
  width: 20px;
  height: 20px;
  margin-left: 4px;
}
.match-center .match-center-body {
  position: relative;
  border-radius: 2px;
  overflow: hidden;
}
.match-center .match-card {
  width: 120px;
  height: 80px;
  padding: 8px;
  background: var(--white);
  border: 1px solid var(--gray-200);
  border-radius: 2px;
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  text-decoration: none;
}
.match-center .match-card-status {
  margin-bottom: 4px;
  display: flex;
  align-items: center;
}
.match-center .match-card-status span {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: var(--gray-600);
}
.match-center .match-card-status .live-badge {
  color: var(--red-400);
  display: flex;
  align-items: center;
  margin-left: auto;
}
.match-center .match-card-status .live-badge:before {
  content: "";
  width: 4px;
  height: 4px;
  background-color: var(--red-400);
  border-radius: 100%;
  margin-right: 4px;
}
.match-center .match-card-teams {
  width: 100%;
}
.match-center .match-card-teams .match-card-team:first-child {
  margin-bottom: 4px;
}
.match-center .match-card-teams .match-card-team {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.match-center .match-card-team-name {
  display: flex;
  align-items: center;
  max-width: calc(100% - 20px);
}
.match-center .match-card-team-name img {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  margin-right: 4px;
}
.match-center .match-card-team-name span {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: var(--black-primary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.match-center .match-card-team-score {
  width: 16px;
  display: flex;
  justify-content: center;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  color: var(--gray-400);
  margin-left: 2px;
}
.match-center .match-card-team-score.winner {
  font-weight: 500;
  color: var(--black-primary);
}
.match-center .match-center-slider-btn {
  position: absolute;
  height: 100%;
  background: var(--white);
  border: 1px solid var(--gray-200);
  border-radius: 2px;
  z-index: 2;
  top: 0;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.match-center .match-center-slider-btn.next {
  right: 0;
  transform: rotate(180deg);
}
.match-center .match-center-slider-btn.prev {
  left: 0;
}
.match-center .custom-slider__stage {
  display: flex;
  max-width: 100%;
  overflow: auto;
  overflow-scrolling: touch;
  padding-left: 0;
  margin: 0;
}
.match-center .custom-slider__stage::-webkit-scrollbar {
  display: none;
}
.match-center .custom-slider__stage li:not(:last-child) {
  margin-right: 8px;
}
.match-center .custom-slider__left-btn,
.match-center .custom-slider__right-btn {
  opacity: 0;
  visibility: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  transition: all 0.1s ease-in-out;
}
.match-center .custom-slider__left-btn._active,
.match-center .custom-slider__right-btn._active {
  opacity: 1;
  visibility: visible;
}
.match-center .custom-slider__stage {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  scroll-behavior: smooth;
}
.header-search {
  position: relative;
  margin-left: 8px;
  margin-right: auto;
}
.header-search input {
  background: var(--white);
  border: 1px solid var(--gray-200);
  border-radius: 2px;
  height: 32px;
  width: 200px;
  padding: 8px 36px 8px 8px;
  outline: none;
  color: var(--black-primary);
  font-size: 12px;
  line-height: 16px;
  transition: all 0.3s ease-out;
}
.header-search input::-moz-placeholder {
  color: var(--gray-400);
}
.header-search input::placeholder {
  color: var(--gray-400);
}
.header-search input:focus,
.header-search input:hover {
  border-color: var(--green-400);
}
.header-search__body {
  background: var(--white);
  position: absolute;
  top: 41px;
  width: 200px;
  height: auto;
  box-shadow: 0 0 12px rgba(0, 41, 77, 0.1);
  border-radius: 2px;
  scrollbar-width: none;
}
.header-search__body::-webkit-scrollbar {
  display: none;
}
.header-search__body .search-body__title {
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  margin: 8px 0 0 8px;
  color: var(--black-primary);
}
.header-search__body .search-body__list {
  padding: 0 8px 8px;
  position: relative;
}
.header-search__body .search-body__list .list-item {
  margin-top: 8px;
  padding: 0 0 8px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  position: relative;
}
.header-search__body .search-body__list .list-item:after {
  content: "";
  position: absolute;
  bottom: 0;
  height: 1px;
  width: 100%;
  background: var(--gray-200);
}
.header-search__body .search-body__list .list-item__image {
  margin-right: 8px;
}
.header-search__body .search-body__list .list-item__text .name {
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  color: var(--black-primary);
}
.header-search__body .search-body__list .list-item__text .sport {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: var(--gray-600);
}
.header-search .body-disabled {
  display: none;
}
.header-clear-search__btn,
.header-search__btn {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 6px;
  right: 8px;
  cursor: pointer;
  opacity: 0;
  pointer-events: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
.header-clear-search__btn img,
.header-search__btn img {
  display: block;
}
.header-clear-search__btn.show,
.header-search__btn.show {
  opacity: 1;
  pointer-events: all;
}
.search-results__head {
  background-color: var(--gray-100);
  display: flex;
  align-items: center;
  padding: 8px 24px;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: var(--black-primary);
}
.search-results__list {
  display: flex;
  flex-direction: column;
  padding-left: 24px;
  padding-right: 24px;
}
.search-results__list a {
  display: flex;
  align-items: center;
  flex-grow: 1;
  border-bottom: 1px solid var(--gray-200);
  text-decoration: none;
  padding-top: 8px;
  padding-bottom: 8px;
}
.search-results__list a img {
  flex-shrink: 0;
}
.search-results__list a p {
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: var(--black-primary);
  margin: 0;
}
.search-results__list a span {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: var(--gray-600);
}
.search-results__item-img {
  margin-right: 16px;
}
.search-results .arrow-icon {
  margin-left: auto;
}
.search-results__placeholder {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 12px 24px 24px;
}
.search-results__placeholder span {
  text-align: center;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: var(--gray-400);
  margin-top: 8px;
}
._custom .header-search input {
  border: none;
  border-radius: 4px;
  background: var(--black-primary);
  color: #272c46;
}
._custom .header-search input::-moz-placeholder {
  color: var(--gray-100);
}
._custom .header-search input::placeholder {
  color: var(--gray-100);
}
.email-popup-container {
  position: fixed;
  z-index: 1111;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(33, 43, 54, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease-out;
}
.email-popup-container.open {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}
.email-popup {
  display: flex;
  background-color: #fff;
  border-radius: 2px;
  min-height: 230px;
  align-items: stretch;
  position: relative;
}
.email-popup__content {
  padding-top: 16px;
  padding-left: 16px;
  padding-bottom: 16px;
  display: flex;
  flex-direction: column;
  width: 260px;
}
.email-popup__content span {
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
  color: var(--black-primary);
  margin-bottom: 8px;
}
.email-popup__content p {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: var(--gray-600);
  margin: 0 0 8px;
}
.email-popup__content p b {
  font-weight: 700;
  color: var(--green-400);
}
.email-popup__content button {
  padding: 7px 16px;
  background: var(--green-400);
  border-radius: 2px;
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
  color: var(--white);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
}
.email-popup__content input[type="email"] {
  width: 244px;
  height: 40px;
  outline: none;
  padding: 11px 6px;
  color: var(--black-primary);
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  border: 1px solid var(--gray-200);
  transition: all 0.3s ease-out;
  margin-bottom: 8px;
  border-radius: 2px;
}
.email-popup__content input[type="email"]:focus {
  border-color: var(--green-400);
}
.email-popup__content input[type="email"]::-moz-placeholder {
  color: var(--gray-600);
}
.email-popup__content input[type="email"]::placeholder {
  color: var(--gray-600);
}
.email-popup__content input[type="checkbox"] {
  width: 20px;
  height: 20px;
  margin-right: 8px;
  transition: all 0.3s ease-out;
  border: 1px solid var(--gray-200);
  border-radius: 2px;
  position: absolute;
  left: 0;
  top: 0;
}
.email-popup__content input[type="checkbox"]:checked {
  accent-color: var(--green-400);
}
.email-popup__content label {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: var(--black-primary);
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  cursor: pointer;
  position: relative;
  flex-wrap: wrap;
  padding-left: 28px;
  padding-top: 2px;
}
.email-popup__content label a {
  color: var(--green-400);
  margin-left: 4px;
  flex-shrink: 0;
}
.email-popup__header {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
.email-popup__header div {
  padding: 2px 4px;
  border-radius: 2px;
  border: 1px solid var(--green-400);
  color: var(--green-400);
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase;
  margin-right: 8px;
}
.email-popup__header img {
  display: block;
  height: 16px;
  width: auto;
}
.email-popup__img {
  width: 260px;
  background: url(/build/azscore/images/email-popup-bg.51c65fa6.jpg) no-repeat;
  background-size: cover;
}
.email-popup__close-btn {
  position: absolute;
  right: 16px;
  top: 16px;
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.email-popup__error {
  align-items: center;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: var(--red-400);
  margin-bottom: 8px;
  display: none;
}
.email-popup__error img {
  width: 20px;
  height: 20px;
  margin-right: 8px;
}
.email-popup__successful {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 16px;
  box-shadow: 0 0 16px rgba(0, 41, 77, 0.16);
  border-radius: 2px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease-out;
  z-index: 1111;
  background-color: var(--white);
  width: 288px;
}
.email-popup__successful.open {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}
.email-popup__successful > img {
  width: 40px;
  height: 40px;
  margin-bottom: 8px;
  display: block;
}
.email-popup__successful p {
  font-weight: 700;
  font-size: 20px;
  line-height: 26px;
  color: var(--black-primary);
  margin: 0 0 8px;
}
.email-popup__successful span {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: var(--gray-600);
  text-align: center;
}
.email-popup__successful-close-btn {
  position: absolute;
  top: 16px;
  right: 16px;
  cursor: pointer;
}
.pwa-popup {
  max-width: 944px;
  height: 48px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.pwa-popup,
.pwa-popup__wrapper {
  width: 100%;
  background-color: var(--white);
}
.pwa-popup__wrapper {
  position: fixed;
  left: 0;
  top: -50px;
  transition: top 0.4s linear;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  border-bottom: 2px solid var(--green-400);
}
.pwa-popup__wrapper._active {
  top: 0;
  z-index: 3000000000;
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}
.pwa-popup__info {
  display: flex;
  align-items: center;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: var(--black-primary);
}
.pwa-popup__info:before {
  width: 24px;
  height: 24px;
  content: url(/build/azscore/images/install.2a8be5cb.svg);
  margin-right: 8px;
}
.pwa-popup__action {
  display: flex;
  align-items: center;
}
.pwa-popup__install {
  padding: 8px;
  border-radius: 4px;
  background-color: var(--green-400);
  margin-right: 18px;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: var(--white);
  text-decoration: none;
}
.pwa-popup__install:hover {
  color: var(--white);
}
.pwa-popup__close {
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.pwa-tooltip {
  width: 100%;
  min-height: 50px;
  display: flex;
  align-items: center;
  padding: 0 45px 0 16px;
  background-color: var(--gray-100);
  border-bottom: 2px solid var(--green-400);
  position: fixed;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  top: -52px;
  transition: top 0.4s linear;
}
.pwa-tooltip._active {
  z-index: 3000000000;
  opacity: 1;
  visibility: visible;
  pointer-events: all;
  top: 0;
}
.pwa-tooltip__logo-wrapper {
  width: 24px;
  min-width: 24px;
  height: 24px;
  border-radius: 4px;
  margin-right: 8px;
  background-color: var(--black-primary);
  display: flex;
  align-items: center;
  justify-content: center;
}
.pwa-tooltip__info {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: var(--black-primary);
}
.pwa-tooltip__icon {
  position: relative;
  display: inline-block;
  width: 16px;
}
.pwa-tooltip__icon:before {
  content: url(/build/azscore/images/iphone-add-icon.642764cb.svg);
  position: absolute;
  width: 16px;
  height: 16px;
  top: -14px;
}
.pwa-tooltip__icon.plus {
  margin-right: 3px;
}
.pwa-tooltip__icon.plus:before {
  content: url(/build/azscore/images/plus-square.0d3b05f5.svg);
  top: -13px;
}
.pwa-tooltip__close {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 26px;
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.sort-container {
  justify-content: space-between;
  padding: 0 24px;
  margin-bottom: 18px;
}
.sort-checkbox,
.sort-container {
  display: flex;
  align-items: center;
}
.sort-checkbox {
  justify-content: center;
}
.sort-by-text {
  color: var(--black-primary);
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  margin-right: 8px;
}
.switch {
  position: relative;
  display: inline-block;
  width: 32px;
  height: 14px;
}
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.switch input:checked + .slider {
  background-color: #c4e5b3;
}
.switch input:checked + .slider:before {
  transform: translateX(12px);
  background-color: var(--green-400);
}
.switch .slider {
  cursor: pointer;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: var(--gray-300);
}
.switch .slider,
.switch .slider:before {
  position: absolute;
  left: 0;
  transition: 0.4s;
}
.switch .slider:before {
  content: "";
  height: 20px;
  width: 20px;
  bottom: -3px;
  background-color: var(--gray-200);
  box-shadow: 0 0 12px rgba(0, 41, 77, 0.1);
}
.switch .round {
  border-radius: 7px;
}
.switch .round:before {
  border-radius: 50%;
}
.mygames-nav {
  margin-bottom: 18px;
  padding: 2px;
}
.mygames-nav,
.mygames-nav__link {
  background-color: var(--gray-200);
  border-radius: 2px;
}
.mygames-nav__link {
  width: 33%;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  color: var(--black-primary);
  transition: all 0.3s ease-out;
  padding-top: 6px;
  padding-bottom: 6px;
  text-decoration: none;
}
.mygames-nav__link._active {
  background-color: var(--white);
}
.live-link:before {
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  border-radius: 100%;
  background-color: var(--red-400);
  margin-right: 10px;
}
.video-desc {
  margin-bottom: 25px;
}
.pagination {
  justify-content: space-between;
  margin: 32px 24px 24px;
}
.pagination,
.pagination a {
  display: flex;
  align-items: center;
}
.pagination a {
  justify-content: center;
  border-radius: 2px;
  transition: all 0.3s ease-out;
  width: 24px;
  height: 24px;
  text-decoration: none;
}
.pagination a:hover {
  background-color: var(--gray-100);
}
.pagination a:focus {
  background-color: var(--green-100);
}
.pagination a._disabled {
  pointer-events: none;
  cursor: default;
}
.pagination .next-page._disabled svg path,
.pagination .prev-page._disabled svg path {
  fill: var(--gray-400);
}
.pagination .prev-page {
  margin-right: 8px;
}
.pagination .next-page {
  margin-left: 8px;
}
.pagination .pagination-list {
  display: flex;
  align-items: center;
  justify-content: center;
}
.pagination .pagination-list a {
  border: 1px solid transparent;
  color: var(--black-primary);
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  margin-right: 4px;
  margin-left: 4px;
}
.pagination .pagination-list a._active {
  color: var(--green-400);
  border-color: var(--green-400);
  font-weight: 500;
}
.articles-list {
  padding-left: 24px;
  padding-right: 24px;
}
.articles-list .list-item {
  display: flex;
  padding-top: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--gray-200);
  text-decoration: none;
}
.articles-list .list-item img {
  width: 144px;
  height: 96px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 2px;
}
.articles-list .list-item__text {
  margin-left: 12px;
}
.articles-list .list-item__text .text-title {
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: var(--black-primary) !important;
}
.articles-list .list-item__text .space-between__text {
  height: 8px;
}
.articles-list .list-item__text span {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: var(--gray-600);
}
.news-mb-wrapper {
  display: flex;
  justify-content: center;
  margin: 10px 0;
}

.gift,
.gift__icon {
  width: var(--gift-icon-size);
  height: var(--gift-icon-size);
  position: relative;
}
.gift__close,
.gift__icon {
  align-items: center;
  cursor: pointer;
  display: flex;
}
.gift__close,
.gift__pop {
  right: 0;
  position: absolute;
}
.gift img,
.gift__icon,
.gift__pop {
  background-color: var(--gift-bg);
}
.gift__btn,
.gift__pop {
  padding: 4px 8px;
  text-decoration: none;
}
.gift a,
.gift__btn,
.gift__pop {
  text-decoration: none;
}
.gift {
  --gift-icon-size: 32px;
  --gift-svg-size: 20px;
  --gift-bg: #97c15c;
  --gift-icon-color: #fff;
  --gift-close-btn-color: #97c15c;
  --gift-pop-radius: 2px;
  --gift-img-width: 55px;
  --gift-img-height: 16px;
  --gift-title-color: #fff;
  --gift-btn-bg: #fff;
  --gift-pop-max-width: 117px;
  --gift-corner-bg: #212b36;
  display: flex;
  margin: -2px 16px 0 8px;
}
.gift__icon {
  justify-content: center;
  color: var(--gift-icon-color);
  border-radius: 50%;
}
.gift--show .gift__icon {
  animation-name: pulse-gift-icon;
  animation-duration: 31.2s;
  animation-delay: 1s;
  animation-iteration-count: infinite;
}
.gift__svg {
  width: var(--gift-svg-size);
  height: var(--gift-svg-size);
}
.gift__pop {
  flex-direction: column;
  align-items: flex-start;
  border-radius: var(--gift-pop-radius);
  min-width: var(--gift-pop-max-width);
  max-width: var(--gift-pop-max-width);
  top: 0;
  opacity: 0;
  transform: translateX(15px) translateY(50px);
  transform-origin: top right;
}
.gift--show .gift__pop {
  animation-name: fade-in-gift-pop;
  animation-delay: 3s;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-timing-function: ease-in;
}
.gift__pop--hidden {
  visibility: hidden;
  opacity: 0;
}
.gift__pop:before {
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 3px 4px;
  border-color: transparent transparent var(--gift-corner-bg) transparent;
  position: absolute;
  right: 28px;
  top: -4px;
}
.gift__close {
  color: var(--gift-close-btn-color);
  width: 16px;
  height: 16px;
  justify-content: center;
  transition: color 0.2s ease-in-out;
  top: 0;
}
.gift__close:hover {
  --gift-close-btn-color: #fff;
}
.gift img {
  width: var(--gift-img-width);
  height: var(--gift-img-height);
  display: block;
  border: 0;
}
.gift__title {
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  display: flex;
  align-items: center;
  text-align: center;
  color: var(--gift-title-color);
  justify-content: center;
}
.gift__btn {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: var(--gift-btn-bg);
  color: var(--gift-bg);
  flex: none;
  order: 2;
  flex-grow: 0;
  border-radius: var(--gift-pop-radius);
}
@keyframes pulse-gift-icon {
  0%,
  100%,
  3%,
  5% {
    transform: scale(1);
  }
  2%,
  4% {
    transform: scale(0.6);
  }
}
@keyframes fade-in-gift-pop {
  0% {
    transform: translateX(15px) translateY(50px) scale(0);
    visibility: visible;
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: translateX(15px) translateY(50px) scale(1);
  }
}

.mobile_nav {
  display: none;
}

@media screen and (max-width: 640px) {
  .section--left {
    display: none;
  }
  .section--center {
    margin: 0;
  }
  .menu__desktop {
    display: none;
  }
  .league_mobile {
    flex: 1 1 100%; /* Satu kolom penuh untuk layar kecil */
  }
  .mobile_nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background: #f9fafb;
    border-bottom: 1px solid #e1e1e1;
  }
  .league_mobile {
    flex: 1 1 calc(33.33% - 10px); /* Aturan fleksibilitas untuk tiga kolom dengan jarak 10px */
    margin: 5px; /* Jarak antar elemen */
    text-align: center;
    padding: 8px;
    text-decoration: none;
  }
}

.tap-bar {
  position: fixed;
  background-color: #13212d;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.16);
  padding: 8px 16px;
  bottom: 0;
  left: 0;
  right: 0;
  justify-content: center;
  display: flex;
  flex-direction: row;
  z-index: 7777;
  height: 60px;
}

.tap-bar__title,
.tap-bar__title-refresh {
  line-height: 18px;
  font-size: 12px;
  color: var(--gray-600);
  margin-top: 2px;
}

.tap-bar__title-refresh {
  white-space: nowrap;
}

.tap-bar__link {
  text-decoration: none;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-width: 70px;
}

[data-count="3"] .tap-bar__link {
  width: 33.33%;
}

[data-count="4"] .tap-bar__link {
  width: 25%;
}

.tap-bar__link.active .tap-bar__icon:before,
.tap-bar__link.active .tap-bar__title,
.tap-bar__link:active .tap-bar__icon:before,
.tap-bar__link:active .tap-bar__title {
  color: var(--green-400);
}

.tap-bar__icon {
  display: flex;
  flex-direction: row;
  justify-content: center;
  position: relative;
}

.tap-bar__icon--calendar,
.tap-bar__icon--favorites,
.tap-bar__icon--live,
.tap-bar__icon--predictions,
.tap-bar__icon--table {
  color: var(--gray-600);
}

.tap-bar__icon[data-counter]:after {
  content: attr(data-counter);
  position: absolute;
  left: 13px;
  top: -2px;
  background-color: var(--red-400);
  color: var(--white);
  font-size: 10px;
  line-height: 10px;
  font-weight: 500;
  padding: 2px 4px;
  border-radius: 16px;
  font-family: Roboto, sans-serif;
}

@-webkit-keyframes opacity-on {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes opacity-on {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.mb-livescore {
    margin-bottom: 60px;
}

@media (min-width: 768px) {
  .logoBlock {
    width: 640px;
    height: 40px;
  }
}

@media (max-width: 640px) { 
    .logoBlock {
    width: 390px;
    height: 40px;
  }}



.logoBlock {
    position: absolute;
    background: #16181b;
}

.footerBlock {
    width: 100%;
    height: 300px;
    position: absolute;
    background: #fff;
}

.logoMe {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #081d27;
}

.logDaf {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: 20px;
}

.btn {
    padding: 10px 20px;
    font-size: 16px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    width: 100%;
    text-align: center;
}

.login {
    background-image: linear-gradient(to bottom, #15a5cd 0, #1f5f90 100%);
    color: white;
}

.signup {
    background-image: linear-gradient(to bottom, #15a5cd 0, #1f5f90 100%);
    color: white;
}

.btn:hover {
    opacity: 0.8; /* Menambahkan efek hover */
}