.pbb-3 {
  padding-bottom: .75rem;
}

.pxx-3 {
  padding-left: .75rem;
  padding-right: .75rem;
}

.alc-ticket--1 {
  position: relative
}

.alc-ticket--1 .alc-ticket__shape {
  position: absolute;
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  z-index: 0;
  -webkit-filter: drop-shadow(1px 0 0 #e7e6ee) drop-shadow(0 1px 0 #e7e6ee) drop-shadow(-1px 0 0 #e7e6ee) drop-shadow(0 -1px 0 #e7e6ee);
  filter: drop-shadow(1px 0 0 #e7e6ee) drop-shadow(0 1px 0 #e7e6ee) drop-shadow(-1px 0 0 #e7e6ee) drop-shadow(0 -1px 0 #e7e6ee)
}

.alc-ticket--1 .alc-ticket__shape-bottom,
.alc-ticket--1 .alc-ticket__shape-top {
  -ms-flex: 1;
  flex: 1;
  width: calc(100% - 7px);
  background-color: #fff
}

.alc-ticket--1 .alc-ticket__shape-rip {
  position: relative;
  height: 30px;
  -webkit-margin-start: 15px;
  margin-inline-start: 15px;
  -webkit-margin-end: 7px;
  margin-inline-end: 7px;
  background-color: #fff
}

.alc-ticket--1 .alc-ticket__shape-rip:before {
  content: "";
  box-sizing: content-box;
  position: absolute;
  inset-block-start: 50%;
  inset-inline-start: -15px;
  width: 30px;
  height: 30px;
  border: 6px solid transparent;
  border-block-start-color: #fff;
  border-inline-end-color: #fff;
  transform: translate(-50%, -50%) rotate(45deg);
  border-radius: 50%
}

.alc-ticket--1 .alc-ticket__shape-rips-end {
  position: absolute;
  inset-block: 0;
  inset-inline-end: 0;
  width: 7px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%
}

.alc-ticket--1 .alc-ticket__shape-rips-end span {
  display: block;
  position: relative
}

.alc-ticket--1 .alc-ticket__shape-rips-end span:nth-child(odd) {
  -ms-flex: 1;
  flex: 1;
  width: 100%;
  background-color: #fff
}

.alc-ticket--1 .alc-ticket__shape-rips-end span:nth-child(2n) {
  height: 12px;
  -webkit-margin-end: 7px;
  margin-inline-end: 7px
}

.alc-ticket--1 .alc-ticket__shape-rips-end span:nth-child(2n):before {
  content: "";
  box-sizing: content-box;
  display: block;
  position: absolute;
  -webkit-margin-start: 7px;
  margin-inline-start: 7px;
  width: 12px;
  height: 12px;
  border: 3px solid transparent;
  border-block-end-color: #fff;
  border-inline-start-color: #fff;
  transform: translate(-50%, -50%) rotate(45deg);
  border-radius: 50%;
  inset-block-start: 50%
}

.alc-ticket--1 .alc-ticket__shape-rips-end-bottom,
.alc-ticket--1 .alc-ticket__shape-rips-end-top {
  -ms-flex: 1;
  flex: 1;
  width: 7px;
  background-color: #fff
}

.alc-ticket--1 .alc-ticket__content {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 1fr 58px;
  grid-template-rows: auto auto;
  row-gap: 20px;
  padding-block: 15px;
  -webkit-padding-start: 24px;
  padding-inline-start: 24px
}

.alc-ticket--1 .alc-ticket__teams {
  grid-row: 1/2
}

.alc-ticket--1 .alc-ticket__team,
.alc-ticket--1 .alc-ticket__teams {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center
}

.alc-ticket--1 .alc-ticket__team {
  -ms-flex-order: 0;
  order: 0
}

.alc-ticket--1 .alc-ticket__team+.alc-ticket__team {
  -ms-flex-order: 2;
  order: 2
}

.alc-ticket--1 .alc-ticket__team-divider {
  -ms-flex-order: 1;
  order: 1;
  font-size: 10px;
  line-height: 1em;
  text-transform: uppercase;
  padding-inline: 1em;
  color: #37353c;
  font-weight: 700;
  font-family: Ubuntu, sans-serif
}

@media (min-width:992px) {
  .alc-ticket--1 .alc-ticket__team-divider {
      padding-inline: 1.7em
  }
}

.alc-ticket--1 .alc-ticket__team-logo {
  width: 40px
}

.alc-ticket--1 .alc-ticket__team-info {
  font-size: 9px;
  line-height: 1.2em
}

.alc-ticket--1 .alc-ticket__team-name {
  font-size: 12px;
  line-height: 1.2em;
  -webkit-margin-after: 0;
  margin-block-end: 0
}

.alc-ticket--1 .alc-ticket__team-name-full {
  display: inline-block
}

@media (min-width:992px) and (max-width:1199px) {
  .alc-ticket--1 .alc-ticket__team-name-full {
      display: none
  }
}

.alc-ticket--1 .alc-ticket__team-name-abbr {
  display: none
}

@media (min-width:992px) and (max-width:1199px) {
  .alc-ticket--1 .alc-ticket__team-name-abbr {
      display: inline-block
  }
}

.alc-ticket--1 .alc-ticket__details {
  grid-row: 2/3;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 16px;
  list-style: none;
  -webkit-padding-after: 0;
  padding-block-end: 0;
  -webkit-padding-start: 40px;
  padding-inline-start: 40px;
  margin: 0
}

@media (min-width:992px) {
  .alc-ticket--1 .alc-ticket__details {
      gap: 24px
  }
}

.alc-ticket--1 .alc-ticket__details-item {
  font-size: 9px;
  line-height: 1.2em
}

.alc-ticket--1 .alc-ticket__details-item-label {
  display: block
}

.alc-ticket--1 .alc-ticket__details-item-value {
  font-size: 10px;
  font-weight: 700;
  line-height: 1.2em;
  color: #37353c;
  font-family: Ubuntu, sans-serif
}

.alc-ticket--1 .alc-ticket__cta {
  grid-row: 1/-1;
  margin-block: -15px;
  -webkit-border-start: 1px dashed #e7e6ee;
  border-inline-start: 1px dashed #e7e6ee;
  font-size: 11px;
  line-height: 1.2em;
  font-weight: 700;
  font-family: Ubuntu, sans-serif;
  display: -ms-flexbox;
  display: flex
}

.alc-ticket--1 .alc-ticket__cta-link {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex: 1;
  flex: 1;
  color: #ff670c;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  text-orientation: mixed;
  transform: rotate(-180deg)
}

.alc-ticket--1 .alc-ticket__cta-link:hover {
  color: #37353c
}

.alc-ticket--2 {
  position: relative;
  --ticket-shape-radius: 50%;
  --ticket-shape-size: 30px
}

.alc-ticket--2 .alc-ticket__primary-content {
  -webkit-border-after: none;
  border-block-end: none;
  background-color: #fff;
  position: relative;
  z-index: 1;
  -webkit-filter: drop-shadow(1px 0 0 #e7e6ee) drop-shadow(-1px 0 0 #e7e6ee) drop-shadow(0 -1px 0 #e7e6ee);
  filter: drop-shadow(1px 0 0 #e7e6ee) drop-shadow(-1px 0 0 #e7e6ee) drop-shadow(0 -1px 0 #e7e6ee)
}

.alc-ticket--2 .alc-ticket__header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
  -webkit-padding-after: 16px;
  padding-block-end: 16px
}

.alc-ticket--2 .alc-ticket__header-logo {
  position: relative;
  text-align: center;
  -webkit-padding-before: 24px;
  padding-block-start: 24px
}

.alc-ticket--2 .alc-ticket__header-bg {
  position: absolute;
  inset-inline: 0;
  inset-block-start: 0;
  height: 75%;
  background-image: url(../images/hockey/samples/ticket-bg-1.jpg);
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: cover;
  isolation: isolate
}

.alc-ticket--2 .alc-ticket__header-logo-img {
  position: relative;
  z-index: 2
}

.alc-ticket--2 .alc-ticket__header-hgroup {
  -webkit-padding-before: 16px;
  padding-block-start: 16px
}

.alc-ticket--2 .alc-ticket__header-title {
  font-size: 26px;
  line-height: 1.2em;
  -webkit-margin-after: .4em;
  margin-block-end: .4em
}

.alc-ticket--2 .alc-ticket__header-subtitle {
  font-size: 10px;
  line-height: 1.2em;
  text-transform: uppercase;
  -webkit-margin-after: 0;
  margin-block-end: 0
}

.alc-ticket--2 .alc-ticket__teams {
  --logo-max-height: 60px;
  --logo-margin-block-end: 15px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-padding-before: 12px;
  padding-block-start: 12px;
  -webkit-padding-after: 24px;
  padding-block-end: 24px;
  padding-inline: 24px
}

.alc-ticket--2 .alc-ticket__team {
  -ms-flex-order: 0;
  order: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center
}

@media (min-width:1199px) {
  .alc-ticket--2 .alc-ticket__team {
      min-width: 92px
  }
}

.alc-ticket--2 .alc-ticket__team+.alc-ticket__team {
  -ms-flex-order: 2;
  order: 2
}

.alc-ticket--2 .alc-ticket__team-logo {
  height: var(--logo-max-height);
  -webkit-margin-after: var(--logo-margin-block-end);
  margin-block-end: var(--logo-margin-block-end);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center
}

.alc-ticket--2 .alc-ticket__team-logo img {
  max-height: 100%
}

.alc-ticket--2 .alc-ticket__team-body {
  text-align: center
}

.alc-ticket--2 .alc-ticket__team-name {
  -webkit-margin-after: .4em;
  margin-block-end: .4em;
  line-height: 1em
}

.alc-ticket--2 .alc-ticket__team-info {
  font-size: 9px;
  line-height: 1.2em
}

.alc-ticket--2 .alc-ticket__team-meta {
  -ms-flex-order: 1;
  order: 1;
  text-align: center
}

.alc-ticket--2 .alc-ticket__team-divider {
  height: var(--logo-max-height);
  -webkit-margin-after: var(--logo-margin-block-end);
  margin-block-end: var(--logo-margin-block-end);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 36px;
  font-weight: 700;
  line-height: 1em;
  font-family: Ubuntu, sans-serif;
  color: #37353c
}

.alc-ticket--2 .alc-ticket__team-meta-primary {
  font-size: 10px;
  line-height: 1.45em;
  font-weight: 700;
  text-transform: uppercase;
  color: #37353c;
  -webkit-margin-after: .2em;
  margin-block-end: .2em
}

.alc-ticket--2 .alc-ticket__team-meta-secondary {
  font-size: 10px;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 1em;
  color: #bbb9bf
}

.alc-ticket--2 .alc-ticket__cta {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  padding-block: 12px 10px
}

.alc-ticket--2 .alc-ticket__secondary-content {
  position: relative
}

.alc-ticket--2 .alc-ticket__shape {
  position: absolute;
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  z-index: 0;
  -webkit-filter: drop-shadow(1px 0 0 #e7e6ee) drop-shadow(0 1px 0 #e7e6ee) drop-shadow(-1px 0 0 #e7e6ee);
  filter: drop-shadow(1px 0 0 #e7e6ee) drop-shadow(0 1px 0 #e7e6ee) drop-shadow(-1px 0 0 #e7e6ee)
}

.alc-ticket--2 .alc-ticket__shape-bottom {
  -ms-flex: 1;
  flex: 1;
  width: 100%;
  background-color: #fff
}

.alc-ticket--2 .alc-ticket__shape-rip {
  position: relative;
  height: 45px;
  width: calc(100% - 48px);
  margin-inline: 24px;
  background-color: #fff
}

.alc-ticket--2 .alc-ticket__shape-rip:after,
.alc-ticket--2 .alc-ticket__shape-rip:before {
  content: "";
  box-sizing: content-box;
  position: absolute;
  inset-block-start: 50%;
  width: var(--ticket-shape-size);
  height: var(--ticket-shape-size);
  border: 18px solid transparent;
  transform: translate(-50%, -50%) rotate(45deg);
  border-radius: var(--ticket-shape-radius)
}

.alc-ticket--2 .alc-ticket__shape-rip:before {
  inset-inline-start: -24px;
  border-block-start-color: #fff;
  border-inline-end-color: #fff
}

.alc-ticket--2 .alc-ticket__shape-rip:after {
  inset-inline-end: calc(var(--ticket-shape-size) * -3);
  border-block-end-color: #fff;
  border-inline-start-color: #fff
}

.alc-ticket--2 .alc-ticket__shape-divider {
  height: 1px;
  position: absolute;
  z-index: 1;
  inset-inline: 11px;
  inset-block-start: 50%;
  background-image: repeating-linear-gradient(90deg, #d6d5d9, #d6d5d9 6px, transparent 0, transparent 10px)
}

.alc-ticket--2 .alc-ticket__details {
  position: relative;
  z-index: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  list-style: none;
  padding-block: 58px 32px;
  padding-inline: 24px;
  margin: 0
}

.alc-ticket--2 .alc-ticket__details-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center
}

.alc-ticket--2 .alc-ticket__details-item-label {
  font-size: 10px;
  line-height: 1.2em;
  -webkit-margin-after: .35em;
  margin-block-end: .35em;
  font-weight: 700;
  font-family: Ubuntu, sans-serif;
  text-transform: uppercase;
  color: #37353c
}

.alc-ticket--2 .alc-ticket__details-item-value {
  font-size: 20px;
  line-height: 1.2em;
  color: #37353c;
  font-weight: 700;
  font-family: Ubuntu, sans-serif
}

.alc-ticket--header-alt .alc-ticket__header-logo {
  -webkit-padding-after: 34px;
  padding-block-end: 34px
}

.alc-ticket--header-alt .alc-ticket__header-hgroup {
  margin-inline: 40px;
  -webkit-margin-before: -50px;
  margin-block-start: -50px;
  -webkit-padding-before: 32px;
  padding-block-start: 32px;
  background-color: #fff;
  z-index: 1
}

.alc-ticket--header-alt .alc-ticket__header-bg {
  height: 100%
}

.alc-ticket--header-with-teams .alc-ticket__header-logo {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  height: 140px;
  padding: 0
}

.alc-ticket--header-with-teams .alc-ticket__header-bg {
  height: 100%;
  -ms-flex: 1;
  flex: 1;
  position: relative;
  background-position: 50% 50%;
  background-size: auto
}

.alc-ticket--header-with-teams .alc-ticket__header-bg:after {
  content: "";
  display: block;
  position: absolute;
  inset-inline: 0;
  inset-block-end: 0;
  height: 50%;
  background-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, .1));
  z-index: 3
}

.alc-ticket--header-with-teams .alc-ticket__header-logo-rip {
  position: absolute;
  inset-inline: 0;
  inset-block-end: 0;
  height: 20px;
  z-index: 3
}

.alc-ticket--header-with-teams .alc-ticket__header-logo-rip-end,
.alc-ticket--header-with-teams .alc-ticket__header-logo-rip-start {
  position: absolute;
  height: 20px;
  inset-block-end: 0;
  background-color: #fff;
  width: calc(50% - 20px)
}

.alc-ticket--header-with-teams .alc-ticket__header-logo-rip-start {
  inset-inline-start: 0
}

.alc-ticket--header-with-teams .alc-ticket__header-logo-rip-start:before {
  content: "";
  box-sizing: content-box;
  display: block;
  position: absolute;
  z-index: 1;
  inset-inline-start: 100%;
  width: 40px;
  height: 40px;
  border: 13px solid transparent;
  border-block-start-color: #fff;
  border-inline-end-color: #fff;
  transform: translate(-13px, -50%) rotate(135deg);
  border-radius: 50%
}

.alc-ticket--header-with-teams .alc-ticket__header-logo-rip-end {
  inset-inline-end: 0
}

.alc-ticket--header-with-teams .alc-ticket__header-hgroup {
  -webkit-padding-before: 30px;
  padding-block-start: 30px
}

.alc-ticket--shape-round {
  --ticket-shape-radius: 50%;
  --ticket-shape-size: 42px
}

.alc-ticket--shape-round .alc-ticket__shape-rip:after {
  inset-inline-end: calc(var(--ticket-shape-size) * -2.42)
}

.alc-ticket--shape-square {
  --ticket-shape-radius: 0
}

.alc-ticket--3 {
  position: relative
}

.alc-ticket--3 .alc-ticket__shape {
  position: absolute;
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  z-index: 0;
  -webkit-filter: drop-shadow(1px 0 0 #e7e6ee) drop-shadow(0 1px 0 #e7e6ee) drop-shadow(-1px 0 0 #e7e6ee) drop-shadow(0 -1px 0 #e7e6ee);
  filter: drop-shadow(1px 0 0 #e7e6ee) drop-shadow(0 1px 0 #e7e6ee) drop-shadow(-1px 0 0 #e7e6ee) drop-shadow(0 -1px 0 #e7e6ee)
}

.alc-ticket--3 .alc-ticket__shape-bottom,
.alc-ticket--3 .alc-ticket__shape-top {
  -ms-flex: 1;
  flex: 1;
  width: calc(100% - 15px);
  background-color: #fff
}

.alc-ticket--3 .alc-ticket__shape-rip {
  position: relative;
  height: 30px;
  -webkit-margin-start: 15px;
  margin-inline-start: 15px;
  -webkit-margin-end: 15px;
  margin-inline-end: 15px;
  background-color: #fff
}

.alc-ticket--3 .alc-ticket__shape-rip:before {
  content: "";
  box-sizing: content-box;
  position: absolute;
  inset-block-start: 50%;
  inset-inline-start: -15px;
  width: 30px;
  height: 30px;
  border: 6px solid transparent;
  border-block-start-color: #fff;
  border-inline-end-color: #fff;
  transform: translate(-50%, -50%) rotate(45deg);
  border-radius: 50%
}

.alc-ticket--3 .alc-ticket__shape-rips-end {
  position: absolute;
  inset-block: 0;
  inset-inline-end: 0;
  width: 15px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%
}

.alc-ticket--3 .alc-ticket__shape-rips-end span {
  display: block;
  position: relative
}

.alc-ticket--3 .alc-ticket__shape-rips-end span:first-child,
.alc-ticket--3 .alc-ticket__shape-rips-end span:last-child {
  height: 15px;
  -webkit-margin-end: 15px;
  margin-inline-end: 15px
}

.alc-ticket--3 .alc-ticket__shape-rips-end span:first-child:before,
.alc-ticket--3 .alc-ticket__shape-rips-end span:last-child:before {
  content: "";
  box-sizing: content-box;
  position: absolute;
  z-index: 1;
  inset-block-start: 0;
  inset-inline-start: -6px;
  width: 30px;
  height: 30px;
  border: 6px solid transparent;
  transform: translateY(-50%) rotate(45deg);
  border-radius: 50%
}

.alc-ticket--3 .alc-ticket__shape-rips-end span:first-child:before {
  border-block-end-color: #fff
}

.alc-ticket--3 .alc-ticket__shape-rips-end span:last-child:before {
  inset-block-start: 15px;
  border-inline-start-color: #fff
}

.alc-ticket--3 .alc-ticket__shape-rips-end span:nth-child(2) {
  -ms-flex: 1;
  flex: 1;
  width: 100%;
  background-color: #fff
}

.alc-ticket--3 .alc-ticket__content {
  position: relative;
  z-index: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-inline: 24px
}

.alc-ticket--3 .alc-ticket__content>* {
  padding-block: 16px;
  -ms-flex: 1;
  flex: 1
}

.alc-ticket--3 .alc-ticket__content>*+* {
  -webkit-border-start: 1px dashed #e7e6ee;
  border-inline-start: 1px dashed #e7e6ee
}

.alc-ticket--3 .alc-ticket__teams {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -webkit-padding-end: 24px;
  padding-inline-end: 24px;
  -ms-flex-pack: justify;
  justify-content: space-between
}

@media (max-width:991px) {
  .alc-ticket--3 .alc-ticket__teams {
      -webkit-padding-end: 0;
      padding-inline-end: 0
  }
}

@media (min-width:992px) {
  .alc-ticket--3 .alc-ticket__teams {
      -ms-flex-positive: 1.6;
      flex-grow: 1.6
  }
}

.alc-ticket--3 .alc-ticket__team {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-order: 0;
  order: 0
}

.alc-ticket--3 .alc-ticket__team+.alc-ticket__team {
  -ms-flex-order: 2;
  order: 2;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -ms-flex-pack: end;
  justify-content: flex-end
}

.alc-ticket--3 .alc-ticket__team+.alc-ticket__team .alc-ticket__team-logo {
  -ms-flex-pack: end;
  justify-content: flex-end
}

.alc-ticket--3 .alc-ticket__team+.alc-ticket__team .alc-ticket__team-body {
  text-align: end
}

.alc-ticket--3 .alc-ticket__team-divider {
  -ms-flex-order: 1;
  order: 1;
  font-size: 16px;
  line-height: 1em;
  text-transform: uppercase;
  padding-inline: .5em;
  color: #37353c;
  font-weight: 700;
  font-family: Ubuntu, sans-serif
}

.alc-ticket--3 .alc-ticket__team-logo {
  width: 50px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
  justify-content: flex-start
}

@media (max-width:479px) {
  .alc-ticket--3 .alc-ticket__team-logo {
      width: 40px
  }

  .alc-ticket--3 .alc-ticket__team-logo img {
      max-width: 60%
  }
}

.alc-ticket--3 .alc-ticket__team-info {
  font-size: 9px;
  line-height: 1.2em
}

.alc-ticket--3 .alc-ticket__team-name {
  font-size: 12px;
  line-height: 1.2em;
  -webkit-margin-after: 0;
  margin-block-end: 0
}

.alc-ticket--3 .alc-ticket__team-form-events {
  -webkit-padding-before: 3px;
  padding-block-start: 3px
}

.alc-ticket--3 .alc-ticket__details {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px 16px;
  list-style: none;
  padding-inline: 32px;
  margin: 0
}

@media (max-width:991px) {
  .alc-ticket--3 .alc-ticket__details {
      -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
      padding-inline: 24px;
      -webkit-border-start: none;
      border-inline-start: none;
      -ms-flex-pack: center;
      justify-content: center
  }
}

@media (min-width:992px) {
  .alc-ticket--3 .alc-ticket__details {
      gap: 10px 40px
  }
}

.alc-ticket--3 .alc-ticket__details-item {
  font-size: 9px;
  line-height: 1.2em
}

@media (max-width:991px) {
  .alc-ticket--3 .alc-ticket__details-item {
      text-align: center
  }
}

.alc-ticket--3 .alc-ticket__details-item-label {
  display: block
}

.alc-ticket--3 .alc-ticket__details-item-value {
  font-size: 11px;
  font-weight: 700;
  line-height: 1.2em;
  color: #37353c;
  font-family: Ubuntu, sans-serif
}

.alc-ticket--3 .alc-ticket__countdown {
  padding-inline: 32px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center
}

@media (max-width:991px) {
  .alc-ticket--3 .alc-ticket__countdown {
      -webkit-border-start: none;
      border-inline-start: none;
      padding-inline: 0;
      -ms-flex-preferred-size: 100%;
      flex-basis: 100%
  }
}

.alc-ticket--3 .alc-ticket__countdown .alc-countdown-plain__item--title {
  display: none
}

.alc-ticket--3 .alc-ticket__cta {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-positive: 0.7;
  flex-grow: 0.7;
  -webkit-padding-start: 24px;
  padding-inline-start: 24px
}

@media (max-width:991px) {
  .alc-ticket--3 .alc-ticket__cta {
      -webkit-border-start: none;
      border-inline-start: none;
      padding-inline: 0;
      -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
      -ms-flex-pack: center;
      justify-content: center
  }
}


.size-8 {
  width: 2rem;
  height: 2rem;
}


@media (min-width: 768px) {
  .w-md-custom {
      width: 3.5rem !important;
  }

  .h-md-custom {
      height: 3.5rem !important;
  }
}


@media (min-width: 768px) {
  .icon {
      width: 1.5rem !important;
      height: 1.5rem !important;
  }
}

.icon {
  display: inline;
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
}


.overflow-auto {
  overflow: auto !important
}

.overflow-hidden {
  overflow: hidden !important
}

.overflow-clip {
  overflow: clip !important
}

.overflow-x-auto {
  overflow-x: auto !important
}

.overflow-y-auto {
  overflow-y: auto !important
}

.overflow-x-hidden {
  overflow-x: hidden !important
}

.overflow-x-clip {
  overflow-x: clip !important
}

.overflow-y-scroll {
  overflow-y: scroll !important
}

.scroll-x-container {
  overflow-x: auto;
  /* Enables horizontal scrolling */
  white-space: nowrap;
  /* Prevents wrapping of flex items */
  -webkit-overflow-scrolling: touch;
  /* Smooth scrolling on mobile */
}

.scroll-x-container .btn {
  flex-shrink: 0;
  /* Prevents buttons from shrinking */
}

.gap-2 {
  gap: .5rem;
}

.mbb-2 {
  margin-bottom: .5rem;
}

.rounded-full {
  border-radius: 9999px !important;
}

.btn-sm {
  height: 2rem !important;
  min-height: 2rem !important;
  padding-left: .75rem !important;
  padding-right: .75rem !important;
  font-size: .875rem !important;
}

.btn-outline {
  border-color: currentColor !important;
  background-color: transparent !important;
  --tw-text-opacity: 1 !important;
  color: var(--fallback-bc, oklch(var(--bc)/var(--tw-text-opacity))) !important;
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.btn-outline:not(.btn-primary):not(.btn-secondary):not(.btn-accent):not(.btn-info):not(.btn-success):not(.btn-warning):not(.btn-error) {
  border-color: #9ca3af4d !important
}


.btn {
  display: inline-flex;
  height: 3rem;
  min-height: 3rem;
  flex-shrink: 0;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  border-radius: var(.5rem);
  border-color: transparent;
  border-color: oklch(var(--btn-color, var(--b2)) / var(--tw-border-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  text-align: center;
  font-size: .875rem;
  line-height: 1em;
  gap: .5rem;
  font-weight: 600;
  text-decoration-line: none;
  transition-duration: .2s;
  transition-timing-function: cubic-bezier(0, 0, .2, 1);
  border-width: var(1px, 1px);
  transition-property: color, background-color, border-color, opacity, box-shadow, transform;
  --tw-text-opacity: 1;
  color: var(--fallback-bc, oklch(var(--bc)/var(--tw-text-opacity)));
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  outline-color: var(--fallback-bc, oklch(var(--bc)/1));
  background-color: oklch(var(--btn-color, var(--b2)) / var(--tw-bg-opacity));
  --tw-bg-opacity: 1;
  --tw-border-opacity: 1
}

.btn-disabled,
.btn[disabled],
.btn:disabled {
  pointer-events: none
}

.btn-circle {
  height: 3rem;
  width: 3rem;
  border-radius: 9999px;
  padding: 0
}

.badge-sm {
  height: 1rem;
  font-size: .75rem;
  line-height: 1rem;
  padding-left: .438rem;
  padding-right: .438rem
}

.btn-xs {
  height: 1.5rem;
  min-height: 1.5rem;
  padding-left: .5rem;
  padding-right: .5rem;
  font-size: .75rem
}

.btn-sm {
  height: 2rem;
  min-height: 2rem;
  padding-left: .75rem;
  padding-right: .75rem;
  font-size: .875rem
}

.btn-md {
  height: 3rem;
  min-height: 3rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: .875rem
}

.btn-lg {
  height: 4rem;
  min-height: 4rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  font-size: 1.125rem
}

.\!btn-block {
  width: 100% !important
}

.btn-block {
  width: 100%
}

.btn-square:where(.btn-xs) {
  height: 1.5rem;
  width: 1.5rem;
  padding: 0
}

.btn-square:where(.btn-sm) {
  height: 2rem;
  width: 2rem;
  padding: 0
}

.btn-square:where(.btn-md) {
  height: 3rem;
  width: 3rem;
  padding: 0
}

.btn-square:where(.btn-lg) {
  height: 4rem;
  width: 4rem;
  padding: 0
}

.btn-circle:where(.btn-xs) {
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 9999px;
  padding: 0
}

.btn-circle:where(.btn-sm) {
  height: 2rem;
  width: 2rem;
  border-radius: 9999px;
  padding: 0
}

.btn-circle:where(.btn-md) {
  height: 3rem;
  width: 3rem;
  border-radius: 9999px;
  padding: 0
}

.btn-circle:where(.btn-lg) {
  height: 4rem;
  width: 4rem;
  border-radius: 9999px;
  padding: 0
}


.pricing-head-tag {
  text-align: center;
  font-family: "Space Grotesk";
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0.24px;
  background: var(--RedGradient,
          linear-gradient(180deg, #eb5757 0%, #a52525 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding: 11px 17px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 100px;
  border: 1px solid var(--RedGradient, #eb5757);
  backdrop-filter: blur(12.000000953674316px);
}

.pricing-head {
  text-align: center;
  font-family: "Space Grotesk";
  font-size: 64px;
  font-style: normal;
  font-weight: 400;
  line-height: 72px;
  letter-spacing: -2.56px;
  background: var(--gradientBlack,
          linear-gradient(180deg, #000 0%, #181818 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.pricing-head .bottom-line {
  height: 12px;
  align-self: stretch;
  background: linear-gradient(to bottom right,
          rgba(12, 69, 93, 0.56) 0%,
          rgba(115, 115, 115, 0) 50%) bottom right / 50% 50% no-repeat,
      linear-gradient(to bottom left,
          rgba(12, 69, 93, 0.56) 0%,
          rgba(115, 115, 115, 0) 50%) bottom left / 50% 50% no-repeat,
      linear-gradient(to top left,
          rgba(12, 69, 93, 0.56) 0%,
          rgba(115, 115, 115, 0) 50%) top left / 50% 50% no-repeat,
      linear-gradient(to top right,
          rgba(12, 69, 93, 0.56) 0%,
          rgba(115, 115, 115, 0) 50%) top right / 50% 50% no-repeat;
}

.pricing-select-country {
  padding: 24.133px 19.306px;
  flex-direction: column;
  align-items: flex-start;
  gap: 19.306px;
  border-radius: 15px;
  background: var(--LinearBrand,
          linear-gradient(127deg, rgba(12, 69, 93, 0.9) 28.26%, #0c4259 91.2%));
}

.pricing-select-country .first-head {
  color: var(--White, #fff);
  font-feature-settings: "clig" off, "liga" off;
  font-family: Mulish;
  font-size: 19.306px;
  font-style: normal;
  font-weight: 700;
  line-height: 24.133px;
}

.pricing-select-country .select-country {
  color: var(--White, #fff);
  font-feature-settings: "clig" off, "liga" off;
  font-family: "Space Grotesk";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24.133px;
}

.pricing-select-country .bottom-text {}

.pricing-cardd {
  padding: 40px 35px;
  flex-direction: column;
  align-items: flex-start;
  gap: 58px;
  border-radius: 15px;
  background: var(--LinearBrand,
          linear-gradient(127deg, #008061 28.26%, #0c4259 91.2%));
  backdrop-filter: blur(20px);
}

.pricing-cardd .first-head {
  color: #fff;
  font-family: "Space Grotesk";
  font-size: 36px;
  font-style: normal;
  padding-bottom: 20px;
  font-weight: 700;
  text-transform: uppercase;
}

.pricing-cardd .second-head {
  color: var(--foundation-yellow-light-active, #feebb5);
  font-family: "Space Grotesk";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
}

.pricing-cardd .third-head {
  color: #fff;
  font-family: "Space Grotesk";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}

.pricing-cardd .fouth-head {
  color: rgba(255, 255, 255, 0.8);
  font-family: "Space Grotesk";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
}

.pricing-cardd .fifth-head {
  color: var(--foundation-yellow-light-active, #feebb5);
  font-family: "Space Grotesk";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
}

.pricing-cardd .select-duration-text {
  color: var(--White, #fff);
  font-feature-settings: "clig" off, "liga" off;
  font-family: Mulish;
  font-size: 19.306px;
  font-style: normal;
  font-weight: 700;
  line-height: 24.133px;
}

.pricing-cardd .select-duration select {
  padding: 18px 10px;
  align-items: center;
  align-self: stretch;
  border-radius: 7px;
  background: var(--Gray-6, #f2f2f2);
}

.paymentbtn {
  padding: 13px 14px;
  color: #fff;
  font-family: "Space Grotesk";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  width: 100%;
  padding: 14px 14px;
  line-height: 20px;
  padding: 17px 14px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: var(--RedGradient,
          linear-gradient(180deg, #eb5757 0%, #a52525 100%));
}

.paymentbtn:hover {
   background: var(--RedGradient,
          linear-gradient(180deg, #eb5757 0%, #a52525 100%));
          color: #fff !important;
}



/* Accordion Wrapper */
.accordion__wrapper {
  box-shadow: var(--shadow);
  border-radius: 2.5rem;
  width: 100%;
  max-width: 60rem;
  margin: auto;
  padding: 20px;
}

.accordion__title {
  font-size: var(--fs-lg);
  font-weight: var(--fw-bold);
  color: var(--color-title);
  text-align: center;
  margin-bottom: 2rem;
  margin-top: 2rem;
}

.faq-12 {
  color: #000;
  text-align: center;
  font-feature-settings: "clig" off, "liga" off;
  font-family: Mulish;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}

/* Accordion Items */
.accordion {
  border-bottom: 0.1rem solid var(--color-border);
  padding-bottom: 2rem;
  margin-bottom: 3rem;
  padding: 27px 58px;
  align-items: flex-start;
  gap: 24px;
  align-self: stretch;
  border-radius: 17px;
  background: var(--color-white);
  cursor: pointer;
  transition: var(--transition);
}

.accordion__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}

.accordion__question {
  font-size: var(--fs-md);
  font-weight: var(--fw-medium);
  color: #041821;
  font-family: "Space Grotesk";
  font-size: 21px;
  font-weight: 500;
  line-height: 28px;
}

.accordion__icon {
  background-color: var(--color-primary);
  width: 2.2rem;
  height: 2.2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  flex-shrink: 0;
  transition: transform 0.3s ease-in-out;
}

.accordion__icon img {
  width: 16px;
  transition: transform 0.3s ease-in-out;
}

.accordion__content {
  overflow: hidden;
  height: 0;
  transition: height 0.3s ease-in-out;
}

.accordion__answer {
  padding: 1rem 0;
  color: #00314d;
  font-family: Mulish;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
}

/* Open Accordion */
.accordion.active .accordion__content {
  height: auto;
}

.accordion.active .accordion__icon img {
  transform: rotate(180deg);
}

.faq-bg-ash {
  background: #dbe3e7 !important;
}

.btn-primary {
  color: #fff;
  background-color: #31404b !important;
  border-color: transparent;
}

@media (min-width: 768px) {
  .md\:ml-64 {
      margin-left: 16rem !important;
  }
}


:root {
  /* This color palletes from Tailwind CSS */
  --white: #fff;
  --black: #000;

  --slate-50: #f8fafc;
  --slate-100: #f1f5f9;
  --slate-200: #e2e8f0;
  --slate-300: #cbd5e1;
  --slate-400: #94a3b8;
  --slate-500: #64748b;
  --slate-600: #475569;
  --slate-700: #334155;
  --slate-800: #1e293b;
  --slate-900: #0f172a;
  --slate-950: #020617;

  --gray-50: #f9fafb;
  --gray-100: #f3f4f6;
  --gray-200: #e5e7eb;
  --gray-300: #d1d5db;
  --gray-400: #9ca3af;
  --gray-500: #6b7280;
  --gray-600: #4b5563;
  --gray-700: #374151;
  --gray-800: #1f2937;
  --gray-900: #111827;
  --gray-950: #030712;

  --zinc-50: #fafafa;
  --zinc-100: #f4f4f5;
  --zinc-200: #e4e4e7;
  --zinc-300: #d4d4d8;
  --zinc-400: #a1a1aa;
  --zinc-500: #71717a;
  --zinc-600: #52525b;
  --zinc-700: #3f3f46;
  --zinc-800: #27272a;
  --zinc-900: #18181b;
  --zinc-950: #09090b;

  --neutral-50: #fafafa;
  --neutral-100: #f5f5f5;
  --neutral-200: #e5e5e5;
  --neutral-300: #d4d4d4;
  --neutral-400: #a3a3a3;
  --neutral-500: #737373;
  --neutral-600: #525252;
  --neutral-700: #404040;
  --neutral-800: #262626;
  --neutral-900: #171717;
  --neutral-950: #0a0a0a;

  --stone-50: #fafaf9;
  --stone-100: #f5f5f4;
  --stone-200: #e7e5e4;
  --stone-300: #d6d3d1;
  --stone-400: #a8a29e;
  --stone-500: #78716c;
  --stone-600: #57534e;
  --stone-700: #44403c;
  --stone-800: #292524;
  --stone-900: #1c1917;
  --stone-950: #0c0a09;

  --red-50: #fef2f2;
  --red-100: #fee2e2;
  --red-200: #fecaca;
  --red-300: #fca5a5;
  --red-400: #f87171;
  --red-500: #ef4444;
  --red-600: #dc2626;
  --red-700: #b91c1c;
  --red-800: #991b1b;
  --red-900: #7f1d1d;
  --red-950: #450a0a;

  --orange-50: #fff7ed;
  --orange-100: #ffedd5;
  --orange-200: #fed7aa;
  --orange-300: #fdba74;
  --orange-400: #fb923c;
  --orange-500: #f97316;
  --orange-600: #ea580c;
  --orange-700: #c2410c;
  --orange-800: #9a3412;
  --orange-900: #7c2d12;
  --orange-950: #431407;

  --amber-50: #fffbeb;
  --amber-100: #fef3c7;
  --amber-200: #fde68a;
  --amber-300: #fcd34d;
  --amber-400: #fbbf24;
  --amber-500: #f59e0b;
  --amber-600: #d97706;
  --amber-700: #b45309;
  --amber-800: #92400e;
  --amber-900: #78350f;
  --amber-950: #451a03;

  --yellow-50: #fefce8;
  --yellow-100: #fef9c3;
  --yellow-200: #fef08a;
  --yellow-300: #fde047;
  --yellow-400: #facc15;
  --yellow-500: #eab308;
  --yellow-600: #ca8a04;
  --yellow-700: #a16207;
  --yellow-800: #854d0e;
  --yellow-900: #713f12;
  --yellow-950: #422006;

  --lime-50: #f7fee7;
  --lime-100: #ecfccb;
  --lime-200: #d9f99d;
  --lime-300: #bef264;
  --lime-400: #a3e635;
  --lime-500: #84cc16;
  --lime-600: #65a30d;
  --lime-700: #4d7c0f;
  --lime-800: #3f6212;
  --lime-900: #365314;
  --lime-950: #1a2e05;

  --green-50: #f0fdf4;
  --green-100: #dcfce7;
  --green-200: #bbf7d0;
  --green-300: #86efac;
  --green-400: #4ade80;
  --green-500: #22c55e;
  --green-600: #16a34a;
  --green-700: #15803d;
  --green-800: #166534;
  --green-900: #14532d;
  --green-950: #052e16;

  --emerald-50: #ecfdf5;
  --emerald-100: #d1fae5;
  --emerald-200: #a7f3d0;
  --emerald-300: #6ee7b7;
  --emerald-400: #34d399;
  --emerald-500: #10b981;
  --emerald-600: #059669;
  --emerald-700: #047857;
  --emerald-800: #065f46;
  --emerald-900: #064e3b;
  --emerald-950: #022c22;

  --teal-50: #f0fdfa;
  --teal-100: #ccfbf1;
  --teal-200: #99f6e4;
  --teal-300: #5eead4;
  --teal-400: #2dd4bf;
  --teal-500: #14b8a6;
  --teal-600: #0d9488;
  --teal-700: #0f766e;
  --teal-800: #115e59;
  --teal-900: #134e4a;
  --teal-950: #042f2e;

  --cyan-50: #ecfeff;
  --cyan-100: #cffafe;
  --cyan-200: #a5f3fc;
  --cyan-300: #67e8f9;
  --cyan-400: #22d3ee;
  --cyan-500: #06b6d4;
  --cyan-600: #0891b2;
  --cyan-700: #0e7490;
  --cyan-800: #155e75;
  --cyan-900: #164e63;
  --cyan-950: #083344;

  --sky-50: #f0f9ff;
  --sky-100: #e0f2fe;
  --sky-200: #bae6fd;
  --sky-300: #7dd3fc;
  --sky-400: #38bdf8;
  --sky-500: #0ea5e9;
  --sky-600: #0284c7;
  --sky-700: #0369a1;
  --sky-800: #075985;
  --sky-900: #0c4a6e;
  --sky-950: #082f49;

  --blue-50: #eff6ff;
  --blue-100: #dbeafe;
  --blue-200: #bfdbfe;
  --blue-300: #93c5fd;
  --blue-400: #60a5fa;
  --blue-500: #3b82f6;
  --blue-600: #2563eb;
  --blue-700: #1d4ed8;
  --blue-800: #1e40af;
  --blue-900: #1e3a8a;
  --blue-950: #172554;

  --indigo-50: #eef2ff;
  --indigo-100: #e0e7ff;
  --indigo-200: #c7d2fe;
  --indigo-300: #a5b4fc;
  --indigo-400: #818cf8;
  --indigo-500: #008061;
  --indigo-600: #0ba680;
  --indigo-700: #4338ca;
  --indigo-800: #3730a3;
  --indigo-900: #312e81;
  --indigo-950: #1e1b4b;

  --violet-50: #f5f3ff;
  --violet-100: #ede9fe;
  --violet-200: #ddd6fe;
  --violet-300: #c4b5fd;
  --violet-400: #a78bfa;
  --violet-500: #8b5cf6;
  --violet-600: #7c3aed;
  --violet-700: #6d28d9;
  --violet-800: #5b21b6;
  --violet-900: #4c1d95;
  --violet-950: #2e1065;

  --purple-50: #faf5ff;
  --purple-100: #f3e8ff;
  --purple-200: #e9d5ff;
  --purple-300: #d8b4fe;
  --purple-400: #c084fc;
  --purple-500: #a855f7;
  --purple-600: #9333ea;
  --purple-700: #7e22ce;
  --purple-800: #6b21a8;
  --purple-900: #581c87;
  --purple-950: #3b0764;

  --fuchsia-50: #fdf4ff;
  --fuchsia-100: #fae8ff;
  --fuchsia-200: #f5d0fe;
  --fuchsia-300: #f0abfc;
  --fuchsia-400: #e879f9;
  --fuchsia-500: #d946ef;
  --fuchsia-600: #c026d3;
  --fuchsia-700: #a21caf;
  --fuchsia-800: #86198f;
  --fuchsia-900: #701a75;
  --fuchsia-950: #4a044e;

  --pink-50: #fdf2f8;
  --pink-100: #fce7f3;
  --pink-200: #fbcfe8;
  --pink-300: #f9a8d4;
  --pink-400: #f472b6;
  --pink-500: #ec4899;
  --pink-600: #db2777;
  --pink-700: #be185d;
  --pink-800: #9d174d;
  --pink-900: #831843;
  --pink-950: #500724;

  --rose-50: #fff1f2;
  --rose-100: #ffe4e6;
  --rose-200: #fecdd3;
  --rose-300: #fda4af;
  --rose-400: #fb7185;
  --rose-500: #f43f5e;
  --rose-600: #e11d48;
  --rose-700: #be123c;
  --rose-800: #9f1239;
  --rose-900: #881337;
  --rose-950: #4c0519;
}


/* start: Payment */
.payment-section {
  padding: 48px 0;
}

.payment-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}

.payment-header {
  padding: 24px;
  background-color: var(--indigo-500);
  border-radius: 12px;
  padding-bottom: 72px;
}

.payment-header-icon {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-color: var(--indigo-600);
  color: var(--white);
  font-size: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 12px;
}

.payment-header-title {
  font-size: 20px;
  font-weight: 600;
  color: var(--white);
  line-height: 1.4;
  margin-bottom: 4px;
}

.payment-header-description {
  font-size: 15px;
  color: var(--gray-200);
  line-height: 1.5;
}

.payment-content {
  padding: 24px;
  margin-top: -64px;
  position: relative;
}

.payment-content::before {
  content: '';
  position: absolute;
  top: 24px;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% - 32px);
  height: 16px;
  border-radius: 4px;
  background-color: var(--indigo-600);
}

.payment-body {
  background-color: var(--white);
  border-radius: 0 0 8px 8px;
  box-shadow: 0 4px 24px rgba(0, 0, 0, .05), inset 0 8px 0 rgba(0, 0, 0, .05);
  position: relative;
  padding-top: 8px;
  overflow: hidden;
}

.payment-plan {
  display: flex;
  align-items: center;
  padding: 12px;
}

.payment-plan-type {
  width: 40px;
  height: 40px;
  background-color: var(--indigo-500);
  color: var(--white);
  font-size: 13px;
  font-weight: 600;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  margin-right: 8px;
}

.payment-plan-info {
  width: 100%;
  margin-right: 8px;
  display: grid;
}

.payment-plan-info-name {
  font-size: 13px;
  color: var(--gray-400);
  margin-bottom: 2px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.payment-plan-info-price {
  font-weight: 600;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.payment-plan-change {
  color: var(--blue-500);
  font-size: 12px;
  font-weight: 600;
  text-underline-offset: 2px;
}

.payment-plan-change:hover {
  color: var(--blue-600);
}

.payment-summary-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 6px 12px;
}

.payment-summary-name {
  font-size: 14px;
  color: var(--gray-500);
}

.payment-summary-price {
  font-weight: 500;
  font-size: 15px;
}

.payment-summary-divider {
  width: calc(100% - 16px);
  height: 0;
  margin: 12px auto;
  border-bottom: 1px dashed var(--gray-200);
  position: relative;
}

.payment-summary-divider::before {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 100%;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: var(--gray-50);
  box-shadow: inset 0 2px 16px rgba(0, 0, 0, .05);
}

.payment-summary-divider::after {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 100%;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: var(--gray-50);
  box-shadow: inset 0 2px 16px rgba(0, 0, 0, .05);
}

.payment-summary-total {
  padding-bottom: 16px;
}

.payment-summary-total .payment-summary-name {
  color: var(--gray-900);
}

.payment-summary-total .payment-summary-price {
  font-size: 16px;
  color: var(--indigo-500);
  font-weight: 600;
}

.payment-right {
  min-width: 0;
}

.payment-form {
  padding: 24px;
  background-color: var(--white);
  border-radius: 12px;
  box-shadow: 0 4px 24px rgba(0, 0, 0, .05);
}

.payment-title {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 12px;
  line-height: 1.3;
}

.payment-method {
  display: flex;
  align-items: center;
  overflow-x: auto;
  padding: 6px 0;
  margin-bottom: 12px;
  width: 100%;
}

.payment-method input {
  display: none;
}

.payment-method-item {
  width: 80px;
  height: 80px;
  padding: 8px;
  border: 1px solid var(--gray-200);
  border-radius: 8px;
  margin-right: 12px;
  cursor: pointer;
  position: relative;
  flex-shrink: 0;
}

input:checked+.payment-method-item {
  border-color: var(--indigo-500);
}

input:checked+.payment-method-item::before {
  content: '';
  position: absolute;
  top: -6px;
  right: -6px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: var(--indigo-500);
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTEwLjAwMDcgMTUuMTcwOUwxOS4xOTMxIDUuOTc4NTJMMjAuNjA3MyA3LjM5MjczTDEwLjAwMDcgMTcuOTk5M0wzLjYzNjcyIDExLjYzNTRMNS4wNTA5MyAxMC4yMjEyTDEwLjAwMDcgMTUuMTcwOVoiIGZpbGw9InJnYmEoMjU1LDI1NSwyNTUsMSkiPjwvcGF0aD48L3N2Zz4=");
  background-size: 12px;
  background-position: center;
  background-repeat: no-repeat;
}

.payment-method-item>img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.payment-form-group {
  position: relative;
  margin-bottom: 16px;
}

.payment-form-control {
  outline: transparent;
  border: 1px solid var(--gray-200);
  border-radius: 8px;
  padding: 24px 16px 8px 16px;
  width: 100%;
  transition: all .15s ease-in-out;
}

.payment-form-label {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 16px;
  color: var(--gray-400);
  pointer-events: none;
  transition: all .1s ease-in-out;
}

.payment-form-control:focus {
  outline: 1px solid var(--indigo-500);
  border-color: var(--indigo-500);
}

.payment-form-control:focus+.payment-form-label,
.payment-form-control:not(:placeholder-shown)+.payment-form-label {
  top: 30%;
  font-size: 12px;
}

.payment-form-label-required::after {
  content: ' *';
  color: var(--red-500);
}

.payment-form-group-flex {
  display: flex;
  align-items: center;
}

.payment-form-group-flex>* {
  width: 100%;
}

.payment-form-group-flex> :not(:last-child) {
  margin-right: 12px;
}

.payment-form-submit-button {
  background-color: var(--indigo-500);
  border-radius: 8px;
  outline: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  border: none;
  cursor: pointer;
  color: var(--white);
  font-weight: 600;
  padding: 16px;
  transition: all .15s ease-in-out;
}

.payment-form-submit-button:hover {
  background-color: var(--indigo-600);
}

.payment-form-submit-button>i {
  margin-right: 8px;
}

/* end: Payment */



/* start: Breakpoints */
@media screen and (max-width: 767px) {
  .payment-wrapper {
      grid-template-columns: 1fr;
  }

  .payment-content {
      padding: 16px;
  }

  .payment-content::before {
      top: 16px;
      width: calc(100% - 20px);
  }

  .payment-form-group-flex {
      display: block;
  }
}

/* end: Breakpoints */



.flex {
  display: flex;
}

.gap-4 {
  gap: 1rem;
}

@media (min-width: 768px) {
  .md\:col-span-8 {
      grid-column: span 8 / span 8;
  }
}

.grid {
  display: grid;
}

@media (min-width: 768px) {
  .md\:grid-cols-12 {
      grid-template-columns: repeat(12, minmax(0, 1fr));
  }
}

.cardd {
  position: relative;
  display: flex;
  flex-direction: column;
  border-radius: var(1rem, 1rem);
}

.bg-base-300 {
  border: 1px solid #e4e7ed !important;
}

.p-4 {
  padding: 1rem;
}

*,
:before,
:after {
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
}

*,
:before,
:after {
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
  border-color: #9ca3af4d;
}

:backdrop {
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
}

.grid-cols-10 {
  grid-template-columns: repeat(10, minmax(0, 1fr));
}

.items-center {
  align-items: center;
}

.gap-2 {
  gap: .5rem;
}

@media (min-width: 768px) {
  .md\:grid-cols-11 {
      grid-template-columns: repeat(11, minmax(0, 1fr));
  }
}


.col-span-4 {
  grid-column: span 4 / span 4;
}

@media (min-width: 768px) {
  .md\:col-span-5 {
      grid-column: span 5 / span 5;
  }
}

.col-span-2 {
  grid-column: span 2 / span 2;
}

.text-center {
  text-align: center;
}

@media (min-width: 768px) {
  .md\:col-span-1 {
      grid-column: span 1 / span 1;
  }
}

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

.hidden {
  display: none;
}

@media (min-width: 768px) {
  .md\:block {
      display: block;
  }
}

.ml-auto {
  margin-left: auto;
}

.text-right {
  text-align: right;
}


.h-6 {
  height: 1.5rem;
}

.w-6 {
  width: 1.5rem;
}

.icon-sm {
  display: inline;
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
}

.bttn-prediction-calendar {
  line-height: 1.2;
  position: relative;
  display: flex;
  flex-direction: column;
  border-radius: var(1rem, 1rem);
}

.bttn-prediction-calendar {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  border-radius: .5rem;
  --tw-bg-opacity: 1;
  padding: .25rem .5rem;
  text-align: center;
  font-size: .75rem;
  line-height: 1rem;
  font-style: italic;
  background-color: #f5f7f9;
  border: 1px solid #e4e7ed;
}

@media (min-width: 768px) {
  .bttn-prediction-calendar {
      width: auto;
      padding-left: 1rem;
      padding-right: 1rem;
      font-size: .875rem;
      line-height: 1.25rem;
  }
}


.bttn {
  display: inline-flex;
  height: 3rem;
  min-height: 3rem;
  flex-shrink: 0;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  border-radius: var(.5rem);
  border-color: transparent;
  border-color: oklch(var(--btn-color, var(--b2)) / var(--tw-border-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  text-align: center;
  font-size: .875rem;
  line-height: 1em;
  gap: .5rem;
  font-weight: 600;
  text-decoration-line: none;
  transition-duration: .2s;
  transition-timing-function: cubic-bezier(0, 0, .2, 1);
  border-width: var(1px, 1px);
  transition-property: color, background-color, border-color, opacity, box-shadow, transform;
  --tw-text-opacity: 1;
  color: var(--fallback-bc, oklch(var(--bc)/var(--tw-text-opacity)));
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  outline-color: var(--fallback-bc, oklch(var(--bc)/1));
  background-color: oklch(var(--btn-color, var(--b2)) / var(--tw-bg-opacity));
  --tw-bg-opacity: 1;
  --tw-border-opacity: 1;
}

@media (prefers-reduced-motion: no-preference) {
  .bttn {
      animation: button-pop var(--animation-btn, .25s) ease-out;
  }
}

.fontt-bold {
  font-weight: 700;
}

.text-success {
  --tw-text-opacity: 1;
  color: var(--fallback-su, oklch(var(--su)/var(--tw-text-opacity, 1)));
}

.bttn:not(.bttn-circle, .bttn-block) {
  width: -moz-max-content;
  width: max-content;
}

.bttn:not(.bttn-sm):not(.bttn-lg):not(.bttn-xs):not(.bttn-circle) {
  height: 2.5rem;
  min-height: 2.5rem;
}

@media (hover: hover) {
  .bttn:hover {
      --tw-border-opacity: 1;
      border-color: var(--fallback-b3, oklch(var(--b3)/var(--tw-border-opacity)));
      --tw-bg-opacity: 1;
      background-color: var(--fallback-b3, oklch(var(--b3)/var(--tw-bg-opacity)));
  }

  .bttn:hover {
      background-color: color-mix(in oklab, oklch(var(--btn-color, var(--b2)) / var(--tw-bg-opacity, 1)) 90%, black);
      border-color: color-mix(in oklab, oklch(var(--btn-color, var(--b2)) / var(--tw-border-opacity, 1)) 90%, black);
  }
}

.bttn:active:hover {
  animation: button-pop 0s ease-out;
  transform: scale(var(.95, .97));
}

.bttn-secondary {
  --btn-color: var(--s);
}

.bttn-secondary {
  --tw-text-opacity: 1;
  color: var(--fallback-sc, oklch(var(--sc)/var(--tw-text-opacity)));
  outline-color: var(--fallback-s, oklch(var(--s)/1));
}

p {
  margin: 0;
}

.lowercase {
  text-transform: lowercase;
}

@media (min-width: 768px) {
  .md\:hidden {
      display: none;
  }
}

.size-6 {
  width: 1.5rem;
  height: 1.5rem;
}


@keyframes button-pop {
  0% {
      transform: scale(var(.95, .98));
      transform: scale(var(.95, .98));
  }

  40% {
      transform: scale(1.02);
      transform: scale(1.02);
  }

  100% {
      transform: scale(1);
      transform: scale(1);
  }

}

@media (min-width: 1200px) {
  .player-info__item--photo {
      width: 400px;
      margin-left: 600px;
  }
}

@media (min-width: 1200px) {
  .player-info__number {
      font-size: 92px;
      margin-left: -0px;
      margin-right: 5px;
  }
}

@media (max-width: 991px) {
  .player-info__title--mobile .player-info__first-name {
    text-align: center;
  }
}


.v-popper__popper {
  z-index: 10000;
  top: 0;
  left: 0
}

.v-popper__popper.v-popper__popper--hidden {
  visibility: hidden;
  opacity: 0;
  transition: opacity .15s, visibility .15s;
  pointer-events: none
}

.v-popper__popper.v-popper__popper--shown {
  visibility: visible;
  opacity: 1;
  transition: opacity .15s
}

.v-popper__popper.v-popper__popper--skip-transition,
.v-popper__popper.v-popper__popper--skip-transition>.v-popper__wrapper {
  transition: none !important
}

.v-popper__backdrop {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none
}

.v-popper__inner {
  position: relative;
  box-sizing: border-box;
  overflow-y: auto
}

.v-popper__inner>div {
  position: relative;
  z-index: 1;
  max-width: inherit;
  max-height: inherit
}

.v-popper__arrow-container {
  position: absolute;
  width: 10px;
  height: 10px
}

.v-popper__popper--arrow-overflow .v-popper__arrow-container,
.v-popper__popper--no-positioning .v-popper__arrow-container {
  display: none
}

.v-popper__arrow-inner,
.v-popper__arrow-outer {
  border-style: solid;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0
}

.v-popper__arrow-inner {
  visibility: hidden;
  border-width: 7px
}

.v-popper__arrow-outer {
  border-width: 6px
}

.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,
.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner {
  left: -2px
}

.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer,
.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer {
  left: -1px
}

.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,
.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer {
  border-bottom-width: 0;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  border-bottom-color: transparent !important
}

.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner {
  top: -2px
}

.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-container {
  top: 0
}

.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,
.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer {
  border-top-width: 0;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  border-top-color: transparent !important
}

.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner {
  top: -4px
}

.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer {
  top: -6px
}

.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,
.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner {
  top: -2px
}

.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer,
.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer {
  top: -1px
}

.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner,
.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer {
  border-left-width: 0;
  border-left-color: transparent !important;
  border-top-color: transparent !important;
  border-bottom-color: transparent !important
}

.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner {
  left: -4px
}

.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer {
  left: -6px
}

.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-container {
  right: -10px
}

.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,
.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer {
  border-right-width: 0;
  border-top-color: transparent !important;
  border-right-color: transparent !important;
  border-bottom-color: transparent !important
}

.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner {
  left: -2px
}

.v-popper--theme-tooltip .v-popper__inner {
  background: rgba(0, 0, 0, .8);
  color: #fff;
  border-radius: 6px;
  padding: 7px 12px 6px
}

.v-popper--theme-tooltip .v-popper__arrow-outer {
  border-color: rgba(0, 0, 0, .8)
}

.v-popper--theme-dropdown .v-popper__inner {
  background: #fff;
  color: #000;
  border-radius: 6px;
  border: 1px solid #ddd;
  box-shadow: 0 6px 30px rgba(0, 0, 0, .10196078431372549)
}

.v-popper--theme-dropdown .v-popper__arrow-inner {
  visibility: visible;
  border-color: #fff
}

.v-popper--theme-dropdown .v-popper__arrow-outer {
  border-color: #ddd
}

.slot-wrapper-open[data-v-f5fd87dd] {
  position: fixed;
  z-index: 900;
  animation-name: inGameNotificationOpen-f5fd87dd;
  animation-duration: .5s;
  animation-fill-mode: forwards
}

.slot-wrapper-close[data-v-f5fd87dd] {
  position: fixed;
  z-index: 900;
  animation-name: inGameNotificationClose-f5fd87dd;
  animation-duration: .5s;
  animation-fill-mode: forwards
}

.slot-wrapper-open-mobile[data-v-f5fd87dd] {
  animation-name: inGameNotificationOpenMobile-f5fd87dd;
  animation-fill-mode: forwards
}

.slot-wrapper-close-mobile[data-v-f5fd87dd],
.slot-wrapper-open-mobile[data-v-f5fd87dd] {
  position: fixed;
  width: calc(100% - 32px);
  max-width: 600px;
  z-index: 900;
  margin: 0 auto;
  animation-duration: .5s
}

.slot-wrapper-close-mobile[data-v-f5fd87dd] {
  animation-name: inGameNotificationCloseMobile-f5fd87dd;
  animation-fill-mode: forwards
}

@keyframes inGameNotificationOpen-f5fd87dd {
  0% {
    top: 16px;
    right: -360px
  }

  to {
    right: 16px;
    top: 16px
  }
}

@keyframes inGameNotificationClose-f5fd87dd {
  0% {
    right: 16px;
    top: 16px
  }

  to {
    top: 16px;
    right: -360px
  }
}

@keyframes inGameNotificationOpenMobile-f5fd87dd {
  0% {
    top: -300px;
    left: 0;
    right: 0
  }

  to {
    top: 16px;
    left: 0;
    right: 0
  }
}

@keyframes inGameNotificationCloseMobile-f5fd87dd {
  0% {
    top: 16px;
    left: 0;
    right: 0
  }

  to {
    top: -300px;
    left: 0;
    right: 0
  }
}

.content-class[data-v-86d6e0b4] ol {
  all: revert;
  padding-left: 24px
}

.content-class[data-v-86d6e0b4] li {
  padding-left: 2px;
  margin-left: 4px;
  margin-bottom: 2px
}

.content-class[data-v-86d6e0b4] li ol {
  padding-left: 16px
}

.content-class[data-v-86d6e0b4] ul {
  all: revert;
  margin-left: 8px;
  padding-left: 0
}

.content-class[data-v-86d6e0b4] a {
  color: inherit;
  -webkit-text-decoration-line: none;
  text-decoration-line: none;
  --tw-text-opacity: 1;
  color: rgb(23 116 181/var(--tw-text-opacity, 1))
}

.content-class[data-v-86d6e0b4] img {
  width: 100% !important;
  -o-object-fit: contain;
  object-fit: contain
}

.wrapper-grid-template-columns[data-v-d07ab282] {
  grid-template-columns: 1fr minmax(0, 46%) 1fr
}

.v-popper__popper.v-popper--theme-loyalty-tooltip {
  z-index: 1010;
  max-width: 200px
}

.v-popper__popper.v-popper--theme-loyalty-tooltip .v-popper__wrapper {
  border-radius: 8px;
  --tw-bg-opacity: 1;
  background-color: rgb(55 68 86/var(--tw-bg-opacity, 1))
}

.v-popper__popper.v-popper--theme-loyalty-tooltip .v-popper__arrow-inner,
.v-popper__popper.v-popper--theme-loyalty-tooltip .v-popper__arrow-outer {
  --tw-border-opacity: 1;
  border-color: rgb(55 68 86/var(--tw-border-opacity, 1))
}

.animated-first-leave-active[data-v-79ab1dad] {
  animation: moveFirstIcon-79ab1dad .5s forwards
}

.animated-second-leave-active[data-v-79ab1dad] {
  animation: moveSecondIcon-79ab1dad .5s forwards
}

.animated-third-leave-active[data-v-79ab1dad] {
  animation: moveThirdIcon-79ab1dad .5s forwards
}

@keyframes moveFirstIcon-79ab1dad {
  to {
    top: var(--518e280e);
    right: calc(100% - var(--98f328b6));
    transform: scale(var(--02628e69)) translate(100%)
  }
}

@keyframes moveSecondIcon-79ab1dad {
  to {
    top: var(--27d9567b);
    right: calc(100% - var(--76f35163));
    transform: scale(var(--d0c8bdb2)) translate(100%)
  }
}

@keyframes moveThirdIcon-79ab1dad {
  to {
    top: var(--d4715ea0);
    right: calc(100% - var(--7276c464));
    transform: scale(var(--59f813dc)) translate(100%)
  }
}

.v-popper__popper.v-popper--theme-reward-white-tooltip {
  z-index: 900;
  max-width: 200px;
  border-radius: 8px;
  --tw-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1843137254901961);
  --tw-shadow-colored: 0px 3px 10px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

.v-popper--theme-reward-white-tooltip .v-popper__inner,
.v-popper__popper.v-popper--theme-reward-white-tooltip .v-popper__wrapper {
  border-radius: 8px !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255/var(--tw-bg-opacity, 1)) !important
}

.v-popper--theme-reward-white-tooltip .v-popper__inner {
  padding: 8px !important
}

.v-popper__popper.v-popper--theme-reward-white-tooltip .v-popper__arrow-inner,
.v-popper__popper.v-popper--theme-reward-white-tooltip .v-popper__arrow-outer {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255/var(--tw-text-opacity, 1)) !important
}

.v-popper__popper.v-popper--theme-reward-dark-tooltip {
  z-index: 900;
  max-width: 200px;
  border-radius: 8px;
  --tw-shadow: 0px 4px 4px rgba(32, 38, 62, 0.0784313725490196);
  --tw-shadow-colored: 0px 4px 4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

.v-popper--theme-reward-dark-tooltip .v-popper__inner,
.v-popper__popper.v-popper--theme-reward-dark-tooltip .v-popper__wrapper {
  border-radius: 8px !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(55 68 86/var(--tw-bg-opacity, 1)) !important
}

.v-popper--theme-reward-dark-tooltip .v-popper__inner {
  padding: 8px !important;
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255/var(--tw-text-opacity, 1)) !important
}

.v-popper__popper.v-popper--theme-reward-dark-tooltip .v-popper__arrow-inner,
.v-popper__popper.v-popper--theme-reward-dark-tooltip .v-popper__arrow-outer {
  --tw-text-opacity: 1 !important;
  color: rgb(55 68 86/var(--tw-text-opacity, 1)) !important
}

.overlay[data-v-c9518072] {
  background: linear-gradient(180deg, rgba(45, 55, 69, 0) 26.9%, rgba(45, 55, 69, .8) 78.69%), radial-gradient(137.65% 273.64% at 0 100%, #2d3745 21.35%, rgba(45, 55, 69, 0))
}

.progress[data-v-dcf878f5] {
  transform: rotate(-90deg);
  position: absolute
}

.progress__value[data-v-dcf878f5] {
  fill: none;
  stroke-dashoffset: var(--27ce0808);
  stroke-dasharray: var(--59af9fb8);
  stroke-linecap: round
}

.cui-swiper-gradients[data-v-96d0a17c]:before {
  left: 0;
  background-image: linear-gradient(90deg, var(--tw-gradient-stops))
}

.cui-swiper-gradients[data-v-96d0a17c]:after,
.cui-swiper-gradients[data-v-96d0a17c]:before {
  pointer-events: none;
  position: absolute;
  top: 1.75rem;
  z-index: 3;
  display: block;
  height: 122px;
  width: 64px;
  --tw-gradient-from: #eceff1 var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(236, 239, 241, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-from-position: 10%;
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
  --tw-gradient-to-position: 100%;
  opacity: 0;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .1s;
  transition-timing-function: cubic-bezier(.36, 0, 1, 1);
  --tw-content: "";
  content: var(--tw-content)
}

.cui-swiper-gradients[data-v-96d0a17c]:after {
  right: 0;
  background-image: linear-gradient(270deg, var(--tw-gradient-stops))
}

.subtitleHtml p,
.subtitleHtml span {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  font-size: 1.1428571428571428rem;
  line-height: 20px;
  --tw-text-opacity: 1;
  color: rgb(182 188 198/var(--tw-text-opacity, 1))
}

.height-enter-active {
  animation: fill-in 1s;
  animation-fill-mode: forwards
}

@keyframes fill-in {
  0% {
    transform: scaleY(0);
    -webkit-transform: scaleY(0)
  }

  to {
    transform: scaleY(1);
    -webkit-transform: scaleY(1)
  }
}

.movement-enter-active {
  animation: move-in 1s;
  animation-fill-mode: forwards
}

@keyframes move-in {
  0% {
    transform: translateY(var(--7336de33));
    -webkit-transform: translateY(var(--7336de33))
  }

  to {
    transform: translateY(0);
    -webkit-transform: translateY(0)
  }
}

.card {
  scroll-margin-bottom: var(--f6c9985e);
  scroll-snap-margin-bottom: var(--f6c9985e)
}

.current-height {
  max-height: var(--4266f5e4)
}

.fade-enter-active[data-v-b5bd1332],
.fade-leave-active[data-v-b5bd1332] {
  transition-property: opacity;
  transition-duration: .1s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.fade-enter-from[data-v-b5bd1332],
.fade-leave-to[data-v-b5bd1332] {
  opacity: 0
}

.cui-article-content[data-v-505fcc81] ul {
  margin-top: 8px;
  margin-bottom: 8px;
  margin-left: 16px;
  list-style-type: disc;
  line-height: 1.2;
  --tw-text-opacity: 1;
  color: rgb(182 188 198/var(--tw-text-opacity, 1))
}

.cui-article-content[data-v-505fcc81] ul :deep(li) {
  margin: 8px;
  font-size: 1.1428571428571428rem
}

.cui-article-content[data-v-505fcc81] ol {
  margin-top: 8px;
  margin-bottom: 8px;
  margin-left: 16px;
  list-style-type: decimal;
  line-height: 1.2;
  --tw-text-opacity: 1;
  color: rgb(182 188 198/var(--tw-text-opacity, 1))
}

.cui-article-content[data-v-505fcc81] ol :deep(li) {
  margin: 8px;
  font-size: 1.1428571428571428rem
}

.cui-article-content[data-v-505fcc81] h1,
.cui-article-content[data-v-505fcc81] h2,
.cui-article-content[data-v-505fcc81] h3 {
  font-size: 1rem;
  font-weight: 700;
  line-height: 16px;
  --tw-text-opacity: 1;
  color: rgb(182 188 198/var(--tw-text-opacity, 1))
}

.cui-article-content[data-v-505fcc81] h4,
.cui-article-content[data-v-505fcc81] h5,
.cui-article-content[data-v-505fcc81] h6,
.cui-article-content[data-v-505fcc81] p {
  font-size: 1rem;
  font-weight: 400;
  line-height: 16px;
  --tw-text-opacity: 1;
  color: rgb(182 188 198/var(--tw-text-opacity, 1))
}

.cui-article-content[data-v-505fcc81] strong {
  font-weight: 700
}

.cui-article-content[data-v-505fcc81] em {
  font-style: italic
}

.cui-article-content[data-v-505fcc81] a,
.cui-article-content[data-v-505fcc81] a:visited {
  --tw-text-opacity: 1;
  color: rgb(23 116 181/var(--tw-text-opacity, 1))
}

.cui-article-content[data-v-505fcc81] img {
  max-width: 100%
}

.cui-article-content[data-v-505fcc81] em {
  color: inherit
}

.cui-article-content[data-v-505fcc81] tr:nth-child(odd) {
  --tw-bg-opacity: 1;
  background-color: rgb(45 55 69/var(--tw-bg-opacity, 1))
}

.cui-article-content[data-v-505fcc81] tr:nth-child(2n) {
  --tw-bg-opacity: 1;
  background-color: rgb(35 43 54/var(--tw-bg-opacity, 1))
}

.cui-article-content[data-v-505fcc81] table {
  --tw-border-spacing-x: 0px;
  --tw-border-spacing-y: 0px;
  border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
  overflow: hidden;
  border-radius: 8px
}

.cui-article-content[data-v-505fcc81] td {
  padding: 8px
}

.cui-article-content[data-v-505fcc81] iframe {
  width: inherit
}

.swiper-pagination-bullet {
  display: inline-block;
  height: 8px;
  padding: 4px;
  border-radius: 100%;
  background: #69778b;
  transition: transform .2s, left .2s;
  position: relative;
  margin: 0 4px;
  cursor: pointer
}

.swiper-pagination-bullet-active {
  background-color: #fff
}

.spinner[data-v-3c519b90] {
  transform: translateZ(0);
  animation: rotator-3c519b90 1.4s linear infinite
}

.path[data-v-3c519b90] {
  transform: translateZ(0);
  stroke-dasharray: 187;
  transform-origin: center;
  animation: dash-3c519b90 1.4s ease-in-out infinite;
  stroke: #69778b
}

@keyframes rotator-3c519b90 {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(1turn)
  }
}

@keyframes dash-3c519b90 {
  0% {
    stroke-dashoffset: 187
  }

  50% {
    stroke-dashoffset: 46.75;
    transform: rotate(135deg)
  }

  to {
    stroke-dashoffset: 187;
    transform: rotate(1turn)
  }
}

.cui-swiper-gradients[data-v-3a7debf3]:before {
  left: 0;
  background-image: linear-gradient(90deg, var(--tw-gradient-stops))
}

.cui-swiper-gradients[data-v-3a7debf3]:after,
.cui-swiper-gradients[data-v-3a7debf3]:before {
  pointer-events: none;
  position: absolute;
  top: 0;
  z-index: 3;
  display: block;
  height: 100%;
  width: 64px;
  --tw-gradient-from: #1c2026 var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(28, 32, 38, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-from-position: 0%;
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
  --tw-gradient-to-position: 100%;
  opacity: 0;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .1s;
  transition-timing-function: cubic-bezier(.36, 0, 1, 1);
  --tw-content: "";
  content: var(--tw-content)
}

.cui-swiper-gradients[data-v-3a7debf3]:after {
  right: 0;
  background-image: linear-gradient(270deg, var(--tw-gradient-stops))
}

.thumb-xs[data-v-710dc095] {
  height: 120px;
  width: 82px;
  border-radius: 8px
}

.thumb-xs .thumb-logo[data-v-710dc095] {
  max-width: 55px
}

.thumb-xs .thumb-title[data-v-710dc095] {
  font-size: .8571428571428571rem
}

.thumb-xs .thumb-subtitle[data-v-710dc095] {
  font-size: .7142857142857143rem
}

.thumb-xs.thumb--enhanced[data-v-710dc095] {
  width: 171px
}

.thumb-s[data-v-710dc095] {
  height: 144px;
  width: 103px;
  border-radius: 8px
}

.thumb-s .thumb-logo[data-v-710dc095] {
  max-width: 72px
}

.thumb-s .thumb-title[data-v-710dc095] {
  font-size: .8571428571428571rem
}

.thumb-s .thumb-subtitle[data-v-710dc095] {
  font-size: .7142857142857143rem
}

.thumb-s.thumb--enhanced[data-v-710dc095] {
  width: 222px
}

.thumb-l[data-v-710dc095] {
  height: 176px;
  width: 126px;
  border-radius: 16px
}

.thumb-l .thumb-logo[data-v-710dc095] {
  max-width: 88px
}

.thumb-l .thumb-title[data-v-710dc095] {
  font-size: 1rem
}

.thumb-l .thumb-subtitle[data-v-710dc095] {
  font-size: .7857142857142857rem
}

.thumb-l.thumb--enhanced[data-v-710dc095] {
  width: 268px
}

.slide-in-from-bottom-height-enter-from[data-v-8ddd9366] {
  height: 0
}

.slide-in-from-bottom-height-enter-active[data-v-8ddd9366],
.slide-in-from-bottom-height-leave-active[data-v-8ddd9366] {
  transition-property: all;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .3s;
  transition-timing-function: cubic-bezier(.64, 0, .35, 1)
}

.slide-in-from-bottom-height-enter-to[data-v-8ddd9366] {
  height: var(--85ec36f8)
}

.slide-in-from-bottom-height-leave-from[data-v-8ddd9366] {
  transform: translateY(0)
}

.slide-in-from-bottom-height-leave-to[data-v-8ddd9366] {
  transform: translateY(101%)
}

.story-content-promo-text[data-v-4e766291] strong {
  font-weight: 700
}

.story-content-promo-text[data-v-4e766291] em {
  font-style: italic
}

html {
  --version-banner-height: 0px;
  --scroll-bar-width: 8px
}

.cui-pointer-events-none {
  pointer-events: none
}

.cui-invisible {
  visibility: hidden
}

.cui-fixed {
  position: fixed
}

.\!cui-absolute {
  position: absolute !important
}

.cui-absolute {
  position: absolute
}

.cui-relative {
  position: relative
}

.cui-sticky {
  position: sticky
}

.cui-inset-0 {
  top: 0;
  bottom: 0
}

.cui-inset-0,
.cui-inset-x-0 {
  right: 0;
  left: 0
}

.-cui-bottom-2 {
  bottom: -.5rem
}

.-cui-left-1\/4 {
  left: -25%
}

.-cui-right-2 {
  right: -.5rem
}

.-cui-top-\[2px\] {
  top: -2px
}

.-cui-top-m {
  top: -16px
}

.-cui-top-n {
  top: -8px
}

.-cui-top-px {
  top: -1px
}

.cui-bottom-0 {
  bottom: 0
}

.cui-bottom-1\/2 {
  bottom: 50%
}

.cui-bottom-\[200px\] {
  bottom: 200px
}

.cui-bottom-\[24px\] {
  bottom: 24px
}

.cui-bottom-\[40px\] {
  bottom: 40px
}

.cui-bottom-\[52px\] {
  bottom: 52px
}

.cui-bottom-\[55px\] {
  bottom: 55px
}

.cui-bottom-\[56px\] {
  bottom: 56px
}

.cui-bottom-\[64px\] {
  bottom: 64px
}

.cui-bottom-\[71px\] {
  bottom: 71px
}

.cui-bottom-\[80px\] {
  bottom: 80px
}

.cui-bottom-full {
  bottom: 100%
}

.cui-bottom-m {
  bottom: 16px
}

.cui-bottom-s {
  bottom: 4px
}

.cui-bottom-space {
  bottom: 12px
}

.cui-left-0 {
  left: 0
}

.cui-left-1\/2 {
  left: 50%
}

.cui-left-\[-10px\] {
  left: -10px
}

.cui-left-\[10\%\] {
  left: 10%
}

.cui-left-\[20px\] {
  left: 20px
}

.cui-left-full {
  left: 100%
}

.cui-left-m {
  left: 16px
}

.cui-left-n {
  left: 8px
}

.cui-left-s {
  left: 4px
}

.cui-right-0,
.cui-right-\[0\] {
  right: 0
}

.cui-right-\[10\%\] {
  right: 10%
}

.cui-right-\[2px\] {
  right: 2px
}

.cui-right-full {
  right: 100%
}

.cui-right-m {
  right: 16px
}

.cui-right-n {
  right: 8px
}

.cui-right-s {
  right: 4px
}

.cui-right-space {
  right: 12px
}

.cui-right-xl {
  right: 32px
}

.cui-top-0 {
  top: 0
}

.cui-top-1\/2 {
  top: 50%
}

.cui-top-\[-20px\] {
  top: -20px
}

.cui-top-\[0\] {
  top: 0
}

.cui-top-\[1px\] {
  top: 1px
}

.cui-top-\[2px\] {
  top: 2px
}

.cui-top-\[36px\] {
  top: 36px
}

.cui-top-\[48px\] {
  top: 48px
}

.cui-top-\[50\%\] {
  top: 50%
}

.cui-top-\[75px\] {
  top: 75px
}

.cui-top-\[90px\] {
  top: 90px
}

.cui-top-\[calc\(var\(--header-height\)\+var\(--version-banner-height\)\)\] {
  top: calc(var(--header-height) + var(--version-banner-height))
}

.cui-top-full {
  top: 100%
}

.cui-top-l {
  top: 24px
}

.cui-top-n {
  top: 8px
}

.cui-top-s {
  top: 4px
}

.cui-top-space {
  top: 12px
}

.\!cui-z-\[10000\] {
  z-index: 10000 !important
}

.-cui-z-10 {
  z-index: -10
}

.cui-z-0 {
  z-index: 0
}

.cui-z-10 {
  z-index: 10
}

.cui-z-20 {
  z-index: 20
}

.cui-z-\[-1\] {
  z-index: -1
}

.cui-z-\[-2\] {
  z-index: -2
}

.cui-z-\[0\] {
  z-index: 0
}

.cui-z-\[10000\] {
  z-index: 10000
}

.cui-z-\[10001\] {
  z-index: 10001
}

.cui-z-\[1000\] {
  z-index: 1000
}

.cui-z-\[1010\] {
  z-index: 1010
}

.cui-z-\[10\] {
  z-index: 10
}

.cui-z-\[1\] {
  z-index: 1
}

.cui-z-\[2001\] {
  z-index: 2001
}

.cui-z-\[2\] {
  z-index: 2
}

.cui-z-\[3\] {
  z-index: 3
}

.cui-z-\[800\] {
  z-index: 800
}

.cui-z-\[900\] {
  z-index: 900
}

.cui-z-\[999\] {
  z-index: 999
}

.cui-z-\[9\] {
  z-index: 9
}

.-cui-order-1 {
  order: -1
}

.cui-col-span-4 {
  grid-column: span 4/span 4
}

.cui-col-span-6 {
  grid-column: span 6/span 6
}

.cui-col-span-full {
  grid-column: 1/-1
}

.cui-m-0 {
  margin: 0
}

.cui-m-1 {
  margin: .25rem
}

.cui-m-5 {
  margin: 1.25rem
}

.cui-m-auto {
  margin: auto
}

.cui-m-l {
  margin: 24px
}

.cui-m-m {
  margin: 16px
}

.cui-m-n {
  margin: 8px
}

.cui-m-xs {
  margin: 2px
}

.cui-mx-0 {
  margin-left: 0;
  margin-right: 0
}

.cui-mx-1 {
  margin-left: .25rem;
  margin-right: .25rem
}

.cui-mx-\[8px\] {
  margin-left: 8px;
  margin-right: 8px
}

.cui-mx-auto {
  margin-left: auto;
  margin-right: auto
}

.cui-mx-l {
  margin-left: 24px;
  margin-right: 24px
}

.cui-mx-m {
  margin-left: 16px;
  margin-right: 16px
}

.cui-mx-n {
  margin-left: 8px;
  margin-right: 8px
}

.cui-mx-s {
  margin-left: 4px;
  margin-right: 4px
}

.cui-mx-xs {
  margin-left: 2px;
  margin-right: 2px
}

.cui-my-0 {
  margin-top: 0;
  margin-bottom: 0
}

.cui-my-5 {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem
}

.cui-my-\[12px\] {
  margin-top: 12px;
  margin-bottom: 12px
}

.cui-my-\[20px\] {
  margin-top: 20px;
  margin-bottom: 20px
}

.cui-my-l {
  margin-top: 24px;
  margin-bottom: 24px
}

.cui-my-m {
  margin-top: 16px;
  margin-bottom: 16px
}

.cui-my-n {
  margin-top: 8px;
  margin-bottom: 8px
}

.cui-my-s {
  margin-top: 4px;
  margin-bottom: 4px
}

.cui-my-xxl {
  margin-top: 40px;
  margin-bottom: 40px
}

.\!cui-mr-\[0px\] {
  margin-right: 0 !important
}

.\!cui-mr-l {
  margin-right: 24px !important
}

.\!cui-mr-n {
  margin-right: 8px !important
}

.\!cui-mr-space {
  margin-right: 12px !important
}

.\!cui-mt-0 {
  margin-top: 0 !important
}

.-cui-ml-\[18\%\] {
  margin-left: -18%
}

.-cui-ml-\[21px\] {
  margin-left: -21px
}

.-cui-ml-\[50px\] {
  margin-left: -50px
}

.-cui-ml-space {
  margin-left: -12px
}

.-cui-mr-\[21px\] {
  margin-right: -21px
}

.-cui-mr-\[50px\] {
  margin-right: -50px
}

.-cui-mr-space {
  margin-right: -12px
}

.-cui-mt-\[3px\] {
  margin-top: -3px
}

.-cui-mt-n {
  margin-top: -8px
}

.-cui-mt-space {
  margin-top: -12px
}

.cui-mb-0 {
  margin-bottom: 0
}

.cui-mb-2 {
  margin-bottom: .5rem
}

.cui-mb-5 {
  margin-bottom: 1.25rem
}

.cui-mb-8 {
  margin-bottom: 2rem
}

.cui-mb-\[12px\] {
  margin-bottom: 12px
}

.cui-mb-\[48px\] {
  margin-bottom: 48px
}

.cui-mb-\[5px\] {
  margin-bottom: 5px
}

.cui-mb-\[7px\] {
  margin-bottom: 7px
}

.cui-mb-auto {
  margin-bottom: auto
}

.cui-mb-l {
  margin-bottom: 24px
}

.cui-mb-m {
  margin-bottom: 16px
}

.cui-mb-n {
  margin-bottom: 8px
}

.cui-mb-s {
  margin-bottom: 4px
}

.cui-mb-xl {
  margin-bottom: 32px
}

.cui-mb-xs {
  margin-bottom: 2px
}

.cui-mb-xxl {
  margin-bottom: 40px
}

.cui-ml-0 {
  margin-left: 0
}

.cui-ml-\[10\%\] {
  margin-left: 10%
}

.cui-ml-\[48px\] {
  margin-left: 48px
}

.cui-ml-auto {
  margin-left: auto
}

.cui-ml-l {
  margin-left: 24px
}

.cui-ml-m {
  margin-left: 16px
}

.cui-ml-n {
  margin-left: 8px
}

.cui-ml-s {
  margin-left: 4px
}

.cui-ml-xl {
  margin-left: 32px
}

.cui-ml-xs {
  margin-left: 2px
}

.cui-mr-auto {
  margin-right: auto
}

.cui-mr-m {
  margin-right: 16px
}

.cui-mr-n {
  margin-right: 8px
}

.cui-mr-s {
  margin-right: 4px
}

.cui-mr-xs {
  margin-right: 2px
}

.cui-mt-0 {
  margin-top: 0
}

.cui-mt-2 {
  margin-top: .5rem
}

.cui-mt-3 {
  margin-top: .75rem
}

.cui-mt-4 {
  margin-top: 1rem
}

.cui-mt-5 {
  margin-top: 1.25rem
}

.cui-mt-8 {
  margin-top: 2rem
}

.cui-mt-\[-2px\] {
  margin-top: -2px
}

.cui-mt-\[-8px\] {
  margin-top: -8px
}

.cui-mt-\[10px\] {
  margin-top: 10px
}

.cui-mt-\[12px\] {
  margin-top: 12px
}

.cui-mt-\[20px\] {
  margin-top: 20px
}

.cui-mt-\[22px\] {
  margin-top: 22px
}

.cui-mt-\[26px\] {
  margin-top: 26px
}

.cui-mt-\[44px\] {
  margin-top: 44px
}

.cui-mt-\[4px\] {
  margin-top: 4px
}

.cui-mt-\[62px\] {
  margin-top: 62px
}

.cui-mt-\[6px\] {
  margin-top: 6px
}

.cui-mt-\[8px\] {
  margin-top: 8px
}

.cui-mt-l {
  margin-top: 24px
}

.cui-mt-m {
  margin-top: 16px
}

.cui-mt-n {
  margin-top: 8px
}

.cui-mt-s {
  margin-top: 4px
}

.cui-mt-space {
  margin-top: 12px
}

.cui-mt-xl {
  margin-top: 32px
}

.cui-mt-xs {
  margin-top: 2px
}

.cui-mt-xxl {
  margin-top: 40px
}

.cui-box-border {
  box-sizing: border-box
}

.cui-line-clamp-1 {
  -webkit-line-clamp: 1
}

.cui-line-clamp-1,
.cui-line-clamp-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical
}

.cui-line-clamp-2 {
  -webkit-line-clamp: 2
}

.cui-line-clamp-3 {
  -webkit-line-clamp: 3
}

.cui-line-clamp-3,
.cui-line-clamp-4 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical
}

.cui-line-clamp-4 {
  -webkit-line-clamp: 4
}

.cui-block {
  display: block
}

.cui-inline-block {
  display: inline-block
}

.cui-inline {
  display: inline
}

.cui-flex {
  display: flex
}

.cui-inline-flex {
  display: inline-flex
}

.cui-grid {
  display: grid
}

.cui-hidden {
  display: none
}

.cui-aspect-square {
  aspect-ratio: 1/1
}

.\!cui-h-auto {
  height: auto !important
}

.cui-h-0 {
  height: 0
}

.cui-h-1 {
  height: .25rem
}

.cui-h-10 {
  height: 2.5rem
}

.cui-h-12 {
  height: 3rem
}

.cui-h-2 {
  height: .5rem
}

.cui-h-2\.5 {
  height: .625rem
}

.cui-h-3 {
  height: .75rem
}

.cui-h-4 {
  height: 1rem
}

.cui-h-5xl {
  height: 64px
}

.cui-h-6 {
  height: 1.5rem
}

.cui-h-8 {
  height: 2rem
}

.cui-h-\[0px\] {
  height: 0
}

.cui-h-\[1000px\] {
  height: 1000px
}

.cui-h-\[100dvh\] {
  height: 100dvh
}

.cui-h-\[100px\] {
  height: 100px
}

.cui-h-\[104px\] {
  height: 104px
}

.cui-h-\[10px\] {
  height: 10px
}

.cui-h-\[112px\] {
  height: 112px
}

.cui-h-\[120px\] {
  height: 120px
}

.cui-h-\[128px\] {
  height: 128px
}

.cui-h-\[12px\] {
  height: 12px
}

.cui-h-\[132px\] {
  height: 132px
}

.cui-h-\[1340px\] {
  height: 1340px
}

.cui-h-\[135px\] {
  height: 135px
}

.cui-h-\[13px\] {
  height: 13px
}

.cui-h-\[142px\] {
  height: 142px
}

.cui-h-\[144px\] {
  height: 144px
}

.cui-h-\[14px\] {
  height: 14px
}

.cui-h-\[15px\] {
  height: 15px
}

.cui-h-\[160px\] {
  height: 160px
}

.cui-h-\[16px\] {
  height: 16px
}

.cui-h-\[1768px\] {
  height: 1768px
}

.cui-h-\[176px\] {
  height: 176px
}

.cui-h-\[180px\] {
  height: 180px
}

.cui-h-\[182px\] {
  height: 182px
}

.cui-h-\[18px\] {
  height: 18px
}

.cui-h-\[190px\] {
  height: 190px
}

.cui-h-\[197px\] {
  height: 197px
}

.cui-h-\[1px\] {
  height: 1px
}

.cui-h-\[20\%\] {
  height: 20%
}

.cui-h-\[200px\] {
  height: 200px
}

.cui-h-\[20px\] {
  height: 20px
}

.cui-h-\[212px\] {
  height: 212px
}

.cui-h-\[224px\] {
  height: 224px
}

.cui-h-\[240px\] {
  height: 240px
}

.cui-h-\[24px\] {
  height: 24px
}

.cui-h-\[26px\] {
  height: 26px
}

.cui-h-\[28px\] {
  height: 28px
}

.cui-h-\[2px\] {
  height: 2px
}

.cui-h-\[300px\] {
  height: 300px
}

.cui-h-\[30px\] {
  height: 30px
}

.cui-h-\[310px\] {
  height: 310px
}

.cui-h-\[32px\] {
  height: 32px
}

.cui-h-\[34px\] {
  height: 34px
}

.cui-h-\[36px\] {
  height: 36px
}

.cui-h-\[376px\] {
  height: 376px
}

.cui-h-\[38px\] {
  height: 38px
}

.cui-h-\[400px\] {
  height: 400px
}

.cui-h-\[40px\] {
  height: 40px
}

.cui-h-\[42px\] {
  height: 42px
}

.cui-h-\[47px\] {
  height: 47px
}

.cui-h-\[48px\] {
  height: 48px
}

.cui-h-\[50\%\] {
  height: 50%
}

.cui-h-\[500px\] {
  height: 500px
}

.cui-h-\[50px\] {
  height: 50px
}

.cui-h-\[52px\] {
  height: 52px
}

.cui-h-\[53px\] {
  height: 53px
}

.cui-h-\[55px\] {
  height: 55px
}

.cui-h-\[56px\] {
  height: 56px
}

.cui-h-\[60\%\] {
  height: 60%
}

.cui-h-\[600px\] {
  height: 600px
}

.cui-h-\[60px\] {
  height: 60px
}

.cui-h-\[64px\] {
  height: 64px
}

.cui-h-\[66dvh\] {
  height: 66dvh
}

.cui-h-\[68px\] {
  height: 68px
}

.cui-h-\[69px\] {
  height: 69px
}

.cui-h-\[6px\] {
  height: 6px
}

.cui-h-\[70\%\] {
  height: 70%
}

.cui-h-\[70px\] {
  height: 70px
}

.cui-h-\[72px\] {
  height: 72px
}

.cui-h-\[74px\] {
  height: 74px
}

.cui-h-\[760px\] {
  height: 760px
}

.cui-h-\[80\%\] {
  height: 80%
}

.cui-h-\[80px\] {
  height: 80px
}

.cui-h-\[83px\] {
  height: 83px
}

.cui-h-\[84px\] {
  height: 84px
}

.cui-h-\[85px\] {
  height: 85px
}

.cui-h-\[86px\] {
  height: 86px
}

.cui-h-\[87px\] {
  height: 87px
}

.cui-h-\[88px\] {
  height: 88px
}

.cui-h-\[8px\] {
  height: 8px
}

.cui-h-\[92px\] {
  height: 92px
}

.cui-h-\[95dvh\] {
  height: 95dvh
}

.cui-h-\[95vh\] {
  height: 95vh
}

.cui-h-\[968px\] {
  height: 968px
}

.cui-h-\[96px\] {
  height: 96px
}

.cui-h-\[calc\(95\*var\(--vh\)\)\] {
  height: calc(var(--vh)*95)
}

.cui-h-auto {
  height: auto
}

.cui-h-fit {
  height: -moz-fit-content;
  height: fit-content
}

.cui-h-full {
  height: 100%
}

.cui-h-inherit {
  height: inherit
}

.cui-h-l {
  height: 24px
}

.cui-h-m {
  height: 16px
}

.cui-h-max {
  height: -moz-max-content;
  height: max-content
}

.cui-h-n {
  height: 8px
}

.cui-h-px {
  height: 1px
}

.cui-h-s {
  height: 4px
}

.cui-h-screen {
  height: 100vh
}

.cui-h-space {
  height: 12px
}

.cui-h-xl {
  height: 32px
}

.cui-h-xxl {
  height: 40px
}

.\!cui-max-h-\[calc\(80\*var\(--vh\)\)\] {
  max-height: calc(var(--vh)*80) !important
}

.cui-max-h-0 {
  max-height: 0
}

.cui-max-h-\[120px\] {
  max-height: 120px
}

.cui-max-h-\[128px\] {
  max-height: 128px
}

.cui-max-h-\[142px\] {
  max-height: 142px
}

.cui-max-h-\[18px\] {
  max-height: 18px
}

.cui-max-h-\[26px\] {
  max-height: 26px
}

.cui-max-h-\[376px\] {
  max-height: 376px
}

.cui-max-h-\[96px\] {
  max-height: 96px
}

.cui-max-h-\[calc\(100\%-15px\)\] {
  max-height: calc(100% - 15px)
}

.cui-max-h-\[calc\(80\*var\(--vh\)-76px\)\] {
  max-height: calc(var(--vh)*80 - 76px)
}

.cui-max-h-\[calc\(95\*var\(--vh\)\)\] {
  max-height: calc(var(--vh)*95)
}

.cui-min-h-0 {
  min-height: 0
}

.cui-min-h-5xl {
  min-height: 64px
}

.cui-min-h-\[100px\] {
  min-height: 100px
}

.cui-min-h-\[24px\] {
  min-height: 24px
}

.cui-min-h-\[25px\] {
  min-height: 25px
}

.cui-min-h-\[330px\] {
  min-height: 330px
}

.cui-min-h-\[36px\] {
  min-height: 36px
}

.cui-min-h-\[452px\] {
  min-height: 452px
}

.cui-min-h-\[48px\] {
  min-height: 48px
}

.cui-min-h-\[70px\] {
  min-height: 70px
}

.cui-min-h-\[77px\] {
  min-height: 77px
}

.cui-min-h-\[92px\] {
  min-height: 92px
}

.cui-min-h-full {
  min-height: 100%
}

.cui-min-h-l {
  min-height: 24px
}

.cui-min-h-screen {
  min-height: 100vh
}

.\!cui-w-\[172px\] {
  width: 172px !important
}

.\!cui-w-\[265px\] {
  width: 265px !important
}

.cui-w-0 {
  width: 0
}

.cui-w-1\/2 {
  width: 50%
}

.cui-w-1\/3 {
  width: 33.333333%
}

.cui-w-10 {
  width: 2.5rem
}

.cui-w-2 {
  width: .5rem
}

.cui-w-20 {
  width: 5rem
}

.cui-w-24 {
  width: 6rem
}

.cui-w-5xl {
  width: 64px
}

.cui-w-\[10\%\] {
  width: 10%
}

.cui-w-\[100px\] {
  width: 100px
}

.cui-w-\[103px\] {
  width: 103px
}

.cui-w-\[104px\] {
  width: 104px
}

.cui-w-\[10px\] {
  width: 10px
}

.cui-w-\[114px\] {
  width: 114px
}

.cui-w-\[120px\] {
  width: 120px
}

.cui-w-\[121px\] {
  width: 121px
}

.cui-w-\[124px\] {
  width: 124px
}

.cui-w-\[126px\] {
  width: 126px
}

.cui-w-\[127px\] {
  width: 127px
}

.cui-w-\[128px\] {
  width: 128px
}

.cui-w-\[132px\] {
  width: 132px
}

.cui-w-\[135px\] {
  width: 135px
}

.cui-w-\[136px\] {
  width: 136px
}

.cui-w-\[140px\] {
  width: 140px
}

.cui-w-\[15px\] {
  width: 15px
}

.cui-w-\[160px\] {
  width: 160px
}

.cui-w-\[168px\] {
  width: 168px
}

.cui-w-\[171px\] {
  width: 171px
}

.cui-w-\[176px\] {
  width: 176px
}

.cui-w-\[180px\] {
  width: 180px
}

.cui-w-\[18px\] {
  width: 18px
}

.cui-w-\[1px\] {
  width: 1px
}

.cui-w-\[20\%\] {
  width: 20%
}

.cui-w-\[200px\] {
  width: 200px
}

.cui-w-\[20px\] {
  width: 20px
}

.cui-w-\[218px\] {
  width: 218px
}

.cui-w-\[222px\] {
  width: 222px
}

.cui-w-\[244px\] {
  width: 244px
}

.cui-w-\[24px\] {
  width: 24px
}

.cui-w-\[254px\] {
  width: 254px
}

.cui-w-\[260px\] {
  width: 260px
}

.cui-w-\[268px\] {
  width: 268px
}

.cui-w-\[26px\] {
  width: 26px
}

.cui-w-\[280px\] {
  width: 280px
}

.cui-w-\[286px\] {
  width: 286px
}

.cui-w-\[288px\] {
  width: 288px
}

.cui-w-\[296px\] {
  width: 296px
}

.cui-w-\[29px\] {
  width: 29px
}

.cui-w-\[30\%\] {
  width: 30%
}

.cui-w-\[300px\] {
  width: 300px
}

.cui-w-\[312px\] {
  width: 312px
}

.cui-w-\[320px\] {
  width: 320px
}

.cui-w-\[328px\] {
  width: 328px
}

.cui-w-\[32px\] {
  width: 32px
}

.cui-w-\[33\%\] {
  width: 33%
}

.cui-w-\[330px\] {
  width: 330px
}

.cui-w-\[344px\] {
  width: 344px
}

.cui-w-\[35\%\] {
  width: 35%
}

.cui-w-\[360px\] {
  width: 360px
}

.cui-w-\[36px\] {
  width: 36px
}

.cui-w-\[40\%\] {
  width: 40%
}

.cui-w-\[40px\] {
  width: 40px
}

.cui-w-\[42\%\] {
  width: 42%
}

.cui-w-\[42px\] {
  width: 42px
}

.cui-w-\[46\%\] {
  width: 46%
}

.cui-w-\[48px\] {
  width: 48px
}

.cui-w-\[50\%\] {
  width: 50%
}

.cui-w-\[50vh\] {
  width: 50vh
}

.cui-w-\[52px\] {
  width: 52px
}

.cui-w-\[53px\] {
  width: 53px
}

.cui-w-\[56px\] {
  width: 56px
}

.cui-w-\[60px\] {
  width: 60px
}

.cui-w-\[64px\] {
  width: 64px
}

.cui-w-\[65\%\] {
  width: 65%
}

.cui-w-\[66\%\] {
  width: 66%
}

.cui-w-\[68px\] {
  width: 68px
}

.cui-w-\[70\%\] {
  width: 70%
}

.cui-w-\[72px\] {
  width: 72px
}

.cui-w-\[73px\] {
  width: 73px
}

.cui-w-\[75\%\] {
  width: 75%
}

.cui-w-\[76px\] {
  width: 76px
}

.cui-w-\[78px\] {
  width: 78px
}

.cui-w-\[80\%\] {
  width: 80%
}

.cui-w-\[80px\] {
  width: 80px
}

.cui-w-\[82px\] {
  width: 82px
}

.cui-w-\[84px\] {
  width: 84px
}

.cui-w-\[8px\] {
  width: 8px
}

.cui-w-\[90\%\] {
  width: 90%
}

.cui-w-\[93\%\] {
  width: 93%
}

.cui-w-\[94\%\] {
  width: 94%
}

.cui-w-\[94px\] {
  width: 94px
}

.cui-w-\[96px\] {
  width: 96px
}

.cui-w-\[98px\] {
  width: 98px
}

.cui-w-\[calc\(100\%-132px\)\] {
  width: calc(100% - 132px)
}

.cui-w-\[calc\(100\%-15px\)\] {
  width: calc(100% - 15px)
}

.cui-w-\[calc\(100\%-16px\)\] {
  width: calc(100% - 16px)
}

.cui-w-\[calc\(100\%-29px\)\] {
  width: calc(100% - 29px)
}

.cui-w-\[calc\(100\%-32px\)\] {
  width: calc(100% - 32px)
}

.cui-w-auto {
  width: auto
}

.cui-w-fit {
  width: -moz-fit-content;
  width: fit-content
}

.cui-w-full {
  width: 100%
}

.cui-w-inherit {
  width: inherit
}

.cui-w-l {
  width: 24px
}

.cui-w-m {
  width: 16px
}

.cui-w-max {
  width: -moz-max-content;
  width: max-content
}

.cui-w-n {
  width: 8px
}

.cui-w-px {
  width: 1px
}

.cui-w-s {
  width: 4px
}

.cui-w-screen {
  width: 100vw
}

.cui-w-space {
  width: 12px
}

.cui-w-xl {
  width: 32px
}

.cui-w-xxl {
  width: 40px
}

.cui-min-w-0 {
  min-width: 0
}

.cui-min-w-\[103px\] {
  min-width: 103px
}

.cui-min-w-\[128px\] {
  min-width: 128px
}

.cui-min-w-\[14px\] {
  min-width: 14px
}

.cui-min-w-\[18px\] {
  min-width: 18px
}

.cui-min-w-\[208px\] {
  min-width: 208px
}

.cui-min-w-\[248px\] {
  min-width: 248px
}

.cui-min-w-\[300px\] {
  min-width: 300px
}

.cui-min-w-\[30px\] {
  min-width: 30px
}

.cui-min-w-\[320px\] {
  min-width: 320px
}

.cui-min-w-\[360px\] {
  min-width: 360px
}

.cui-min-w-\[38px\] {
  min-width: 38px
}

.cui-min-w-\[40px\] {
  min-width: 40px
}

.cui-min-w-\[48px\] {
  min-width: 48px
}

.cui-min-w-\[64px\] {
  min-width: 64px
}

.cui-min-w-\[72px\] {
  min-width: 72px
}

.cui-min-w-\[80px\] {
  min-width: 80px
}

.cui-min-w-\[98px\] {
  min-width: 98px
}

.cui-min-w-fit {
  min-width: -moz-fit-content;
  min-width: fit-content
}

.cui-min-w-full {
  min-width: 100%
}

.cui-min-w-l {
  min-width: 24px
}

.cui-min-w-m {
  min-width: 16px
}

.cui-max-w-3xl {
  max-width: 48rem
}

.cui-max-w-\[100px\] {
  max-width: 100px
}

.cui-max-w-\[120px\] {
  max-width: 120px
}

.cui-max-w-\[1281px\] {
  max-width: 1281px
}

.cui-max-w-\[142px\] {
  max-width: 142px
}

.cui-max-w-\[180px\] {
  max-width: 180px
}

.cui-max-w-\[18px\] {
  max-width: 18px
}

.cui-max-w-\[192px\] {
  max-width: 192px
}

.cui-max-w-\[200px\] {
  max-width: 200px
}

.cui-max-w-\[270px\] {
  max-width: 270px
}

.cui-max-w-\[278px\] {
  max-width: 278px
}

.cui-max-w-\[286px\] {
  max-width: 286px
}

.cui-max-w-\[300px\] {
  max-width: 300px
}

.cui-max-w-\[326px\] {
  max-width: 326px
}

.cui-max-w-\[328px\] {
  max-width: 328px
}

.cui-max-w-\[340px\] {
  max-width: 340px
}

.cui-max-w-\[344px\] {
  max-width: 344px
}

.cui-max-w-\[360px\] {
  max-width: 360px
}

.cui-max-w-\[380px\] {
  max-width: 380px
}

.cui-max-w-\[400px\] {
  max-width: 400px
}

.cui-max-w-\[440px\] {
  max-width: 440px
}

.cui-max-w-\[468px\] {
  max-width: 468px
}

.cui-max-w-\[480px\] {
  max-width: 480px
}

.cui-max-w-\[486px\] {
  max-width: 486px
}

.cui-max-w-\[500px\] {
  max-width: 500px
}

.cui-max-w-\[512px\] {
  max-width: 512px
}

.cui-max-w-\[533px\] {
  max-width: 533px
}

.cui-max-w-\[540px\] {
  max-width: 540px
}

.cui-max-w-\[55px\] {
  max-width: 55px
}

.cui-max-w-\[600px\] {
  max-width: 600px
}

.cui-max-w-\[640px\] {
  max-width: 640px
}

.cui-max-w-\[711px\] {
  max-width: 711px
}

.cui-max-w-\[72px\] {
  max-width: 72px
}

.cui-max-w-\[755px\] {
  max-width: 755px
}

.cui-max-w-\[80px\] {
  max-width: 80px
}

.cui-max-w-\[88px\] {
  max-width: 88px
}

.cui-max-w-\[96px\] {
  max-width: 96px
}

.cui-max-w-\[calc\(100\%-32px\)\] {
  max-width: calc(100% - 32px)
}

.cui-max-w-fit {
  max-width: -moz-fit-content;
  max-width: fit-content
}

.cui-max-w-full {
  max-width: 100%
}

.cui-max-w-mobile {
  max-width: 480px
}

.cui-flex-1 {
  flex: 1 1 0%
}

.cui-flex-auto {
  flex: 1 1 auto
}

.cui-flex-initial {
  flex: 0 1 auto
}

.cui-flex-none {
  flex: none
}

.cui-flex-shrink-0,
.cui-shrink-0 {
  flex-shrink: 0
}

.cui-flex-grow,
.cui-grow {
  flex-grow: 1
}

.cui-grow-0 {
  flex-grow: 0
}

.cui-basis-0 {
  flex-basis: 0px
}

.cui-basis-\[40\%\] {
  flex-basis: 40%
}

.cui-basis-\[60\%\] {
  flex-basis: 60%
}

.cui-basis-auto {
  flex-basis: auto
}

.cui-border-spacing-0 {
  --tw-border-spacing-x: 0px;
  --tw-border-spacing-y: 0px;
  border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y)
}

.cui-origin-center {
  transform-origin: center
}

.cui-origin-top {
  transform-origin: top
}

.-cui-translate-x-1\/2 {
  --tw-translate-x: -50%
}

.-cui-translate-x-1\/2,
.-cui-translate-x-\[120\%\] {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-cui-translate-x-\[120\%\] {
  --tw-translate-x: -120%
}

.-cui-translate-x-full {
  --tw-translate-x: -100%
}

.-cui-translate-x-full,
.-cui-translate-y-1\/2 {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-cui-translate-y-1\/2 {
  --tw-translate-y: -50%
}

.-cui-translate-y-\[101\%\] {
  --tw-translate-y: -101%
}

.-cui-translate-y-\[101\%\],
.-cui-translate-y-\[120\%\] {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-cui-translate-y-\[120\%\] {
  --tw-translate-y: -120%
}

.-cui-translate-y-full {
  --tw-translate-y: -100%
}

.-cui-translate-y-full,
.-cui-translate-y-xl {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-cui-translate-y-xl {
  --tw-translate-y: -32px
}

.cui--translate-x-1\/2 {
  --tw-translate-x: -50%
}

.cui--translate-x-1\/2,
.cui-translate-x-0 {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.cui-translate-x-0 {
  --tw-translate-x: 0px
}

.cui-translate-x-\[-50\%\] {
  --tw-translate-x: -50%
}

.cui-translate-x-\[120\%\],
.cui-translate-x-\[-50\%\] {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.cui-translate-x-\[120\%\] {
  --tw-translate-x: 120%
}

.cui-translate-x-\[calc\(-50\%-8px\)\] {
  --tw-translate-x: calc(-50% - 8px)
}

.cui-translate-x-\[calc\(-50\%-8px\)\],
.cui-translate-x-full {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.cui-translate-x-full {
  --tw-translate-x: 100%
}

.cui-translate-y-0 {
  --tw-translate-y: 0px
}

.cui-translate-y-0,
.cui-translate-y-8 {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.cui-translate-y-8 {
  --tw-translate-y: 2rem
}

.cui-translate-y-\[101\%\] {
  --tw-translate-y: 101%
}

.cui-translate-y-\[50\%\],
.cui-translate-y-\[101\%\] {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.cui-translate-y-\[50\%\] {
  --tw-translate-y: 50%
}

.cui-translate-y-full {
  --tw-translate-y: 100%
}

.cui-rotate-0,
.cui-translate-y-full {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.cui-rotate-0 {
  --tw-rotate: 0deg
}

.cui-rotate-180 {
  --tw-rotate: 180deg
}

.cui-rotate-90,
.cui-rotate-180 {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.cui-rotate-90 {
  --tw-rotate: 90deg
}

.cui-scale-100 {
  --tw-scale-x: 1;
  --tw-scale-y: 1
}

.cui-scale-100,
.cui-scale-105 {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.cui-scale-105 {
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05
}

.cui-scale-110 {
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1
}

.cui-scale-110,
.cui-scale-150 {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.cui-scale-150 {
  --tw-scale-x: 1.5;
  --tw-scale-y: 1.5
}

.cui-scale-50 {
  --tw-scale-x: .5;
  --tw-scale-y: .5
}

.cui-scale-50,
.cui-scale-\[0\.01\] {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.cui-scale-\[0\.01\] {
  --tw-scale-x: .01;
  --tw-scale-y: .01
}

.cui-transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.cui-transform-gpu {
  transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

@keyframes cui-ghostLoaderPulse {
  0% {
    opacity: .5
  }

  to {
    opacity: 1
  }
}

.cui-animate-ghostLoaderPulse {
  animation: cui-ghostLoaderPulse .7s ease-in infinite alternate
}

@keyframes cui-pulse {
  50% {
    opacity: .5
  }
}

.cui-animate-pulse {
  animation: cui-pulse 2s cubic-bezier(.4, 0, .6, 1) infinite
}

@keyframes cui-fillWidthTo {
  to {
    width: 100%
  }
}

.cui-animate-simpleFill {
  animation: cui-fillWidthTo var(--duration) linear forwards
}

.cui-cursor-default {
  cursor: default
}

.cui-cursor-pointer {
  cursor: pointer
}

.cui-select-none {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.cui-list-decimal {
  list-style-type: decimal
}

.cui-list-disc {
  list-style-type: disc
}

.cui-auto-cols-fr {
  grid-auto-columns: minmax(0, 1fr)
}

.cui-grid-flow-col {
  grid-auto-flow: column
}

.cui-grid-flow-dense {
  grid-auto-flow: dense
}

.cui-grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr))
}

.cui-grid-cols-10 {
  grid-template-columns: repeat(10, minmax(0, 1fr))
}

.cui-grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr))
}

.cui-grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr))
}

.cui-grid-cols-\[\.3fr_\.7fr_1fr\] {
  grid-template-columns: .3fr .7fr 1fr
}

.cui-grid-cols-\[10\%_17\%_20\%_max-content\] {
  grid-template-columns: 10% 17% 20% max-content
}

.cui-grid-cols-\[16px_auto\] {
  grid-template-columns: 16px auto
}

.cui-grid-cols-\[16px_auto_16px\] {
  grid-template-columns: 16px auto 16px
}

.cui-grid-cols-\[1fr\,auto\] {
  grid-template-columns: 1fr auto
}


.cui-grid-cols-\[68px_calc\(100\%-68px\)\] {
  grid-template-columns: 68px calc(100% - 68px)
}

.cui-grid-cols-\[auto_1fr_auto\] {
  grid-template-columns: auto 1fr auto
}

.cui-grid-cols-\[repeat\(auto-fill\,minmax\(136px\,auto\)\)\] {
  grid-template-columns: repeat(auto-fill, minmax(136px, auto))
}

.cui-grid-cols-\[repeat\(auto-fill\,minmax\(136px\,max-content\)\)\] {
  grid-template-columns: repeat(auto-fill, minmax(136px, max-content))
}

.cui-grid-rows-\[1fr\,auto\] {
  grid-template-rows: 1fr auto
}

.cui-flex-row {
  flex-direction: row
}

.cui-flex-col {
  flex-direction: column
}

.cui-flex-col-reverse {
  flex-direction: column-reverse
}

.cui-flex-wrap {
  flex-wrap: wrap
}

.cui-place-items-center {
  place-items: center
}

.cui-items-start {
  align-items: flex-start
}

.cui-items-end {
  align-items: flex-end
}

.cui-items-center {
  align-items: center
}

.cui-items-baseline {
  align-items: baseline
}

.cui-items-stretch {
  align-items: stretch
}

.cui-justify-start {
  justify-content: flex-start
}

.cui-justify-end {
  justify-content: flex-end
}

.cui-justify-center {
  justify-content: center
}

.cui-justify-between {
  justify-content: space-between
}

.cui-justify-around {
  justify-content: space-around
}

.cui-gap-0\.5 {
  gap: .125rem
}

.cui-gap-1 {
  gap: .25rem
}

.cui-gap-2 {
  gap: .5rem
}

.cui-gap-3 {
  gap: .75rem
}

.cui-gap-4 {
  gap: 1rem
}

.cui-gap-\[10px\] {
  gap: 10px
}

.cui-gap-\[12px\] {
  gap: 12px
}

.cui-gap-\[20px\] {
  gap: 20px
}

.cui-gap-\[4px\] {
  gap: 4px
}

.cui-gap-\[6px\] {
  gap: 6px
}

.cui-gap-\[7px\] {
  gap: 7px
}

.cui-gap-l {
  gap: 24px
}

.cui-gap-m {
  gap: 16px
}

.cui-gap-n {
  gap: 8px
}

.cui-gap-px {
  gap: 1px
}

.cui-gap-s {
  gap: 4px
}

.cui-gap-space {
  gap: 12px
}

.cui-gap-xs {
  gap: 2px
}

.cui-gap-xxl {
  gap: 40px
}

.cui-gap-x-m {
  -moz-column-gap: 16px;
  column-gap: 16px
}

.cui-gap-x-n {
  -moz-column-gap: 8px;
  column-gap: 8px
}

.cui-gap-y-n {
  row-gap: 8px
}

.cui-self-start {
  align-self: flex-start
}

.cui-self-center {
  align-self: center
}

.cui-self-stretch {
  align-self: stretch
}

.cui-justify-self-start {
  justify-self: start
}

.cui-justify-self-end {
  justify-self: end
}

.cui-overflow-auto {
  overflow: auto
}

.cui-overflow-hidden {
  overflow: hidden
}

.cui-overflow-x-auto {
  overflow-x: auto
}

.cui-overflow-y-auto {
  overflow-y: auto
}

.cui-overflow-x-hidden {
  overflow-x: hidden
}

.cui-overflow-y-hidden {
  overflow-y: hidden
}

.cui-truncate {
  overflow: hidden;
  white-space: nowrap
}

.cui-overflow-ellipsis,
.cui-truncate {
  text-overflow: ellipsis
}

.cui-whitespace-normal {
  white-space: normal
}

.cui-whitespace-nowrap {
  white-space: nowrap
}

.cui-text-wrap {
  text-wrap: wrap
}

.cui-break-words {
  overflow-wrap: break-word
}

.cui-break-all {
  word-break: break-all
}

.cui-rounded {
  border-radius: .25rem
}

.cui-rounded-0 {
  border-radius: 0
}

.cui-rounded-2xl {
  border-radius: 1rem
}

.cui-rounded-3xl {
  border-radius: 1.5rem
}

.cui-rounded-\[12px\] {
  border-radius: 12px
}

.cui-rounded-\[16px\] {
  border-radius: 16px
}

.cui-rounded-\[24px\] {
  border-radius: 24px
}

.cui-rounded-\[4px\] {
  border-radius: 4px
}

.cui-rounded-\[inherit\] {
  border-radius: inherit
}

.cui-rounded-bubble {
  border-radius: 50%
}

.cui-rounded-full {
  border-radius: 9999px
}

.cui-rounded-lg {
  border-radius: .5rem
}

.cui-rounded-m {
  border-radius: 16px
}

.cui-rounded-md {
  border-radius: .375rem
}

.cui-rounded-pill {
  border-radius: 64px
}

.cui-rounded-sm {
  border-radius: 8px
}

.cui-rounded-xl {
  border-radius: 32px
}

.cui-rounded-xs {
  border-radius: 4px
}

.cui-rounded-b-0 {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0
}

.cui-rounded-b-lg {
  border-bottom-right-radius: .5rem;
  border-bottom-left-radius: .5rem
}

.cui-rounded-b-m {
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px
}

.cui-rounded-b-none {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0
}

.cui-rounded-b-sm {
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px
}

.cui-rounded-b-xs {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px
}

.cui-rounded-l-m {
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px
}

.cui-rounded-l-sm {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px
}

.cui-rounded-t-lg {
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem
}

.cui-rounded-t-m {
  border-top-left-radius: 16px;
  border-top-right-radius: 16px
}

.cui-rounded-t-sm {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px
}

.cui-rounded-t-xl {
  border-top-left-radius: 32px;
  border-top-right-radius: 32px
}

.cui-rounded-t-xs {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px
}

.cui-rounded-bl-\[40px\] {
  border-bottom-left-radius: 40px
}

.cui-rounded-br-m {
  border-bottom-right-radius: 16px
}

.cui-rounded-tl-\[40px\] {
  border-top-left-radius: 40px
}

.cui-rounded-tl-l {
  border-top-left-radius: 24px
}

.cui-rounded-tl-lg {
  border-top-left-radius: .5rem
}

.cui-rounded-tl-m {
  border-top-left-radius: 16px
}

.cui-rounded-tr-l {
  border-top-right-radius: 24px
}

.cui-rounded-tr-lg {
  border-top-right-radius: .5rem
}

.cui-rounded-tr-m {
  border-top-right-radius: 16px
}

.cui-border {
  border-width: 1px
}

.cui-border-2 {
  border-width: 2px
}

.cui-border-4 {
  border-width: 4px
}

.cui-border-\[1px\] {
  border-width: 1px
}

.cui-border-\[3px\] {
  border-width: 3px
}

.cui-border-x {
  border-left-width: 1px;
  border-right-width: 1px
}

.cui-border-x-4 {
  border-left-width: 4px;
  border-right-width: 4px
}

.cui-border-b,
.cui-border-b-\[1px\] {
  border-bottom-width: 1px
}

.cui-border-b-\[2px\] {
  border-bottom-width: 2px
}

.cui-border-l-0 {
  border-left-width: 0
}

.cui-border-l-\[3px\] {
  border-left-width: 3px
}

.cui-border-r {
  border-right-width: 1px
}

.cui-border-r-0 {
  border-right-width: 0
}

.cui-border-t {
  border-top-width: 1px
}

.cui-border-t-0 {
  border-top-width: 0
}

.cui-border-solid {
  border-style: solid
}

.cui-border-none {
  border-style: none
}

.cui-border-\[\#6233FF\] {
  --tw-border-opacity: 1;
  border-color: rgb(98 51 255/var(--tw-border-opacity, 1))
}

.cui-border-\[\#FAF5F0\] {
  --tw-border-opacity: 1;
  border-color: rgb(250 245 240/var(--tw-border-opacity, 1))
}

.cui-border-afrodite {
  --tw-border-opacity: 1;
  border-color: rgb(243 209 19/var(--tw-border-opacity, 1))
}

.cui-border-amber-700 {
  --tw-border-opacity: 1;
  border-color: rgb(180 83 9/var(--tw-border-opacity, 1))
}

.cui-border-betano-primary {
  --tw-border-opacity: 1;
  border-color: rgb(255 60 0/var(--tw-border-opacity, 1))
}

.cui-border-earth {
  --tw-border-opacity: 1;
  border-color: rgb(140 114 3/var(--tw-border-opacity, 1))
}

.cui-border-emerald-300 {
  --tw-border-opacity: 1;
  border-color: rgb(110 231 183/var(--tw-border-opacity, 1))
}

.cui-border-emerald-600 {
  --tw-border-opacity: 1;
  border-color: rgb(5 150 105/var(--tw-border-opacity, 1))
}

.cui-border-emerald-800 {
  --tw-border-opacity: 1;
  border-color: rgb(6 95 70/var(--tw-border-opacity, 1))
}

.cui-border-gray-200 {
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235/var(--tw-border-opacity, 1))
}

.cui-border-gray-700 {
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81/var(--tw-border-opacity, 1))
}

.cui-border-gray-900 {
  --tw-border-opacity: 1;
  border-color: rgb(17 24 39/var(--tw-border-opacity, 1))
}

.cui-border-green-600 {
  --tw-border-opacity: 1;
  border-color: rgb(22 163 74/var(--tw-border-opacity, 1))
}

.cui-border-hermes {
  --tw-border-opacity: 1;
  border-color: rgb(91 46 255/var(--tw-border-opacity, 1))
}

.cui-border-jupiter {
  --tw-border-opacity: 1;
  border-color: rgb(9 150 160/var(--tw-border-opacity, 1))
}

.cui-border-lime-600 {
  --tw-border-opacity: 1;
  border-color: rgb(101 163 13/var(--tw-border-opacity, 1))
}

.cui-border-mars-dark {
  --tw-border-opacity: 1;
  border-color: rgb(186 16 48/var(--tw-border-opacity, 1))
}

.cui-border-moon-base {
  --tw-border-opacity: 1;
  border-color: rgb(27 103 218/var(--tw-border-opacity, 1))
}

.cui-border-moon-dark {
  --tw-border-opacity: 1;
  border-color: rgb(32 77 124/var(--tw-border-opacity, 1))
}

.cui-border-n-13-steel {
  --tw-border-opacity: 1;
  border-color: rgb(28 32 38/var(--tw-border-opacity, 1))
}

.cui-border-n-22-licorice {
  --tw-border-opacity: 1;
  border-color: rgb(45 55 69/var(--tw-border-opacity, 1))
}

.cui-border-n-28-cloud-burst {
  --tw-border-opacity: 1;
  border-color: rgb(55 68 86/var(--tw-border-opacity, 1))
}

.cui-border-n-36-east-bay {
  --tw-border-opacity: 1;
  border-color: rgb(72 87 111/var(--tw-border-opacity, 1))
}

.cui-border-n-48-slate {
  --tw-border-opacity: 1;
  border-color: rgb(105 119 139/var(--tw-border-opacity, 1))
}

.cui-border-n-75-smokey {
  --tw-border-opacity: 1;
  border-color: rgb(182 188 198/var(--tw-border-opacity, 1))
}

.cui-border-n-8-dark-steel {
  --tw-border-opacity: 1;
  border-color: rgb(16 20 25/var(--tw-border-opacity, 1))
}

.cui-border-n-85-silver-mist {
  --tw-border-opacity: 1;
  border-color: rgb(209 215 224/var(--tw-border-opacity, 1))
}

.cui-border-n-90-dark-snow {
  --tw-border-opacity: 1;
  border-color: rgb(224 228 234/var(--tw-border-opacity, 1))
}

.cui-border-n-94-dirty-snow {
  --tw-border-opacity: 1;
  border-color: rgb(236 239 241/var(--tw-border-opacity, 1))
}

.cui-border-n-97-porcelain {
  --tw-border-opacity: 1;
  border-color: rgb(246 248 249/var(--tw-border-opacity, 1))
}

.cui-border-neptune {
  --tw-border-opacity: 1;
  border-color: rgb(165 25 193/var(--tw-border-opacity, 1))
}

.cui-border-persian-blue {
  --tw-border-opacity: 1;
  border-color: rgb(66 46 170/var(--tw-border-opacity, 1))
}

.cui-border-pluto-base {
  --tw-border-opacity: 1;
  border-color: rgb(250 160 90/var(--tw-border-opacity, 1))
}

.cui-border-pluto-dark {
  --tw-border-opacity: 1;
  border-color: rgb(192 87 7/var(--tw-border-opacity, 1))
}

.cui-border-poseidon {
  --tw-border-opacity: 1;
  border-color: rgb(23 116 181/var(--tw-border-opacity, 1))
}

.cui-border-primary {
  border-color: var(--theme-brand-color-primary)
}

.cui-border-red-500 {
  --tw-border-opacity: 1;
  border-color: rgb(239 68 68/var(--tw-border-opacity, 1))
}

.cui-border-satin-sheen-gold {
  --tw-border-opacity: 1;
  border-color: rgb(200 156 1/var(--tw-border-opacity, 1))
}

.cui-border-stoiximan-primary {
  --tw-border-opacity: 1;
  border-color: rgb(0 102 204/var(--tw-border-opacity, 1))
}

.cui-border-transparent {
  border-color: transparent
}

.cui-border-uranus {
  --tw-border-opacity: 1;
  border-color: rgb(144 184 71/var(--tw-border-opacity, 1))
}

.cui-border-white-snow {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255/var(--tw-border-opacity, 1))
}

.cui-border-yellow-600 {
  --tw-border-opacity: 1;
  border-color: rgb(202 138 4/var(--tw-border-opacity, 1))
}

.cui-border-zeus-dark {
  --tw-border-opacity: 1;
  border-color: rgb(28 104 72/var(--tw-border-opacity, 1))
}

.cui-border-b-n-28-cloud-burst {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(55 68 86/var(--tw-border-opacity, 1))
}

.cui-border-b-n-94-dirty-snow {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(236 239 241/var(--tw-border-opacity, 1))
}

.cui-border-b-white-snow\/m {
  border-bottom-color: hsla(0, 0%, 100%, .3803921568627451)
}

.cui-border-r-n-36-east-bay {
  --tw-border-opacity: 1;
  border-right-color: rgb(72 87 111/var(--tw-border-opacity, 1))
}

.cui-border-t-n-28-cloud-burst {
  --tw-border-opacity: 1;
  border-top-color: rgb(55 68 86/var(--tw-border-opacity, 1))
}

.cui-border-opacity-\[\.40\] {
  --tw-border-opacity: .4
}

.cui-bg-\[\#11B9CA\] {
  --tw-bg-opacity: 1;
  background-color: rgb(17 185 202/var(--tw-bg-opacity, 1))
}

.cui-bg-\[\#232B3699\] {
  background-color: rgba(35, 43, 54, .6)
}

.cui-bg-\[\#3d4147\] {
  --tw-bg-opacity: 1;
  background-color: rgb(61 65 71/var(--tw-bg-opacity, 1))
}

.cui-bg-\[\#42C25661\] {
  background-color: rgba(66, 194, 86, .3803921568627451)
}

.cui-bg-\[\#525860\] {
  --tw-bg-opacity: 1;
  background-color: rgb(82 88 96/var(--tw-bg-opacity, 1))
}

.cui-bg-\[\#FAF5F0\] {
  --tw-bg-opacity: 1;
  background-color: rgb(250 245 240/var(--tw-bg-opacity, 1))
}

.cui-bg-\[\#FFD700\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 215 0/var(--tw-bg-opacity, 1))
}

.cui-bg-\[\#FFEFE3\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 239 227/var(--tw-bg-opacity, 1))
}

.cui-bg-\[\#dfdbd8\]\/50 {
  background-color: rgba(223, 219, 216, .5019607843137255)
}

.cui-bg-\[\#ececec\] {
  --tw-bg-opacity: 1;
  background-color: rgb(236 236 236/var(--tw-bg-opacity, 1))
}

.cui-bg-afrodite {
  --tw-bg-opacity: 1;
  background-color: rgb(243 209 19/var(--tw-bg-opacity, 1))
}

.cui-bg-amber-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(251 191 36/var(--tw-bg-opacity, 1))
}

.cui-bg-betano-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(255 60 0/var(--tw-bg-opacity, 1))
}

.cui-bg-betano-secondary {
  --tw-bg-opacity: 1;
  background-color: rgb(55 162 92/var(--tw-bg-opacity, 1))
}

.cui-bg-black {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0/var(--tw-bg-opacity, 1))
}

.cui-bg-black\/50 {
  background-color: rgba(0, 0, 0, .5019607843137255)
}

.cui-bg-blue-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246/var(--tw-bg-opacity, 1))
}

.cui-bg-dark {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0/var(--tw-bg-opacity, 1))
}

.cui-bg-dark\/\[\.3\] {
  background-color: rgba(0, 0, 0, .30196078431372547)
}

.cui-bg-dark\/l {
  background-color: rgba(0, 0, 0, .5411764705882353)
}

.cui-bg-dark\/m {
  background-color: rgba(0, 0, 0, .3803921568627451)
}

.cui-bg-dark\/s {
  background-color: rgba(0, 0, 0, .16862745098039217)
}

.cui-bg-dragon-scale {
  --tw-bg-opacity: 1;
  background-color: rgb(41 61 57/var(--tw-bg-opacity, 1))
}

.cui-bg-earth {
  --tw-bg-opacity: 1;
  background-color: rgb(140 114 3/var(--tw-bg-opacity, 1))
}

.cui-bg-gradient-primary {
  background-color: var(--theme-brand-color-gradient-primary)
}

.cui-bg-green-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(134 239 172/var(--tw-bg-opacity, 1))
}

.cui-bg-hermes {
  --tw-bg-opacity: 1;
  background-color: rgb(91 46 255/var(--tw-bg-opacity, 1))
}

.cui-bg-inherit {
  background-color: inherit
}

.cui-bg-jupiter {
  --tw-bg-opacity: 1;
  background-color: rgb(9 150 160/var(--tw-bg-opacity, 1))
}

.cui-bg-mars-base {
  --tw-bg-opacity: 1;
  background-color: rgb(240 80 110/var(--tw-bg-opacity, 1))
}

.cui-bg-mars-dark {
  --tw-bg-opacity: 1;
  background-color: rgb(186 16 48/var(--tw-bg-opacity, 1))
}

.cui-bg-mars-light {
  --tw-bg-opacity: 1;
  background-color: rgb(254 241 244/var(--tw-bg-opacity, 1))
}

.cui-bg-moon-base {
  --tw-bg-opacity: 1;
  background-color: rgb(27 103 218/var(--tw-bg-opacity, 1))
}

.cui-bg-moon-base-light {
  --tw-bg-opacity: 1;
  background-color: rgb(109 185 255/var(--tw-bg-opacity, 1))
}

.cui-bg-moon-light {
  --tw-bg-opacity: 1;
  background-color: rgb(237 246 254/var(--tw-bg-opacity, 1))
}

.cui-bg-n-13-steel {
  --tw-bg-opacity: 1;
  background-color: rgb(28 32 38/var(--tw-bg-opacity, 1))
}

.cui-bg-n-17-black-pearl {
  --tw-bg-opacity: 1;
  background-color: rgb(35 43 54/var(--tw-bg-opacity, 1))
}

.cui-bg-n-17-black-pearl\/\[\.6\] {
  background-color: rgba(35, 43, 54, .6)
}

.cui-bg-n-22-licorice {
  --tw-bg-opacity: 1;
  background-color: rgb(45 55 69/var(--tw-bg-opacity, 1))
}

.cui-bg-n-22-licorice\/60 {
  background-color: rgba(45, 55, 69, .6)
}

.cui-bg-n-28-cloud-burst {
  --tw-bg-opacity: 1;
  background-color: rgb(55 68 86/var(--tw-bg-opacity, 1))
}

.cui-bg-n-36-east-bay {
  --tw-bg-opacity: 1;
  background-color: rgb(72 87 111/var(--tw-bg-opacity, 1))
}

.cui-bg-n-48-slate {
  --tw-bg-opacity: 1;
  background-color: rgb(105 119 139/var(--tw-bg-opacity, 1))
}

.cui-bg-n-65-misty-gray {
  --tw-bg-opacity: 1;
  background-color: rgb(152 164 180/var(--tw-bg-opacity, 1))
}

.cui-bg-n-75-smokey {
  --tw-bg-opacity: 1;
  background-color: rgb(182 188 198/var(--tw-bg-opacity, 1))
}

.cui-bg-n-8-dark-steel {
  --tw-bg-opacity: 1;
  background-color: rgb(16 20 25/var(--tw-bg-opacity, 1))
}

.cui-bg-n-8-dark-steel\/50 {
  background-color: rgba(16, 20, 25, .5019607843137255)
}

.cui-bg-n-8-dark-steel\/\[8\%\] {
  background-color: rgba(16, 20, 25, .0784313725490196)
}

.cui-bg-n-85-silver-mist {
  --tw-bg-opacity: 1;
  background-color: rgb(209 215 224/var(--tw-bg-opacity, 1))
}

.cui-bg-n-90-dark-snow {
  --tw-bg-opacity: 1;
  background-color: rgb(224 228 234/var(--tw-bg-opacity, 1))
}

.cui-bg-n-94-dirty-snow {
  --tw-bg-opacity: 1;
  background-color: rgb(236 239 241/var(--tw-bg-opacity, 1))
}

.cui-bg-n-97-porcelain {
  --tw-bg-opacity: 1;
  background-color: rgb(246 248 249/var(--tw-bg-opacity, 1))
}

.cui-bg-n-97-porcelain\/20 {
  background-color: rgba(246, 248, 249, .2)
}

.cui-bg-neptune {
  --tw-bg-opacity: 1;
  background-color: rgb(165 25 193/var(--tw-bg-opacity, 1))
}

.cui-bg-old-success-table {
  --tw-bg-opacity: 1;
  background-color: rgb(19 206 102/var(--tw-bg-opacity, 1))
}

.cui-bg-persian-blue {
  --tw-bg-opacity: 1;
  background-color: rgb(66 46 170/var(--tw-bg-opacity, 1))
}

.cui-bg-pluto-dark {
  --tw-bg-opacity: 1;
  background-color: rgb(192 87 7/var(--tw-bg-opacity, 1))
}

.cui-bg-pluto-light {
  --tw-bg-opacity: 1;
  background-color: rgb(255 239 227/var(--tw-bg-opacity, 1))
}

.cui-bg-primary {
  background-color: var(--theme-brand-color-primary)
}

.cui-bg-primary-hover {
  background-color: var(--theme-brand-color-primary-hover)
}

.cui-bg-purple {
  --tw-bg-opacity: 1;
  background-color: rgb(138 21 56/var(--tw-bg-opacity, 1))
}

.cui-bg-red-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(252 165 165/var(--tw-bg-opacity, 1))
}

.cui-bg-red-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68/var(--tw-bg-opacity, 1))
}

.cui-bg-satin-sheen-gold {
  --tw-bg-opacity: 1;
  background-color: rgb(200 156 1/var(--tw-bg-opacity, 1))
}

.cui-bg-secondary {
  background-color: var(--theme-brand-color-secondary)
}

.cui-bg-secondary-hover {
  background-color: var(--theme-brand-color-secondary-hover)
}

.cui-bg-slate-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240/var(--tw-bg-opacity, 1))
}

.cui-bg-slate-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(71 85 105/var(--tw-bg-opacity, 1))
}

.cui-bg-stoiximan-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(0 102 204/var(--tw-bg-opacity, 1))
}

.cui-bg-transparent {
  background-color: transparent
}

.cui-bg-uranus {
  --tw-bg-opacity: 1;
  background-color: rgb(144 184 71/var(--tw-bg-opacity, 1))
}

.cui-bg-white,
.cui-bg-white-snow {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
}

.cui-bg-white-snow\/m {
  background-color: hsla(0, 0%, 100%, .3803921568627451)
}

.cui-bg-white-snow\/s {
  background-color: hsla(0, 0%, 100%, .16862745098039217)
}

.cui-bg-white\/5 {
  background-color: hsla(0, 0%, 100%, .050980392156862744)
}

.cui-bg-white\/60 {
  background-color: hsla(0, 0%, 100%, .6)
}

.cui-bg-white\/90 {
  background-color: hsla(0, 0%, 100%, .9019607843137255)
}

.cui-bg-yellow-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(234 179 8/var(--tw-bg-opacity, 1))
}

.cui-bg-zeus-base {
  --tw-bg-opacity: 1;
  background-color: rgb(66 194 86/var(--tw-bg-opacity, 1))
}

.cui-bg-zeus-dark {
  --tw-bg-opacity: 1;
  background-color: rgb(28 104 72/var(--tw-bg-opacity, 1))
}

.cui-bg-zeus-dark\/60 {
  background-color: rgba(28, 104, 72, .6)
}

.cui-bg-zeus-light {
  --tw-bg-opacity: 1;
  background-color: rgb(237 251 243/var(--tw-bg-opacity, 1))
}

.cui-bg-opacity-10 {
  --tw-bg-opacity: .1
}

.cui-bg-opacity-40 {
  --tw-bg-opacity: .4
}

.cui-bg-opacity-60 {
  --tw-bg-opacity: .6
}

.cui-bg-opacity-\[\.17\] {
  --tw-bg-opacity: .17
}

.cui-bg-opacity-\[\.24\] {
  --tw-bg-opacity: .24
}

.cui-bg-opacity-\[0\.15\] {
  --tw-bg-opacity: .15
}

.cui-bg-opacity-\[0\.17\] {
  --tw-bg-opacity: .17
}

.cui-bg-opacity-\[0\.45\] {
  --tw-bg-opacity: .45
}

.cui-bg-opacity-l {
  --tw-bg-opacity: .54
}

.cui-bg-opacity-m {
  --tw-bg-opacity: .38
}

.cui-bg-opacity-xl {
  --tw-bg-opacity: .87
}

.cui-bg-gradient-to-b {
  background-image: linear-gradient(180deg, var(--tw-gradient-stops))
}

.cui-bg-gradient-to-l {
  background-image: linear-gradient(270deg, var(--tw-gradient-stops))
}

.cui-bg-gradient-to-r {
  background-image: linear-gradient(90deg, var(--tw-gradient-stops))
}

.cui-from-\[\#003F31\] {
  --tw-gradient-from: #003f31 var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(0, 63, 49, 0) var(--tw-gradient-to-position)
}

.cui-from-\[\#0A314D\],
.cui-from-\[\#003F31\] {
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.cui-from-\[\#0A314D\] {
  --tw-gradient-from: #0a314d var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(10, 49, 77, 0) var(--tw-gradient-to-position)
}

.cui-from-\[\#1B0A5C\] {
  --tw-gradient-from: #1b0a5c var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(27, 10, 92, 0) var(--tw-gradient-to-position)
}

.cui-from-\[\#1B0A5C\],
.cui-from-\[\#1D3B11\] {
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.cui-from-\[\#1D3B11\] {
  --tw-gradient-from: #1d3b11 var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(29, 59, 17, 0) var(--tw-gradient-to-position)
}

.cui-from-\[\#3A0943\] {
  --tw-gradient-from: #3a0943 var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(58, 9, 67, 0) var(--tw-gradient-to-position)
}

.cui-from-\[\#3A0943\],
.cui-from-\[\#3F3603\] {
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.cui-from-\[\#3F3603\] {
  --tw-gradient-from: #3f3603 var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(63, 54, 3, 0) var(--tw-gradient-to-position)
}

.cui-from-\[\#FAF5F0\] {
  --tw-gradient-from: #faf5f0 var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(250, 245, 240, 0) var(--tw-gradient-to-position)
}

.cui-from-\[\#FAF5F0\],
.cui-from-betano-primary {
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.cui-from-betano-primary {
  --tw-gradient-from: #ff3c00 var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(255, 60, 0, 0) var(--tw-gradient-to-position)
}

.cui-from-black\/80 {
  --tw-gradient-from: rgba(0, 0, 0, 0.8) var(--tw-gradient-from-position);
  --tw-gradient-to: transparent var(--tw-gradient-to-position)
}

.cui-from-black\/80,
.cui-from-dragon-scale {
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.cui-from-dragon-scale {
  --tw-gradient-from: #293d39 var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(41, 61, 57, 0) var(--tw-gradient-to-position)
}

.cui-from-earth {
  --tw-gradient-from: #8c7203 var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(140, 114, 3, 0) var(--tw-gradient-to-position)
}

.cui-from-earth,
.cui-from-gradient-primary {
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.cui-from-gradient-primary {
  --tw-gradient-from: var(--theme-brand-color-gradient-primary) var(--tw-gradient-from-position);
  --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position)
}

.cui-from-hermes {
  --tw-gradient-from: #5b2eff var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(91, 46, 255, 0) var(--tw-gradient-to-position)
}

.cui-from-hermes,
.cui-from-jupiter {
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.cui-from-jupiter {
  --tw-gradient-from: #0996a0 var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(9, 150, 160, 0) var(--tw-gradient-to-position)
}

.cui-from-mars-dark {
  --tw-gradient-from: #ba1030 var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(186, 16, 48, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.cui-from-n-13-steel {
  --tw-gradient-from: #1c2026 var(--tw-gradient-from-position)
}

.cui-from-n-13-steel,
.cui-from-n-13-steel\/80 {
  --tw-gradient-to: rgba(28, 32, 38, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.cui-from-n-13-steel\/80 {
  --tw-gradient-from: rgba(28, 32, 38, 0.8) var(--tw-gradient-from-position)
}

.cui-from-n-22-licorice\/\[\.30\] {
  --tw-gradient-from: rgba(45, 55, 69, 0.3) var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(45, 55, 69, 0) var(--tw-gradient-to-position)
}

.cui-from-n-22-licorice\/\[\.30\],
.cui-from-n-28-cloud-burst {
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.cui-from-n-28-cloud-burst {
  --tw-gradient-from: #374456 var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(55, 68, 86, 0) var(--tw-gradient-to-position)
}

.cui-from-n-36-east-bay {
  --tw-gradient-from: #48576f var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(72, 87, 111, 0) var(--tw-gradient-to-position)
}

.cui-from-n-36-east-bay,
.cui-from-n-94-dirty-snow {
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.cui-from-n-94-dirty-snow {
  --tw-gradient-from: #eceff1 var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(236, 239, 241, 0) var(--tw-gradient-to-position)
}

.cui-from-neptune {
  --tw-gradient-from: #a519c1 var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(165, 25, 193, 0) var(--tw-gradient-to-position)
}

.cui-from-neptune,
.cui-from-orange-pr-dark {
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.cui-from-orange-pr-dark {
  --tw-gradient-from: #ff711f var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(255, 113, 31, 0) var(--tw-gradient-to-position)
}

.cui-from-persian-blue {
  --tw-gradient-from: #422eaa var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(66, 46, 170, 0) var(--tw-gradient-to-position)
}

.cui-from-persian-blue,
.cui-from-poseidon {
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.cui-from-poseidon {
  --tw-gradient-from: #1774b5 var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(23, 116, 181, 0) var(--tw-gradient-to-position)
}

.cui-from-satin-sheen-gold {
  --tw-gradient-from: #c89c01 var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(200, 156, 1, 0) var(--tw-gradient-to-position)
}

.cui-from-satin-sheen-gold,
.cui-from-transparent {
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.cui-from-transparent {
  --tw-gradient-from: transparent var(--tw-gradient-from-position);
  --tw-gradient-to: transparent var(--tw-gradient-to-position)
}

.cui-from-uranus {
  --tw-gradient-from: #90b847 var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(144, 184, 71, 0) var(--tw-gradient-to-position)
}

.cui-from-uranus,
.cui-from-zeus-dark {
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.cui-from-zeus-dark {
  --tw-gradient-from: #1c6848 var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(28, 104, 72, 0) var(--tw-gradient-to-position)
}

.cui-from-0\% {
  --tw-gradient-from-position: 0%
}

.cui-from-25\% {
  --tw-gradient-from-position: 25%
}

.cui-from-50\% {
  --tw-gradient-from-position: 50%
}

.cui-from-\[30px\] {
  --tw-gradient-from-position: 30px
}

.cui-via-n-22-licorice\/\[\.70\] {
  --tw-gradient-to: rgba(45, 55, 69, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgba(45, 55, 69, 0.7) var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.cui-to-\[\#C6D6ED\] {
  --tw-gradient-to: #c6d6ed var(--tw-gradient-to-position)
}

.cui-to-\[\#FAF5F0\] {
  --tw-gradient-to: #faf5f0 var(--tw-gradient-to-position)
}

.cui-to-betano-primary {
  --tw-gradient-to: #ff3c00 var(--tw-gradient-to-position)
}

.cui-to-black\/50 {
  --tw-gradient-to: rgba(0, 0, 0, 0.5) var(--tw-gradient-to-position)
}

.cui-to-gold {
  --tw-gradient-to: gold var(--tw-gradient-to-position)
}

.cui-to-hermes {
  --tw-gradient-to: #5b2eff var(--tw-gradient-to-position)
}

.cui-to-mars-base {
  --tw-gradient-to: #f0506e var(--tw-gradient-to-position)
}

.cui-to-moonstone {
  --tw-gradient-to: #11b9ca var(--tw-gradient-to-position)
}

.cui-to-n-13-steel {
  --tw-gradient-to: #1c2026 var(--tw-gradient-to-position)
}

.cui-to-n-22-licorice {
  --tw-gradient-to: #2d3745 var(--tw-gradient-to-position)
}

.cui-to-n-28-cloud-burst {
  --tw-gradient-to: #374456 var(--tw-gradient-to-position)
}

.cui-to-n-36-east-bay {
  --tw-gradient-to: #48576f var(--tw-gradient-to-position)
}

.cui-to-n-8-dark-steel {
  --tw-gradient-to: #101419 var(--tw-gradient-to-position)
}

.cui-to-n-8-dark-steel\/70 {
  --tw-gradient-to: rgba(16, 20, 25, 0.7) var(--tw-gradient-to-position)
}

.cui-to-n-94-dirty-snow {
  --tw-gradient-to: #eceff1 var(--tw-gradient-to-position)
}

.cui-to-neptune-base {
  --tw-gradient-to: #e18af5 var(--tw-gradient-to-position)
}

.cui-to-orange-pr-base {
  --tw-gradient-to: #ffb337 var(--tw-gradient-to-position)
}

.cui-to-transparent {
  --tw-gradient-to: transparent var(--tw-gradient-to-position)
}

.cui-to-zeus-base {
  --tw-gradient-to: #42c256 var(--tw-gradient-to-position)
}

.cui-to-100\% {
  --tw-gradient-to-position: 100%
}

.cui-to-50\% {
  --tw-gradient-to-position: 50%
}

.cui-to-\[310px\] {
  --tw-gradient-to-position: 310px
}

.cui-to-\[44\%\] {
  --tw-gradient-to-position: 44%
}

.cui-bg-\[length\:100\%_auto\] {
  background-size: 100% auto
}

.cui-bg-cover {
  background-size: cover
}

.cui-bg-center {
  background-position: 50%
}

.cui-bg-no-repeat {
  background-repeat: no-repeat
}

.cui-fill-green-500 {
  fill: #22c55e
}

.cui-fill-mars-base {
  fill: #f0506e
}

.cui-fill-mars-base\/90 {
  fill: rgba(240, 80, 110, .9019607843137255)
}

.cui-fill-mars-light {
  fill: #fef1f4
}

.cui-fill-moon-base {
  fill: #1b67da
}

.cui-fill-n-13-steel {
  fill: #1c2026
}

.cui-fill-n-17-black-pearl {
  fill: #232b36
}

.cui-fill-n-22-licorice {
  fill: #2d3745
}

.cui-fill-n-28-cloud-burst {
  fill: #374456
}

.cui-fill-n-48-slate {
  fill: #69778b
}

.cui-fill-n-55-midnight-haze {
  fill: #7a899e
}

.cui-fill-n-75-smokey {
  fill: #b6bcc6
}

.cui-fill-n-90-dark-snow {
  fill: #e0e4ea
}

.cui-fill-n-94-dirty-snow {
  fill: #eceff1
}

.cui-fill-n-97-porcelain {
  fill: #f6f8f9
}

.cui-fill-none {
  fill: none
}

.cui-fill-old-success-table\/90 {
  fill: rgba(19, 206, 102, .9019607843137255)
}

.cui-fill-pluto-base {
  fill: #faa05a
}

.cui-fill-pluto-dark {
  fill: #c05707
}

.cui-fill-pluto-light {
  fill: #ffefe3
}

.cui-fill-white,
.cui-fill-white-snow {
  fill: #fff
}

.cui-fill-zeus-base {
  fill: #42c256
}

.cui-fill-zeus-light {
  fill: #edfbf3
}

.cui-stroke-hermes-light {
  stroke: #bca9ff
}

.cui-stroke-n-13-steel {
  stroke: #1c2026
}

.cui-stroke-white-snow {
  stroke: #fff
}

.cui-object-contain {
  -o-object-fit: contain;
  object-fit: contain
}

.cui-object-cover {
  -o-object-fit: cover;
  object-fit: cover
}

.cui-p-0 {
  padding: 0
}

.cui-p-2 {
  padding: .5rem
}

.cui-p-20 {
  padding: 5rem
}

.cui-p-3 {
  padding: .75rem
}

.cui-p-4 {
  padding: 1rem
}

.cui-p-5 {
  padding: 1.25rem
}

.cui-p-6 {
  padding: 1.5rem
}

.cui-p-\[0\.75rem\] {
  padding: .75rem
}

.cui-p-\[12px\] {
  padding: 12px
}

.cui-p-\[5px\] {
  padding: 5px
}

.cui-p-l {
  padding: 24px
}

.cui-p-m {
  padding: 16px
}

.cui-p-n {
  padding: 8px
}

.cui-p-px {
  padding: 1px
}

.cui-p-s {
  padding: 4px
}

.cui-p-space {
  padding: 12px
}

.cui-p-xl {
  padding: 32px
}

.cui-p-xs {
  padding: 2px
}

.cui-px-2 {
  padding-left: .5rem;
  padding-right: .5rem
}

.cui-px-4 {
  padding-left: 1rem;
  padding-right: 1rem
}

.cui-px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem
}

.cui-px-8 {
  padding-left: 2rem;
  padding-right: 2rem
}

.cui-px-\[16px\] {
  padding-left: 16px;
  padding-right: 16px
}

.cui-px-\[18px\] {
  padding-left: 18px;
  padding-right: 18px
}

.cui-px-\[6px\] {
  padding-left: 6px;
  padding-right: 6px
}

.cui-px-l {
  padding-left: 24px;
  padding-right: 24px
}

.cui-px-m {
  padding-left: 16px;
  padding-right: 16px
}

.cui-px-n {
  padding-left: 8px;
  padding-right: 8px
}

.cui-px-px {
  padding-left: 1px;
  padding-right: 1px
}

.cui-px-s {
  padding-left: 4px;
  padding-right: 4px
}

.cui-px-space {
  padding-left: 12px;
  padding-right: 12px
}

.cui-px-xl {
  padding-left: 32px;
  padding-right: 32px
}

.cui-py-0 {
  padding-top: 0;
  padding-bottom: 0
}

.cui-py-1 {
  padding-top: .25rem;
  padding-bottom: .25rem
}

.cui-py-2 {
  padding-top: .5rem;
  padding-bottom: .5rem
}

.cui-py-\[1px\] {
  padding-top: 1px;
  padding-bottom: 1px
}

.cui-py-\[24px\] {
  padding-top: 24px;
  padding-bottom: 24px
}

.cui-py-\[6px\] {
  padding-top: 6px;
  padding-bottom: 6px
}

.cui-py-l {
  padding-top: 24px;
  padding-bottom: 24px
}

.cui-py-m {
  padding-top: 16px;
  padding-bottom: 16px
}

.cui-py-n {
  padding-top: 8px;
  padding-bottom: 8px
}

.cui-py-px {
  padding-top: 1px;
  padding-bottom: 1px
}

.cui-py-s {
  padding-top: 4px;
  padding-bottom: 4px
}

.cui-py-space {
  padding-top: 12px;
  padding-bottom: 12px
}

.cui-py-xs {
  padding-top: 2px;
  padding-bottom: 2px
}

.cui-py-xxl {
  padding-top: 40px;
  padding-bottom: 40px
}

.cui-pb-0 {
  padding-bottom: 0
}

.cui-pb-10 {
  padding-bottom: 2.5rem
}

.cui-pb-5xl {
  padding-bottom: 64px
}

.cui-pb-\[16px\] {
  padding-bottom: 16px
}

.cui-pb-\[24px\] {
  padding-bottom: 24px
}

.cui-pb-\[40px\] {
  padding-bottom: 40px
}

.cui-pb-l {
  padding-bottom: 24px
}

.cui-pb-m {
  padding-bottom: 16px
}

.cui-pb-n {
  padding-bottom: 8px
}

.cui-pb-s {
  padding-bottom: 4px
}

.cui-pb-space {
  padding-bottom: 12px
}

.cui-pb-xl {
  padding-bottom: 32px
}

.cui-pb-xs {
  padding-bottom: 2px
}

.cui-pb-xxl {
  padding-bottom: 40px
}

.cui-pl-3xl {
  padding-left: 48px
}

.cui-pl-\[10px\] {
  padding-left: 10px
}

.cui-pl-\[12px\] {
  padding-left: 12px
}

.cui-pl-\[16px\] {
  padding-left: 16px
}

.cui-pl-\[26px\] {
  padding-left: 26px
}

.cui-pl-\[28px\] {
  padding-left: 28px
}

.cui-pl-\[48px\] {
  padding-left: 48px
}

.cui-pl-l {
  padding-left: 24px
}

.cui-pl-m {
  padding-left: 16px
}

.cui-pl-n {
  padding-left: 8px
}

.cui-pl-s {
  padding-left: 4px
}

.cui-pl-sm {
  padding-left: 6px
}

.cui-pl-xs {
  padding-left: 2px
}

.cui-pr-\[1\.5rem\] {
  padding-right: 1.5rem
}

.cui-pr-\[10px\] {
  padding-right: 10px
}

.cui-pr-\[32px\] {
  padding-right: 32px
}

.cui-pr-\[3px\] {
  padding-right: 3px
}

.cui-pr-m {
  padding-right: 16px
}

.cui-pr-n {
  padding-right: 8px
}

.cui-pr-s {
  padding-right: 4px
}

.cui-pr-sm {
  padding-right: 6px
}

.cui-pr-space {
  padding-right: 12px
}

.cui-pt-0 {
  padding-top: 0
}

.cui-pt-6 {
  padding-top: 1.5rem
}

.cui-pt-\[12px\] {
  padding-top: 12px
}

.cui-pt-\[170px\] {
  padding-top: 170px
}

.cui-pt-\[20px\] {
  padding-top: 20px
}

.cui-pt-\[24px\] {
  padding-top: 24px
}

.cui-pt-\[26px\] {
  padding-top: 26px
}

.cui-pt-\[32px\] {
  padding-top: 32px
}

.cui-pt-\[36px\] {
  padding-top: 36px
}

.cui-pt-\[40px\] {
  padding-top: 40px
}

.cui-pt-\[48px\] {
  padding-top: 48px
}

.cui-pt-\[99px\] {
  padding-top: 99px
}

.cui-pt-l {
  padding-top: 24px
}

.cui-pt-m {
  padding-top: 16px
}

.cui-pt-n {
  padding-top: 8px
}

.cui-pt-s {
  padding-top: 4px
}

.cui-pt-space {
  padding-top: 12px
}

.cui-pt-xl {
  padding-top: 32px
}

.cui-text-left {
  text-align: left
}

.cui-text-center {
  text-align: center
}

.cui-text-end {
  text-align: end
}

.cui-align-middle {
  vertical-align: middle
}

.cui-text-2xl {
  font-size: 1.5rem;
  line-height: 2rem
}

.cui-text-\[\.64286rem\] {
  font-size: .64286rem
}

.cui-text-\[10px\] {
  font-size: 10px
}

.cui-text-\[12px\] {
  font-size: 12px
}

.cui-text-\[14px\] {
  font-size: 14px
}

.cui-text-\[16px\] {
  font-size: 16px
}

.cui-text-\[20px\] {
  font-size: 20px
}

.cui-text-\[32px\] {
  font-size: 32px
}

.cui-text-\[9px\] {
  font-size: 9px
}

.cui-text-base {
  font-size: 1rem;
  line-height: 1.5rem
}

.cui-text-l {
  font-size: 1.4285714285714286rem
}

.cui-text-m {
  font-size: 1.1428571428571428rem
}

.cui-text-s {
  font-size: 1rem
}

.cui-text-sm {
  font-size: .875rem;
  line-height: 1.25rem
}

.cui-text-tiny {
  font-size: .6428571428571429rem
}

.cui-text-xl {
  font-size: 1.7142857142857142rem
}

.cui-text-xs {
  font-size: .8571428571428571rem
}

.cui-text-xxl {
  font-size: 2.5714285714285716rem
}

.cui-text-xxs {
  font-size: .7857142857142857rem
}

.cui-text-xxxs {
  font-size: .7142857142857143rem
}

.cui-font-bold {
  font-weight: 700
}

.cui-font-normal,
.cui-font-regular {
  font-weight: 400
}

.cui-font-semibold {
  font-weight: 600
}

.cui-uppercase {
  text-transform: uppercase
}

.cui-capitalize {
  text-transform: capitalize
}

.cui-italic {
  font-style: italic
}

.cui-leading-4 {
  line-height: 1rem
}

.cui-leading-5 {
  line-height: 1.25rem
}

.cui-leading-\[1\.2\] {
  line-height: 1.2
}

.cui-leading-\[10px\] {
  line-height: 10px
}

.cui-leading-\[14px\] {
  line-height: 14px
}

.cui-leading-\[16px\] {
  line-height: 16px
}

.cui-leading-\[34px\] {
  line-height: 34px
}

.cui-leading-l {
  line-height: 24px
}

.cui-leading-m {
  line-height: 20px
}

.cui-leading-none {
  line-height: 1
}

.cui-leading-normal {
  line-height: 1.5
}

.cui-leading-s {
  line-height: 16px
}

.cui-leading-tight {
  line-height: 1.25
}

.cui-leading-xl {
  line-height: 40px
}

.cui-leading-xs {
  line-height: 12px
}

.cui-tracking-xs {
  letter-spacing: .15px
}

.cui-text-\[\#0f0f23\] {
  --tw-text-opacity: 1;
  color: rgb(15 15 35/var(--tw-text-opacity, 1))
}

.cui-text-\[\#989898\] {
  --tw-text-opacity: 1;
  color: rgb(152 152 152/var(--tw-text-opacity, 1))
}

.cui-text-\[\#BF8A3A\] {
  --tw-text-opacity: 1;
  color: rgb(191 138 58/var(--tw-text-opacity, 1))
}

.cui-text-\[\#C05707\] {
  --tw-text-opacity: 1;
  color: rgb(192 87 7/var(--tw-text-opacity, 1))
}

.cui-text-\[\#ECEFF1\] {
  --tw-text-opacity: 1;
  color: rgb(236 239 241/var(--tw-text-opacity, 1))
}

.cui-text-\[\#F5BF41\] {
  --tw-text-opacity: 1;
  color: rgb(245 191 65/var(--tw-text-opacity, 1))
}

.cui-text-afrodite {
  --tw-text-opacity: 1;
  color: rgb(243 209 19/var(--tw-text-opacity, 1))
}

.cui-text-amber-700 {
  --tw-text-opacity: 1;
  color: rgb(180 83 9/var(--tw-text-opacity, 1))
}

.cui-text-betano-primary {
  --tw-text-opacity: 1;
  color: rgb(255 60 0/var(--tw-text-opacity, 1))
}

.cui-text-black {
  --tw-text-opacity: 1;
  color: rgb(0 0 0/var(--tw-text-opacity, 1))
}

.cui-text-black\/90 {
  color: rgba(0, 0, 0, .9019607843137255)
}

.cui-text-cyan-500 {
  --tw-text-opacity: 1;
  color: rgb(6 182 212/var(--tw-text-opacity, 1))
}

.cui-text-earth {
  --tw-text-opacity: 1;
  color: rgb(140 114 3/var(--tw-text-opacity, 1))
}

.cui-text-emerald-300 {
  --tw-text-opacity: 1;
  color: rgb(110 231 183/var(--tw-text-opacity, 1))
}

.cui-text-emerald-600 {
  --tw-text-opacity: 1;
  color: rgb(5 150 105/var(--tw-text-opacity, 1))
}

.cui-text-emerald-800 {
  --tw-text-opacity: 1;
  color: rgb(6 95 70/var(--tw-text-opacity, 1))
}

.cui-text-gray-100 {
  --tw-text-opacity: 1;
  color: rgb(243 244 246/var(--tw-text-opacity, 1))
}

.cui-text-gray-200 {
  --tw-text-opacity: 1;
  color: rgb(229 231 235/var(--tw-text-opacity, 1))
}

.cui-text-gray-400 {
  --tw-text-opacity: 1;
  color: rgb(156 163 175/var(--tw-text-opacity, 1))
}

.cui-text-gray-600 {
  --tw-text-opacity: 1;
  color: rgb(75 85 99/var(--tw-text-opacity, 1))
}

.cui-text-gray-900 {
  --tw-text-opacity: 1;
  color: rgb(17 24 39/var(--tw-text-opacity, 1))
}

.cui-text-green-600 {
  --tw-text-opacity: 1;
  color: rgb(22 163 74/var(--tw-text-opacity, 1))
}

.cui-text-hermes {
  --tw-text-opacity: 1;
  color: rgb(91 46 255/var(--tw-text-opacity, 1))
}

.cui-text-inherit {
  color: inherit
}

.cui-text-jupiter {
  --tw-text-opacity: 1;
  color: rgb(9 150 160/var(--tw-text-opacity, 1))
}

.cui-text-lime-400 {
  --tw-text-opacity: 1;
  color: rgb(163 230 53/var(--tw-text-opacity, 1))
}

.cui-text-lime-600 {
  --tw-text-opacity: 1;
  color: rgb(101 163 13/var(--tw-text-opacity, 1))
}

.cui-text-mars-base {
  --tw-text-opacity: 1;
  color: rgb(240 80 110/var(--tw-text-opacity, 1))
}

.cui-text-mars-base\/90 {
  color: rgba(240, 80, 110, .9019607843137255)
}

.cui-text-mars-dark {
  --tw-text-opacity: 1;
  color: rgb(186 16 48/var(--tw-text-opacity, 1))
}

.cui-text-moon-base {
  --tw-text-opacity: 1;
  color: rgb(27 103 218/var(--tw-text-opacity, 1))
}

.cui-text-moon-base-light {
  --tw-text-opacity: 1;
  color: rgb(109 185 255/var(--tw-text-opacity, 1))
}

.cui-text-moon-dark {
  --tw-text-opacity: 1;
  color: rgb(32 77 124/var(--tw-text-opacity, 1))
}

.cui-text-n-13-steel {
  --tw-text-opacity: 1;
  color: rgb(28 32 38/var(--tw-text-opacity, 1))
}

.cui-text-n-22-licorice {
  --tw-text-opacity: 1;
  color: rgb(45 55 69/var(--tw-text-opacity, 1))
}

.cui-text-n-28-cloud-burst {
  --tw-text-opacity: 1;
  color: rgb(55 68 86/var(--tw-text-opacity, 1))
}

.cui-text-n-36-east-bay {
  --tw-text-opacity: 1;
  color: rgb(72 87 111/var(--tw-text-opacity, 1))
}

.cui-text-n-48-slate {
  --tw-text-opacity: 1;
  color: rgb(105 119 139/var(--tw-text-opacity, 1))
}

.cui-text-n-55-midnight-haze {
  --tw-text-opacity: 1;
  color: rgb(122 137 158/var(--tw-text-opacity, 1))
}

.cui-text-n-65-misty-gray {
  --tw-text-opacity: 1;
  color: rgb(152 164 180/var(--tw-text-opacity, 1))
}

.cui-text-n-75-smokey {
  --tw-text-opacity: 1;
  color: rgb(182 188 198/var(--tw-text-opacity, 1))
}

.cui-text-n-8-dark-steel {
  --tw-text-opacity: 1;
  color: rgb(16 20 25/var(--tw-text-opacity, 1))
}

.cui-text-n-85-silver-mist {
  --tw-text-opacity: 1;
  color: rgb(209 215 224/var(--tw-text-opacity, 1))
}

.cui-text-n-90-dark-snow {
  --tw-text-opacity: 1;
  color: rgb(224 228 234/var(--tw-text-opacity, 1))
}

.cui-text-n-94-dirty-snow {
  --tw-text-opacity: 1;
  color: rgb(236 239 241/var(--tw-text-opacity, 1))
}

.cui-text-n-97-porcelain {
  --tw-text-opacity: 1;
  color: rgb(246 248 249/var(--tw-text-opacity, 1))
}

.cui-text-neptune {
  --tw-text-opacity: 1;
  color: rgb(165 25 193/var(--tw-text-opacity, 1))
}

.cui-text-old-success-table\/90 {
  color: rgba(19, 206, 102, .9019607843137255)
}

.cui-text-orange-400 {
  --tw-text-opacity: 1;
  color: rgb(251 146 60/var(--tw-text-opacity, 1))
}

.cui-text-pluto-dark {
  --tw-text-opacity: 1;
  color: rgb(192 87 7/var(--tw-text-opacity, 1))
}

.cui-text-poseidon {
  --tw-text-opacity: 1;
  color: rgb(23 116 181/var(--tw-text-opacity, 1))
}

.cui-text-red-500 {
  --tw-text-opacity: 1;
  color: rgb(239 68 68/var(--tw-text-opacity, 1))
}

.cui-text-stoiximan-primary {
  --tw-text-opacity: 1;
  color: rgb(0 102 204/var(--tw-text-opacity, 1))
}

.cui-text-transparent {
  color: transparent
}

.cui-text-uranus {
  --tw-text-opacity: 1;
  color: rgb(144 184 71/var(--tw-text-opacity, 1))
}

.cui-text-white,
.cui-text-white-snow {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.cui-text-yellow-600 {
  --tw-text-opacity: 1;
  color: rgb(202 138 4/var(--tw-text-opacity, 1))
}

.cui-text-zeus-base {
  --tw-text-opacity: 1;
  color: rgb(66 194 86/var(--tw-text-opacity, 1))
}

.cui-text-zeus-dark {
  --tw-text-opacity: 1;
  color: rgb(28 104 72/var(--tw-text-opacity, 1))
}

.cui-text-opacity-90 {
  --tw-text-opacity: .9
}

.cui-text-opacity-xl {
  --tw-text-opacity: .87
}

.cui-no-underline {
  -webkit-text-decoration-line: none;
  text-decoration-line: none
}

.cui-accent-moon-base {
  accent-color: #1b67da
}

.\!cui-opacity-full {
  opacity: 1 !important
}

.cui-opacity-0 {
  opacity: 0
}

.cui-opacity-100 {
  opacity: 1
}

.cui-opacity-40 {
  opacity: .4
}

.cui-opacity-50 {
  opacity: .5
}

.cui-opacity-70 {
  opacity: .7
}

.cui-opacity-75 {
  opacity: .75
}

.cui-opacity-\[0\.45\] {
  opacity: .45
}

.cui-opacity-\[0\.48\] {
  opacity: .48
}

.cui-opacity-full {
  opacity: 1
}

.cui-opacity-l {
  opacity: .54
}

.cui-opacity-m {
  opacity: .38
}

.cui-shadow-\[0_0_24px_24px\] {
  --tw-shadow: 0 0 24px 24px;
  --tw-shadow-colored: 0 0 24px 24px var(--tw-shadow-color)
}

.cui-shadow-\[0_0_24px_24px\],
.cui-shadow-\[0_20px_40px_0px_\#101419\] {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

.cui-shadow-\[0_20px_40px_0px_\#101419\] {
  --tw-shadow: 0 20px 40px 0px #101419;
  --tw-shadow-colored: 0 20px 40px 0px var(--tw-shadow-color)
}

.cui-shadow-\[0px_0px_0px_1px_\#11B9CA\] {
  --tw-shadow: 0px 0px 0px 1px #11b9ca;
  --tw-shadow-colored: 0px 0px 0px 1px var(--tw-shadow-color)
}

.cui-shadow-\[0px_0px_0px_1px_\#4B5563\],
.cui-shadow-\[0px_0px_0px_1px_\#11B9CA\] {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

.cui-shadow-\[0px_0px_0px_1px_\#4B5563\] {
  --tw-shadow: 0px 0px 0px 1px #4b5563;
  --tw-shadow-colored: 0px 0px 0px 1px var(--tw-shadow-color)
}

.cui-shadow-\[0px_0px_0px_1px_\#FAF5F0\] {
  --tw-shadow: 0px 0px 0px 1px #faf5f0;
  --tw-shadow-colored: 0px 0px 0px 1px var(--tw-shadow-color)
}

.cui-shadow-\[0px_0px_0px_1px_\#FAF5F0\],
.cui-shadow-\[0px_0px_0px_1px_\#FFD700\] {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

.cui-shadow-\[0px_0px_0px_1px_\#FFD700\] {
  --tw-shadow: 0px 0px 0px 1px gold;
  --tw-shadow-colored: 0px 0px 0px 1px var(--tw-shadow-color)
}

.cui-shadow-\[0px_0px_0px_1px_betano-primary\] {
  --tw-shadow: 0px 0px 0px 1px betano-primary;
  --tw-shadow-colored: 0px 0px 0px 1px var(--tw-shadow-color)
}

.cui-shadow-\[0px_0px_0px_1px_betano-primary\],
.cui-shadow-\[0px_0px_3px_0px\] {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

.cui-shadow-\[0px_0px_3px_0px\] {
  --tw-shadow: 0px 0px 3px 0px;
  --tw-shadow-colored: 0px 0px 3px 0px var(--tw-shadow-color)
}



.cui-shadow-\[0px_0px_5px_0px_\#11B9CACC\] {
  --tw-shadow: 0px 0px 5px 0px rgba(17, 185, 202, 0.8);
  --tw-shadow-colored: 0px 0px 5px 0px var(--tw-shadow-color)
}

.cui-shadow-\[0px_0px_5px_0px_\#11B9CACC\],
.cui-shadow-\[0px_0px_5px_0px_\#C99D02B2\] {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

.cui-shadow-\[0px_0px_5px_0px_\#C99D02B2\] {
  --tw-shadow: 0px 0px 5px 0px rgba(201, 157, 2, 0.6980392156862745);
  --tw-shadow-colored: 0px 0px 5px 0px var(--tw-shadow-color)
}

.cui-shadow-\[0px_3px_10px_\#0000002f\] {
  --tw-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1843137254901961);
  --tw-shadow-colored: 0px 3px 10px var(--tw-shadow-color)
}

.cui-shadow-\[0px_3px_10px_\#0000002f\],
.cui-shadow-\[0px_4px_4px_\#20263E14\] {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

.cui-shadow-\[0px_4px_4px_\#20263E14\] {
  --tw-shadow: 0px 4px 4px rgba(32, 38, 62, 0.0784313725490196);
  --tw-shadow-colored: 0px 4px 4px var(--tw-shadow-color)
}

.cui-shadow-\[0px_8px_16px_0px_\#1C202699\] {
  --tw-shadow: 0px 8px 16px 0px rgba(28, 32, 38, 0.6);
  --tw-shadow-colored: 0px 8px 16px 0px var(--tw-shadow-color)
}

.cui-shadow-\[0px_8px_16px_0px_\#1C202699\],
.cui-shadow-dark-negative-z3 {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

.cui-shadow-dark-negative-z3 {
  --tw-shadow: 0px 0px 1px rgba(32, 38, 62, 0.08), 0px -8px 8px rgba(18, 18, 20, 0.4);
  --tw-shadow-colored: 0px 0px 1px var(--tw-shadow-color), 0px -8px 8px var(--tw-shadow-color)
}

.cui-shadow-dark-positive-z3 {
  --tw-shadow: 0px 0px 1px rgba(32, 38, 62, 0.08), 0px 8px 8px rgba(18, 18, 20, 0.4);
  --tw-shadow-colored: 0px 0px 1px var(--tw-shadow-color), 0px 8px 8px var(--tw-shadow-color)
}

.cui-shadow-dark-positive-z3,
.cui-shadow-light-positive-z1 {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

.cui-shadow-light-positive-z1 {
  --tw-shadow: 0px -1px 4px -1px rgba(35, 43, 54, 0.06), 0px 1px 1px rgba(35, 43, 54, 0.1);
  --tw-shadow-colored: 0px -1px 4px -1px var(--tw-shadow-color), 0px 1px 1px var(--tw-shadow-color)
}

.cui-shadow-sm {
  --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

.cui-shadow-dark\/l {
  --tw-shadow-color: rgba(0, 0, 0, 0.54);
  --tw-shadow: var(--tw-shadow-colored)
}

.cui-shadow-pluto-base {
  --tw-shadow-color: #faa05a;
  --tw-shadow: var(--tw-shadow-colored)
}

.cui-outline {
  outline-style: solid
}

.cui-outline-0 {
  outline-width: 0
}

.cui-outline-1 {
  outline-width: 1px
}

.cui-outline-primary {
  outline-color: var(--theme-brand-color-primary)
}

.cui-blur {
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.cui-backdrop-blur-\[22px\] {
  --tw-backdrop-blur: blur(22px)
}

.cui-backdrop-blur-\[22px\],
.cui-backdrop-blur-\[35px\] {
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.cui-backdrop-blur-\[35px\] {
  --tw-backdrop-blur: blur(35px)
}

.cui-backdrop-blur-\[9px\] {
  --tw-backdrop-blur: blur(9px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.cui-transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .15s
}

.cui-transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .15s
}

.cui-transition-colors {
  transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .15s
}

.cui-transition-opacity {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .15s
}

.cui-transition-transform {
  transition-property: transform;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .15s
}

.cui-delay-300 {
  transition-delay: .3s
}

.cui-delay-\[410ms\] {
  transition-delay: .41s
}

.cui-duration-150 {
  transition-duration: .15s
}

.cui-duration-200 {
  transition-duration: .2s
}

.cui-duration-300 {
  transition-duration: .3s
}

.cui-duration-500 {
  transition-duration: .5s
}

.cui-duration-\[800ms\] {
  transition-duration: .8s
}

.cui-duration-base {
  transition-duration: .2s
}

.cui-duration-fast {
  transition-duration: .1s
}

.cui-duration-slow {
  transition-duration: .3s
}

.cui-duration-slower {
  transition-duration: .4s
}

.cui-duration-slowest {
  transition-duration: .5s
}

.cui-ease-base {
  transition-timing-function: cubic-bezier(.64, 0, .35, 1)
}

.cui-ease-gentle {
  transition-timing-function: cubic-bezier(.47, 0, .23, 1.38)
}

.cui-ease-in {
  transition-timing-function: cubic-bezier(.36, 0, 1, 1)
}

.cui-ease-in-out {
  transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.cui-ease-out {
  transition-timing-function: cubic-bezier(0, 0, .42, 1)
}

.cui-will-change-\[filter\] {
  will-change: filter
}

.cui-will-change-transform {
  will-change: transform
}

.cui-scrollbar-hide {
  -ms-overflow-style: none;
  scrollbar-width: none
}

.cui-scrollbar-hide::-webkit-scrollbar {
  display: none
}

.cui-highlight-hide {
  -webkit-tap-highlight-color: transparent
}

.\[mask-image\:linear-gradient\(rgb\(0\,_0\,_0\)\,_97\%\,_transparent_100\%\)\] {
  -webkit-mask-image: linear-gradient(#000, 97%, transparent 100%);
  mask-image: linear-gradient(#000, 97%, transparent 100%)
}

.\[text-shadow\:_0_0_4px_rgb\(35_43_54_\/_16\%\)\,_0_16px_24px_rgb\(35_43_54_\/_48\%\)\] {
  text-shadow: 0 0 4px rgba(35, 43, 54, .16), 0 16px 24px rgba(35, 43, 54, .48)
}

.before\:cui-pointer-events-none:before {
  content: var(--tw-content);
  pointer-events: none
}

.before\:cui-absolute:before {
  content: var(--tw-content);
  position: absolute
}

.before\:-cui-left-n:before {
  content: var(--tw-content);
  left: -8px
}

.before\:-cui-top-\[1px\]:before {
  content: var(--tw-content);
  top: -1px
}

.before\:-cui-top-n:before {
  content: var(--tw-content);
  top: -8px
}

.before\:cui-left-0:before,
.before\:cui-left-\[0px\]:before {
  content: var(--tw-content);
  left: 0
}

.before\:cui-top-0:before {
  content: var(--tw-content);
  top: 0
}

.before\:cui-top-7:before {
  content: var(--tw-content);
  top: 1.75rem
}

.before\:-cui-z-\[1\]:before,
.before\:cui-z-\[-1\]:before {
  content: var(--tw-content);
  z-index: -1
}

.before\:cui-z-\[3\]:before {
  content: var(--tw-content);
  z-index: 3
}

.before\:cui-block:before {
  content: var(--tw-content);
  display: block
}

.before\:cui-h-\[122px\]:before {
  content: var(--tw-content);
  height: 122px
}

.before\:cui-h-\[2px\]:before {
  content: var(--tw-content);
  height: 2px
}

.before\:cui-h-\[40px\]:before {
  content: var(--tw-content);
  height: 40px
}

.before\:cui-h-\[calc\(100\%\+2px\)\]:before {
  content: var(--tw-content);
  height: calc(100% + 2px)
}

.before\:cui-h-full:before {
  content: var(--tw-content);
  height: 100%
}

.before\:cui-w-\[40px\]:before {
  content: var(--tw-content);
  width: 40px
}

.before\:cui-w-\[64px\]:before {
  content: var(--tw-content);
  width: 64px
}

.before\:cui-w-full:before {
  content: var(--tw-content);
  width: 100%
}

.before\:cui-rounded-bubble:before {
  content: var(--tw-content);
  border-radius: 50%
}

.before\:cui-border-\[2px\]:before {
  content: var(--tw-content);
  border-width: 2px
}

.before\:cui-border-solid:before {
  content: var(--tw-content);
  border-style: solid
}

.before\:cui-border-white-snow:before {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255/var(--tw-border-opacity, 1))
}

.before\:cui-bg-\[\#FFFFFF1A\]:before {
  content: var(--tw-content);
  background-color: hsla(0, 0%, 100%, .10196078431372549)
}

.before\:cui-bg-n-22-licorice:before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(45 55 69/var(--tw-bg-opacity, 1))
}

.before\:cui-bg-n-28-cloud-burst:before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(55 68 86/var(--tw-bg-opacity, 1))
}

.before\:cui-bg-white-snow\/s:before {
  content: var(--tw-content);
  background-color: hsla(0, 0%, 100%, .16862745098039217)
}

.before\:cui-bg-gradient-to-r:before {
  content: var(--tw-content);
  background-image: linear-gradient(90deg, var(--tw-gradient-stops))
}

.before\:cui-from-n-13-steel:before {
  --tw-gradient-from: #1c2026 var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(28, 32, 38, 0) var(--tw-gradient-to-position)
}

.before\:cui-from-n-13-steel:before,
.before\:cui-from-n-94-dirty-snow:before {
  content: var(--tw-content);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.before\:cui-from-n-94-dirty-snow:before {
  --tw-gradient-from: #eceff1 var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(236, 239, 241, 0) var(--tw-gradient-to-position)
}

.before\:cui-from-0\%:before {
  content: var(--tw-content);
  --tw-gradient-from-position: 0%
}

.before\:cui-from-10\%:before {
  content: var(--tw-content);
  --tw-gradient-from-position: 10%
}

.before\:cui-to-transparent:before {
  content: var(--tw-content);
  --tw-gradient-to: transparent var(--tw-gradient-to-position)
}

.before\:cui-to-100\%:before {
  content: var(--tw-content);
  --tw-gradient-to-position: 100%
}

.before\:\!cui-opacity-full:before {
  content: var(--tw-content);
  opacity: 1 !important
}

.before\:cui-opacity-0:before {
  content: var(--tw-content);
  opacity: 0
}

.before\:cui-opacity-xl:before {
  content: var(--tw-content);
  opacity: .87
}

.before\:cui-transition-all:before {
  content: var(--tw-content);
  transition-property: all;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .15s
}

.before\:cui-transition-fade:before,
.before\:cui-transition-opacity:before {
  content: var(--tw-content);
  transition-property: opacity;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .15s
}

.before\:cui-duration-base:before {
  content: var(--tw-content);
  transition-duration: .2s
}

.before\:cui-duration-fast:before {
  content: var(--tw-content);
  transition-duration: .1s
}

.before\:cui-ease-base:before {
  content: var(--tw-content);
  transition-timing-function: cubic-bezier(.64, 0, .35, 1)
}

.before\:cui-ease-in:before {
  content: var(--tw-content);
  transition-timing-function: cubic-bezier(.36, 0, 1, 1)
}

.before\:cui-ease-out:before {
  content: var(--tw-content);
  transition-timing-function: cubic-bezier(0, 0, .42, 1)
}

.before\:cui-content-\[\"\"\]:before,
.before\:cui-content-\[\'\'\]:before {
  --tw-content: "";
  content: var(--tw-content)
}

.after\:cui-pointer-events-none:after {
  content: var(--tw-content);
  pointer-events: none
}

.after\:cui-absolute:after {
  content: var(--tw-content);
  position: absolute
}

.after\:cui-right-0:after {
  content: var(--tw-content);
  right: 0
}

.after\:cui-top-0:after {
  content: var(--tw-content);
  top: 0
}

.after\:cui-top-7:after {
  content: var(--tw-content);
  top: 1.75rem
}

.after\:cui-z-\[3\]:after {
  content: var(--tw-content);
  z-index: 3
}

.after\:cui-block:after {
  content: var(--tw-content);
  display: block
}

.after\:cui-flex:after {
  content: var(--tw-content);
  display: flex
}

.after\:cui-h-\[122px\]:after {
  content: var(--tw-content);
  height: 122px
}

.after\:cui-h-full:after {
  content: var(--tw-content);
  height: 100%
}

.after\:cui-h-px:after {
  content: var(--tw-content);
  height: 1px
}

.after\:cui-w-\[64px\]:after {
  content: var(--tw-content);
  width: 64px
}

.after\:cui-w-full:after {
  content: var(--tw-content);
  width: 100%
}

.after\:cui-bg-n-22-licorice:after {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(45 55 69/var(--tw-bg-opacity, 1))
}

.after\:cui-bg-gradient-to-l:after {
  content: var(--tw-content);
  background-image: linear-gradient(270deg, var(--tw-gradient-stops))
}

.after\:cui-from-n-13-steel:after {
  --tw-gradient-from: #1c2026 var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(28, 32, 38, 0) var(--tw-gradient-to-position)
}

.after\:cui-from-n-13-steel:after,
.after\:cui-from-n-94-dirty-snow:after {
  content: var(--tw-content);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.after\:cui-from-n-94-dirty-snow:after {
  --tw-gradient-from: #eceff1 var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(236, 239, 241, 0) var(--tw-gradient-to-position)
}

.after\:cui-from-0\%:after {
  content: var(--tw-content);
  --tw-gradient-from-position: 0%
}

.after\:cui-from-10\%:after {
  content: var(--tw-content);
  --tw-gradient-from-position: 10%
}

.after\:cui-to-transparent:after {
  content: var(--tw-content);
  --tw-gradient-to: transparent var(--tw-gradient-to-position)
}

.after\:cui-to-100\%:after {
  content: var(--tw-content);
  --tw-gradient-to-position: 100%
}

.after\:\!cui-opacity-full:after {
  content: var(--tw-content);
  opacity: 1 !important
}

.after\:cui-transition-fade:after {
  content: var(--tw-content);
  transition-property: opacity;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .15s
}

.after\:cui-duration-fast:after {
  content: var(--tw-content);
  transition-duration: .1s
}

.after\:cui-ease-in:after {
  content: var(--tw-content);
  transition-timing-function: cubic-bezier(.36, 0, 1, 1)
}

.after\:cui-content-\[\"\"\]:after,
.after\:cui-content-\[\'\'\]:after {
  --tw-content: "";
  content: var(--tw-content)
}

.first\:cui-ml-0:first-child {
  margin-left: 0
}

.first\:cui-mt-0:first-child {
  margin-top: 0
}

.first\:cui-pl-\[100px\]:first-child {
  padding-left: 100px
}

.first\:cui-pl-\[200px\]:first-child {
  padding-left: 200px
}

.first\:cui-pt-0:first-child {
  padding-top: 0
}

.last\:cui-mr-0:last-child {
  margin-right: 0
}

.last\:cui-w-full:last-child {
  width: 100%
}

.last\:cui-border-0:last-child {
  border-width: 0
}

.last\:cui-border-none:last-child {
  border-style: none
}

.last\:cui-pb-0:last-child {
  padding-bottom: 0
}

.last\:cui-pr-\[100px\]:last-child {
  padding-right: 100px
}

.last\:cui-pr-\[200px\]:last-child {
  padding-right: 200px
}

.last\:cui-text-right:last-child {
  text-align: right
}

.even\:cui-justify-end:nth-child(2n) {
  justify-content: flex-end
}

.even\:cui-border-n-8-dark-steel:nth-child(2n) {
  --tw-border-opacity: 1;
  border-color: rgb(16 20 25/var(--tw-border-opacity, 1))
}

.even\:cui-bg-n-8-dark-steel:nth-child(2n) {
  --tw-bg-opacity: 1;
  background-color: rgb(16 20 25/var(--tw-bg-opacity, 1))
}

.hover\:cui-bg-n-13-steel:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(28 32 38/var(--tw-bg-opacity, 1))
}

.hover\:cui-bg-n-17-black-pearl:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(35 43 54/var(--tw-bg-opacity, 1))
}

.hover\:cui-bg-n-22-licorice:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(45 55 69/var(--tw-bg-opacity, 1))
}

.hover\:cui-bg-n-28-cloud-burst:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(55 68 86/var(--tw-bg-opacity, 1))
}

.hover\:cui-bg-n-97-porcelain:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(246 248 249/var(--tw-bg-opacity, 1))
}

.hover\:cui-bg-primary-hover:hover {
  background-color: var(--theme-brand-color-primary-hover)
}

.hover\:cui-bg-secondary-hover:hover {
  background-color: var(--theme-brand-color-secondary-hover)
}

.hover\:cui-bg-white-snow:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
}

.hover\:cui-bg-white\/10:hover {
  background-color: hsla(0, 0%, 100%, .10196078431372549)
}

.hover\:cui-bg-opacity-10:hover {
  --tw-bg-opacity: .1
}

.hover\:cui-text-n-8-dark-steel:hover {
  --tw-text-opacity: 1;
  color: rgb(16 20 25/var(--tw-text-opacity, 1))
}

.hover\:cui-text-white-snow:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.hover\:cui-text-opacity-full:hover {
  --tw-text-opacity: 1
}

.before\:hover\:cui-scale-110:hover:before {
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1
}

.before\:hover\:cui-scale-110:hover:before,
.before\:hover\:cui-transform:hover:before {
  content: var(--tw-content);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.before\:hover\:cui-opacity-100:hover:before,
.before\:hover\:cui-opacity-full:hover:before {
  content: var(--tw-content);
  opacity: 1
}

.odd\:hover\:cui-bg-n-8-dark-steel:hover:nth-child(odd) {
  --tw-bg-opacity: 1;
  background-color: rgb(16 20 25/var(--tw-bg-opacity, 1))
}

.odd\:hover\:cui-bg-opacity-\[0\.17\]:hover:nth-child(odd) {
  --tw-bg-opacity: .17
}

.even\:hover\:cui-bg-black:hover:nth-child(2n) {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0/var(--tw-bg-opacity, 1))
}

.even\:hover\:cui-bg-opacity-\[0\.38\]:hover:nth-child(2n) {
  --tw-bg-opacity: .38
}

.focus\:cui-bg-n-17-black-pearl:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(35 43 54/var(--tw-bg-opacity, 1))
}

.focus\:cui-bg-primary-hover:focus {
  background-color: var(--theme-brand-color-primary-hover)
}

.focus\:cui-bg-secondary-hover:focus {
  background-color: var(--theme-brand-color-secondary-hover)
}

.focus\:cui-text-n-8-dark-steel:focus {
  --tw-text-opacity: 1;
  color: rgb(16 20 25/var(--tw-text-opacity, 1))
}

.focus\:cui-text-white-snow:focus {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.active\:cui-bg-n-8-dark-steel:active {
  --tw-bg-opacity: 1;
  background-color: rgb(16 20 25/var(--tw-bg-opacity, 1))
}

.disabled\:cui-pointer-events-none:disabled {
  pointer-events: none
}

.disabled\:cui-cursor-default:disabled {
  cursor: default
}

.disabled\:cui-cursor-not-allowed:disabled {
  cursor: not-allowed
}

.disabled\:cui-border-n-22-licorice:disabled {
  --tw-border-opacity: 1;
  border-color: rgb(45 55 69/var(--tw-border-opacity, 1))
}

.disabled\:cui-border-n-75-smokey:disabled {
  --tw-border-opacity: 1;
  border-color: rgb(182 188 198/var(--tw-border-opacity, 1))
}

.disabled\:cui-bg-n-22-licorice:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(45 55 69/var(--tw-bg-opacity, 1))
}

.disabled\:cui-bg-n-28-cloud-burst:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(55 68 86/var(--tw-bg-opacity, 1))
}

.disabled\:cui-bg-n-94-dirty-snow:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(236 239 241/var(--tw-bg-opacity, 1))
}

.disabled\:cui-text-n-22-licorice:disabled {
  --tw-text-opacity: 1;
  color: rgb(45 55 69/var(--tw-text-opacity, 1))
}

.disabled\:cui-text-n-48-slate:disabled {
  --tw-text-opacity: 1;
  color: rgb(105 119 139/var(--tw-text-opacity, 1))
}

.disabled\:cui-text-n-75-smokey:disabled {
  --tw-text-opacity: 1;
  color: rgb(182 188 198/var(--tw-text-opacity, 1))
}

.cui-group\/icon-card-slider:hover .group-hover\/icon-card-slider\:cui-flex,
.cui-group\/large-carousel-slider:hover .group-hover\/large-carousel-slider\:cui-flex,
.cui-group\/offers-swiper:hover .group-hover\/offers-swiper\:cui-flex,
.cui-group\/progress-card-slider:hover .group-hover\/progress-card-slider\:cui-flex,
.cui-group\/story-groups-swiper:hover .group-hover\/story-groups-swiper\:cui-flex,
.cui-group\/thumbs-swiper:hover .group-hover\/thumbs-swiper\:cui-flex {
  display: flex
}

.cui-group\/large-carousel-image:hover .group-hover\/large-carousel-image\:cui-scale-110 {
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1
}

.cui-group\/large-carousel-image:hover .group-hover\/large-carousel-image\:cui-scale-110,
.cui-group\/large-carousel-image:hover .group-hover\/large-carousel-image\:cui-transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.cui-group:hover .group-hover\:cui-text-white-snow,
.cui-group:hover .group-hover\:hover\:cui-text-white-snow:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.dark\:cui-border-moon-base-light:is(.cui-dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(109 185 255/var(--tw-border-opacity, 1))
}

.dark\:cui-border-n-22-licorice:is(.cui-dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(45 55 69/var(--tw-border-opacity, 1))
}

.dark\:cui-border-n-28-cloud-burst:is(.cui-dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(55 68 86/var(--tw-border-opacity, 1))
}

.dark\:cui-bg-\[\#1c684866\]:is(.cui-dark *) {
  background-color: rgba(28, 104, 72, .4)
}

.dark\:cui-bg-moon-base-light:is(.cui-dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(109 185 255/var(--tw-bg-opacity, 1))
}

.dark\:cui-bg-n-13-steel:is(.cui-dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(28 32 38/var(--tw-bg-opacity, 1))
}

.dark\:cui-bg-n-17-black-pearl:is(.cui-dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(35 43 54/var(--tw-bg-opacity, 1))
}

.dark\:cui-bg-n-28-cloud-burst:is(.cui-dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(55 68 86/var(--tw-bg-opacity, 1))
}

.dark\:cui-from-n-13-steel:is(.cui-dark *) {
  --tw-gradient-from: #1c2026 var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(28, 32, 38, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.dark\:cui-to-n-13-steel:is(.cui-dark *) {
  --tw-gradient-to: #1c2026 var(--tw-gradient-to-position)
}

.dark\:cui-fill-n-22-licorice:is(.cui-dark *) {
  fill: #2d3745
}

.dark\:cui-fill-n-36-east-bay:is(.cui-dark *) {
  fill: #48576f
}

.dark\:cui-fill-n-94-dirty-snow:is(.cui-dark *) {
  fill: #eceff1
}

.dark\:cui-fill-n-97-porcelain:is(.cui-dark *) {
  fill: #f6f8f9
}

.dark\:cui-text-n-22-licorice:is(.cui-dark *) {
  --tw-text-opacity: 1;
  color: rgb(45 55 69/var(--tw-text-opacity, 1))
}

.dark\:cui-text-n-48-slate:is(.cui-dark *) {
  --tw-text-opacity: 1;
  color: rgb(105 119 139/var(--tw-text-opacity, 1))
}

.dark\:cui-text-n-75-smokey:is(.cui-dark *) {
  --tw-text-opacity: 1;
  color: rgb(182 188 198/var(--tw-text-opacity, 1))
}

.dark\:cui-text-n-85-silver-mist:is(.cui-dark *) {
  --tw-text-opacity: 1;
  color: rgb(209 215 224/var(--tw-text-opacity, 1))
}

.dark\:cui-text-n-90-dark-snow:is(.cui-dark *) {
  --tw-text-opacity: 1;
  color: rgb(224 228 234/var(--tw-text-opacity, 1))
}

.dark\:cui-text-n-97-porcelain:is(.cui-dark *) {
  --tw-text-opacity: 1;
  color: rgb(246 248 249/var(--tw-text-opacity, 1))
}

.dark\:cui-text-white-snow:is(.cui-dark *) {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.dark\:hover\:cui-bg-n-22-licorice:hover:is(.cui-dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(45 55 69/var(--tw-bg-opacity, 1))
}

.dark\:focus\:cui-text-white-snow:focus:is(.cui-dark *),
.dark\:hover\:cui-text-white-snow:hover:is(.cui-dark *) {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

@media (min-width:640px) {
  .sm\:cui-w-\[600px\] {
    width: 600px
  }

  .sm\:cui-w-full {
    width: 100%
  }

  .sm\:cui-grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }

  .sm\:cui-p-4 {
    padding: 1rem
  }

  .sm\:cui-text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem
  }
}

@media (min-width:768px) {
  .md\:cui-w-auto {
    width: auto
  }

  .md\:cui-p-8 {
    padding: 2rem
  }

  .md\:cui-text-xl {
    font-size: 1.7142857142857142rem
  }
}

@media (min-width:1024px) {
  .lg\:cui-flex-row {
    flex-direction: row
  }

  .lg\:cui-border-l {
    border-left-width: 1px
  }

  .lg\:cui-border-t-0 {
    border-top-width: 0
  }

  .lg\:cui-p-12 {
    padding: 3rem
  }

  .lg\:cui-text-2xl {
    font-size: 1.5rem;
    line-height: 2rem
  }

  .lg\:cui-text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem
  }
}

@media (min-width:1280px) {
  .xl\:cui-h-\[176px\] {
    height: 176px
  }

  .xl\:cui-min-w-\[126px\] {
    min-width: 126px
  }

  .xl\:cui-min-w-\[80px\] {
    min-width: 80px
  }

  .xl\:cui-rounded-m {
    border-radius: 16px
  }
}

@media (min-width:824px) {
  .m\:cui-bottom-\[155px\] {
    bottom: 155px
  }

  .m\:cui-bottom-m {
    bottom: 16px
  }

  .m\:cui-top-\[var\(--header-height\)\] {
    top: var(--header-height)
  }

  .m\:cui-top-m {
    top: 16px
  }

  .m\:cui-m-l {
    margin: 24px
  }

  .m\:cui-block {
    display: block
  }

  .m\:cui-hidden {
    display: none
  }

  .m\:\!cui-max-h-\[calc\(70\*var\(--vh\)\)\] {
    max-height: calc(var(--vh)*70) !important
  }

  .m\:cui-max-h-\[calc\(70\*var\(--vh\)-76px\)\] {
    max-height: calc(var(--vh)*70 - 76px)
  }

  .m\:cui-w-\[360px\] {
    width: 360px
  }

  .m\:cui-max-w-\[59\.83vh\] {
    max-width: 59.83vh
  }

  .m\:cui-rounded-m {
    border-radius: 16px
  }
}

@media screen and (max-height:650px) {
  .stories-xs-height\:cui-mx-xl {
    margin-left: 32px;
    margin-right: 32px
  }

  .stories-xs-height\:cui-h-\[32px\] {
    height: 32px
  }

  .stories-xs-height\:cui-w-\[32px\] {
    width: 32px
  }

  .stories-xs-height\:cui-p-n {
    padding: 8px
  }

  .stories-xs-height\:cui-text-m {
    font-size: 1.1428571428571428rem
  }

  .stories-xs-height\:cui-text-xs {
    font-size: .8571428571428571rem
  }
}

.\[\&\:nth-child\(2\)\>span\]\:cui-inline-block:nth-child(2)>span {
  display: inline-block
}

.\[\&\:nth-child\(2\)\>span\]\:cui-w-full:nth-child(2)>span {
  width: 100%
}

.\[\&\:nth-child\(2\)\>span\]\:cui-truncate:nth-child(2)>span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.\[\&\:nth-child\(2\)\>span\]\:cui-align-top:nth-child(2)>span {
  vertical-align: top
}

.\[\&\:nth-child\(2\)\]\:cui-p-0:nth-child(2) {
  padding: 0
}

.\[\&\>\*\:nth-child\(even\)\]\:cui-w-\[90\%\]>:nth-child(2n) {
  width: 90%
}

.\[\&\>\*\:nth-child\(odd\)\]\:cui-w-full>:nth-child(odd) {
  width: 100%
}

.\[\&\>\*\]\:cui-w-auto>* {
  width: auto
}

.\[\&\>\*\]\:cui-w-min>* {
  width: -moz-min-content;
  width: min-content
}

.\[\&\>\.swiper-slide-shadow-left\]\:cui-ml-\[4px\]>.swiper-slide-shadow-left {
  margin-left: 4px
}

.\[\&\>\.swiper-slide-shadow-left\]\:cui-w-\[calc\(100\%-6px\)\]>.swiper-slide-shadow-left {
  width: calc(100% - 6px)
}

.\[\&\>\.swiper-slide-shadow-left\]\:cui-rounded-m>.swiper-slide-shadow-left {
  border-radius: 16px
}

.\[\&\>\.swiper-slide-shadow-right\]\:cui-ml-\[4px\]>.swiper-slide-shadow-right {
  margin-left: 4px
}

.\[\&\>\.swiper-slide-shadow-right\]\:cui-w-\[calc\(100\%-6px\)\]>.swiper-slide-shadow-right {
  width: calc(100% - 6px)
}

.\[\&\>\.swiper-slide-shadow-right\]\:cui-rounded-m>.swiper-slide-shadow-right {
  border-radius: 16px
}

.\[\&\>div\]\:cui-m-0>div {
  margin: 0
}

.cui-group\/base-image-card:hover .group-hover\/base-image-card\:\[\&\>img\]\:cui-scale-110>img {
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1
}

.cui-group\/base-image-card:hover .group-hover\/base-image-card\:\[\&\>img\]\:cui-scale-110>img,
.cui-group\/base-image-card:hover .group-hover\/base-image-card\:\[\&\>img\]\:cui-transform>img {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.\[\&\>svg\:not\(\:first-child\)\]\:cui-fill-n-75-smokey>svg:not(:first-child),
.\[\&\>svg\]\:cui-fill-n-75-smokey>svg {
  fill: #b6bcc6
}

.\[\&\>svg\]\:cui-fill-white-snow>svg {
  fill: #fff
}

.\[\&_\*\]\:cui-text-n-13-steel * {
  --tw-text-opacity: 1;
  color: rgb(28 32 38/var(--tw-text-opacity, 1))
}

.\[\&_\.cui-nav-icons\]\:cui-absolute .cui-nav-icons {
  position: absolute
}

.\[\&_a\:hover\]\:\!cui-text-primary-hover a:hover,
.\[\&_a\:hover_\*\]\:\!cui-text-primary-hover a:hover * {
  color: var(--theme-brand-color-primary-hover) !important
}

.\[\&_a\]\:\!cui-text-primary a,
.\[\&_a_\*\]\:\!cui-text-primary a * {
  color: var(--theme-brand-color-primary) !important
}

.\[\&_h1\]\:cui-mb-m h1 {
  margin-bottom: 16px
}

.\[\&_h1\]\:cui-text-l h1 {
  font-size: 1.4285714285714286rem
}

.\[\&_h1\]\:cui-font-bold h1 {
  font-weight: 700
}

.\[\&_h2\]\:cui-mb-m h2 {
  margin-bottom: 16px
}

.\[\&_h2\]\:cui-text-l h2 {
  font-size: 1.4285714285714286rem
}

.\[\&_h2\]\:cui-font-bold h2 {
  font-weight: 700
}

.\[\&_h3\]\:cui-mb-m h3 {
  margin-bottom: 16px
}

.\[\&_h3\]\:cui-text-l h3 {
  font-size: 1.4285714285714286rem
}

.\[\&_h3\]\:cui-font-bold h3 {
  font-weight: 700
}

.\[\&_h4\]\:cui-mb-m h4 {
  margin-bottom: 16px
}

.\[\&_h4\]\:cui-text-l h4 {
  font-size: 1.4285714285714286rem
}

.\[\&_h4\]\:cui-font-bold h4 {
  font-weight: 700
}

.\[\&_h5\]\:cui-mb-n h5 {
  margin-bottom: 8px
}

.\[\&_h5\]\:cui-text-xs h5 {
  font-size: .8571428571428571rem
}

.\[\&_h5\]\:cui-font-bold h5 {
  font-weight: 700
}

.\[\&_h6\]\:cui-mb-m h6 {
  margin-bottom: 16px
}

.\[\&_h6\]\:cui-text-s h6 {
  font-size: 1rem
}

.\[\&_h6\]\:cui-font-normal h6 {
  font-weight: 400
}

.\[\&_h6\]\:cui-text-n-55-midnight-haze h6,
.\[\&_h6_\*\]\:cui-text-n-55-midnight-haze h6 * {
  --tw-text-opacity: 1;
  color: rgb(122 137 158/var(--tw-text-opacity, 1))
}

.\[\&_li\:not\(\:last-child\)\]\:cui-mb-n li:not(:last-child) {
  margin-bottom: 8px
}

.\[\&_ol\]\:cui-list-\[revert\] ol {
  list-style-type: revert
}

.\[\&_ol\]\:cui-pl-m ol {
  padding-left: 16px
}

.\[\&_p\]\:cui-my-n p {
  margin-top: 8px;
  margin-bottom: 8px
}

.\[\&_ul\]\:cui-list-\[revert\] ul {
  list-style-type: revert
}

.\[\&_ul\]\:cui-pl-m ul {
  padding-left: 16px
}

.v-popper__popper.v-popper--theme-stack-items-tooltip {
  z-index: 1010;
  max-width: 200px
}

.v-popper__popper.v-popper--theme-stack-items-tooltip .v-popper__wrapper {
  border-radius: 8px;
  --tw-bg-opacity: 1;
  background-color: rgb(55 68 86/var(--tw-bg-opacity, 1))
}

.v-popper__arrow-outer,
.v-popper__popper.v-popper--theme-stack-items-tooltip .v-popper__arrow-inner {
  --tw-border-opacity: 1;
  border-color: rgb(55 68 86/var(--tw-border-opacity, 1))
}

.mdg-bonus-money-text {
  font-weight: 700;
  color: #1774b5
}

.mdg-amount-no-wrap {
  font-weight: 700;
  white-space: nowrap
}

.st0[data-v-4fdbaba5],
.st0[data-v-f3a6da3a] {
  fill: none
}

.root-wrapper {
  position: relative
}

.root-wrapper__error-occured {
  height: 100vh;
  background: #e0e4ea;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 0
}

@media screen and (min-width:1025px) {
  .root-wrapper__error-occured {
    padding: 0
  }
}

.root-wrapper__error-occured:before {
  display: none
}

.root-wrapper .content {
  position: relative;
  z-index: 2
}

.casino-banners--slider__games,
.events-tabs-container {
  scrollbar-width: none;
  -ms-overflow-style: none
}

.casino-banners--slider__games::-webkit-scrollbar,
.events-tabs-container::-webkit-scrollbar {
  display: none
}


#nprogress {
  pointer-events: none
}

#nprogress .bar {
  background: #eceff1;
  position: fixed;
  z-index: 1031;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px
}

#nprogress .peg {
  display: block;
  position: absolute;
  right: 0;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px #eceff1, 0 0 5px #eceff1;
  opacity: 1;
  transform: rotate(3deg) translateY(-4px)
}

#nprogress .spinner {
  display: block;
  position: fixed;
  z-index: 1031;
  top: 26px;
  left: 50%;
  transform: translateX(-8px)
}

#nprogress .spinner-icon {
  width: 16px;
  height: 16px;
  box-sizing: border-box;
  border-color: #eceff1 transparent transparent #eceff1;
  border-style: solid;
  border-width: 2px;
  border-radius: 50%;
  animation: nprogress-spinner .4s linear infinite
}

.nprogress-custom-parent {
  overflow: hidden;
  position: relative
}

.nprogress-custom-parent #nprogress .bar,
.nprogress-custom-parent #nprogress .spinner {
  position: absolute
}

@keyframes nprogress-spinner {
  0% {
    transform: rotate(0deg)
  }

  to {
    transform: rotate(1turn)
  }
}

.grid__row {
  display: flex
}

.grid__column--fixed {
  flex: 0 0 auto
}

.grid__column--fluid {
  flex: 1;
  overflow: hidden
}

.grid__column--full {
  flex: 0 0 100%
}

.grid__column--main {
  height: 100%
}

.grid__column__small {
  width: 0
}

@media screen and (min-width:825px) {
  .grid__column__small {
    width: 256px
  }
}

.grid__column__medium {
  width: 0
}

@media screen and (min-width:825px) {
  .grid__column__medium {
    width: 320px
  }
}

.grid__column__large {
  width: 0
}

@media screen and (min-width:825px) {
  .grid__column__large {
    width: 320px
  }
}

@media screen and (min-width:1281px) {
  .grid__column__large {
    width: 320px
  }

  .grid__column__large--expanded {
    width: 480px
  }
}

@media screen and (min-width:1600px) {
  .grid__column__large {
    width: 480px
  }

  .grid__column__large--expanded {
    width: 640px
  }
}

.grid__column__main-content {
  background-color: #eceff1
}

[class*=kz-icon] {
  display: inline-block;
  vertical-align: text-bottom;
  background-size: cover
}

[class*=kz-icon]:focus {
  outline: none
}

[class*=kz-icon].kz-icon--text-top {
  vertical-align: text-top
}

.kz-icon-pico {
  width: 8px;
  height: 8px
}

.kz-icon-xxxs {
  width: 12px;
  height: 12px
}

.kz-icon-sxxs {
  width: 14px;
  height: 14px
}

.kz-icon-xxs {
  width: 16px;
  height: 16px
}

.kz-icon-sxs {
  width: 18px;
  height: 18px
}

.kz-icon-xs {
  width: 20px;
  height: 20px
}

.kz-icon-s {
  width: 24px;
  height: 24px
}

.kz-icon-m {
  width: 32px;
  height: 32px
}

.kz-icon-ml {
  width: 44px;
  height: 44px
}

.kz-icon-ml-2 {
  width: 48px;
  height: 48px
}

.kz-icon-l {
  width: 56px;
  height: 56px
}

.icon--color-white-snow path,
.icon--color-white-snow polygon,
.icon--color-white-snow rect,
.icon--color-white-snow svg path,
.icon--color-white-snow svg polygon,
.icon--color-white-snow svg rect {
  fill: #fff;
  transition: .1s cubic-bezier(.64, 0, .35, 1)
}

.icon--color-dirty-snow-100 path,
.icon--color-dirty-snow-100 polygon,
.icon--color-dirty-snow-100 rect,
.icon--color-dirty-snow-100 svg path,
.icon--color-dirty-snow-100 svg polygon,
.icon--color-dirty-snow-100 svg rect {
  fill: #eceff1;
  transition: .1s cubic-bezier(.64, 0, .35, 1)
}

.icon--color-dark-snow-200 path,
.icon--color-dark-snow-200 polygon,
.icon--color-dark-snow-200 rect,
.icon--color-dark-snow-200 svg path,
.icon--color-dark-snow-200 svg polygon,
.icon--color-dark-snow-200 svg rect {
  fill: #e0e4ea;
  transition: .1s cubic-bezier(.64, 0, .35, 1)
}

.icon--color-smokey-300 path,
.icon--color-smokey-300 polygon,
.icon--color-smokey-300 rect,
.icon--color-smokey-300 svg path,
.icon--color-smokey-300 svg polygon,
.icon--color-smokey-300 svg rect {
  fill: #b6bcc6;
  transition: .1s cubic-bezier(.64, 0, .35, 1)
}

.icon--color-east-bay-400 path,
.icon--color-east-bay-400 polygon,
.icon--color-east-bay-400 rect,
.icon--color-east-bay-400 svg path,
.icon--color-east-bay-400 svg polygon,
.icon--color-east-bay-400 svg rect {
  fill: #48576f;
  transition: .1s cubic-bezier(.64, 0, .35, 1)
}

.icon--color-cloud-burst-500 path,
.icon--color-cloud-burst-500 polygon,
.icon--color-cloud-burst-500 rect,
.icon--color-cloud-burst-500 svg path,
.icon--color-cloud-burst-500 svg polygon,
.icon--color-cloud-burst-500 svg rect {
  fill: #374456;
  transition: .1s cubic-bezier(.64, 0, .35, 1)
}

.icon--color-licorice-600 path,
.icon--color-licorice-600 polygon,
.icon--color-licorice-600 rect,
.icon--color-licorice-600 svg path,
.icon--color-licorice-600 svg polygon,
.icon--color-licorice-600 svg rect {
  fill: #2d3745;
  transition: .1s cubic-bezier(.64, 0, .35, 1)
}

.icon--color-slate path,
.icon--color-slate polygon,
.icon--color-slate rect,
.icon--color-slate svg path,
.icon--color-slate svg polygon,
.icon--color-slate svg rect {
  fill: #69778b;
  transition: .1s cubic-bezier(.64, 0, .35, 1)
}

.icon--color-steel-800 path,
.icon--color-steel-800 polygon,
.icon--color-steel-800 rect,
.icon--color-steel-800 svg path,
.icon--color-steel-800 svg polygon,
.icon--color-steel-800 svg rect {
  fill: #1c2026;
  transition: .1s cubic-bezier(.64, 0, .35, 1)
}

.icon--color-moon path,
.icon--color-moon polygon,
.icon--color-moon rect,
.icon--color-moon svg path,
.icon--color-moon svg polygon,
.icon--color-moon svg rect {
  fill: #1b67da;
  transition: .1s cubic-bezier(.64, 0, .35, 1)
}

.icon--color-afrodite path,
.icon--color-afrodite polygon,
.icon--color-afrodite rect,
.icon--color-afrodite svg path,
.icon--color-afrodite svg polygon,
.icon--color-afrodite svg rect {
  fill: #f3d113;
  transition: .1s cubic-bezier(.64, 0, .35, 1)
}

.icon--color-zeus path,
.icon--color-zeus polygon,
.icon--color-zeus rect,
.icon--color-zeus svg path,
.icon--color-zeus svg polygon,
.icon--color-zeus svg rect {
  fill: #13ce66;
  transition: .1s cubic-bezier(.64, 0, .35, 1)
}

.icon--color-zeus-dark path,
.icon--color-zeus-dark polygon,
.icon--color-zeus-dark rect,
.icon--color-zeus-dark svg path,
.icon--color-zeus-dark svg polygon,
.icon--color-zeus-dark svg rect {
  fill: #1c6848;
  transition: .1s cubic-bezier(.64, 0, .35, 1)
}

.icon--color-zeus-light path,
.icon--color-zeus-light polygon,
.icon--color-zeus-light rect,
.icon--color-zeus-light svg path,
.icon--color-zeus-light svg polygon,
.icon--color-zeus-light svg rect {
  fill: #edfbf3;
  transition: .1s cubic-bezier(.64, 0, .35, 1)
}

.icon--color-danger path,
.icon--color-danger polygon,
.icon--color-danger rect,
.icon--color-danger svg path,
.icon--color-danger svg polygon,
.icon--color-danger svg rect {
  fill: #f0506e;
  transition: .1s cubic-bezier(.64, 0, .35, 1)
}

.icon--color-warning path,
.icon--color-warning polygon,
.icon--color-warning rect,
.icon--color-warning svg path,
.icon--color-warning svg polygon,
.icon--color-warning svg rect {
  fill: #faa05a;
  transition: .1s cubic-bezier(.64, 0, .35, 1)
}

.icon--color-success path,
.icon--color-success polygon,
.icon--color-success rect,
.icon--color-success svg path,
.icon--color-success svg polygon,
.icon--color-success svg rect {
  fill: #13ce66;
  transition: .1s cubic-bezier(.64, 0, .35, 1)
}

.icon--color-brand-primary path,
.icon--color-brand-primary polygon,
.icon--color-brand-primary rect,
.icon--color-brand-primary svg path,
.icon--color-brand-primary svg polygon,
.icon--color-brand-primary svg rect {
  fill: var(--brand-primary-color);
  transition: .1s cubic-bezier(.64, 0, .35, 1)
}

.icon--color-dark-snow-200-color-white-snow svg path,
.icon--color-dark-snow-200-color-white-snow svg polygon,
.icon--color-dark-snow-200-color-white-snow svg rect {
  fill: #e0e4ea;
  transition: .1s cubic-bezier(.64, 0, .35, 1)
}

.icon--color-dark-snow-200-color-white-snow svg:hover path,
.icon--color-dark-snow-200-color-white-snow svg:hover polygon,
.icon--color-dark-snow-200-color-white-snow svg:hover rect {
  fill: #fff
}

.icon--color-dark-snow-200-color-white-snow path,
.icon--color-dark-snow-200-color-white-snow polygon,
.icon--color-dark-snow-200-color-white-snow rect {
  fill: #e0e4ea;
  transition: .1s cubic-bezier(.64, 0, .35, 1)
}

.icon--color-dark-snow-200-color-white-snow:hover path,
.icon--color-dark-snow-200-color-white-snow:hover polygon,
.icon--color-dark-snow-200-color-white-snow:hover rect {
  fill: #fff
}

.icon--color-hermes path,
.icon--color-hermes polygon,
.icon--color-hermes rect,
.icon--color-hermes svg path,
.icon--color-hermes svg polygon,
.icon--color-hermes svg rect {
  fill: #6233ff;
  transition: .1s cubic-bezier(.64, 0, .35, 1)
}

.icon--color-neptune path,
.icon--color-neptune polygon,
.icon--color-neptune rect,
.icon--color-neptune svg path,
.icon--color-neptune svg polygon,
.icon--color-neptune svg rect {
  fill: #a519c1;
  transition: .1s cubic-bezier(.64, 0, .35, 1)
}

.icon--color-pluto-base path,
.icon--color-pluto-base polygon,
.icon--color-pluto-base rect,
.icon--color-pluto-base svg path,
.icon--color-pluto-base svg polygon,
.icon--color-pluto-base svg rect {
  fill: #faa05a;
  transition: .1s cubic-bezier(.64, 0, .35, 1)
}

.icon--color-special-competition path,
.icon--color-special-competition polygon,
.icon--color-special-competition rect,
.icon--color-special-competition svg path,
.icon--color-special-competition svg polygon,
.icon--color-special-competition svg rect {
  fill: #8a1538;
  transition: .1s cubic-bezier(.64, 0, .35, 1)
}

.icon--color-puerto-rico path,
.icon--color-puerto-rico polygon,
.icon--color-puerto-rico rect,
.icon--color-puerto-rico svg path,
.icon--color-puerto-rico svg polygon,
.icon--color-puerto-rico svg rect {
  fill: #40beac;
  transition: .1s cubic-bezier(.64, 0, .35, 1)
}

.icon--color-jupiter path,
.icon--color-jupiter polygon,
.icon--color-jupiter rect,
.icon--color-jupiter svg path,
.icon--color-jupiter svg polygon,
.icon--color-jupiter svg rect {
  fill: #0996a0;
  transition: .1s cubic-bezier(.64, 0, .35, 1)
}

.icon--loader--white-snow {
  stroke: #fff
}

.icon--loader--brand-secondary {
  stroke: var(--brand-secondary-color)
}

.icon--loader--special-competition {
  stroke: #8a1538
}

.icon--loader--success {
  stroke: #13ce66
}

.icon--loader--dark-steel-900 {
  stroke: #101419
}

.icon--stroke--cloud-burst-500 path,
.icon--stroke--cloud-burst-500 polygon,
.icon--stroke--cloud-burst-500 rect,
.icon--stroke--cloud-burst-500 svg path,
.icon--stroke--cloud-burst-500 svg polygon,
.icon--stroke--cloud-burst-500 svg rect {
  stroke: #374456;
  transition: .1s cubic-bezier(.64, 0, .35, 1)
}

.icon--stroke--white-snow path,
.icon--stroke--white-snow polygon,
.icon--stroke--white-snow rect,
.icon--stroke--white-snow svg path,
.icon--stroke--white-snow svg polygon,
.icon--stroke--white-snow svg rect {
  stroke: #fff;
  transition: .1s cubic-bezier(.64, 0, .35, 1)
}

.icon--stroke--afrodite path,
.icon--stroke--afrodite polygon,
.icon--stroke--afrodite rect,
.icon--stroke--afrodite svg path,
.icon--stroke--afrodite svg polygon,
.icon--stroke--afrodite svg rect {
  stroke: #f3d113;
  transition: .1s cubic-bezier(.64, 0, .35, 1)
}

.icon--color--leather path,
.icon--color--leather polygon,
.icon--color--leather rect,
.icon--color--leather svg path,
.icon--color--leather svg polygon,
.icon--color--leather svg rect {
  fill: #9f7657;
  transition: .1s cubic-bezier(.64, 0, .35, 1)
}

.icon--loader--spacing {
  padding: 4px
}

.icon-stroke-opacity-l {
  stroke-opacity: .54
}

.icon--opacity-s {
  opacity: .17
}

.icon--opacity-s svg path,
.icon--opacity-s svg polygon,
.icon--opacity-s svg rect {
  opacity: .17;
  transition: opacity .1s cubic-bezier(.36, 0, 1, 1)
}

.icon--opacity-s svg:focus {
  outline: none
}

.icon--opacity-s path,
.icon--opacity-s polygon,
.icon--opacity-s rect {
  opacity: .17;
  transition: opacity .1s cubic-bezier(.36, 0, 1, 1)
}

.icon--opacity-s:focus {
  outline: none
}

.icon--opacity-m {
  opacity: .38
}

.icon--opacity-m svg path,
.icon--opacity-m svg polygon,
.icon--opacity-m svg rect {
  opacity: .38;
  transition: opacity .1s cubic-bezier(.36, 0, 1, 1)
}

.icon--opacity-m svg:focus {
  outline: none
}

.icon--opacity-m path,
.icon--opacity-m polygon,
.icon--opacity-m rect {
  opacity: .38;
  transition: opacity .1s cubic-bezier(.36, 0, 1, 1)
}

.icon--opacity-m:focus {
  outline: none
}

.icon--opacity-l {
  opacity: .54
}

.icon--opacity-l svg path,
.icon--opacity-l svg polygon,
.icon--opacity-l svg rect {
  opacity: .54;
  transition: opacity .1s cubic-bezier(.36, 0, 1, 1)
}

.icon--opacity-l svg:focus {
  outline: none
}

.icon--opacity-l path,
.icon--opacity-l polygon,
.icon--opacity-l rect {
  opacity: .54;
  transition: opacity .1s cubic-bezier(.36, 0, 1, 1)
}

.icon--opacity-l:focus {
  outline: none
}

.icon--opacity-xl {
  opacity: .87
}

.icon--opacity-xl svg path,
.icon--opacity-xl svg polygon,
.icon--opacity-xl svg rect {
  opacity: .87;
  transition: opacity .1s cubic-bezier(.36, 0, 1, 1)
}

.icon--opacity-xl svg:focus {
  outline: none
}

.icon--opacity-xl path,
.icon--opacity-xl polygon,
.icon--opacity-xl rect {
  opacity: .87;
  transition: opacity .1s cubic-bezier(.36, 0, 1, 1)
}

.icon--opacity-xl:focus {
  outline: none
}

.icon--opacity-opacity-full {
  opacity: 1
}

.icon--opacity-opacity-full svg path,
.icon--opacity-opacity-full svg polygon,
.icon--opacity-opacity-full svg rect {
  opacity: 1;
  transition: opacity .1s cubic-bezier(.36, 0, 1, 1)
}

.icon--opacity-opacity-full svg:focus {
  outline: none
}

.icon--opacity-opacity-full path,
.icon--opacity-opacity-full polygon,
.icon--opacity-opacity-full rect {
  opacity: 1;
  transition: opacity .1s cubic-bezier(.36, 0, 1, 1)
}

.icon--opacity-opacity-full:focus {
  outline: none
}

.icon--opacity-l-full {
  opacity: .54
}

.icon--opacity-l-full:hover {
  opacity: 1
}

.icon--opacity-l-full svg path,
.icon--opacity-l-full svg polygon,
.icon--opacity-l-full svg rect {
  opacity: .54;
  transition: opacity .1s cubic-bezier(.36, 0, 1, 1)
}

.icon--opacity-l-full svg:hover path,
.icon--opacity-l-full svg:hover polygon,
.icon--opacity-l-full svg:hover rect {
  opacity: 1
}

.icon--opacity-l-full svg:focus {
  outline: none
}

.icon--opacity-l-full path,
.icon--opacity-l-full polygon,
.icon--opacity-l-full rect {
  opacity: .54;
  transition: opacity .1s cubic-bezier(.36, 0, 1, 1)
}

.icon--opacity-l-full:hover path,
.icon--opacity-l-full:hover polygon,
.icon--opacity-l-full:hover rect {
  opacity: 1
}

.icon--opacity-l-full:focus {
  outline: none
}

.icon--opacity-xl-full {
  opacity: .87
}

.icon--opacity-xl-full:hover {
  opacity: 1
}

.icon--opacity-xl-full svg path,
.icon--opacity-xl-full svg polygon,
.icon--opacity-xl-full svg rect {
  opacity: .87;
  transition: opacity .1s cubic-bezier(.36, 0, 1, 1)
}

.icon--opacity-xl-full svg:hover path,
.icon--opacity-xl-full svg:hover polygon,
.icon--opacity-xl-full svg:hover rect {
  opacity: 1
}

.icon--opacity-xl-full svg:focus {
  outline: none
}

.icon--opacity-xl-full path,
.icon--opacity-xl-full polygon,
.icon--opacity-xl-full rect {
  opacity: .87;
  transition: opacity .1s cubic-bezier(.36, 0, 1, 1)
}

.icon--opacity-xl-full:hover path,
.icon--opacity-xl-full:hover polygon,
.icon--opacity-xl-full:hover rect {
  opacity: 1
}

.icon--opacity-xl-full:focus {
  outline: none
}

.icon--clickable {
  cursor: pointer
}

.icon--clickable svg path,
.icon--clickable svg polygon,
.icon--clickable svg rect {
  opacity: .54;
  transition: opacity .1s cubic-bezier(.36, 0, 1, 1)
}

.icon--clickable svg:hover path,
.icon--clickable svg:hover polygon,
.icon--clickable svg:hover rect {
  opacity: 1
}

.icon--clickable svg:focus {
  outline: none
}

.icon--clickable path,
.icon--clickable polygon,
.icon--clickable rect {
  opacity: .54;
  transition: opacity .1s cubic-bezier(.36, 0, 1, 1)
}

.icon--clickable:hover path,
.icon--clickable:hover polygon,
.icon--clickable:hover rect {
  opacity: 1
}

.icon--clickable:focus {
  outline: none
}

.icon--clickable .kz-icon {
  opacity: .54
}

.icon--active,
.icon--clickable .kz-icon:hover {
  opacity: 1
}

.icon--text {
  display: block;
  font-size: 7px;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  transform: skew(-2deg, -10deg);
  text-align: center
}

.icon--rotate {
  animation: rotate 1s linear infinite
}

@keyframes rotate {
  0% {
    transform: rotate(0deg)
  }

  to {
    transform: rotate(1turn)
  }
}

.fade-enter {
  opacity: 0
}

.fade-enter-active,
.fade-leave-active {
  transition: opacity .1s cubic-bezier(.64, 0, .35, 1)
}

.fade-leave-to {
  opacity: 0
}

.slideInFrom-bottom-enter {
  transform: translateY(100%)
}

.slideInFrom-bottom-enter-active,
.slideInFrom-bottom-leave-active {
  transition: transform .1s cubic-bezier(.64, 0, .35, 1)
}

.slideInFrom-bottom-leave-to {
  transform: translateY(100%)
}

.slideInFrom-top-enter {
  transform: translateY(-100%)
}

.slideInFrom-top-enter-active,
.slideInFrom-top-leave-active {
  transition: transform .1s cubic-bezier(.64, 0, .35, 1)
}

.slideInFrom-top-leave-to {
  transform: translateY(-100%)
}

.slideInFrom-left-enter {
  transform: translateX(-100%)
}

.slideInFrom-left-enter-active,
.slideInFrom-left-leave-active {
  transition: transform .1s cubic-bezier(.64, 0, .35, 1)
}

.slideInFrom-left-leave-to {
  transform: translateX(-100%)
}

.slideInFrom-right-enter {
  transform: translateX(100%)
}

.slideInFrom-right-enter-active,
.slideInFrom-right-leave-active {
  transition: transform .1s cubic-bezier(.64, 0, .35, 1)
}

.slideInFrom-right-leave-to {
  transform: translateX(100%)
}

.flip-list-move {
  transition: transform .2s cubic-bezier(.36, 0, 1, 1)
}

.small-slide-in-from-bottom-enter {
  transform: translateY(30%);
  opacity: 0
}

.small-slide-in-from-bottom-enter-active {
  transition: all .3s cubic-bezier(.64, 0, .35, 1)
}

.small-slide-in-from-bottom-enter-to,
.small-slide-in-from-bottom-leave {
  transform: translateY(0);
  opacity: 1
}

.small-slide-in-from-bottom-leave-active {
  transition: all .3s cubic-bezier(.64, 0, .35, 1)
}

.small-slide-in-from-bottom-leave-to {
  transform: translateY(30%);
  opacity: 0
}

.sb-checkbox {
  font-size: .85714rem;
  line-height: 16px;
  letter-spacing: .2px;
  color: #1b67da;
  padding: 8px;
  margin: 0;
  cursor: pointer;
  display: flex;
  align-items: flex-start
}

@media screen and (min-width:825px) {
  .sb-checkbox {
    padding: 0;
    margin: 8px
  }
}

.sb-checkbox--selected {
  color: #1b67da;
  font-weight: 700
}

.sb-checkbox--selected .sb-checkbox__link {
  color: #1b67da
}

@media screen and (min-width:1025px) {
  .sb-checkbox:hover {
    color: #1b67da;
    font-weight: 700
  }

  .sb-checkbox:hover .sb-checkbox__link {
    color: #1b67da
  }
}

.sb-checkbox__input {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  border-color: #b6bcc6 !important;
  margin: 0 !important;
  vertical-align: bottom !important
}

.sb-checkbox--primary {
  font-size: 1rem;
  line-height: 16px;
  font-weight: 700
}

.sb-checkbox--secondary {
  color: #101419;
  margin: 2px 8px
}

@media screen and (min-width:825px) {
  .sb-checkbox--short {
    margin: 4px 8px
  }
}

.sb-checkbox__text {
  margin-left: 8px
}

.sb-checkbox__link {
  margin-left: 8px;
  color: #101419;
  text-decoration: none
}

.sb-checkbox__link:visited {
  color: inherit
}

.sb-checkbox__link:hover {
  text-decoration: underline
}

.sb-checkbox__link--selected,
.sb-checkbox__link:hover {
  color: #1b67da;
  font-weight: 700
}

.sb-checkbox__link--selected:visited,
.sb-checkbox__link:hover:visited,
.sb-checkbox__link__section {
  color: #1b67da
}

.sb-star {
  font-size: .85714rem;
  line-height: 16px;
  letter-spacing: .2px;
  padding: 0;
  margin: 0 8px;
  cursor: pointer;
  display: flex
}

.sb-star:hover {
  opacity: 1
}

.sport-block__item__header>.sb-star {
  padding: 4px 8px;
  margin: 0
}

.league-block__header__title>.sb-star {
  margin: 0
}

.sb-star__icon {
  flex-shrink: 0;
  vertical-align: bottom
}

@media screen and (min-width:825px) {
  .sb-star__icon:hover {
    cursor: pointer
  }

  .sb-star__icon:hover path,
  .sb-star__icon:hover polygon,
  .sb-star__icon:hover rect,
  .sb-star__icon:hover svg path,
  .sb-star__icon:hover svg polygon,
  .sb-star__icon:hover svg rect {
    fill: #f3d113;
    transition: .1s cubic-bezier(.64, 0, .35, 1)
  }
}

.sb-star__title {
  font-size: 1rem;
  line-height: 22px;
  font-weight: 700;
  color: #1b67da;
  margin-left: 4px
}

.sb-star__text {
  font-size: .85714rem;
  line-height: 20px;
  margin-left: 4px
}

.sb-arrow {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  transition: transform .1s linear
}

.sb-arrow--collapsed {
  transform: rotate(-180deg)
}

.sb-arrow--margin {
  margin: 4px
}

.sb-accordion__header {
  background-color: #eceff1;
  cursor: pointer;
  font-size: .85714rem;
  line-height: 16px;
  color: #101419;
  display: flex;
  padding: 8px 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.sb-accordion__header__title {
  flex: 1;
  opacity: .87
}

.sb-accordion__header__actions {
  color: #000;
  opacity: .87
}

.sb-accordion__header__actions__action {
  transition: transform .1s linear
}

.sb-accordion__header__actions__action--active {
  transform: rotate(-180deg)
}

.sb-accordion__show-all {
  font-size: .85714rem;
  line-height: 16px;
  text-align: center;
  color: #101419;
  padding: 8px;
  cursor: pointer
}

.loading-state {
  width: 100%;
  padding: 8px
}

.loading-state__row {
  background: #eceff1;
  background: linear-gradient(90deg, #eceff1 8%, #e0e4ea 38%, #eceff1 54%);
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: loading-state;
  animation-timing-function: linear;
  animation-duration: 1.8s;
  background-size: 1000px 640px;
  height: 8px;
  width: 100%;
  margin-bottom: 8px
}

.loading-state__row:nth-child(2n) {
  animation-delay: .2s
}

.loading-state__row:nth-child(n+1) {
  max-width: 310px
}

.loading-state__row:nth-child(2n) {
  max-width: 450px
}

.loading-state__row:nth-child(3n) {
  max-width: 190px;
  margin-bottom: 16px
}

.loading-state__row:nth-child(4n) {
  max-width: 510px
}

.loading-state__row:nth-child(5n) {
  max-width: 190px
}

.loading-state__row:last-child {
  margin-bottom: 0
}

@keyframes loading-state {
  0% {
    background-position: -500px 0
  }

  to {
    background-position: 500px 0
  }
}

.layout-lg-2 {
  display: flex;
  flex-direction: column
}

@media screen and (min-width:1600px) {
  .layout-lg-2 {
    flex-direction: row
  }
}

.vertical-overflow {
  overflow-x: hidden;
  overflow-y: auto
}

.message {
  font-size: .78571rem;
  line-height: 12px;
  padding: 0 8px;
  margin: 2px 0
}

.message.message--success {
  color: #13ce66
}

.message.message--warning {
  color: #faa05a
}

.message.message--danger {
  color: #f0506e
}

.position-top {
  top: 0;
  left: 0;
  right: 0
}

.position-fixed {
  position: fixed !important
}

.slide-enter-active {
  animation: slide .2s cubic-bezier(.36, 0, 1, 1) both
}

.slide-leave-active {
  animation: slide .2s cubic-bezier(0, 0, .42, 1) reverse both
}

@keyframes highlight {
  0% {
    outline: 4px solid #f3d113
  }

  95% {
    outline: 4px solid #f3d113
  }

  to {
    outline: 0 solid #f3d113
  }
}

@keyframes loading {
  0% {
    left: -200px;
    width: 30%
  }

  50% {
    width: 30%
  }

  70% {
    width: 70%
  }

  80% {
    left: 50%
  }

  95% {
    left: 120%
  }

  to {
    left: 100%
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translate3d(0, -100%, 0)
  }

  to {
    opacity: 1;
    transform: translateZ(0)
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translate3d(0, 100%, 0)
  }

  to {
    opacity: 1;
    transform: translateZ(0)
  }
}

@keyframes flashEventOnGoal {
  0% {
    background-color: rgba(182, 188, 198, .17)
  }

  50% {
    background-color: rgba(182, 188, 198, .54)
  }

  to {
    background-color: rgba(182, 188, 198, .17)
  }
}

.goal-animation-enter-active {
  animation: goal-animation-in .5s
}

.goal-animation-leave-active {
  animation: goal-animation-in .5s reverse
}

@keyframes goal-animation-in {
  0% {
    opacity: 0;
    transform: translateX(-200px) rotate(0)
  }

  to {
    opacity: 1;
    transform: translateX(0) rotate(5turn)
  }
}

.goal-fade-animation-enter-active,
.goal-fade-animation-leave-active {
  transition: opacity .5s ease-in
}

.goal-fade-animation-enter-from,
.goal-fade-animation-leave-to {
  opacity: 0
}

@keyframes textAnimationOnGoal {
  0% {
    opacity: 0;
    transform: translateY(-100%)
  }

  30% {
    opacity: .54;
    transform: translateY(0)
  }

  60% {
    opacity: 1;
    transform: scale(1.5)
  }

  80% {
    opacity: 1;
    transform: scale(1.2)
  }

  to {
    transform: scale(1.5)
  }
}

.css-spinner,
.css-spinner-ratio3 {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 1px solid grey;
  border-top-color: #fff;
  animation: spin .8s ease-in-out infinite
}

.css-spinner-ratio3 {
  width: 90px;
  height: 90px
}

@keyframes spin {
  to {
    transform: rotate(1turn)
  }
}

.animation-fade {
  animation-name: fade-class;
  animation-duration: .3s;
  animation-timing-function: linear
}

@keyframes fade-class {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

.accordion-class {
  padding: 0;
  list-style: none
}

.accordion-class>:nth-child(n+2) {
  margin-top: 4px
}

.progress-bar-class {
  vertical-align: baseline;
  -webkit-appearance: none;
  -moz-appearance: none;
  display: block;
  width: 100%;
  border: 0;
  background-color: #eceff1;
  margin-bottom: 4px;
  height: 8px;
  border-radius: 64px;
  overflow: hidden
}

*+.progress-bar-class {
  margin-top: 4px
}

.progress-bar-class:indeterminate {
  color: transparent
}

.progress-bar-class::-webkit-progress-bar {
  background-color: #eceff1;
  border-radius: 64px;
  overflow: hidden
}

.progress-bar-class:indeterminate::-moz-progress-bar {
  width: 0
}

.progress-bar-class::-webkit-progress-value {
  background-color: #1b67da;
  -webkit-transition: width .6s ease;
  transition: width .6s ease
}

.progress-bar-class::-moz-progress-bar {
  background-color: #1b67da
}

.progress-bar-class::-ms-fill {
  background-color: #1b67da;
  -ms-transition: width .6s ease;
  transition: width .6s ease;
  border: 0
}

.notification-class {
  position: fixed;
  top: 10px;
  left: 10px;
  z-index: 1040;
  box-sizing: border-box;
  width: 350px
}

.notification-class-bottom-right,
.notification-class-top-right {
  left: auto;
  right: 10px
}

.notification-class-bottom-center,
.notification-class-top-center {
  left: 50%;
  margin-left: -175px
}

.notification-class-bottom-center,
.notification-class-bottom-left,
.notification-class-bottom-right {
  top: auto;
  bottom: 10px
}

@media (max-width:824.9px) {
  .notification-class {
    left: 10px;
    right: 10px;
    width: auto;
    margin: 0
  }
}

.notification-class-message {
  position: relative;
  padding: 8px;
  background: #f3d113;
  color: #1c2026;
  line-height: 1.4;
  cursor: pointer;
  font-size: .85714rem;
  line-height: 16px;
  cursor: default
}

*+.notification-class-message {
  margin-top: 10px
}

.notification-class-close {
  display: none;
  position: absolute;
  top: 13px;
  right: 8px;
  display: block;
  position: static;
  top: auto;
  right: auto;
  color: #1c2026;
  flex-shrink: 0
}

.notification-class-message:hover .notification-class-close {
  display: block
}

.notification-class-message-primary {
  color: #fff
}

.notification-class-message-success {
  color: #40ed8d
}

.notification-class-message-warning {
  color: #fccba4
}

.notification-class-message-danger {
  color: #f696a8
}

.badge-class {
  box-sizing: border-box;
  min-width: 16px;
  height: 16px;
  padding: 0 4px;
  border-radius: 500px;
  vertical-align: middle;
  background: var(--brand-secondary-color);
  color: #fff;
  font-size: .78571rem;
  display: inline-flex;
  justify-content: center;
  align-items: center
}

.modal-class {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1010;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding: 15px;
  background: rgba(0, 0, 0, .6)
}

@media (min-width:825px) {
  .modal-class {
    padding: 50px 8px
  }
}

@media (min-width:1025px) {
  .modal-class {
    padding-left: 24px;
    padding-right: 24px
  }
}

.modal-dialog {
  position: relative;
  box-sizing: border-box;
  margin: 0 auto;
  width: 600px;
  max-width: calc(100% - .01px) !important;
  background: #fff
}

.modal-container .modal-dialog {
  width: 1200px
}

.modal-full {
  padding: 0;
  background: none
}

.modal-full .modal-dialog {
  margin: 0;
  width: 100%;
  max-width: 100%;
  transform: translateY(0)
}

.modal-body-class {
  padding: 8px
}

.modal-footer {
  padding: 4px 8px;
  background: #fff;
  border-top: 1px solid #e0e4ea
}

.modal-body-class:after,
.modal-body-class:before,
.modal-footer:after,
.modal-footer:before,
.modal-header:after,
.modal-header:before {
  content: "";
  display: table
}

.modal-body-class:after,
.modal-footer:after,
.modal-header:after {
  clear: both
}

.modal-body-class>:last-child,
.modal-footer>:last-child,
.modal-header>:last-child {
  margin-bottom: 0
}

.modal-header {
  padding: 4px 8px;
  background: #fff;
  border-bottom: 1px solid #e0e4ea
}

[class*=modal-close-] {
  position: absolute;
  z-index: 1010;
  top: 8px;
  right: 8px;
  padding: 5px !important
}

.fade-modal-enter-active,
.fade-modal-leave-active {
  transition: opacity .3s ease
}

.fade-modal-enter-from,
.fade-modal-leave-to {
  opacity: 0
}

.slide-modal-enter-active,
.slide-modal-leave-active {
  transition: transform .3s ease
}

.slide-modal-enter-from,
.slide-modal-leave-to {
  transform: translateY(-100%)
}

.sb-header__header__navigation__menu-container__main-menu {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
  display: flex
}

.sb-header__header__navigation__menu-container__main-menu__title {
  cursor: pointer
}

.sb-header__header__navigation__menu-container__main-menu__item {
  display: flex;
  align-items: center;
  float: left;
  margin-right: 8px
}

@media screen and (min-width:1366px) {
  .sb-header__header__navigation__menu-container__main-menu__item {
    margin-right: 16px
  }
}

.sb-header__header__navigation__menu-container__main-menu__item:last-child {
  margin-right: 0
}

.sb-header__header__navigation__menu-container__main-menu__item__anchor {
  display: flex;
  align-items: center;
  text-align: center;
  text-decoration: none;
  color: hsla(0, 0%, 100%, .87);
  transition: .1s cubic-bezier(.64, 0, .35, 1);
  letter-spacing: .4px;
  font-size: .85714rem;
  line-height: 16px;
  line-height: normal
}

.sb-header__header__navigation__menu-container__main-menu__item__anchor:hover {
  color: #fff
}

.sb-header__header__navigation__menu-container__main-menu__item--selected a {
  font-weight: 700;
  color: #fff
}

.sb-header__header__navigation__menu-container__main-menu__item__badge {
  color: #fff;
  font-size: .64286rem;
  line-height: normal;
  margin-left: 2px;
  background-color: var(--brand-secondary-color);
  border-radius: 8px;
  padding: 2px 4px;
  position: relative;
  top: -1px
}

.menu--small {
  text-decoration: none;
  color: #fff;
  transition: .1s cubic-bezier(.64, 0, .35, 1);
  letter-spacing: .4px;
  font-size: .85714rem;
  line-height: 16px
}

.menu--small .sb-header__header__navigation__menu-container__main-menu__title {
  opacity: .87
}

.menu--small .sb-header__header__navigation__menu-container__main-menu__title:hover {
  opacity: 1
}

.user-main-info {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  cursor: pointer;
  overflow: hidden;
  padding: 0 0 0 8px
}

.user-main-info-container {
  display: flex;
  position: relative
}

.user-main-info__incognito {
  color: hsla(0, 0%, 100%, .87);
  font-size: .78571rem
}

.user-main-info__balance,
.user-main-info__incognito {
  display: flex;
  align-items: center;
  justify-content: flex-end
}

.user-main-info__balance {
  flex-wrap: wrap;
  flex-direction: row;
  min-width: 34px;
  padding-right: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.user-main-info__balance__amount {
  font-size: .85714rem;
  font-weight: 700;
  color: hsla(0, 0%, 100%, .87);
  padding: 4px 0
}

@media screen and (min-width:375px) {
  .user-main-info__balance__amount {
    font-size: 1rem
  }
}

.user-info {
  position: absolute;
  top: 30px;
  right: 0;
  z-index: 2000;
  width: 280px;
  margin-top: 8px;
  padding: 0;
  box-sizing: border-box;
  white-space: nowrap;
  color: #101419;
  background-color: #fff;
  box-shadow: 0 0 8px rgba(0, 0, 0, .17);
  border-radius: 2px;
  font-size: .85714rem
}

@media screen and (max-width:1024.9px) {
  .user-info {
    right: -60px
  }
}

@media screen and (max-width:479.9px) {
  .user-info {
    right: -80px
  }
}

.user-info__title {
  padding: 0 4px
}

.user-info__text,
.user-info__title {
  flex: 1;
  text-decoration: none;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: top;
  white-space: nowrap;
  overflow: hidden;
  width: 100%
}

.user-info__text--highlight {
  color: #1b67da
}

.user-info__amount {
  color: rgba(16, 20, 25, .54);
  font-weight: 700;
  margin-left: 8px
}

.user-info__incognito {
  display: flex;
  height: 40px;
  padding: 8px;
  align-items: center;
  background-color: rgba(224, 228, 234, .38)
}

.user-info__container {
  margin: 0 8px
}

.user-info__header__refresh-icon {
  cursor: pointer
}

.user-info__header__refresh-icon path,
.user-info__header__refresh-icon polygon,
.user-info__header__refresh-icon rect,
.user-info__header__refresh-icon svg path,
.user-info__header__refresh-icon svg polygon,
.user-info__header__refresh-icon svg rect {
  fill: rgba(16, 20, 25, .38);
  transition: .1s cubic-bezier(.64, 0, .35, 1)
}

.user-info__header__refresh-icon:hover path,
.user-info__header__refresh-icon:hover polygon,
.user-info__header__refresh-icon:hover rect,
.user-info__header__refresh-icon:hover svg path,
.user-info__header__refresh-icon:hover svg polygon,
.user-info__header__refresh-icon:hover svg rect {
  fill: rgba(16, 20, 25, .87);
  transition: .1s cubic-bezier(.64, 0, .35, 1)
}

.user-info__header__refresh-icon--loading {
  animation: spin 1s linear infinite
}

.user-info__header__refresh-icon--loading path,
.user-info__header__refresh-icon--loading polygon,
.user-info__header__refresh-icon--loading rect,
.user-info__header__refresh-icon--loading svg path,
.user-info__header__refresh-icon--loading svg polygon,
.user-info__header__refresh-icon--loading svg rect {
  fill: rgba(16, 20, 25, .87);
  transition: .1s cubic-bezier(.64, 0, .35, 1)
}

.user-info__header__info {
  display: flex;
  align-items: center;
  padding: 8px 0;
  font-weight: 700
}

.user-info__header__info .user-info__amount {
  font-size: 1rem;
  font-weight: 700;
  color: #101419
}

.user-info__header__totals {
  display: flex;
  align-items: center;
  padding: 8px 0;
  font-weight: 700;
  border-top: 1px solid #e0e4ea
}

.user-info__header__totals .user-info__amount {
  color: #101419;
  font-size: 1rem;
  line-height: 16px
}

.user-info__header--second .user-info__header__totals {
  padding-bottom: 0
}

.user-info__details {
  padding: 8px 0;
  border-top: 1px solid #e0e4ea
}

.user-info__details__item {
  display: flex;
  margin-bottom: 8px
}

.user-info__details__item:last-child {
  margin-bottom: 0
}

.user-info__bonus__type {
  font-weight: 700;
  background: rgba(224, 228, 234, .38);
  padding: 8px;
  border-radius: 8px
}

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

.user-info__bonus__type__top__text {
  white-space: normal;
  font-size: .85714rem;
  line-height: 16px
}

.user-info__bonus__type__amount {
  display: flex;
  align-items: center;
  background: #e0e4ea;
  border-radius: 24px;
  margin-left: 8px;
  flex-shrink: 0
}

.user-info__bonus__type__amount__icon {
  border-radius: 50%;
  padding: 4px;
  margin-right: 2px
}

.user-info__bonus__type__amount__icon--locked {
  background: #f0506e
}

.user-info__bonus__type__amount__icon--unlocked {
  background: #13ce66
}

.user-info__bonus__type__amount__value {
  font-size: 1rem;
  line-height: 16px;
  padding-right: 4px
}

.user-info__bonus__info {
  padding: 8px 0
}

.user-info__bonus__info__item {
  display: flex;
  margin-bottom: 8px
}

.user-info__bonus__info__item:last-child {
  margin-bottom: 0
}

.user-info__bonus__progress {
  position: relative;
  width: 100%;
  margin: 8px auto 12px
}

.user-info__bonus__progress__extra-wager {
  font-size: .78571rem;
  line-height: 12px;
  font-weight: 400;
  color: #1b67da;
  margin-bottom: 2px;
  white-space: normal
}

.user-info__bonus__progress__indicator {
  font-size: .71429rem;
  color: #1c2026;
  height: 12px;
  font-weight: 500
}

.user-info__bonus__progress__indicator--unlock-required-wagger {
  position: absolute
}

.user-info__bonus__progress__indicator--total-required-wagger {
  float: right;
  opacity: .54
}

.user-info__footer {
  display: flex;
  align-items: center;
  padding: 8px;
  justify-content: space-between
}

.user-info__footer__link {
  flex: auto;
  max-width: 275px;
  margin-right: 8px
}

.user-info__footer__link:hover {
  background-color: rgba(224, 228, 234, .38) !important
}

.user-info__footer__logout {
  cursor: pointer
}

.user-info__footer__logout path,
.user-info__footer__logout polygon,
.user-info__footer__logout rect,
.user-info__footer__logout svg path,
.user-info__footer__logout svg polygon,
.user-info__footer__logout svg rect {
  fill: #101419;
  transition: .1s cubic-bezier(.64, 0, .35, 1)
}

.sb-dropdown {
  white-space: normal;
  padding: 0;
  min-width: 130px;
  position: absolute;
  box-sizing: border-box;
  background: #fff;
  color: #000;
  z-index: 2000;
  border-radius: 2px
}

.sb-dropdown.bottom-center {
  left: 10%;
  top: 48px
}

.sb-dropdown.right-top {
  left: 48px;
  top: 0
}

.sb-dropdown.bottom-right {
  right: 0;
  top: 48px
}

.sb-dropdown.top {
  bottom: 40px;
  left: -90px
}

.sb-dropdown__no-wrap {
  white-space: nowrap
}

.sb-dropdown__body {
  position: relative;
  z-index: 1
}

.sb-dropdown__item {
  font-weight: 400
}

.sb-dropdown__link {
  font-size: .85714rem;
  line-height: 16px;
  text-decoration: none;
  transition: .1s cubic-bezier(.64, 0, .35, 1);
  color: #101419;
  padding: 8px;
  display: flex;
  align-items: center
}

.sb-dropdown__link--active,
.sb-dropdown__link:hover {
  background-color: #eceff1
}

.sb-dropdown__link--selected {
  font-weight: 700;
  background-color: #eceff1;
  cursor: default
}

.sb-dropdown__link .icon {
  width: 24px;
  height: 24px;
  margin-right: 8px;
  display: inline-block
}

.sb-dropdown--extended {
  position: absolute;
  right: 4px;
  min-width: 160px;
  max-width: 280px;
  max-height: 205px;
  overflow: auto;
  background-color: #eceff1;
  border-radius: 2px;
  z-index: 3000;
  box-shadow: 0 4px 12px rgba(0, 0, 0, .34)
}

@media screen and (min-width:825px) {
  .sb-dropdown--extended {
    max-width: 320px;
    right: 0
  }
}

.sb-dropdown--extended__item {
  font-size: .85714rem;
  line-height: 16px;
  padding: 4px 8px;
  display: flex;
  border-bottom: 1px solid #b6bcc6
}

.sb-dropdown--extended__item--active {
  background-color: #b6bcc6
}

.sb-dropdown--extended__item:hover {
  background-color: #e0e4ea
}

.sb-dropdown--extended__item__icon {
  display: flex;
  width: 20px
}

.sb-dropdown--extended__item__time {
  margin: 2px 0 2px 4px;
  opacity: .54;
  text-align: center
}

.sb-dropdown--extended__item__name {
  flex: 1;
  text-align: start;
  margin: 2px 0 2px 8px
}

.sb-dropdown--extended__item__checkbox {
  flex: 1;
  margin: 2px 8px;
  padding: 0
}

.sb-notification-dropdown {
  white-space: normal;
  padding: 0;
  width: 304px;
  position: absolute;
  right: 4px;
  box-sizing: border-box;
  background: #fff;
  color: #000;
  z-index: 2000;
  border-radius: 2px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, .34);
  text-align: initial
}

.sb-notification-dropdown__header {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #eceff1;
  padding: 8px
}

.sb-notification-dropdown__header-text {
  font-size: 1rem;
  line-height: 16px;
  width: 196px;
  font-weight: 700
}

.sb-notification-dropdown__popular {
  display: flex;
  flex-direction: column;
  background-color: #eceff1;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 8px;
  background-clip: content-box
}

.sb-notification-dropdown__popular-header {
  border-bottom: 1px solid #b6bcc6;
  margin: 8px;
  padding-top: 2px;
  padding-bottom: 4px
}

.sb-notification-dropdown__main-body {
  padding-left: 8px;
  padding-right: 8px;
  padding-bottom: 8px
}

.sb-notification-dropdown__item {
  font-weight: 400;
  padding: 4px 8px;
  display: flex
}

.sb-notification-dropdown__item--active {
  background-color: #b6bcc6
}

@media screen and (min-width:826px) {
  .sb-notification-dropdown__item:hover {
    background-color: #e0e4ea
  }
}

.sb-notification-dropdown__item__icon {
  display: flex;
  width: 20px;
  margin-right: 8px
}

.sb-notification-dropdown__item__time {
  width: 40px;
  margin: 2px 16px 2px 0;
  opacity: .54;
  text-align: center
}

.sb-notification-dropdown__item__name {
  flex: 1;
  margin: 2px 0;
  text-align: start
}

.sb-notification-dropdown__item__checkbox {
  flex: 1;
  margin: 2px 8px;
  padding: 0
}

.sb-notification-dropdown__preselection {
  background-color: #eceff1;
  padding-right: 8px;
  padding-left: 8px
}

.contact-list {
  border-radius: 2px;
  min-width: 150px
}

.contact-list__item {
  padding: 8px;
  display: flex;
  align-items: center;
  text-decoration: none
}

.contact-list__item:hover {
  background: #eceff1;
  border-radius: 16px;
  cursor: pointer
}

.contact-list__item__title {
  font-size: 1rem;
  line-height: 16px;
  color: #1c2026
}

.contact-list__item__icon {
  margin-right: 8px
}

.contact-list__item__badge {
  background: #42c256;
  border-radius: 16px;
  min-width: 24px;
  min-height: 4px;
  margin-left: 8px;
  color: #fff;
  display: flex;
  justify-content: center;
  font-weight: 700;
  font-size: .78571rem;
  line-height: 12px;
  padding: 2px
}

.sb-header,
.sb-header--fixed {
  background-color: var(--brand-primary-color)
}

.sb-header--fixed {
  z-index: 6000;
  box-shadow: 0 4px 12px rgba(0, 0, 0, .34)
}

.sb-header--fixed .sb-header__header__live-event {
  display: flex
}

@media screen and (min-width:1025px) {
  .sb-header--fixed .sb-header__header__live-event {
    display: none
  }
}

.sb-header--fixed .sb-header__header__navigation__logo-container {
  padding: 0 16px
}

.sb-header--fixed .sb-header__header__navigation__logo-container__image {
  padding: 4px
}

@media screen and (min-width:825px) {
  .sb-header--fixed .sb-header__header__navigation__logo-container__image {
    margin: 0 8px
  }
}

@media screen and (min-width:480px) {
  .sb-header--fixed .sb-header__header__navigation__logo-container__image {
    max-width: 128px;
    padding: 4px
  }
}

.sb-header__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  position: relative
}

.sb-header__header__row {
  display: flex;
  width: 100%
}

.sb-header__header__live-event {
  display: none;
  padding: 4px 8px;
  font-size: .78571rem;
  line-height: 12px;
  color: hsla(0, 0%, 100%, .87);
  flex: 1;
  align-items: center;
  border-top: 1px solid hsla(0, 0%, 100%, .17);
  background-color: #101419
}

.sb-header__header__live-event__description {
  font-weight: 700;
  margin-right: 4px
}

.sb-header__header__live-event__name {
  margin-right: 8px;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: top;
  white-space: nowrap;
  overflow: hidden;
  width: 100%
}

.sb-header__header__live-event__score {
  flex: 0 0 auto;
  font-weight: 700;
  color: rgba(243, 209, 19, .87)
}

.sb-header__header__navigation {
  display: flex;
  align-items: center;
  flex: 1;
  min-height: 56px
}

@media screen and (min-width:480px) {
  .sb-header__header__navigation {
    min-height: 64px
  }
}

.sb-header__header__navigation__icon-container {
  height: 24px;
  flex: 0 0 24px;
  cursor: pointer
}

.sb-header__header__navigation__logo-container {
  line-height: 0;
  padding: 8px
}

@media screen and (min-width:480px) {
  .sb-header__header__navigation__logo-container {
    padding: 8px 16px
  }

  .sb-header__header__navigation__logo-container--Stoiximan {
    position: relative;
    top: -4px
  }
}

.sb-header__header__navigation__logo-container__image {
  max-width: 80px;
  height: 40px
}

@media screen and (min-width:480px) {
  .sb-header__header__navigation__logo-container__image {
    max-width: 108px;
    height: 48px
  }
}

.sb-header__header__navigation__menu-container {
  margin: 0 0 0 8px
}

.sb-header__header__actions {
  display: flex;
  align-items: center;
  justify-content: flex-end
}

.sb-header__header__actions__search-icon {
  cursor: pointer;
  padding: 8px
}

.sb-header__header__actions__contact-container {
  position: relative
}

.sb-header__header__actions__contact-container__icon {
  display: inline-block;
  padding: 2px;
  cursor: pointer
}

@media screen and (min-width:321px) {
  .sb-header__header__actions__contact-container__icon {
    padding: 4px
  }
}

@media screen and (min-width:480px) {
  .sb-header__header__actions__contact-container__icon {
    padding: 8px
  }
}

.sb-header__header__actions__contact-container .sb-dropdown {
  left: -55px
}

.sb-header__header__actions__offers {
  text-decoration: none
}

.sb-header__header__actions__offers__media {
  display: flex;
  text-decoration: none;
  align-items: center;
  padding: 2px;
  border-radius: 8px;
  color: hsla(0, 0%, 100%, .87);
  transition: .1s cubic-bezier(.64, 0, .35, 1)
}

@media screen and (min-width:321px) {
  .sb-header__header__actions__offers__media {
    padding: 4px
  }
}

@media screen and (min-width:480px) {
  .sb-header__header__actions__offers__media {
    padding: 8px
  }
}

.sb-header__header__actions__offers__media:hover {
  color: #fff
}

.sb-header__header__actions__offers__media:hover .sb-header__header__actions__offers__image {
  background-color: #101419
}

.sb-header__header__actions__offers__image {
  display: flex;
  background-color: #1c2026;
  padding: 4px;
  border-radius: 8px;
  transition: .1s cubic-bezier(.64, 0, .35, 1);
  height: 24px
}

.sb-header__header__actions__offers__text {
  padding: 0 8px 0 4px;
  font-size: .85714rem;
  letter-spacing: .5px
}

@media screen and (max-width:1281px) {
  .sb-header__header__actions__offers__text {
    display: none
  }
}

.sb-header__header__actions__offers__text--active {
  font-weight: 700;
  color: #fff
}

.sb-header__header__actions__drop-icon-container {
  position: relative
}

.sb-header__header__actions .language-switcher {
  position: relative;
  cursor: pointer
}

.sb-header__header__actions .language-switcher__current {
  display: inline-block;
  padding: 2px
}

@media screen and (min-width:321px) {
  .sb-header__header__actions .language-switcher__current {
    padding: 4px
  }
}

@media screen and (min-width:480px) {
  .sb-header__header__actions .language-switcher__current {
    padding: 8px
  }
}

.sb-header__header__actions__cta-container {
  padding: 2px;
  flex: 0 0 auto;
  font-size: 0
}

@media screen and (min-width:321px) {
  .sb-header__header__actions__cta-container {
    padding: 4px
  }
}

@media screen and (min-width:480px) {
  .sb-header__header__actions__cta-container {
    padding: 8px
  }
}

.sb-header__header__actions__cta-container .button-class {
  margin-right: 2px;
  min-width: 80px;
  letter-spacing: .5px;
  font-size: .78571rem;
  line-height: 12px
}

@media screen and (min-width:321px) {
  .sb-header__header__actions__cta-container .button-class {
    margin-right: 4px
  }
}

@media screen and (min-width:480px) {
  .sb-header__header__actions__cta-container .button-class {
    margin-right: 8px;
    font-size: .85714rem;
    line-height: 16px
  }
}

.sb-header__header__actions__cta-container .button-class:last-child {
  margin-right: 0
}

.sb-header--fixed .sb-header__header__info-logged-out {
  display: none
}

.sb-header__header__logo {
  position: absolute;
  right: 4px;
  width: 100px
}

.sb-header__header__logo__image {
  max-width: 100%
}

.sb-header--fixed .sb-header__header__logo__image {
  display: none
}

.sb-header__user-verification-banner,
.sb-header__user-verification-icon {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.sb-header__user-verification-banner__calendar,
.sb-header__user-verification-icon__calendar {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center
}

.sb-header__user-verification-banner__calendar__icon,
.sb-header__user-verification-icon__calendar__icon {
  width: 16px;
  height: 16px
}

@media screen and (min-width:480px) {

  .sb-header__user-verification-banner__calendar__icon,
  .sb-header__user-verification-icon__calendar__icon {
    width: 20px;
    height: 20px
  }
}

.sb-header__user-verification-banner__calendar__day,
.sb-header__user-verification-icon__calendar__day {
  position: absolute;
  z-index: 1;
  font-weight: 700;
  text-align: center
}

.sb-header__user-verification-banner {
  display: flex;
  flex-direction: row;
  align-items: normal;
  justify-content: flex-start;
  border-radius: 2px;
  background-color: #fff;
  max-width: 480px;
  overflow: hidden;
  box-shadow: 0 31px 41px 0 rgba(32, 42, 53, .2), 0 2px 16px 0 rgba(32, 42, 54, .08);
  z-index: 1009
}

@media screen and (max-width:1024.9px) {
  .sb-header__user-verification-banner {
    position: relative;
    margin: 0 8px 8px
  }
}

@media screen and (min-width:825px) {
  .sb-header__user-verification-banner {
    position: absolute;
    left: 50%;
    top: 100%;
    transform: translate(-50%)
  }
}

.sb-header__user-verification-banner__calendar {
  padding: 16px;
  background-color: var(--brand-primary-color-light)
}

.sb-header__user-verification-banner__calendar__day {
  color: var(--brand-primary-color-dark);
  top: auto;
  left: auto;
  width: 32px;
  height: 32px;
  font-size: 1.71429rem;
  padding-top: 8px
}

.sb-header__user-verification-banner__text {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  color: var(--brand-primary-color-dark);
  font-size: .85714rem;
  line-height: 16px;
  padding: 16px 40px 16px 8px
}

.sb-header__user-verification-banner__text strong {
  font-weight: 700
}

.sb-header__user-verification-banner__text strong:not(:first-of-type) {
  display: block;
  margin-top: 4px;
  font-weight: 700
}

.sb-header__user-verification-banner__text>.secondary-text {
  margin-top: 8px;
  font-weight: 700
}

.sb-header__user-verification-banner__text__more {
  display: flex;
  align-items: center
}

.sb-header__user-verification-banner__text__more>span {
  color: #232b36;
  font-weight: 700;
  margin-right: 4px
}

.sb-header__user-verification-banner>.kz-icon-xs {
  cursor: pointer;
  position: absolute;
  top: 8px;
  right: 8px;
  padding: 2px;
  border-radius: 50%;
  transition: background-color .2s cubic-bezier(.64, 0, .35, 1)
}

.sb-header__user-verification-banner>.kz-icon-xs path,
.sb-header__user-verification-banner>.kz-icon-xs polygon,
.sb-header__user-verification-banner>.kz-icon-xs rect,
.sb-header__user-verification-banner>.kz-icon-xs svg path,
.sb-header__user-verification-banner>.kz-icon-xs svg polygon,
.sb-header__user-verification-banner>.kz-icon-xs svg rect {
  fill: var(--brand-primary-color-dark);
  transition: .1s cubic-bezier(.64, 0, .35, 1)
}

.sb-header__user-verification-banner>.kz-icon-xs:hover {
  background-color: #eceff1
}

.sb-header__user-verification-icon {
  padding: 2px
}

@media screen and (min-width:321px) {
  .sb-header__user-verification-icon {
    padding: 4px
  }
}

@media screen and (min-width:480px) {
  .sb-header__user-verification-icon {
    padding: 8px
  }
}

.sb-header__user-verification-icon.scaleIn-enter,
.sb-header__user-verification-icon.scaleIn-leave-to {
  transform: scale(0)
}

.sb-header__user-verification-icon.scaleIn-enter-active,
.sb-header__user-verification-icon.scaleIn-leave-active {
  transition: transform .2s cubic-bezier(.18, .67, .6, 1.22) .2s
}

.sb-header__user-verification-icon.scaleIn-enter-to,
.sb-header__user-verification-icon.scaleIn-leave {
  transform: scale(1)
}

.sb-header__user-verification-icon__calendar {
  width: 24px;
  height: 24px;
  background-color: var(--brand-primary-color-dark);
  border-radius: 50%
}

@media screen and (min-width:480px) {
  .sb-header__user-verification-icon__calendar {
    width: 32px;
    height: 32px
  }
}

.sb-header__user-verification-icon__calendar:before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  position: absolute;
  top: 0;
  right: 0;
  background-color: var(--brand-secondary-color)
}

.sb-header__user-verification-icon__calendar__day {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  line-height: 28px;
  color: #fff;
  font-size: .71429rem
}

@media screen and (min-width:480px) {
  .sb-header__user-verification-icon__calendar__day {
    line-height: 36px
  }
}

.sb-header__timers {
  height: 28px;
  align-items: center;
  justify-content: center;
  color: #e0e4ea;
  background-color: #2d3745;
  font-size: .78571rem;
  line-height: 12px
}

.sb-header__timers__logo {
  height: 48px
}

.sb-header--fixed .sb-header__timers__logo {
  height: 28px
}

.sb-header__timers__login {
  border-radius: 64px;
  background-color: #1c2026;
  margin: 0 4px;
  padding: 4px 8px
}

.sb-header__timers__login--icon {
  display: inline;
  vertical-align: bottom;
  height: 14px;
  width: 14px
}

.sb-header__timers__real-time {
  border-radius: 64px;
  background-color: #1c2026;
  margin: 0 4px;
  padding: 4px 8px
}

.sb-header__timers__real-time--icon {
  display: inline;
  vertical-align: bottom;
  height: 14px;
  width: 14px
}

.sb-header__timers__logout {
  margin: 0 4px;
  padding: 3px;
  border-radius: 50%;
  border: 2px solid #13ce66;
  font-weight: 700
}

.sb-header__timers__logout--warning {
  border-color: #faa05a
}

.sb-header__message-count {
  position: absolute;
  top: -4px;
  right: -3px
}

.slider--bod.swiper-container {
  margin-bottom: 8px
}

@media screen and (max-width:1025px) {
  .slider--bod.swiper-container {
    padding: 0 0 0 8px
  }
}

.slider--bod.swiper-container .swiper-slide {
  width: 328px;
  height: 160px
}

@media screen and (min-width:825px) {
  .slider--bod.swiper-container .swiper-slide {
    width: 408px;
    height: 200px
  }
}

.slider--bod.swiper-container .swiper-slide .bod {
  margin-right: 8px
}

.slider--bod.swiper-container .swiper-button-next,
.slider--bod.swiper-container .swiper-button-prev {
  width: 32px;
  height: 32px;
  color: #fff;
  border: 1px solid hsla(0, 0%, 100%, .87);
  border-radius: 50%;
  opacity: .38;
  background: hsla(0, 0%, 100%, .17);
  display: none
}

.slider--bod.swiper-container .swiper-button-next:hover,
.slider--bod.swiper-container .swiper-button-prev:hover {
  opacity: 1
}

.slider--bod.swiper-container .swiper-container .swiper-button-next,
.slider--bod.swiper-container .swiper-container .swiper-button-prev {
  left: 16px
}

.slider--bod.swiper-container .swiper-button-next,
.slider--bod.swiper-container .swiper-container-rtl .swiper-button-prev {
  right: 16px
}

@media screen and (min-width:1281px) {

  .slider--bod.swiper-container:hover .swiper-button-next,
  .slider--bod.swiper-container:hover .swiper-button-prev {
    display: flex
  }
}

.slider--bod.swiper-container:hover .swiper-button-next.swiper-button-disabled,
.slider--bod.swiper-container:hover .swiper-button-prev.swiper-button-disabled {
  display: none
}

.slider--bonus.swiper-container .swiper-button-next,
.slider--bonus.swiper-container .swiper-button-prev {
  display: none;
  top: 28px;
  color: #fff;
  border-radius: 50%;
  opacity: .87;
  background: hsla(0, 0%, 100%, .54)
}

.slider--bonus.swiper-container .swiper-button-next:hover,
.slider--bonus.swiper-container .swiper-button-prev:hover {
  opacity: 1
}

@media screen and (min-width:825px) {

  .slider--bonus.swiper-container .swiper-button-next,
  .slider--bonus.swiper-container .swiper-button-prev {
    display: flex
  }
}

.slider--bonus.swiper-container .swiper-container .swiper-button-next,
.slider--bonus.swiper-container .swiper-container .swiper-button-prev {
  left: 8px
}

.slider--bonus.swiper-container .swiper-button-next,
.slider--bonus.swiper-container .swiper-container-rtl .swiper-button-prev {
  right: 8px
}

.swiper-container .swiper-pagination {
  position: relative;
  padding: 8px 0;
  display: none
}

@media screen and (min-width:1025px) {
  .swiper-container .swiper-pagination {
    display: block
  }
}

.swiper-container .swiper-pagination-bullets {
  bottom: 0
}

.swiper-container .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background: transparent;
  border: 1px solid #fff;
  opacity: 1
}

.swiper-container .swiper-pagination-bullet-active {
  background: #fff
}

.swiper-container .swiper-button-next,
.swiper-container .swiper-button-prev {
  width: auto;
  height: auto;
  color: #fff
}

.swiper-container .swiper-button-next.swiper-button-disabled,
.swiper-container .swiper-button-next:after,
.swiper-container .swiper-button-prev.swiper-button-disabled,
.swiper-container .swiper-button-prev:after,
.swiper-container .swiper-container-rtl .swiper-button-next:after,
.swiper-container .swiper-container-rtl .swiper-button-prev:after {
  display: none
}

.swiper-container #sportTabs-prev.swiper-button-prev {
  left: 0;
  transform: translateY(0);
  width: 40px;
  height: 44px;
  background: linear-gradient(270deg, transparent, rgba(28, 32, 38, .58) 30%, #1c2026 80%)
}

@media screen and (max-width:825px) {
  .swiper-container #sportTabs-prev.swiper-button-prev {
    display: none
  }
}

.swiper-container #sportTabs-next.swiper-button-next {
  right: 0;
  transform: translateY(0);
  width: 40px;
  height: 44px;
  background: linear-gradient(90deg, transparent, rgba(28, 32, 38, .58) 30%, #1c2026 80%)
}

@media screen and (max-width:825px) {
  .swiper-container #sportTabs-next.swiper-button-next {
    display: none
  }
}

.swiper-container [id*=marketsFiltering][id*=-prev].swiper-button-prev {
  left: -8px;
  margin-top: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 48px;
  background: linear-gradient(90deg, #1c2026, transparent)
}

@media screen and (max-width:825px) {
  .swiper-container [id*=marketsFiltering][id*=-prev].swiper-button-prev {
    display: none
  }
}

.swiper-container [id*=marketsFiltering][id*=-next].swiper-button-next {
  right: -8px;
  margin-top: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 48px;
  background: linear-gradient(270deg, #1c2026, transparent)
}

@media screen and (max-width:825px) {
  .swiper-container [id*=marketsFiltering][id*=-next].swiper-button-next {
    display: none
  }
}

.sport-picker {
  width: 40px;
  min-height: 100%;
  background: #fff
}

@media screen and (min-width:1366px) {
  .sport-picker {
    width: 200px
  }
}

.sport-picker__header {
  align-items: center;
  padding: 8px;
  cursor: pointer;
  display: none
}

.sport-picker__header--permanent {
  display: flex
}

@media screen and (min-width:1366px) {
  .sport-picker__header {
    display: flex
  }
}

.sport-picker__header .sport-picker__header__title {
  font-size: 1rem;
  line-height: 16px;
  font-weight: 700;
  color: #1c2026;
  flex: 1;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  display: flex;
  align-items: center
}

.sport-picker__header .sport-picker__header__title__icon {
  margin-right: 8px
}

.sport-picker__header .sport-picker__header__icon-arrow {
  display: none;
  transition: transform .1s linear
}

@media screen and (min-width:1366px) {
  .sport-picker__header .sport-picker__header__icon-arrow {
    display: block
  }
}

.sport-picker__main__item--transition-helper {
  overflow: hidden
}

.sport-picker__main__item--expanded {
  display: flex;
  flex-direction: column
}

.sport-picker__main__item--expanded>.sport-picker__item__link .sport-picker__item__toggle__icon {
  transform: rotate(-180deg)
}

.sport-picker .sport-picker__item {
  display: flex;
  align-items: center;
  font-size: .85714rem;
  line-height: 16px;
  color: #1c2026;
  text-decoration: none;
  padding: 8px;
  position: relative
}

@media screen and (min-width:1366px) {
  .sport-picker .sport-picker__item {
    padding: 2px 8px
  }

  .sport-picker .sport-picker__item.sport-picker__item--favorited .sb-arrow,
  .sport-picker .sport-picker__item.sport-picker__item--favorited .sb-star {
    display: block
  }
}

.sport-picker .sport-picker__item.router-link-active,
.sport-picker .sport-picker__item:hover {
  background-color: #eceff1
}

.sport-picker .sport-picker__item.router-link-active .sport-picker__secondary__item__title,
.sport-picker .sport-picker__item:hover .sport-picker__secondary__item__title {
  color: #1b67da
}

@media screen and (min-width:1366px) {

  .sport-picker .sport-picker__item.router-link-active .sport-picker__item__icon-arrow,
  .sport-picker .sport-picker__item:hover .sport-picker__item__icon-arrow {
    display: block;
    transition: transform .1s linear
  }

  .sport-picker .sport-picker__item.router-link-active .sb-arrow,
  .sport-picker .sport-picker__item:hover .sb-arrow,
  .sport-picker .sport-picker__item:hover .sb-star {
    display: block
  }
}

.sport-picker .sport-picker__item__icon-arrow {
  cursor: pointer
}

.sport-picker .sport-picker__item__badge {
  top: 2px;
  right: 2px
}

.sport-picker .sport-picker__item__expanded {
  background-color: rgba(236, 239, 241, .38)
}

.sport-picker .sport-picker__item__expanded.sport-picker__item--expandable {
  background-color: #eceff1
}

.sport-picker .sport-picker__item.sport-picker__item--primary {
  background: #fff;
  padding: 0 0 0 8px
}

.sport-picker .sport-picker__item.sport-picker__item--primary:hover .sport-picker__item__title {
  color: #1b67da
}

.sport-picker .sport-picker__item.sport-picker__item--primary .sport-picker__item__title {
  padding: 8px
}

.sport-picker .sport-picker__item__link {
  flex: 1;
  flex-wrap: wrap;
  text-decoration: none;
  display: flex;
  align-items: center;
  color: #1c2026
}

.sport-picker .sport-picker__item__link--virtuals {
  border-top: 1px solid #eceff1
}

.sport-picker .sport-picker__item__inline {
  flex: 1;
  min-width: 0
}

.sport-picker .sport-picker__item__inline .router-link-exact-active {
  font-weight: 700
}

.sport-picker .sport-picker__item__inline__link {
  text-decoration: none;
  color: #1c2026;
  opacity: .87;
  display: inline-flex;
  float: left;
  align-items: center;
  margin: 4px 0;
  max-width: 100%;
  font-size: 1rem;
  line-height: 16px;
  padding-right: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden
}

@media screen and (min-width:1366px) {
  .sport-picker .sport-picker__item__inline__link:hover {
    background: #fff;
    border-radius: 16px;
    font-weight: 700
  }
}

.sport-picker .sport-picker__item__inline__link .sport-picker__item__title--inline {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: none
}

@media screen and (min-width:1366px) {
  .sport-picker .sport-picker__item__inline__link .sport-picker__item__title--inline {
    display: block
  }
}

.sport-picker .sport-picker__item__inline__link .kz-icon {
  transition: transform .1s linear;
  margin-right: 8px
}

.sport-picker .sport-picker__item__icon-sport {
  flex: 0 0 auto
}

.sport-picker .sport-picker__item__title {
  padding: 8px;
  flex: 1
}

.sport-picker .sport-picker__item .sb-arrow,
.sport-picker .sport-picker__item .sb-star {
  cursor: pointer;
  display: none
}

.sport-picker .sport-picker__item .sport-picker__item__icon-arrow {
  display: none
}

.sport-picker .sport-picker__item .sport-picker__item__icon-arrow--permanent {
  display: block
}

.sport-picker .sport-picker__item .sport-picker__item__title {
  flex: 1;
  font-size: 1rem;
  line-height: 16px;
  opacity: .87;
  color: #1c2026;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  text-decoration: none;
  display: none
}

@media screen and (min-width:1366px) {
  .sport-picker .sport-picker__item .sport-picker__item__title {
    display: block
  }
}

.sport-picker .sport-picker__item .sport-picker__item__title--secondary {
  font-size: .71429rem;
  line-height: 12px
}

.sport-picker .sport-picker__item__toggle {
  background: none;
  display: none
}

@media screen and (min-width:1366px) {
  .sport-picker .sport-picker__item__toggle {
    display: block
  }
}

.sport-picker .sport-picker__secondary {
  padding: 0
}

.sport-picker .sport-picker__secondary--highlighted {
  background-color: #eceff1
}

.sport-picker .sport-picker__secondary .sport-picker__secondary__item {
  width: 100%;
  display: flex;
  flex-wrap: wrap
}

.sport-picker .sport-picker__secondary .sport-picker__secondary__item a {
  width: inherit;
  padding: 8px 8px 8px 16px
}

.sport-picker .sport-picker__secondary .sport-picker__secondary__item__title {
  font-size: .85714rem;
  line-height: 16px;
  opacity: .87;
  color: #1c2026;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  text-decoration: none
}

.sport-picker .sport-picker__secondary .sport-picker__secondary__item__title--secondary {
  font-size: .71429rem;
  line-height: 12px
}

.sport-picker .sport-picker__secondary .sport-picker__secondary__item__icon {
  width: 20px;
  height: 20px;
  margin-right: 8px
}

.sport-picker .router-link-exact-active {
  background-color: #eceff1
}

.sport-picker .router-link-exact-active .sport-picker-item-title {
  opacity: 1
}

.sport-picker--expanded .sport-picker__header__icon-arrow {
  transform: rotate(-180deg)
}

@media screen and (min-width:1366px) {

  .sport-picker--expanded.sport-picker__main__item>.sport-picker__item.sport-picker__item--expandable .sport-picker__item__icon-arrow,
  .sport-picker--expanded.sport-picker__main__item>.sport-picker__item.sport-picker__item--expandable .sport-picker__item__icon-arrow--permanent {
    display: block;
    transform: rotate(-180deg)
  }
}

.events-overview-header {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  margin: 8px 0
}

.events-overview-header--no-column {
  flex-direction: row
}

.events-overview-header__wrapper {
  display: flex;
  flex: 100%;
  flex-wrap: wrap;
  align-items: center;
  padding-left: 8px
}

@media screen and (min-width:1281px) {
  .events-overview-header__wrapper {
    flex: 1
  }
}

.events-overview-header__icon {
  width: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-right: 8px;
  padding-left: 8px;
  height: 32px;
  margin: 8px 0;
  border-radius: 0 64px 64px 0;
  background-color: #e0e4ea;
  display: none
}

@media screen and (min-width:1025px) {
  .events-overview-header__icon {
    display: flex
  }
}

.events-overview-header__info {
  position: relative;
  padding: 8px 0;
  margin: auto;
  flex: 1;
  min-width: 200px;
  color: #1c2026
}

.live-page__content .events-overview-header__info {
  color: #eceff1
}

.events-overview-header__info__name {
  opacity: .87;
  font-size: 1.14286rem;
  line-height: 20px;
  font-weight: 500
}

.events-overview-header__info__description {
  opacity: .54;
  font-size: .85714rem;
  line-height: 16px
}

.events-overview-header__info__dropdown {
  padding: 0 8px 8px;
  flex-basis: 360px
}

@media screen and (min-width:1281px) {
  .events-overview-header__info__dropdown {
    padding: 8px;
    width: 100%
  }
}

.events-overview-header__switch {
  padding: 0 8px;
  display: flex
}

.events-overview-header__switch__title {
  font-size: .85714rem;
  line-height: 16px;
  align-self: center;
  opacity: .54;
  padding-right: 8px;
  white-space: pre-wrap
}

.events-overview-tabs {
  width: 100%
}

.events-overview-blocks {
  margin: 0 8px
}

.events-overview-blocks .events-list__grid {
  margin-top: 8px
}

.sport-block {
  margin: 8px
}

@media screen and (min-width:1281px) {
  .sport-block--two-columns {
    -moz-column-count: 2;
    column-count: 2;
    -moz-column-gap: 8px;
    column-gap: 8px
  }
}

.sport-block__item {
  width: 100%;
  display: inline-block;
  margin-bottom: 4px;
  background-color: #fff
}

.sport-block__item__header {
  padding-right: 8px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #e0e4ea;
  cursor: pointer
}

.sport-block__item__body__popular {
  padding: 4px 16px;
  font-size: .85714rem
}

.sport-block__item__body--secondary {
  padding-top: 4px
}

@media screen and (min-width:1025px) {
  .sport-block__item__body--secondary {
    display: flex;
    flex-wrap: wrap
  }
}

.sport-block__region {
  font-size: .85714rem;
  border-bottom: 1px solid #e0e4ea;
  cursor: pointer
}

.sport-block__region__header {
  padding: 0 8px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  cursor: pointer
}

.sport-block__region__body {
  padding: 0 16px;
  align-items: center
}

.sport-block__region__body__league {
  padding: 4px 0;
  font-size: .85714rem;
  flex: 50%
}

.sport-block__region__body__league:last-child {
  margin-bottom: 4px
}

.events-tabs {
  position: relative;
  overflow: hidden;
  border-radius: inherit
}

.events-tabs-container {
  align-items: center;
  margin: 8px 0 8px 8px;
  padding: 0 8px 0 0;
  box-sizing: border-box;
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch
}

.events-tabs-container--underlineStyle {
  margin: -4px 8px 16px;
  min-height: 34px
}

.events-tabs-container--live--secondary {
  overflow-y: visible;
  margin: 0;
  padding: 8px 8px 4px
}

.events-tabs-container--blocks-tabs {
  margin-left: 0;
  margin-right: 0
}

@media screen and (min-width:480px) {
  .events-tabs-container--blocks-tabs {
    margin-left: 8px;
    margin-right: 8px
  }
}

.events-tabs-container__move-tab-left,
.events-tabs-container__move-tab-right {
  top: 0;
  bottom: 0;
  outline: none;
  position: absolute;
  z-index: 2;
  border: 0;
  cursor: pointer;
  padding: 4px;
  width: 40px
}

.events-tabs-container__move-tab-left__icon,
.events-tabs-container__move-tab-right__icon {
  display: none
}

@media screen and (min-width:825px) {

  .events-tabs-container__move-tab-left__icon,
  .events-tabs-container__move-tab-right__icon {
    display: block
  }
}

.events-tabs-container__move-tab-left-fade-enter-active,
.events-tabs-container__move-tab-left-fade-leave-active,
.events-tabs-container__move-tab-right-fade-enter-active,
.events-tabs-container__move-tab-right-fade-leave-active {
  transition: opacity .5s
}

.events-tabs-container__move-tab-left-fade-enter,
.events-tabs-container__move-tab-left-fade-leave-to,
.events-tabs-container__move-tab-right-fade-enter,
.events-tabs-container__move-tab-right-fade-leave-to {
  opacity: 0
}

.events-tabs-container__move-tab-left {
  left: 0;
  background: linear-gradient(270deg, transparent, rgba(236, 239, 241, .87) 30%, #fff 80%)
}

.events-tabs-container--live--secondary .events-tabs-container__move-tab-left,
.events-tabs-container--live .events-tabs-container__move-tab-left {
  background: linear-gradient(270deg, transparent, rgba(28, 32, 38, .87) 30%, #1c2026 80%)
}

.events-tabs-container--live--secondary .events-tabs-container__move-tab-left svg path,
.events-tabs-container--live .events-tabs-container__move-tab-left svg path {
  fill: #fff
}

.events-tabs-container__move-tab-left__icon {
  float: left
}

.events-tabs-container__move-tab-right {
  right: -2px;
  background: linear-gradient(90deg, transparent, rgba(236, 239, 241, .87) 30%, #fff 80%)
}

.events-tabs-container--live--secondary .events-tabs-container__move-tab-right,
.events-tabs-container--live .events-tabs-container__move-tab-right {
  background: linear-gradient(90deg, transparent, rgba(28, 32, 38, .87) 30%, #1c2026 80%)
}

.events-tabs-container--live--secondary .events-tabs-container__move-tab-right svg path,
.events-tabs-container--live .events-tabs-container__move-tab-right svg path {
  fill: #e0e4ea
}

.events-tabs-container__move-tab-right__icon {
  float: right
}

.events-tabs-container__tab {
  width: 100%;
  background-color: transparent;
  left: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  transition: left .3s ease;
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
  -webkit-touch-callout: none;
  will-change: transform;
  position: relative
}

.events-tabs-container__tab__item {
  flex: none;
  position: relative
}

.events-tabs-container__tab__item:last-child button {
  margin-right: 0
}

.events-tabs-container__tab__item:first-child button {
  margin-left: 0
}

@media screen and (min-width:1025px) {
  .events-tabs-container__tab__item:first-child button {
    margin-left: 4px
  }
}

.events-tabs-container__tab__item__button {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: center;
  justify-content: center;
  outline: none;
  min-width: 64px;
  border: 0;
  margin-right: 4px;
  border-radius: 16px;
  cursor: pointer;
  color: #000;
  padding: 8px 12px;
  font-weight: 400;
  letter-spacing: .2px;
  font-size: .85714rem;
  line-height: 16px;
  position: relative
}

@media screen and (min-width:1025px) {
  .events-tabs-container__tab__item__button {
    flex-direction: row
  }

  .events-tabs-container__tab__item__button:hover {
    background-color: #fff
  }
}

.events-tabs-container__tab__item__button--small {
  font-size: .78571rem;
  line-height: 12px
}

@media screen and (min-width:825px) {
  .events-tabs-container__tab__item__button--small {
    font-size: .85714rem;
    line-height: 16px
  }
}

.events-tabs-container__tab__item__button--active {
  background-color: #fff;
  font-weight: 700
}

.events-tabs-container__tab__item__button__ellipsis {
  min-width: 20px;
  max-width: 56px;
  font-size: .71429rem;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: top;
  white-space: nowrap;
  overflow: hidden;
  width: 100%
}

@media screen and (min-width:1025px) {
  .events-tabs-container__tab__item__button__ellipsis {
    overflow: visible;
    min-width: inherit;
    max-width: inherit;
    font-size: .85714rem
  }
}

.events-tabs-container__tab__item__button__ellipsis--active {
  font-weight: 700
}

.events-tabs-container__tab__item__button__svg-icon-container {
  display: flex
}

@media screen and (max-width:1025px) {
  .events-tabs-container__tab__item__button__svg-icon-container {
    align-items: flex-end;
    height: 28px
  }

  .events-tabs-container__tab__item__button__container {
    display: flex;
    align-items: flex-end;
    height: 20px
  }

  .events-tabs-container__tab__item__button__container.dynamic-height {
    height: auto
  }
}

.events-tabs-container__tab__item__button__container__icon {
  margin: -4px 2px -4px 0
}

.events-tabs-container__tab__item__button__indicator {
  position: absolute;
  top: 4px;
  right: 4px;
  letter-spacing: .2px;
  color: #fff;
  background: var(--brand-secondary-color);
  border-radius: 16px;
  padding: 2px 4px;
  font-size: .64286rem;
  line-height: 1
}

@media screen and (min-width:1025px) {
  .events-tabs-container__tab__item__button__indicator {
    position: relative;
    top: -8px;
    right: auto
  }
}

@media screen and (min-width:1281px) {
  .events-list--pre .events-tabs-container.events-tabs-container--pre--secondary {
    background-color: #fff;
    border-bottom: 1px solid #eceff1;
    padding: 8px;
    margin: 0 8px
  }

  .events-list--pre .events-tabs-container.events-tabs-container--pre--secondary.events-tabs-container--underlineStyle {
    background-color: transparent;
    padding: 0;
    margin: 0 0 16px 8px
  }
}

.events-tabs-container.events-tabs-container--pre--secondary {
  align-items: center
}

.events-tabs-container.events-tabs-container--pre--secondary .events-tabs-container__tab__item {
  background-color: transparent
}

.events-tabs-container.events-tabs-container--pre--secondary .events-tabs-container__tab__item:first-child button {
  margin-left: 0
}

@media screen and (min-width:1281px) {
  .events-tabs-container.events-tabs-container--pre--secondary .events-tabs-container__tab__item:first-child button {
    margin-right: 4px;
    margin-left: 0
  }
}

.events-tabs-container.events-tabs-container--pre--secondary .events-tabs-container__tab__item__button {
  height: 100%;
  color: #232b36
}

@media screen and (min-width:1025px) {
  .events-tabs-container.events-tabs-container--pre--secondary .events-tabs-container__tab__item__button:hover {
    background-color: #eceff1
  }
}

.events-tabs-container.events-tabs-container--pre--secondary .events-tabs-container__tab__item__button--active {
  color: #fff;
  background-color: #232b36
}

.events-tabs-container.events-tabs-container--pre--secondary .events-tabs-container__tab__item__button--active .events-tabs-container__tab__item__button__container__icon path {
  fill: #fff
}

.events-tabs-container.events-tabs-container--pre--secondary .events-tabs-container__tab__item__button--active:hover {
  color: #fff;
  background-color: #232b36
}

.events-tabs-container.events-tabs-container--pre--secondary .events-tabs-container__tab__item__button--active:hover .events-tabs-container__tab__item__button__container__icon path {
  fill: #fff
}

.events-tabs-container.events-tabs-container--pre--secondary .events-tabs-container__tab__item__button__sc {
  border-radius: 8px
}

.events-tabs-container.events-tabs-container--pre--secondary .events-tabs-container__tab__item__button__sc--active,
.events-tabs-container.events-tabs-container--pre--secondary .events-tabs-container__tab__item__button__sc:hover {
  background-color: #8a1538;
  color: #fff
}

.events-tabs-container.events-tabs-container--pre--secondary .events-tabs-container__tab__item__button__sc--active .events-tabs-container__tab__item__button__container__icon path,
.events-tabs-container.events-tabs-container--pre--secondary .events-tabs-container__tab__item__button__sc:hover .events-tabs-container__tab__item__button__container__icon path {
  fill: #fff
}

.events-tabs-container.events-tabs-container--pre--secondary .events-tabs-container__tab__item__button__blocks-tabs__sc {
  color: #8a1538
}

.events-tabs-container.events-tabs-container--pre--secondary .events-tabs-container__tab__item__button__blocks-tabs__sc--active {
  color: #fff
}

.events-tabs-container.events-tabs-container--pre--secondary .events-tabs-container__tab__item__button__mc--active,
.events-tabs-container.events-tabs-container--pre--secondary .events-tabs-container__tab__item__button__mc--active:hover {
  color: #fff;
  background-color: var(--theme-brand-color-primary)
}

.events-tabs-container.events-tabs-container--pre--secondary .events-tabs-container__tab__item__button--undeline-style.events-tabs-container__tab__item__button--active {
  border-bottom: 2px solid;
  background-color: transparent;
  color: #000;
  border-radius: 0
}

@media (hover:hover) {
  .events-tabs-container.events-tabs-container--pre--secondary .events-tabs-container__tab__item__button--undeline-style:hover {
    border-bottom: 2px solid;
    background-color: transparent;
    color: #000;
    border-radius: 0
  }
}

.events-tabs-container.events-tabs-container--pre--secondary .events-tabs-container__tab__item__button__container {
  display: flex;
  align-items: center
}

.events-tabs-container--live--secondary.events-tabs-container .events-tabs-container__tab__item:first-child button {
  margin-left: 0
}

.events-tabs-container--live--secondary.events-tabs-container .events-tabs-container__tab__item__button {
  color: #fff;
  min-width: auto
}

@media screen and (min-width:1025px) {
  .events-tabs-container--live--secondary.events-tabs-container .events-tabs-container__tab__item__button:hover {
    background-color: #232b36
  }
}

.events-tabs-container--live--secondary.events-tabs-container .events-tabs-container__tab__item__button--active {
  background-color: #374456
}

.events-tabs-container--live--secondary.events-tabs-container .events-tabs-container__tab__item__button__mc--active {
  color: #fff;
  background-color: var(--theme-brand-color-primary)
}

.events-tabs-container--live.events-tabs-container .events-tabs-container__tab {
  background-color: #1c2026;
  align-items: center
}

.events-tabs-container--live.events-tabs-container .events-tabs-container__tab .events-tabs-container__tab__item__button {
  line-height: 24px;
  color: #fff;
  background-color: #1c2026;
  margin: 0 2px;
  padding: 0 4px
}

@media screen and (min-width:1025px) {
  .events-tabs-container--live.events-tabs-container .events-tabs-container__tab .events-tabs-container__tab__item__button {
    padding: 4px 8px
  }

  .events-tabs-container--live.events-tabs-container .events-tabs-container__tab .events-tabs-container__tab__item__button .kz-icon {
    margin-right: 4px
  }
}

.events-tabs-container--live.events-tabs-container .events-tabs-container__tab .events-tabs-container__tab__item__button__number {
  display: none
}

@media screen and (min-width:1025px) {
  .events-tabs-container--live.events-tabs-container .events-tabs-container__tab .events-tabs-container__tab__item__button__number {
    display: block
  }
}

.events-tabs-container--live.events-tabs-container .events-tabs-container__tab .events-tabs-container__tab__item__button--active,
.events-tabs-container--live.events-tabs-container .events-tabs-container__tab .events-tabs-container__tab__item__button:hover {
  background-color: hsla(0, 0%, 100%, .17)
}

.events-tabs-container--pre.events-tabs-container .events-tabs-container__tab__item__button {
  line-height: 24px;
  margin: 0 2px;
  padding: 0 4px;
  border-radius: 8px;
  font-weight: 400
}

@media screen and (min-width:1025px) {
  .events-tabs-container--pre.events-tabs-container .events-tabs-container__tab__item__button {
    padding: 4px 8px;
    border-radius: 16px
  }

  .events-tabs-container--pre.events-tabs-container .events-tabs-container__tab__item__button .kz-icon {
    margin-right: 4px
  }
}

.events-tabs-container--pre.events-tabs-container .events-tabs-container__tab__item__button__number {
  display: none
}

@media screen and (min-width:1025px) {
  .events-tabs-container--pre.events-tabs-container .events-tabs-container__tab__item__button__number {
    display: block
  }
}

.tabs-navigation {
  display: flex;
  background: #fff
}

@media screen and (min-width:825px) {
  .tabs-navigation:not(.tabs-navigation--live) {
    margin: 0 8px
  }
}

.tabs-navigation+.tabs-navigation .events-tabs-container {
  margin-top: 0
}

.tabs-navigation .events-tabs {
  flex: 1
}

.tabs-navigation__actions {
  display: flex;
  align-items: center
}

.tabs-navigation__actions__button {
  padding: 8px;
  background: transparent;
  cursor: pointer;
  outline: none
}

.tabs-navigation__button {
  margin: 6px 8px;
  padding: 8px;
  font-size: .85714rem;
  letter-spacing: .25px
}

.tabs-navigation__button--disabled {
  background-color: #e1e3e8;
  color: #48576f;
  color: rgba(182, 188, 198, .87);
  border: 1px solid #b6bcc6
}

@media screen and (min-width:480px) {
  .live-page__content {
    flex: 1;
    min-height: 0
  }
}

.live-page__content .tabs-navigation {
  background: unset
}

.top-sticky {
  background: #fff;
  margin: 0;
  border: none
}

@media screen and (min-width:825px) {
  .top-sticky {
    border-width: 2px 8px
  }
}

.top-sticky .tabs-navigation {
  margin: 0
}

.sport-menu-wrapper {
  position: relative
}

.sport-menu-wrapper--virtuals .events-tabs {
  width: calc(100% - 50px)
}

.sport-menu-wrapper--gray-bg {
  background: #eceff1
}

.event-details {
  padding: 8px;
  width: 100%
}

@media screen and (min-width:480px) {
  .event-details {
    max-width: 80%
  }
}

@media screen and (min-width:1600px) {
  .event-details {
    max-width: 60%
  }
}

.event-details__info {
  background: hsla(0, 0%, 100%, .87);
  font-size: .85714rem;
  line-height: 16px;
  color: #1c2026;
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: space-between;
  position: relative;
  box-shadow: 0 0 8px rgba(0, 0, 0, .17)
}

.event-details__info__top {
  padding: 8px 24px;
  text-align: center;
  flex: 1;
  flex-basis: 0
}

.event-details__info__top__datetime {
  font-weight: 700
}

.event-details__info__icons {
  margin-right: 8px
}

.event-details__notifications {
  position: absolute;
  right: 0
}

@media screen and (min-width:825px) {
  .event-details__notifications__dropdown.sb-dropdown--extended {
    right: -12px
  }
}

.event-details__notifications__button {
  padding: 8px;
  margin: 0;
  background: transparent;
  cursor: pointer
}

@media screen and (min-width:825px) {
  .event-details__notifications__button {
    padding: 4px;
    display: flex;
    align-items: center
  }
}

.event-details__notifications__button__icon path {
  fill: none;
  stroke: #1c2026
}

.event-details__notifications__button__icon--subscribed path {
  fill: #1c2026;
  stroke: none
}

.event-details .event-icons {
  position: relative;
  top: 0;
  right: 0
}

.event-details__container {
  display: flex;
  justify-content: center;
  background-repeat: no-repeat;
  background-position: 100%;
  background-color: #e0e4ea;
  background-size: cover
}

.events-list {
  position: relative;
  width: 100%
}

.events-list__header {
  display: flex;
  flex-direction: column;
  margin: 8px 0 0
}

.events-list__header__wrapper {
  display: flex;
  flex: 1;
  align-items: center;
  padding-left: 8px
}

@media screen and (min-width:480px) {
  .events-list__header__wrapper {
    margin: 8px 0
  }
}

@media screen and (min-width:375px) {
  .events-list__header__wrapper {
    margin: 8px 0
  }
}

@media (min-width:1024px) {
  .events-list__wrapper {
    margin-left: 8px;
    margin-right: 8px
  }
}

.events-list-toggle {
  background: #fff;
  padding: 8px;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between
}

.events-list-toggle--blocks-tabs {
  margin: 0
}

@media screen and (min-width:480px) {
  .events-list-toggle--blocks-tabs {
    margin: 0 8px
  }
}

.events-list-toggle__label {
  font-size: .85714rem;
  line-height: 16px;
  color: #101419
}

.events-list__grid {
  width: 100%;
  min-width: 0;
  display: flex;
  flex-direction: column
}

@media screen and (min-width:1281px) {
  .events-list__grid {
    background-color: #fff;
    display: flex
  }

  .events-list__grid .table__markets__market {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 0 0 200px
  }
}

.events-list__grid__rows tr:nth-child(2n) {
  background: hsla(0, 0%, 100%, .54)
}

.events-list__grid__header {
  display: none
}

@media screen and (min-width:1281px) {
  .events-list__grid__header {
    display: flex
  }
}

.events-list__grid__header__item {
  font-size: .85714rem;
  line-height: 16px;
  font-weight: 400;
  padding: 8px;
  text-align: center;
  opacity: .87;
  color: #1c2026;
  background: #fff;
  flex: 0 0 200px
}

.events-list__grid__header__item--sc {
  padding-left: 0
}

.events-list__grid__header__item--sc span {
  color: #8a1538;
  font-size: .85714rem;
  line-height: 16px;
  font-weight: 700;
  text-transform: uppercase
}

@media screen and (min-width:1281px) {
  .events-list__grid__header__item:first-child {
    flex: 1 1 auto
  }
}

.events-list__grid__header__item:last-child {
  border-right: none;
  flex: 0 0 50px
}

.events-list__grid__header__item:first-child,
.events-list__grid__header__item:last-child {
  background-color: #fff
}

.events-list__grid__header__item--main {
  font-size: 1rem;
  line-height: 16px;
  font-weight: 500;
  text-align: left;
  flex: 1 1 auto
}

.events-list__grid__header__group {
  display: flex
}

.events-list__grid__header__group__item {
  flex: 1;
  padding-right: 8px
}

.events-list__grid__header__group__item:last-child {
  padding-right: 0
}

.events-list__grid .vue-recycle-scroller__item-view,
.events-list__grid__event {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  background-color: #fff;
  border-top: 2px solid #eceff1
}

.events-overview-blocks .events-list__grid .vue-recycle-scroller__item-view,
.events-overview-blocks .events-list__grid__event {
  margin-bottom: 0
}

@media screen and (min-width:1281px) {

  .events-list__grid .vue-recycle-scroller__item-view,
  .events-list__grid__event {
    flex-wrap: nowrap;
    margin-bottom: 0;
    border-top: 1px solid #e0e4ea
  }

  .events-list__grid .vue-recycle-scroller__item-view .table__markets__market:nth-child(odd),
  .events-list__grid .vue-recycle-scroller__item-view:hover,
  .events-list__grid__event .table__markets__market:nth-child(odd),
  .events-list__grid__event:hover {
    background-color: rgba(236, 239, 241, .38)
  }
}

.events-list__grid__info {
  display: flex;
  align-items: center;
  width: 100%;
  text-align: left;
  border-bottom: 1px solid #eceff1;
  height: 60px
}

@media screen and (min-width:1025px) {
  .events-list__grid__info {
    margin-bottom: 4px
  }
}

@media screen and (min-width:1281px) {
  .events-list__grid__info {
    flex: 1 1 auto;
    height: 100%;
    border-bottom: 0;
    margin-bottom: 0
  }
}

@media screen and (min-width:1025px) {
  .events-list__grid__info--lite {
    width: auto;
    margin-bottom: 0;
    border-bottom: none
  }
}

.events-list__grid__info__datetime {
  font-size: .85714rem;
  line-height: 16px;
  display: flex;
  flex-direction: column;
  align-self: stretch;
  justify-content: center;
  align-items: center;
  padding: 8px;
  color: #1c2026;
  border-right: 1px solid #eceff1
}

.events-list__grid__info__datetime__time {
  opacity: .87
}

.events-list__grid__info__datetime__date {
  opacity: .54
}

.events-list__grid__info__icon {
  font-size: .85714rem;
  line-height: 16px;
  display: flex;
  flex-direction: column;
  align-self: stretch;
  justify-content: center;
  align-items: center;
  padding: 8px;
  color: #1c2026;
  border-right: 1px solid #eceff1
}

.events-list__grid__info__sport {
  padding: 8px
}

.events-list__grid__info__main {
  flex: 1;
  color: inherit;
  text-decoration: inherit;
  padding: 8px;
  min-width: 0
}

.events-list__grid__info__main__title {
  font-size: .85714rem;
  line-height: 16px;
  opacity: .87;
  color: #1c2026;
  text-decoration: none;
  font-weight: 500;
  display: flex;
  flex-flow: column
}

@media screen and (min-width:1025px) {
  .events-list__grid__info__main__title {
    flex-flow: row
  }
}

.events-list__grid__info__main__title__participant {
  display: flex;
  margin-bottom: 2px
}

.events-list__grid__info__main__title__participant-separator {
  padding: 0 4px
}

.events-list__grid__info__main__participants {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-width: 0
}

.events-list__grid__info__main__participants__participant {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  font-size: .85714rem;
  line-height: 16px
}

.events-list__grid__info__main__participants__participant-name {
  color: #1c2026;
  text-decoration: none;
  font-weight: 500;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: top;
  white-space: nowrap;
  overflow: hidden;
  width: auto;
  padding-left: 2px
}

@media screen and (min-width:1025px) {
  .events-list__grid__info__main__participants__participant-name {
    white-space: normal
  }
}

.events-list__grid__info__main__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  text-decoration: none
}

.events-list__show-more {
  font-size: .85714rem;
  line-height: 16px;
  text-align: center;
  display: block;
  text-decoration: none
}

@media screen and (min-width:825px) {
  .events-list__show-more {
    margin: 0 8px
  }
}

.events-list__loader {
  padding: 16px
}

.events-list__footer,
.events-list__loader {
  display: flex;
  justify-content: center
}

.events-list__footer__more-btn {
  background: #fff;
  font-size: .85714rem;
  line-height: 16px;
  padding: 16px;
  text-align: center;
  border-top: 1px solid #eceff1;
  width: 100%;
  display: block;
  text-decoration: none;
  color: #000
}

.events-list__footer__more-btn--pointer {
  cursor: pointer
}

@media screen and (min-width:825px) {
  .events-list__footer__more-btn {
    margin: 0 8px
  }
}

.events-list__grid__event {
  display: flex;
  flex-direction: column
}

@media screen and (min-width:1025px) {
  .events-list__grid__event {
    flex-direction: row;
    height: 134px
  }
}

@media screen and (min-width:1281px) {
  .events-list__grid__event {
    height: 62px;
    flex-direction: row
  }
}

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

.event-icons--live {
  flex-wrap: wrap
}

.event-icons__live-text {
  color: #f0506e;
  font-size: .78571rem;
  line-height: 12px;
  font-weight: 700;
  margin-right: 4px
}

.event-icons__link {
  margin: 0 2px
}

.live-overview .event-icons--live {
  width: 24px;
  margin: auto 8px auto auto
}

@media screen and (min-width:825px) {
  .table__markets {
    display: flex
  }
}

.table__markets__market {
  flex: 1;
  padding: 8px;
  vertical-align: middle;
  max-width: 100%;
  flex-basis: 100%;
  display: table-cell
}

@media screen and (min-width:1025px) {
  .table__markets__market {
    padding: 4px 8px;
    border-left: 1px solid #eceff1;
    flex-basis: 0
  }
}

.table__markets__market--visible {
  border-top: 1px solid #eceff1;
  border-bottom: 1px solid #eceff1;
  border-left: 1px solid #eceff1
}

.markets {
  margin: 8px 0
}

.markets__market {
  margin-bottom: 8px;
  border-radius: 12px;
  --tw-border-opacity: 1;
  border: 1px solid rgb(224 228 234/var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  padding: 12px
}

.markets__market:last-child {
  margin-bottom: 0
}

.tw-dark .markets__market {
  --tw-border-opacity: 1;
  border-color: rgb(45 55 69/var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(35 43 54/var(--tw-bg-opacity))
}

.markets__market--highlighted {
  animation: highlight 5s ease-out
}

.markets__market__header {
  display: flex;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center
}

.markets__market__header__title {
  display: flex;
  min-height: 20px;
  flex: 1 1 0%;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  font-size: 1rem;
  line-height: 16px;
  --tw-text-opacity: 1;
  color: rgb(28 32 38/var(--tw-text-opacity))
}

.tw-dark .markets__market__header__title {
  --tw-text-opacity: 1;
  color: rgb(209 215 224/var(--tw-text-opacity))
}

.markets__market__header__title__info {
  margin-left: 8px;
  cursor: default;
  align-self: flex-start
}

.markets__market__header__date {
  margin-left: 8px;
  padding-top: 4px;
  font-size: .7142857142857143rem;
  line-height: 12px;
  --tw-text-opacity: 1;
  color: rgb(105 119 139/var(--tw-text-opacity))
}

.markets__market__header__icons {
  margin-left: 8px;
  display: flex;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  flex-direction: row;
  align-items: center;
  justify-content: center
}

.markets__market__header__icons__icon {
  cursor: pointer;
  background-color: transparent;
  padding-left: 6px;
  padding-right: 6px
}

.markets__market__header__icons__icon--active path,
.markets__market__header__icons__icon--active polygon,
.markets__market__header__icons__icon--active rect,
.markets__market__header__icons__icon--active svg path,
.markets__market__header__icons__icon--active svg polygon,
.markets__market__header__icons__icon--active svg rect {
  fill: #f3d113;
  transition: .1s cubic-bezier(.64, 0, .35, 1)
}

.markets__market--table {
  padding-bottom: 6px
}

@media screen and (min-width:1025px) {
  .markets__market .table-wrapper {
    margin-left: -8px;
    margin-right: -8px
  }
}

.markets__market .table {
  display: table;
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: .85714rem;
  line-height: 16px
}

.markets__market .table__header {
  display: table-header-group;
  font-size: .71429rem;
  line-height: 12px;
  border-bottom: 1px solid #e0e4ea
}

.markets__market .table__row {
  display: table-row;
  border-bottom: 1px solid #e0e4ea
}

.markets__market .table__cell {
  display: table-cell;
  padding: 8px;
  width: 100%;
  vertical-align: middle
}

.markets__market .table__cell--bold {
  font-weight: 700
}

.markets__market .table__cell:first-child {
  padding: 8px 8px 8px 0
}

.markets__market .table__cell:last-child {
  padding: 8px 0 8px 8px
}

.markets__market .table__cell__stats {
  text-align: center;
  display: none;
  padding: 0 4px
}

.markets__market .table__cell__stats.table__cell--visible-mobile {
  display: table-cell
}

@media screen and (min-width:1281px) {
  .markets__market .table__cell__stats {
    display: table-cell;
    padding: 0 8px
  }
}

.markets__market .table__cell__market {
  text-overflow: ellipsis;
  display: table-cell;
  vertical-align: top;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  min-width: 88px;
  text-align: center;
  padding-left: 16px;
  padding-right: 2px
}

.markets__market .table__cell__market~.table__cell__market {
  padding-left: 2px;
  padding-right: 2px
}

.markets__market .table__cell__dropdown__wrapper {
  position: relative
}

.markets__market .table__cell__dropdown__toggle {
  display: flex;
  align-items: center;
  text-align: center;
  cursor: pointer
}

.markets__market .table__cell__dropdown__toggle__title {
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: initial;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  font-weight: 700;
  width: 76px
}

.markets__market .table__cell__dropdown .sb-dropdown {
  margin-top: 8px;
  width: auto;
  min-width: 100px;
  background-color: #fff
}

.markets__market .table__cell__dropdown .sb-dropdown__list-item {
  cursor: pointer;
  padding: 8px
}

.markets__market .table .row__info {
  display: flex;
  align-items: center;
  text-decoration: none;
  color: #1c2026
}

.markets__market .table .row__info__rank {
  margin: 0 8px 0 4px
}

.markets__market .table .row__info__text__title {
  font-weight: 500
}

.markets__market .table .row__info__text__subtitle {
  font-size: .71429rem;
  line-height: 12px
}

.markets__market .table .selections__selection {
  max-width: 100%;
  margin: 0;
  width: auto
}

.markets__market__load-more {
  padding: 16px 16px 8px;
  text-align: center;
  font-weight: 700;
  cursor: pointer
}
 
.live-page-header {
  position: relative;
  background-repeat: no-repeat;
  background-position: 100%;
  background-size: cover;
  --tw-bg-opacity: 1;
  background-color: rgb(28 32 38/var(--tw-bg-opacity))
}

.live-page-header__actions {
  display: none;
  align-items: center;
  padding: 8px;
  margin: 4px;
  justify-content: flex-end
}

@media screen and (min-width:825px) {
  .live-page-header__actions {
    display: flex;
    position: absolute;
    top: 0;
    right: 0
  }
}


.live-page-header__scoreboard {
  padding-top: 8px;
  padding-bottom: 8px
}

@media (min-width:825px) {
  .live-page-header__scoreboard {
    padding-top: 24px
  }
}

.live-page-header__scoreboard {
  display: flex;
  align-items: center;
  position: relative
}

.live-page-header__scoreboard__nfl-vertical {
  width: 32px;
  height: 32px;
  position: absolute;
  bottom: 8px;
  left: 16px
}

.live-page {
  background: #1c2026;
  flex-direction: column
}

.live-page,
.live-page__content {
  display: flex;
  height: 100%
}

.live-page .vertical-overflow {
  flex: 1;
  display: flex;
  flex-direction: column
}

.live-page .live-events {
  width: 320px;
  display: none
}

@media screen and (min-width:1281px) {
  .live-page .live-events {
    display: block
  }
}

.live-page .live-event__details {
  display: flex;
  flex-direction: column;
  flex: 1;
  background: #1c2026;
  width: calc(100% - 400px);
  min-width: 0
}

.live-page .live-event__details__empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 200px;
  background-image: url(assets/static/css-images/live_events_empty.png?v=1);
  background-repeat: no-repeat;
  background-position: 50%;
  flex: 1
}

.live-page .live-event__details__empty__text {
  color: #fff;
  font-weight: 500;
  font-size: .85714rem;
  line-height: 16px;
  text-align: center
}

.live-page .live-event__details__empty__mc-text {
  color: #fff;
  font-weight: 700;
  font-size: 1rem;
  line-height: 16px;
  text-align: center
}

.live-page .live-event__details__empty__mc-subtext {
  color: #fff;
  font-weight: 400;
  font-size: .85714rem;
  line-height: 16px;
  text-align: center;
  margin-top: 8px
}

.live-page .live-event__details__tabs {
  display: flex;
  padding: 8px 0;
  flex-shrink: 0
}

.live-page .live-event__details__tabs__category__header {
  margin: 0 8px;
  flex: auto
}

.live-page .live-event__details__tabs__category__header__button {
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 8px;
  border-radius: 16px;
  font-size: .85714rem;
  line-height: 16px;
  font-weight: 500;
  text-align: center;
  color: #fff;
  background-color: #232b36;
  outline: none;
  cursor: pointer
}

.live-page .live-event__details__markets-container {
  display: flex;
  height: 100%;
  flex-direction: column
}

.live-event__notification {
  background: #232b36;
  color: #fff;
  padding: 8px;
  text-align: center;
  font-size: .85714rem
}

.live-event__time {
  display: flex;
  justify-content: center;
  flex-direction: column;
  width: 56px;
  border-right: 1px solid #232b36
}

.live-event__time__extra {
  color: #13ce66;
  margin-top: 2px;
  padding-right: 4px
}

.live-event__time__extra,
.live-event__time__period {
  font-size: .78571rem;
  line-height: 12px;
  text-align: center
}

.live-event__time__period {
  padding: 0 4px;
  margin-top: 4px;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: top;
  white-space: nowrap;
  overflow: hidden;
  width: 100%
}

.live-event__time .event-clock {
  color: #b6bcc6;
  font-size: .78571rem;
  line-height: 12px;
  text-align: center;
  width: 50px;
  align-self: center
}

.live-event__time--inline {
  width: auto;
  flex-direction: row;
  justify-content: unset;
  margin-right: 4px;
  padding: 4px 0;
  border: 0
}

.live-event__time--inline .live-event__time__extra,
.live-event__time--inline .live-event__time__period {
  margin-top: 0;
  text-overflow: unset;
  text-align: unset;
  padding: 0
}

.live-event__time--inline .live-event__time__column {
  margin-left: 8px
}

.live-event__time--inline .live-event__time__column:first-child {
  margin-left: 0
}

.live-event__time--inline .event-clock {
  width: auto;
  text-align: unset
}

.live-event .market {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 8px
}

.live-event .market__title {
  display: flex;
  opacity: .87;
  font-size: .78571rem;
  line-height: 12px;
  font-weight: 300;
  color: #fff;
  flex: 1;
  margin-bottom: 4px;
  align-self: start
}

.live-event .market .selections {
  max-width: 100%;
  overflow: hidden;
  width: 100%
}

.live-overview--sidebar {
  width: 320px;
  background: #1c2026;
  height: 100%
}

@media screen and (min-width:1025px) {
  .live-overview .live-event .live-markets {
    flex-direction: row
  }
}

@media screen and (min-width:1366px) {
  .live-overview .live-event .live-markets {
    flex-basis: 580px
  }
}

@media screen and (min-width:1025px) {
  .live-overview .live-event .market {
    border-left: 1px solid #232b36;
    flex-direction: column;
    width: 50%
  }
}

@media screen and (min-width:1600px) {
  .live-overview .live-event .market {
    flex: 1
  }
}

@media screen and (min-width:1025px) {
  .live-overview .live-event .market .selections {
    flex: 8
  }
}

.markets-table {
  background-color: #fff;
  margin: 2px 0;
  display: inline-table;
  width: 100%
}

@media screen and (min-width:825px) {
  .markets-table {
    margin: 4px 0;
    table-layout: fixed
  }
}

@media screen and (min-width:1025px) {
  .markets-table {
    table-layout: auto
  }
}

.markets-table__header {
  display: table-row;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border-top: 1px solid #eceff1
}

.markets-table__header__name {
  text-align: left;
  padding: 4px 4px 4px 8px;
  width: 30%
}

.markets-table__header__item,
.markets-table__header__name {
  font-size: 1rem;
  line-height: 16px;
  color: #1c2026;
  opacity: .87;
  border-right: 1px solid #eceff1
}

.markets-table__header__item {
  font-weight: 400;
  padding: 4px;
  text-align: center;
  background: #fff;
  max-width: 40px
}

.markets-table__header__item--actions {
  width: 72px;
  min-width: 72px;
  border-right: none;
  opacity: inherit;
  padding-right: 8px;
  text-align: right
}

.markets-table__header__item__dropdown {
  display: flex;
  flex-direction: column;
  align-items: flex-start
}

.markets-table__header__item__dropdown__title {
  font-size: 1rem;
  line-height: 16px;
  font-weight: 400;
  margin-bottom: 4px;
  opacity: .87;
  color: #1c2026
}

.markets-table__header__item__dropdown__select {
  width: auto
}

.markets-table__header__item__dropdown--single {
  padding: 8px;
  border: 1px solid #e0e4ea;
  border-radius: 2px;
  opacity: .54;
  cursor: default;
  text-align: left
}

.markets-table__main {
  text-align: left;
  border-bottom: 1px solid #eceff1;
  vertical-align: middle;
  height: 50px
}

.markets-table__main:first-child {
  border-top: 1px solid #eceff1
}

.markets-table__main__title {
  font-size: .85714rem;
  line-height: 16px;
  opacity: .87;
  color: #1c2026;
  text-decoration: none;
  font-weight: 500;
  padding-left: 8px;
  padding-right: 2px
}

.markets-table__show-more {
  color: #1c2026;
  font-size: .85714rem;
  line-height: 16px;
  padding: 8px;
  cursor: pointer
}

.markets-table__row__dropdown {
  width: auto;
  min-width: 60px;
  float: left;
  margin: 4px 4px 4px 0
}

.markets-table__row__dropdown--single {
  padding: 8px;
  border: 1px solid #e0e4ea;
  border-radius: 2px;
  opacity: .54;
  cursor: default;
  text-align: left
}

.league-page__back {
  display: flex;
  align-items: center;
  padding: 8px 8px 0;
  font-size: .85714rem;
  line-height: 16px;
  color: #1c2026;
  background-color: #eceff1;
  text-decoration: none;
  cursor: pointer
}

@media screen and (min-width:825px) {
  .league-page__back {
    margin: 0 8px
  }
}

.bet-bonus {
  overflow: hidden;
  border-bottom: 1px solid #eceff1
}

.bet-bonus__container {
  display: flex;
  flex: 1;
  flex-direction: row;
  align-items: center;
  position: relative;
  padding: 4px;
  margin: 2px
}

.bet-bonus__item {
  width: auto;
  padding: 2px;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.bet-bonus__item:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0
}

.bet-bonus__item__body {
  display: flex;
  border-radius: 2px;
  cursor: pointer;
  background-color: #48576f;
  margin-right: 2px
}

.bet-bonus__item__body--disabled {
  opacity: .54;
  cursor: default
}

.bet-bonus__item__body__amount {
  display: flex;
  align-items: center;
  padding: 2px 8px;
  font-size: 1.14286rem;
  line-height: 20px;
  font-weight: 700;
  color: #fff
}

.bet-bonus__item__body__name {
  display: flex;
  flex: 1;
  align-items: center;
  padding: 6px 8px;
  font-size: .78571rem;
  font-weight: 700;
  color: #101419;
  background: #fff
}

.bet-bonus__item--fullbet .bet-bonus__item__body {
  box-shadow: 0 0 0 1px #0996a0;
  background-color: #0996a0
}

.bet-bonus__item--fullbet .bet-bonus__item__body__name {
  color: #0996a0
}

.bet-bonus__item--freebet .bet-bonus__item__body {
  box-shadow: 0 0 0 1px #6233ff;
  background-color: #6233ff
}

.bet-bonus__item--freebet .bet-bonus__item__body__name {
  color: #6233ff
}

.bet-bonus__item--riskfree .bet-bonus__item__body {
  box-shadow: 0 0 0 1px #a519c1;
  background-color: #a519c1
}

.bet-bonus__item--riskfree .bet-bonus__item__body__name {
  color: #a519c1
}

.bet-bonus-active {
  background: #fff;
  display: flex;
  margin: 8px;
  border-radius: 2px
}

.bet-bonus-active__amount {
  background: #101419;
  font-size: 1.14286rem;
  line-height: 20px;
  font-weight: 700;
  color: #fff;
  align-items: center;
  display: flex;
  padding: 8px
}

.bet-bonus-active__body {
  display: flex;
  flex: 1;
  align-items: center;
  padding: 8px
}

.bet-bonus-active__body__description {
  flex: 1;
  font-size: .78571rem;
  line-height: 12px;
  color: #101419;
  opacity: .87
}

.bet-bonus-active__body__description li+li {
  margin-top: 4px
}

.bet-bonus-active__condition {
  display: flex;
  align-items: center
}

.bet-bonus-active__condition:before {
  display: inline-block;
  content: "";
  border-radius: 50%;
  height: 4px;
  width: 4px;
  margin-right: 4px;
  background-color: #101419;
  flex-shrink: 0
}

.bet-bonus-active__condition--expiration {
  font-weight: 700
}

.bet-bonus-active--fullbet {
  box-shadow: 0 0 0 1px #0996a0
}

.bet-bonus-active--fullbet .bet-bonus-active__amount {
  background: #0996a0
}

.bet-bonus-active--freebet {
  box-shadow: 0 0 0 1px #6233ff
}

.bet-bonus-active--freebet .bet-bonus-active__amount {
  background: #6233ff
}

.bet-bonus-active--riskfree {
  box-shadow: 0 0 0 1px #a519c1
}

.bet-bonus-active--riskfree .bet-bonus-active__amount {
  background: #a519c1
}

.betslip__modal {
  position: absolute;
  z-index: 3000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .54)
}

@media screen and (min-width:825px) {
  .betslip__modal {
    position: fixed;
    top: auto;
    left: auto;
    right: 8px;
    bottom: 0;
    width: 320px;
    height: auto;
    background-color: #fff;
    box-shadow: 0 0 24px 4px rgba(0, 0, 0, .54)
  }
}

.bet-button-text-container {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  height: 16px;
  white-space: nowrap
}

.bet-button-text-container .bet-button-text {
  display: flex;
  justify-content: center;
  transition: transform .3s cubic-bezier(.34, 1.56, .64, 1)
}

.bet-button-text-container .bet-button-text--normal {
  transform: translateY(100%)
}

.bet-button-text-container .bet-button-text--normal.active {
  transform: translateY(0)
}

.bet-button-text-container .bet-button-text--pending {
  transform: translateY(-200%)
}

.bet-button-text-container .bet-button-text--pending.active {
  transform: translateY(-100%)
}

.bet-button-text-container .bet-button-text--pending.active span {
  color: inherit
}

.bet-button-text-container.cashout {
  width: 100%
}

.bet-button-text-container.cashout .bet-button-text--pending {
  justify-content: center
}

.casino-banners--slider {
  padding: 0 8px
}

.casino-banners--slider__wrapper {
  margin: 0 -4px 8px
}

.casino-banners--slider__games {
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap
}

.casino-banners--slider__game {
  padding: 0 4px;
  display: inline-block
}

.mobile-web-img-place {
  float: left
}

.casino-game-banner {
  width: 48px;
  height: 48px;
  overflow: hidden;
  position: relative;
  display: inline-block
}

@media screen and (min-width:825px) {
  .casino-game-banner:not(.casino-game-banner--fixed) {
    width: 100%;
    height: auto
  }
}

.casino-game-banner__image {
  display: block;
  width: 100%;
  height: auto;
  opacity: .87;
  border-radius: 2px
}

@media screen and (min-width:825px) {
  .casino-game-banner:not(.casino-game-banner--fixed) .casino-game-banner__image {
    opacity: 1
  }
}

.casino-game-banner__live {
  position: absolute;
  right: 0;
  top: 0;
  padding: 2px 4px;
  background-color: #f0506e;
  color: #fff;
  font-size: .64286rem;
  font-weight: 700;
  line-height: 12px;
  text-transform: uppercase;
  border-top-left-radius: 24px;
  border-bottom-left-radius: 24px;
  border-top-right-radius: 2px
}

@media screen and (min-width:825px) {
  .casino-banners {
    padding: 0 8px;
    margin-bottom: 16px
  }

  .casino-banners--slider {
    margin-bottom: 0
  }

  .casino-banners__games {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -4px
  }

  .casino-banners__game {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    padding: 0 4px 8px
  }

  .casino-banners__tabs {
    padding: 8px 0
  }

  .casino-banners__cta__btn {
    background-color: var(--brand-secondary-color);
    display: block;
    color: #fff;
    padding: 8px 16px;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    font-weight: 700;
    line-height: 16px;
    font-size: .85714rem
  }
}

.mini-banners {
  background: #fff;
  margin: 0 8px
}

.mini-banners__item {
  position: relative;
  margin: 8px
}

.mini-banners__item:first-child {
  margin-top: 0
}

.mini-banners__item:last-child {
  padding-bottom: 8px;
  margin-bottom: 0
}

.mini-banners__item__link {
  display: block;
  outline: none;
  border: none;
  position: relative
}

.mini-banners__item__link img {
  border-radius: 2px
}

.mini-banners__item__description {
  width: 180px;
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 110px;
  color: #fff;
  font-size: .71429rem;
  line-height: 12px
}

.mini-banners__item__graphic {
  width: 100%;
  height: auto;
  display: block
}

.bod {
  height: 160px;
  position: relative;
  transition: .1s cubic-bezier(.64, 0, .35, 1);
  overflow: hidden;
  border-radius: 16px
}

@media screen and (min-width:825px) {
  .bod {
    height: 200px
  }
}

.bod:before {
  content: "";
  width: 101%;
  height: 101%;
  position: absolute;
  top: 0;
  left: 0;
  background-image: linear-gradient(0deg, rgba(45, 55, 69, .77), rgba(28, 32, 38, .34));
  z-index: 2
}

.bod.bod--no-shadow:before {
  background: rgba(28, 32, 38, .17)
}

.bod__graphic-container {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: 50%;
  position: absolute;
  z-index: 1
}

.bod__content {
  position: relative;
  padding: 8px;
  height: 100%;
  z-index: 4;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent
}

.bod__header {
  position: absolute;
  top: 8px;
  right: 0;
  left: 8px;
  display: flex
}

.bod__header .secondary-information-container {
  position: absolute;
  right: 0;
  display: flex;
  flex-direction: row-reverse;
  align-items: center
}

.bod__header .secondary-information-container .secondary-icon {
  margin-right: 4px
}

.bod__header .badge {
  height: 32px;
  border-top-left-radius: 64px;
  border-bottom-left-radius: 64px;
  display: flex;
  align-items: center;
  padding: 4px
}

.bod__header .badge__icon {
  margin-right: 4px
}

.bod__header .badge__text {
  font-size: .85714rem;
  line-height: 16px
}

.bod__header .badge--pre-event.badge {
  background-color: #fff
}

.bod__header .badge--pre-event.badge .badge__text {
  color: rgba(28, 32, 38, .54);
  font-weight: 700;
  margin-left: 4px
}

.bod__header .badge--live.badge {
  background-color: #1c2026
}

.bod__body,
.bod__header .badge--live.badge .badge__text {
  color: hsla(0, 0%, 100%, .87)
}

.bod__body {
  font-size: 1.14286rem;
  line-height: 20px;
  text-align: center
}

.bod__footer {
  position: absolute;
  bottom: 4px;
  left: 4px;
  right: 4px
}

@media screen and (min-width:825px) {
  .bod__footer {
    bottom: 8px;
    left: 8px;
    right: 8px
  }
}

.bod--video {
  position: relative
}

@media screen and (max-width:1025px) {
  .bod--video {
    cursor: pointer
  }
}

.bod--video video {
  max-width: 100%;
  height: auto
}

.bod__video-cta-container {
  position: absolute;
  width: 100%;
  margin: 0 auto;
  left: 0;
  bottom: 8px;
  z-index: 2;
  padding: 0 8px
}

.bod__video-cta {
  text-decoration: none;
  background: #1c2026;
  align-items: center;
  border-radius: 24px;
  display: block;
  max-width: 320px;
  margin: 0 auto
}

.bod__video-cta__wrapper {
  position: relative
}

.bod__video-cta__content {
  color: #fff;
  flex: 1;
  font-size: .78571rem;
  line-height: 1.1
}

.bod__video-cta__right-area {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 4px 4px 4px 40px
}

.bod__video-cta__icon {
  border-top-left-radius: 50%;
  border-bottom-left-radius: 50%;
  width: 32px;
  height: 100%;
  background-color: #000;
  position: absolute;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center
}

.bod__video-cta__icon>img {
  display: inline-block;
  width: 50%;
  height: auto
}

.bod__video-cta__arrow {
  border-radius: 50%;
  width: 24px;
  height: 24px;
  background-color: #f0506e;
  display: flex;
  align-items: center;
  justify-content: center
}

.bod--pre-event .bod__header__event-time {
  display: flex;
  flex: 1;
  margin-right: 16px;
  font-size: .85714rem;
  line-height: 16px;
  color: #fff;
  flex-flow: column
}

.bod--virtual .icon--margin {
  margin: 0 8px
}

.bod--virtual .bod {
  position: relative
}

.bod--virtual .bod__header__event {
  position: absolute;
  top: 8px;
  right: 0;
  left: 8px;
  display: flex;
  flex-direction: column;
  font-size: 1rem;
  line-height: 16px;
  color: #fff
}

.bod--virtual .bod__header__event__time {
  color: rgba(27, 103, 218, .87)
}

.bod__body-teams {
  display: flex;
  align-items: center
}

.bod__body-teams__participant {
  flex: 1;
  text-align: center;
  font-size: .85714rem;
  line-height: 16px;
  font-weight: 700;
  hyphens: none
}

@media screen and (min-width:825px) {
  .bod__body-teams__participant {
    font-size: 1rem;
    line-height: 16px
  }
}

.bod__body-teams__separator {
  flex: 0 0 auto;
  margin: 0 16px;
  font-size: 1.42857rem;
  line-height: 24px;
  font-weight: 700
}

.bod__body-teams__separator--reversed {
  font-size: 1rem;
  line-height: 16px;
  font-weight: 400
}

.bod--donate .bod__body {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between
}

.bod--donate .title {
  text-align: center;
  font-size: 1rem;
  line-height: 16px;
  font-weight: 400;
  margin: 0;
  padding-top: 16px
}

.bod--donate .title b,
.bod--donate .title strong {
  font-weight: 700
}

.bod--donate .title p {
  margin: 0
}

.bod--donate .amount__label {
  font-size: 1rem;
  line-height: 16px;
  display: block
}

.bod--donate .amount__container {
  margin: 8px 0 0;
  display: flex;
  justify-content: center;
  text-decoration: none
}

.bod--donate .amount__container .icon-container {
  background-color: #eceff1;
  border-radius: 24px 0 0 24px;
  width: 32px;
  height: 32px;
  position: relative
}

.bod--donate .amount__container .icon-container .icon {
  top: 50%;
  left: 50%;
  margin: -8px 0 0 -8px;
  position: absolute;
  transform: scale(1);
  animation: pulse 2s infinite;
  display: block
}

.bod--donate .amount__container .cta-container {
  border-radius: 50%;
  width: 24px;
  height: 24px;
  background-color: #f0506e;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 4px;
  right: 4px
}

.bod--donate .amount__value {
  font-size: 1.14286rem;
  line-height: 20px;
  background-color: #fff;
  border-radius: 0 24px 24px 0;
  display: inline-block;
  color: rgba(28, 32, 38, .87);
  font-weight: 700;
  position: relative;
  padding: 6px 44px 6px 8px
}

@keyframes pulse {
  0% {
    transform: scale(.8)
  }

  25% {
    transform: scale(.9)
  }

  50% {
    transform: scale(1)
  }

  75% {
    transform: scale(.9)
  }

  to {
    transform: scale(.8)
  }
}

@media screen and (min-width:825px) {
  .enhanced-odds {
    margin: 0 8px
  }
}

.enhanced-odds__event {
  width: 100%;
  background: #fff;
  display: flex;
  flex-direction: column
}

.enhanced-odds__info {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  width: 100%;
  cursor: pointer;
  text-align: left;
  border-bottom: 1px solid #eceff1;
  text-decoration: none
}

@media screen and (min-width:1281px) {
  .enhanced-odds__info {
    width: auto
  }
}

.enhanced-odds__info__datetime {
  font-size: .85714rem;
  line-height: 16px;
  padding: 8px;
  text-align: center;
  color: #1c2026;
  border-right: 1px solid #eceff1;
  display: flex;
  flex-direction: column;
  align-self: stretch;
  align-items: center;
  justify-content: center
}

@media screen and (min-width:825px) {
  .enhanced-odds__info__datetime {
    flex-direction: row
  }
}

.enhanced-odds__info__datetime__time {
  flex: 0 1 auto;
  opacity: .87;
  margin: 0 4px
}

.enhanced-odds__info__datetime__date {
  flex: 0 1 auto;
  opacity: .54;
  margin: 0 4px
}

.enhanced-odds__info__main {
  flex: 1 1 auto;
  display: flex;
  margin: 8px
}

.enhanced-odds__info__main__title {
  flex: 3 3 0%;
  font-size: .85714rem;
  line-height: 16px;
  font-weight: 500;
  opacity: .87;
  color: #101419;
  margin: 4px
}

.enhanced-odds__market {
  margin: 8px
}

@media screen and (min-width:825px) {
  .enhanced-odds__market {
    display: flex
  }
}

.enhanced-odds__market__info {
  font-size: .85714rem;
  line-height: 16px;
  flex: 2;
  margin: 8px 8px 8px 0;
  font-weight: 300
}

.enhanced-odds__market__selections {
  flex: 3;
  min-width: 72px
}

@media screen and (min-width:825px) {
  .enhanced-odds__market__selections {
    align-self: center
  }
}

.enhanced-odds__market__selections .selections {
  margin-bottom: 8px
}

.enhanced-odds__market__selections .selections:last-child {
  margin-bottom: 0
}

.enhanced-odds__market__selections .selections__selection {
  max-width: 100%;
  min-width: 72px
}

.my-bets {
  display: flex;
  margin: 0 4px;
  padding: 8px 0
}

.my-bets__category__header {
  margin: 0 4px;
  flex: auto
}

.my-bets__category__header__cta {
  display: block;
  width: 100%;
  padding: 8px;
  font-size: .85714rem;
  line-height: 16px;
  font-weight: 700;
  text-align: center;
  color: #101419;
  background-color: #eceff1;
  outline: none;
  cursor: pointer
}

.my-bets__category__header--active .my-bets__category__header__cta {
  color: #fff;
  background-color: #1c2026;
  font-weight: 500
}

@media screen and (min-width:825px) {
  .my-bets__category__body .bet-list:not(.bet-list--mobile) {
    max-height: 480px
  }
}

.bet-info-container--dark-theme {
  background-color: #1c2026
}

.bet-list__bet__footer__cashout {
  display: flex;
  flex-direction: column;
  margin-top: 8px
}

.bet-list__bet__footer__cashout__button {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  border-radius: 8px !important;
  background-color: var(--cashout-button-bg) !important;
  border: 1px solid var(--cashout-button-border-color) !important
}

.bet-list__bet__footer__cashout__button--disabled {
  cursor: default;
  opacity: .38;
  justify-content: center;
  margin-bottom: 0
}

.bet-list__bet__footer__cashout__title {
  font-size: .85714rem;
  line-height: 16px;
  letter-spacing: normal;
  font-weight: 400;
  white-space: nowrap
}

.bet-list__bet__footer__cashout__amount {
  margin-left: 8px;
  white-space: nowrap
}

.bet-list__bet__footer__cashout__form {
  background-color: #edf6fe;
  width: 100%;
  padding: 8px;
  border-radius: 8px
}

.bet-list__bet__footer__cashout__form__result {
  display: flex;
  align-items: center
}

.bet-list__bet__footer__cashout__form__result .bet-list__bet__footer__cashout__form__title {
  margin-bottom: 0;
  text-align: left;
  display: flex;
  align-items: center;
  width: 100%
}

.bet-list__bet__footer__cashout__form--success {
  background-color: #edfbf3
}

.bet-list__bet__footer__cashout__form--success .bet-list__bet__footer__cashout__form__title {
  color: #1c6848
}

.bet-list__bet__footer__cashout__form--fail {
  background-color: #fef1f4
}

.bet-list__bet__footer__cashout__form--fail .bet-list__bet__footer__cashout__form__title {
  color: #ba1030
}

.bet-list__bet__footer__cashout__form__mission-linked {
  display: flex;
  margin-bottom: 8px;
  font-size: .85714rem;
  line-height: 16px
}

.bet-list__bet__footer__cashout__form__mission-linked__icon {
  background-image: url(assets/static/css-images/generic/missions.png?v=1);
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  width: 40px;
  height: 40px;
  margin-right: 4px;
  flex-shrink: 0
}

.bet-list__bet__footer__cashout__form__triggered-offer-linked {
  display: flex;
  margin-bottom: 8px;
  font-size: .85714rem;
  line-height: 16px
}

.bet-list__bet__footer__cashout__form__triggered-offer-linked__icon {
  background-image: url(assets/static/css-images/generic/giftFill.png?v=1);
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  width: 24px;
  margin-right: 4px;
  flex-shrink: 0
}

.bet-list__bet__footer__cashout__form__title {
  text-align: center;
  font-size: .85714rem;
  line-height: 16px;
  margin-bottom: 8px;
  color: #204d7c
}

.bet-list__bet__footer__cashout__form__icon {
  margin-right: 8px;
  flex-shrink: 0
}

.bet-list__bet__footer__cashout__form__close-icon {
  margin-left: 8px;
  flex-shrink: 0;
  cursor: pointer
}

.bet-list__bet__footer__cashout__form__actions {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-top: 8px
}

.bet-list__bet__footer__cashout__form__actions__cancel {
  flex-grow: 1;
  flex-basis: 0;
  margin-right: 8px !important;
  border-radius: 8px !important;
  color: #101419 !important;
  background-color: transparent !important;
  border: 1px solid #101419 !important
}

.bet-list__bet__footer__cashout__form__actions__cashout {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-grow: 1;
  flex-basis: 0;
  border-radius: 8px !important;
  background-color: #2d3745 !important
}

.bet-list__bet__footer__cashout__form__actions__cashout--loading {
  justify-content: center
}

.bet-list__bet__footer__cashout__form__actions__cashout--loading .cashout-loader {
  margin-left: 8px !important
}

.bet-list__bet__footer__cashout__form__actions__cashout.double-grow {
  flex-grow: 2
}

.bet-list__bet__footer__cashout__form__actions__close {
  margin: 4px 0 4px auto !important;
  display: block;
  color: #101419 !important;
  padding: 0;
  font-weight: 700 !important;
  background: none;
  cursor: pointer
}

.scoreboard-container {
  flex: 1
}

@media screen and (min-width:825px) {
  .scoreboard-container {
    margin: 0 auto
  }
}

.scoreboard {
  position: relative
}

.scoreboard .team-color {
  width: 4px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 16px
}

.scoreboard .team-color:first-child {
  left: 0;
  right: auto
}

.scoreboard--ESPS {
  padding-bottom: 32px
}

.scoreboard .event-title {
  flex: 1;
  text-align: center;
  font-size: 1rem;
  line-height: 16px;
  color: hsla(0, 0%, 100%, .87);
  margin: 2px
}

.scoreboard .time-container {
  font-size: .8571428571428571rem;
  line-height: 16px;
  --tw-text-opacity: 1;
  color: rgb(224 228 234/var(--tw-text-opacity));
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  font-weight: 300
}

.scoreboard .time-container .time__secondary {
  margin-left: 4px;
  color: rgba(19, 206, 102, .87)
}

.scoreboard .time-container--extra {
  margin-right: 4px;
  opacity: .54
}

.scoreboard .score-container {
  display: flex;
  justify-content: center;
  font-size: 1.4285714285714286rem;
  font-weight: 700;
  line-height: 24px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity))
}

@media screen and (min-width:825px) {
  .scoreboard .score-container {
    font-size: 1.7142857142857142rem
  }
}

.scoreboard .score-container .score-away,
.scoreboard .score-container .score-home {
  display: flex;
  justify-content: center;
  flex-direction: column;
  transition: color .2s ease-out
}

.scoreboard .score-container .score--goal {
  animation-name: textAnimationOnGoal;
  animation-duration: 1s;
  color: #f3d113
}

.scoreboard .score-container .custom-sep {
  margin: 0 4px
}

.scoreboard .score-container .custom-sep--phrase {
  font-size: .78571rem;
  font-weight: 300;
  opacity: .87;
  width: 50%;
  text-align: center
}

.scoreboard .scoreboard__bottom {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 2px
}

@media screen and (min-width:825px) {
  .scoreboard .scoreboard__bottom {
    padding-top: 8px
  }
}

.scoreboard .mini-summary {
  margin: 0 4px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center
}

.scoreboard .mini-summary__item {
  color: hsla(0, 0%, 100%, .54);
  font-size: .85714rem;
  line-height: 16px;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 0 4px;
  padding-right: 8px
}

.scoreboard .mini-summary__item__icon {
  display: block
}

.scoreboard .mini-summary__item__value {
  display: block;
  margin-left: 4px
}

.scoreboard .list-summary {
  min-width: 220px;
  max-width: 304px;
  display: flex;
  justify-content: center;
  flex-direction: column
}

.scoreboard .list-summary-header {
  font-size: .78571rem;
  line-height: 12px;
  color: hsla(0, 0%, 100%, .54);
  text-align: center;
  padding-bottom: 8px
}

.scoreboard .list-summary-header--highlight {
  color: #f3d113;
  padding-left: 2px
}

.scoreboard .list-summary__item {
  color: hsla(0, 0%, 100%, .54);
  font-size: .78571rem;
  line-height: 12px;
  flex-direction: row;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 4px;
  border-bottom: 1px solid hsla(0, 0%, 100%, .38)
}

.scoreboard .list-summary__item:last-child {
  border-right: none
}

.scoreboard .list-summary__item__icon {
  display: block
}

.scoreboard .list-summary__item__value {
  max-width: 60%;
  display: block;
  color: hsla(0, 0%, 100%, .87);
  padding-left: 4px;
  text-align: right;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: top;
  white-space: nowrap;
  overflow: hidden;
  width: 100%
}

.scoreboard .pseudo-table {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center
}

.scoreboard .pseudo-table__row {
  display: flex;
  margin-bottom: 2px
}

.scoreboard .pseudo-table__cell {
  background-color: rgba(28, 32, 38, .9);
  font-size: .7142857142857143rem;
  line-height: 12px;
  --tw-text-opacity: 1;
  color: rgb(209 215 224/var(--tw-text-opacity));
  text-align: center;
  min-width: 24px;
  min-height: 16px;
  padding: 2px 0;
  margin: 0 2px 0 0
}

.scoreboard .pseudo-table__cell--won {
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity))
}

.scoreboard .pseudo-table__cell--label {
  --tw-text-opacity: 1;
  color: rgb(182 188 198/var(--tw-text-opacity))
}

.scoreboard .pseudo-table__cell--wide {
  min-width: 48px
}

.scoreboard .penalty-indicator {
  width: 8px;
  height: 8px;
  background: #000;
  border-radius: 50%;
  display: block;
  margin: 2px auto;
  transition: background-color .2s ease-in
}

.scoreboard .penalty-indicator[data-status="0"] {
  background: #f0506e
}

.scoreboard .penalty-indicator[data-status="1"] {
  background: #13ce66
}

.scoreboard .penalty-indicator[data-status="-"] {
  background: hsla(0, 0%, 100%, .87);
  animation: pulse 1s cubic-bezier(.18, .67, .6, 1.22) infinite
}

.scoreboard .laps-info {
  font-size: 1rem;
  line-height: 16px;
  text-align: center
}

.scoreboard .laps-info__title {
  color: hsla(0, 0%, 100%, .54)
}

.scoreboard .laps-info__info {
  color: #13ce66
}

.scoreboard .leaderboard-container {
  padding: 4px 0;
  font-size: .85714rem;
  line-height: 16px;
  text-align: left
}

.scoreboard .leaderboard-container--column {
  -moz-column-count: 2;
  column-count: 2
}

.scoreboard .leaderboard-container__item {
  margin: 2px
}

.scoreboard .leaderboard-container__item:nth-child(n+7) {
  display: none
}

.scoreboard .leaderboard-container__item__index {
  color: #f3d113;
  margin-right: 4px
}

.scoreboard .leaderboard-container__item__name {
  color: hsla(0, 0%, 100%, .54)
}

.scoreboard .score-away,
.scoreboard .score-home {
  position: relative;
  text-align: center
}

.scoreboard .score-away .server-container,
.scoreboard .score-home .server-container {
  position: absolute;
  top: 50%;
  transform: translateY(-50%)
}

.scoreboard .score-away .server-container .server-icon,
.scoreboard .score-home .server-container .server-icon {
  display: block
}

.scoreboard .score-home .server-container {
  left: -16px
}

.scoreboard .score-away .server-container {
  right: -16px
}

.iframe-modal-class {
  padding: 0;
  z-index: 5000
}

@media screen and (min-width:1025px) {
  .iframe-modal-class {
    padding: 50px 8px
  }
}

.iframe-modal-class .iframe-modal {
  width: 100%;
  height: 100%;
  min-height: 100%;
  position: relative;
  transition: height .5s ease
}

.iframe-modal-class .iframe-modal iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0
}

.iframe-modal-class .iframe-modal--bf {
  padding: 0;
  width: 305px
}

.iframe-modal-class .iframe-modal--ctr {
  width: 1025px;
  min-height: 745px;
  border-radius: 16px
}

.iframe-modal-class .iframe-modal--cinfo {
  width: 500px;
  min-height: 310px;
  border-radius: 16px
}

@media screen and (min-width:1025px) {
  .iframe-modal-class .iframe-modal {
    width: 480px;
    height: auto;
    min-height: 320px;
    overflow-y: hidden
  }

  .iframe-modal-class .iframe-modal--small {
    width: 480px;
    min-height: 320px;
    height: 420px
  }

  .iframe-modal-class .iframe-modal--mid {
    width: 480px;
    min-height: 357px
  }

  .iframe-modal-class .iframe-modal--large {
    width: 800px;
    min-height: 600px
  }

  .iframe-modal-class .iframe-modal--maxi {
    width: 1026px;
    min-height: 825px
  }

  .iframe-modal-class .iframe-modal--slim {
    width: 480px;
    min-height: 80vh
  }
}

@media screen and (min-width:1025px) and (min-height:1366px) {
  .iframe-modal-class .iframe-modal--slim {
    min-height: 70vh
  }
}

@media screen and (min-width:1025px) {
  .iframe-modal-class .iframe-modal--social-login-disabled {
    min-height: 410px
  }

  .iframe-modal-class .iframe-modal--fdb {
    height: 542px;
    width: 570px;
    min-height: 0
  }

  .iframe-modal-class .iframe-modal--large {
    width: 910px;
    min-height: 560px
  }

  .iframe-modal-class .iframe-modal--ctr {
    width: 1025px;
    min-height: 700px
  }

  .iframe-modal-class .iframe-modal--cinfo {
    width: 500px;
    min-height: 310px
  }

  .iframe-modal-class .iframe-modal--migration-wizard {
    width: 400px;
    min-height: 640px;
    border-radius: 8px
  }
}

@media screen and (min-width:1281px) {
  .iframe-modal-class .iframe-modal--large {
    width: 960px;
    min-height: 640px
  }
}

@media screen and (min-width:825px) {
  .iframe-modal-class .iframe-modal--bf {
    width: 640px
  }
}

@media screen and (min-width:1600px) {
  .iframe-modal-class .iframe-modal--large {
    width: 1080px;
    min-height: 768px
  }
}

#iframe-modal.open-class {
  display: block
}

.sb-modal.modal-class {
  padding: 68px 24px
}

@media screen and (min-width:1025px) {
  .sb-modal.modal-class {
    padding: 104px 24px
  }
}

.sb-modal .modal-body-class {
  padding: 0
}

.sb-modal__header {
  padding: 24px 16px 16px !important;
  color: #101419
}

.sb-modal__header .title {
  font-size: 1.42857rem;
  line-height: 24px;
  font-weight: 700
}

.sb-modal__header .subtitle {
  font-size: 1rem;
  line-height: 16px;
  font-weight: 700;
  margin-top: 4px
}

.sb-modal__close {
  padding: 0
}

.sb-modal__close__btn {
  right: -20px;
  top: -20px;
  padding: 12px;
  background-color: #fff;
  border-radius: 50%;
  cursor: pointer
}

.sb-modal__close__btn svg line {
  stroke: #000
}

.sb-modal__body {
  padding: 16px 0 0;
  background-color: #eceff1;
  max-height: 70vh;
  overflow: auto
}

.sb-modal__footer {
  box-shadow: 0 -4px 12px rgba(0, 0, 0, .17);
  display: flex;
  align-items: center;
  position: fixed;
  width: 100%;
  flex-direction: column;
  flex-flow: column-reverse;
  padding: 8px 16px
}

@media screen and (min-width:825px) {
  .sb-modal__footer {
    flex-direction: row
  }
}

.sb-modal__footer__plain-link {
  font-size: 1rem;
  line-height: 16px;
  font-weight: 700;
  color: #1b67da;
  text-decoration: none;
  margin: 8px auto !important;
  cursor: pointer;
  background-color: transparent
}

.sb-modal__footer__plain-link :focus {
  outline: none
}

.sb-modal .article-content__header {
  margin-top: 0
}

.sb-modal.open-class {
  display: block
}

#highlights_onboarding_modal {
  padding: 0
}

#highlights_onboarding_modal .modal-dialog {
  background-color: transparent;
  width: 100%;
  height: 100%;
  transform: none;
  transition: none
}

#highlights_onboarding_modal .modal-dialog .sb-modal__body {
  background-color: transparent;
  padding: 0;
  width: 90%;
  height: 60%
}

.sb-alerts .alert-success {
  color: #1c6848;
  background-color: #edfbf3
}

.sb-alerts .alert-warning {
  color: #c05707;
  background-color: #ffefe3
}

.sb-alerts .alert-danger {
  color: #ba1030;
  background-color: #fef1f4
}

.sb-alerts .alert-primary {
  color: #204d7c;
  background-color: #edf6fe
}

.sb-alerts a,
.sb-alerts a:visited {
  color: #1774b5
}

.sb-alerts-wrapper {
  display: flex;
  justify-content: center;
  z-index: 7000;
  position: fixed;
  max-width: 640px;
  margin: auto;
  flex-direction: column
}

@media screen and (min-width:825px) {
  .sb-alerts-wrapper {
    margin-top: 70px
  }
}

.sb-alerts__info-icon {
  margin-right: 8px
}

.sb-alerts__container {
  margin: 4px 0;
  display: flex;
  align-items: center;
  flex: 1;
  padding: 16px 8px 16px 16px
}

.sb-alerts__container__message {
  flex: 1
}

.sb-alerts__container__message a,
.sb-alerts__container__message a:visited {
  font-weight: 700;
  display: block;
  margin-top: 10px;
  color: #232b36;
  text-decoration: none
}

.sb-alerts__container__message a.display-inline,
.sb-alerts__container__message a.link,
.sb-alerts__container__message a.simple-link,
.sb-alerts__container__message a:visited.display-inline,
.sb-alerts__container__message a:visited.link,
.sb-alerts__container__message a:visited.simple-link {
  display: inline
}

.sb-alerts__container--close-button {
  padding: 8px
}

.sb-alerts__container--info-button {
  padding: 4px 8px;
  border-radius: 8px
}

.sb-alerts__container .alert-close {
  margin-top: 0;
  position: static
}

.sb-alerts__container--has-bottom-area {
  flex-wrap: wrap;
  gap: 8px
}

.toggle-switch {
  display: flex;
  align-self: center
}

.toggle-switch__slider {
  position: relative;
  width: 48px;
  height: 24px;
  background-color: #b6bcc6;
  transition: .1s cubic-bezier(.64, 0, .35, 1);
  border-radius: 64px;
  cursor: pointer
}

.toggle-switch__slider:before {
  position: absolute;
  content: "";
  width: 20px;
  height: 20px;
  left: 2px;
  top: 2px;
  background-color: #fff;
  transition: .1s cubic-bezier(.64, 0, .35, 1);
  border-radius: 50%
}


.v-popper__popper .v-popper__arrow-outer {
  border-color: #fff
}

.v-popper__popper {
  display: block !important;
  z-index: 1000;
  outline: none
}

.v-popper__popper .v-popper__inner {
  background: #fff;
  color: #000;
  border-radius: 4px;
  padding: 8px;
  overflow-x: hidden;
  max-width: 200px !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, .34);
  font-size: .78571rem;
  line-height: 12px
}

.v-popper__popper .v-popper__inner strong {
  font-weight: 700
}

.v-popper__popper[x-placement^=top] {
  margin-bottom: 8px
}

.v-popper__popper[x-placement^=bottom] {
  margin-top: 8px
}

.v-popper__popper[x-placement^=right] {
  margin-left: 4px
}

.v-popper__popper[x-placement^=left] {
  margin-right: 8px
}

.v-popper__popper[aria-hidden=true] {
  visibility: hidden;
  opacity: 0;
  transition: opacity .15s, visibility .15s
}

.v-popper__popper[aria-hidden=false] {
  visibility: visible;
  opacity: 1;
  transition: opacity .15s
}

.v-popper__popper[x-out-of-boundaries] {
  visibility: hidden !important
}

.main-content-wrapper {
  position: relative;
  z-index: 2
}

.main-content-wrapper--bottom-space {
  padding-bottom: 56px
}

@media screen and (max-width:825px) {
  .main-content-wrapper {
    padding-bottom: 56px
  }
}

.main-content-wrapper__content {
  background-color: #eceff1
}

.search__wrapper {
  overflow: hidden;
  margin: 0;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  height: 100%
}

.search-results-container {
  flex-grow: 1;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch
}

.search-result {
  display: flex;
  border-bottom: 1px solid #eceff1;
  align-items: center
}

.search-result:hover {
  cursor: pointer;
  background: rgba(236, 239, 241, .54)
}

.search-result__icon {
  padding: 8px
}

.search-result__info {
  display: flex;
  flex-direction: column;
  padding: 8px;
  border-left: 1px solid #eceff1;
  opacity: .87;
  font-size: .85714rem;
  line-height: 16px
}

.search-result__info__name {
  font-weight: 700;
  color: #1b67da
}

.search-result__info__date {
  color: #101419
}

.offers {
  margin: auto;
  padding: 16px 8px;
  max-width: 320px
}

@media screen and (min-width:1025px) {
  .offers {
    max-width: 688px;
    padding: 16px
  }
}

@media screen and (min-width:1600px) {
  .offers {
    padding: 16px 8px;
    max-width: 1008px
  }
}

@media screen and (min-width:1920px) {
  .offers {
    max-width: 1056px
  }
}

.offers__wrapper {
  display: grid;
  margin-top: 16px;
  grid-template-columns: repeat(auto-fill, minmax(304px, 1fr));
  grid-gap: 8px
}

@media screen and (min-width:1025px) {
  .offers__wrapper {
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    grid-gap: 16px
  }
}

@media screen and (min-width:1920px) {
  .offers__wrapper {
    grid-gap: 32px
  }
}

.offers__title {
  flex-basis: 100%;
  font-size: 1.71429rem;
  line-height: 24px;
  font-weight: 700
}

.offers__item {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 2px;
  background-color: #fff;
  cursor: pointer
}

.offers__item:hover .offers__item__header__image {
  transform: scale(1.1)
}

.offers__item__link {
  width: 100%;
  height: 100%;
  text-decoration: none;
  position: relative
}

.offers__item__header {
  position: relative;
  width: 100%;
  overflow: hidden
}

.offers__item__header__image {
  width: 100%;
  transition: all .5s ease
}

.offers__item__body {
  display: flex;
  margin: 16px
}

.offers__item__body__container {
  flex: 1;
  width: 90%
}

.offers__item__body__container__title {
  width: 100%;
  font-size: 1.14286rem;
  line-height: 20px;
  color: #101419;
  font-weight: 700;
  margin: 0
}

.offers__item__body__container__text {
  width: 100%;
  font-size: .85714rem;
  line-height: 16px;
  color: rgba(16, 20, 25, .54);
  margin-top: 4px
}

.offers__item__body__icon {
  margin: auto
}

.offers__container--inline {
  display: flex
}

.offers__container__item {
  margin: 8px
}

.offers__container__item:first-child {
  margin-top: 0
}

.offers__container__item:last-child {
  padding-bottom: 8px;
  margin-bottom: 0
}

.offers__container__item--simple {
  margin: 0 0 0 8px
}

.offers__container__item .offerbanner {
  width: 100%;
  border-radius: 2px;
  position: relative
}

.offers__container__item .offerbanner__image {
  display: block;
  width: 100%;
  height: auto
}

.offers__container__item .offerbanner__image-unified-offers {
  width: 100%;
  height: 130px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 16px
}

@media screen and (min-width:1281px) {
  .offers__container__item .offerbanner__image-unified-offers {
    height: 200px
  }
}

@media screen and (min-width:1600px) {
  .offers__container__item .offerbanner__image-unified-offers {
    height: 250px
  }
}

.grid__column__medium .offers__container__item .offerbanner__image-unified-offers {
  max-height: 130px
}

.offers__container__item .offerbanner__image-unified-offers--overlay {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 16px;
  background: linear-gradient(270deg, rgba(16, 20, 25, 0) 30%, rgba(16, 20, 25, .7) 95%)
}

.offers__container__item .offerbanner__unified-offers-container {
  position: absolute;
  bottom: 0;
  display: flex;
  flex-direction: column;
  margin: 0 0 16px 16px;
  width: 60%
}

.offers__container__item .offerbanner__unified-offers-container__title {
  padding-bottom: 2px;
  color: #fff;
  font-size: 1.14286rem;
  line-height: 20px;
  font-weight: 700
}

.offers__container__item .offerbanner__unified-offers-container__subtitle {
  font-size: .85714rem;
  line-height: 16px;
  color: #e0e4ea
}

.offers__container__item .offerbanner__container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between
}

.offers__container__item .offerbanner__container__title {
  padding: 8px;
  color: #e0e4ea;
  font-size: 1.14286rem;
  line-height: 20px;
  font-weight: 700
}

.offers__container__item .offerbanner__container__footer {
  display: flex;
  align-items: center;
  background-color: rgba(var(--brand-primary-color), .54)
}

.offers__container__item .offerbanner__container__footer__text {
  flex: 1;
  padding: 8px;
  font-size: .85714rem;
  line-height: 16px;
  color: #fff
}

.offers__container__item .offerbanner__simple-title {
  margin-top: 4px;
  color: #101419;
  font-size: .85714rem;
  line-height: 16px;
  font-weight: 700
}

.offers__container__item .offerbanner__link {
  display: block;
  cursor: pointer;
  text-decoration: none
}

.offers__container__item .offerbanner:hover .offerbanner__background {
  transform: scale(1.1)
}

.offers__container__item .offerbanner--simple {
  width: 125px;
  justify-content: center;
  align-items: center
}

.offers__container__item .offerbanner--simple .offerbanner__container__title {
  font-size: .85714rem;
  line-height: 16px
}

.offers__container__item .offerbanner--simple-image {
  width: 125px;
  height: 80px;
  min-height: 80px
}

.offers__container__item .offerbanner--simple-image .offerbanner__background:before {
  content: none
}

.article-modal {
  z-index: 8000
}

.top-notification__container {
  display: flex;
  justify-content: space-between
}

@media screen and (min-width:1920px) {
  .top-notification__container {
    max-width: 1920px;
    margin: auto;
    justify-content: center
  }
}

.top-notification__container__message {
  align-self: center
}

.top-notification__container__close {
  flex-shrink: 0;
  cursor: pointer
}

.top-notification__container__close:hover {
  opacity: .87
}

.top-notification__container__refresh {
  margin-left: 16px;
  flex-shrink: 0;
  align-self: center
}

.slide-top-enter-active {
  transition: .5s
}

.slide-top-leave-active {
  transition: .4s
}

.slide-top-enter {
  transform: translateY(-100%)
}

.slide-top-enter-to {
  transform: translateY(0)
}

.slide-top-leave-to {
  transform: translateY(-100%)
}

.notifications {
  background-color: #101419;
  padding: 8px 0 8px 8px;
  position: relative
}

.notifications--single {
  padding-right: 8px
}

.notifications--fixed {
  background-color: transparent;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 1000;
  overflow: hidden;
  padding: 8px
}

.notifications--fixed .notifications__container {
  width: 452px;
  box-shadow: 0 0 8px rgba(0, 0, 0, .38)
}

.notifications--fixed.slide-bottom-enter-active {
  transition-duration: 1s;
  transition-delay: 2s
}

.notifications--fixed.slide-bottom-leave-active {
  transition-duration: 0;
  transition-delay: 0
}

.notifications--fixed.slide-bottom-enter {
  transform: translateY(100%)
}

.notifications--fixed.slide-bottom-enter-to {
  transform: translateY(0)
}

.notifications--fixed.slide-bottom-leave-to {
  transform: translateY(100%)
}

.notifications .notifications__container {
  border-radius: 8px
}

.notifications .swiper-container .swiper-button-next {
  right: 4px
}

.notifications .swiper-container.notifications__container--multiple .swiper-button-prev {
  right: 52px
}

.notifications .swiper-container .swiper-button-next,
.notifications .swiper-container .swiper-button-prev {
  display: none;
  position: absolute;
  bottom: 22px;
  color: #fff;
  top: auto;
  left: auto;
  background: none;
  cursor: pointer;
  opacity: .54
}

@media screen and (min-width:1025px) {

  .notifications .swiper-container .swiper-button-next,
  .notifications .swiper-container .swiper-button-prev {
    display: block
  }
}

.notifications .swiper-container .swiper-button-next:focus,
.notifications .swiper-container .swiper-button-prev:focus {
  outline: none
}

.notifications .swiper-container .swiper-button-next:hover,
.notifications .swiper-container .swiper-button-prev:hover {
  opacity: 1
}

.notifications .swiper-container .swiper-button-next.swiper-button-lock,
.notifications .swiper-container .swiper-button-prev.swiper-button-lock {
  display: none
}

.notifications .swiper-container .swiper-button-next {
  right: 16px
}

.notifications .swiper-container .swiper-button-prev {
  right: 60px
}

.notifications .swiper-container .swiper-slide {
  height: auto
}

.notifications .swiper-pagination-custom {
  font-size: .85714rem;
  line-height: 16px;
  color: #fff;
  opacity: 1;
  position: absolute;
  z-index: 1000;
  padding: 0;
  left: auto;
  bottom: 24px;
  right: 38px;
  width: auto
}

.notifications .swiper-pagination-custom.swiper-pagination-lock {
  display: none
}

.notification__item {
  margin-right: 8px;
  flex-grow: 1;
  align-self: auto;
  width: 90vw
}

.notification__item--single {
  width: 100%
}

@media screen and (min-width:480px) {
  .notification__item {
    display: block;
    width: 350px
  }
}

@media screen and (min-width:1025px) {
  .notification__item {
    width: 100%;
    margin-right: 0
  }
}

.notification-number {
  color: #fff;
  background-color: var(--brand-secondary-color);
  border-radius: 16px;
  font-weight: 700;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 4px
}

.notification-number--small {
  min-width: 14px;
  height: 14px;
  font-size: .64286rem
}

.notification-number--large {
  min-width: 16px;
  height: 16px;
  font-size: .78571rem
}

.missions-widget {
  max-width: 100%;
  overflow: hidden
}

.missions-widget__slider .mission-card,
.missions-widget__slider .mission-card--widget {
  width: 328px
}

@media screen and (min-width:825px) {

  .missions-widget__slider .mission-card,
  .missions-widget__slider .mission-card--widget {
    height: auto;
    width: 184px
  }
}

.missions-widget__slider .mission-card--widget .progress-bar-ruler__container,
.missions-widget__slider .mission-card .progress-bar-ruler__container {
  margin-bottom: 0
}

@media screen and (min-width:825px) {
  .missions-widget__slider.swiper-container .swiper-wrapper {
    flex-direction: column
  }
}

@media screen and (min-width:1366px) {
  .missions-widget__slider.swiper-container .swiper-wrapper {
    flex-direction: row
  }
}

.missions-widget__slider.swiper-container .swiper-wrapper .swiper-slide {
  padding: 8px;
  flex-shrink: 1;
  width: auto;
  height: auto
}

.missions-widget__slider.swiper-container .swiper-pagination {
  display: none;
  padding: 0 0 8px
}

@media screen and (min-width:1366px) {
  .missions-widget__slider.swiper-container .swiper-pagination {
    display: block
  }
}

.missions-widget__slider.swiper-container .swiper-pagination .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  background-color: #b6bcc6;
  margin: 0 8px;
  border: none
}

.missions-widget__slider.swiper-container .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #000
}

.missions-widget-full {
  margin: 8px 0 8px 8px
}

.missions-widget-full .swiper-slide {
  width: 328px;
  margin-right: 8px
}

.missions-widget-full--single {
  margin: 8px
}

.missions-widget-full--single .swiper-slide {
  width: 100%
}

.missions-page-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
  position: relative;
  height: 224px
}

@media screen and (max-width:480px) {
  .missions-page-header:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: .54;
    background: rgba(28, 32, 38, .17)
  }
}

.missions-page-header__video {
  height: 224px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%
}

@media screen and (min-width:1025px) {

  .missions-page-header,
  .missions-page-header__video {
    height: 320px
  }
}

.missions-page-header__content {
  position: absolute;
  bottom: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center
}

.missions-page-header__title {
  color: #fff;
  font-weight: 700;
  font-size: 1.42857rem;
  line-height: 24px
}

@media screen and (min-width:1025px) {
  .missions-page-header__title {
    font-size: 2.57143rem;
    line-height: 40px
  }
}

.missions-page-header__subtitle {
  text-align: center;
  max-width: 444px;
  color: #f6f8f9;
  font-size: 1.14286rem;
  line-height: 20px;
  margin: 4px auto 16px;
  padding: 0 24px
}

.missions-page-header__link-list {
  width: 100%;
  display: flex;
  justify-content: center;
  font-size: .85714rem;
  line-height: 16px;
  font-weight: 700;
  margin-bottom: 16px
}

@media screen and (min-width:825px) {
  .missions-page-header__link-list {
    width: auto;
    margin-bottom: 24px
  }
}

.missions-page-header__link {
  display: flex;
  align-items: center;
  padding: 0;
  margin: 0 8px;
  background-color: transparent;
  color: #fff;
  cursor: pointer
}

.missions-page-header__icon {
  margin-right: 8px
}

.missions-page-header__icon path,
.missions-page-header__icon polygon,
.missions-page-header__icon rect,
.missions-page-header__icon svg path,
.missions-page-header__icon svg polygon,
.missions-page-header__icon svg rect {
  fill: #fff;
  transition: .1s cubic-bezier(.64, 0, .35, 1)
}

.missions-page {
  background: #101419
}

.missions-page .back-to-top {
  margin: 24px auto
}

.mission-card__title {
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: top;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  font-weight: 700;
  font-size: 1.14286rem;
  line-height: 20px;
  margin-bottom: 2px
}

@media screen and (min-width:1025px) {
  .mission-card__title {
    font-size: 1.42857rem;
    line-height: 24px;
    margin-bottom: 4px
  }
}

.mission-card__subtitle {
  color: #b6bcc6;
  font-size: .85714rem;
  line-height: 16px
}

@media screen and (min-width:1025px) {
  .mission-card__subtitle {
    font-size: 1rem;
    line-height: 16px
  }
}

.mission-card__footer {
  padding: 8px
}

@media screen and (min-width:1025px) {
  .mission-card__footer {
    padding: 16px
  }
}

.favorite-competitions-widget {
  min-width: 200px;
  background-color: #fff
}

.favorite-competitions-widget .favorite-competitions__icon {
  margin-right: 8px
}

.favorite-competitions-widget .favorite-competitions__empty {
  align-items: center;
  border-radius: 2px;
  border: 1px dashed #000;
  cursor: pointer;
  display: flex;
  opacity: .54;
  margin: 8px;
  padding: 8px;
  text-decoration: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.favorite-competitions-widget .favorite-competitions__empty__title {
  color: #000;
  font-size: .78571rem;
  line-height: 12px;
  flex: 1
}

.favorite-competitions-widget .favorite-competitions__empty:hover {
  opacity: .87
}

.favorite-competitions-widget .favorite-competitions__list {
  padding: 8px
}

.favorite-competitions-widget .favorite-competitions__list--recommended .favorite-competitions__item {
  opacity: .54
}

.favorite-competitions-widget .favorite-competitions__list--recommended .favorite-competitions__item:hover {
  opacity: .87
}

.favorite-competitions-widget .favorite-competitions__item {
  background-color: rgba(236, 239, 241, .54);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 8px;
  margin-bottom: 4px
}

.favorite-competitions-widget .favorite-competitions__item__league {
  display: flex;
  cursor: pointer;
  flex-direction: column;
  font-weight: 400;
  margin-left: 8px;
  text-decoration: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.favorite-competitions-widget .favorite-competitions__item__league__name {
  color: #1b67da;
  font-size: .85714rem;
  line-height: 16px;
  letter-spacing: normal
}

.favorite-competitions-widget .favorite-competitions__item__league__region {
  font-size: .85714rem;
  line-height: 16px;
  letter-spacing: normal;
  color: #1c2026
}

.favorite-competitions-widget .favorite-competitions__item--disabled {
  opacity: .54
}

.favorite-competitions-widget .favorite-competitions__actions__add {
  background-color: #000;
  border-radius: 50%;
  max-height: 16px;
  margin-left: 4px;
  margin-right: 4px
}

.favorite-competitions-widget .favorite-competitions__actions__show {
  margin-top: 4px;
  width: 100%
}

.favorite-competitions-widget-card {
  margin: 8px
}

.favorite-competitions-widget-card .favorite-competitions-widget {
  box-shadow: 0 0 8px rgba(0, 0, 0, .17)
}

.favorite-competitions-widget-card .open-class .sport-picker__header .sport-picker__header__icon-arrow {
  transform: rotate(-180deg);
  transition: transform .1s linear
}

.favorite-competitions-widget .sport-picker__item__badge {
  margin: 0 4px
}

.favorite-competitions {
  padding-top: 8px
}

.favorite-competitions__region {
  font-weight: 700
}

.stake-input {
  -moz-appearance: textfield
}

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

.red-badge {
  letter-spacing: .2px;
  color: #fff;
  background: #f0506e;
  border-radius: 16px;
  padding: 2px 6px;
  font-size: .78571rem;
  line-height: 12px
}

.live-incidents {
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  min-width: 0;
  width: 100%
}

@media screen and (min-width:825px) {
  .live-incidents:not(.live-incidents--mobile) {
    width: -moz-fit-content;
    width: fit-content
  }
}

.live-incidents__container {
  position: relative;
  width: 100%
}

.live-incidents__container .sb-dropdown--extended {
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;
  top: 21px
}

@media screen and (min-width:825px) {
  .live-incidents:not(.live-incidents--mobile) .live-incidents__container .sb-dropdown--extended {
    width: 300px;
    margin: auto
  }
}

.live-incidents__container__title {
  justify-content: center;
  display: flex;
  align-items: center;
  --tw-text-opacity: 1;
  color: rgb(236 239 241/var(--tw-text-opacity));
  font-size: .85714rem;
  line-height: 20px;
  cursor: pointer
}

.live-incidents__container__title:before {
  left: 2px
}

.live-incidents__container__title:after {
  right: 0
}

.live-incidents__container__title--open {
  opacity: 1
}

@media screen and (min-width:825px) {

  .live-incidents:not(.live-incidents--mobile) .live-incidents__container__title:after,
  .live-incidents:not(.live-incidents--mobile) .live-incidents__container__title:before {
    display: none
  }
}

@media (min-width:825px) {
  .live-incidents__container__title:hover {
    opacity: .54
  }
}

.live-incidents__container__title__time {
  margin: 0 4px;
  text-align: center;
  line-height: 16px
}

.live-incidents__container__title__text {
  margin: 0 4px;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: top;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  line-height: 16px;
  width: auto
}

.live-incidents__notifications {
  position: relative
}

@media screen and (min-width:825px) {
  .live-incidents__notifications__dropdown.sb-dropdown--extended {
    right: -12px
  }
}

.live-incidents__notifications__button {
  padding: 8px
}

@media (hover:hover) and (pointer:fine) {
  .live-incidents__notifications__button:hover {
    opacity: .54
  }
}

.live-incidents__notifications__button {
  margin: 0;
  background: transparent;
  cursor: pointer
}

@media screen and (min-width:825px) {
  .live-incidents__notifications__button {
    padding: 4px;
    display: flex;
    align-items: center
  }
}

.live-incidents__notifications__button__title {
  display: none;
  --tw-text-opacity: 1;
  color: rgb(236 239 241/var(--tw-text-opacity));
  font-size: .85714rem;
  line-height: 20px;
  margin: 0 4px 0 16px
}

.live-incidents__notifications__button__title--open {
  opacity: 1
}

@media screen and (min-width:825px) {
  .live-incidents__notifications__button__title {
    display: block
  }
}

.live-incidents__notifications__button svg.live-incidents__notifications__button__icon path {
  fill: none;
  stroke: #eceff1;
  opacity: 1
}

.live-incidents__notifications__button svg.live-incidents__notifications__button__icon--subscribed path {
  fill: #f3d113;
  stroke: none;
  opacity: 1
}

.card__container {
  padding: 8px 0;
  height: 100%;
  display: flex;
  align-items: center;
  background-color: #fff;
  position: relative;
  border-radius: 8px;
  overflow: hidden
}

.card__container--dark-theme {
  background-color: #1c2026
}

.card__container--dark-theme .card__content__info,
.card__container--dark-theme .card__content__terms,
.card__container--dark-theme .card__content__title {
  color: #fff
}

.card__container--extra {
  padding-bottom: 0;
  flex-direction: column;
  align-items: normal
}

.card__main__wrapper {
  align-items: center
}

.card__main,
.card__main__wrapper {
  overflow: hidden;
  display: flex;
  flex: 1
}

.card__main {
  padding: 0 8px
}

.card__extra {
  margin-top: auto;
  display: flex;
  flex-direction: column
}

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

.card__content__title {
  font-size: .85714rem;
  line-height: 16px;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: top;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  font-weight: 500
}

.card__content__info,
.card__content__terms {
  opacity: .54;
  font-size: .71429rem;
  line-height: 12px
}

.card__content--large {
  justify-content: center
}

.card__content--large .card__content__title {
  font-size: 1rem;
  line-height: 16px
}

@media screen and (min-width:1025px) {
  .card__content--large .card__content__title {
    font-size: 1.14286rem;
    line-height: 20px
  }
}

.back-button__link {
  display: flex;
  align-items: center;
  padding: 4px;
  background-color: #fff;
  font-size: .85714rem;
  line-height: 16px;
  color: #1c2026;
  text-decoration: none;
  cursor: pointer
}

@media screen and (min-width:825px) {
  .back-button__link {
    display: none
  }
}

.back-button__link__icon {
  margin-right: 4px
}

@media screen and (min-width:825px) {
  .back-button__link.laptop {
    display: flex
  }
}

@media screen and (min-width:1025px) {
  .back-button__link.laptop {
    display: none
  }
}

.content-map-item {
  padding: 4px 8px;
  color: #fff;
  font-weight: 400;
  font-size: .85714rem;
  z-index: 10;
  min-width: 82px;
  position: absolute;
  bottom: 0;
  right: 0
}

.content-map-eye,
.content-map-item {
  border-radius: 64px;
  background-color: #6233ff
}

.content-map-eye {
  position: fixed;
  left: 26px;
  bottom: 26px;
  width: 32px;
  height: 32px;
  cursor: pointer;
  z-index: 9999
}

@media screen and (max-width:825px) {
  .content-map-eye {
    bottom: 56px
  }
}

.content-map-eye--wordpress {
  background-color: #007cba;
  left: 68px
}

.skeleton-wrapper {
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: placeHolderShimmer;
  animation-timing-function: linear;
  background: #fff;
  background: linear-gradient(90deg, #fff 8%, #eceff1 18%, #fff 50%);
  background-size: 800px 104px;
  position: relative
}

@media screen and (min-width:825px) {
  .skeleton-wrapper {
    margin: 0 8px
  }
}

@media screen and (min-width:1366px) {
  .skeleton-wrapper {
    background-size: 1600px 104px
  }
}

@media screen and (min-width:1920px) {
  .skeleton-wrapper {
    background-size: 3600px 104px
  }
}

.skeleton-wrapper--dark-theme {
  background: linear-gradient(90deg, #2d3745 8%, #232b36 18%, #2d3745 50%)
}

.skeleton-wrapper .skeleton-item {
  padding: 8px
}

@media screen and (min-width:1025px) {
  .skeleton-wrapper .skeleton-item {
    display: flex
  }

  .skeleton-wrapper .skeleton-item>* {
    flex-basis: 50%;
    flex-direction: row;
    display: flex
  }
}

.skeleton-wrapper .skeleton-item:first-child {
  opacity: .17
}

.skeleton-wrapper .skeleton-item:nth-child(2) {
  opacity: .08
}

.skeleton-wrapper .skeleton-item:nth-child(3) {
  opacity: .05
}

.skeleton-wrapper .skeleton-item__info {
  display: flex;
  margin-bottom: 8px
}

.skeleton-wrapper .skeleton-item__info__box {
  width: 32px;
  height: 32px;
  background: #48576f;
  margin-right: 16px
}

.skeleton-wrapper .skeleton-item__info__text {
  width: 100%
}

.skeleton-wrapper .skeleton-item__info__text>* {
  height: 8px
}

.skeleton-wrapper .skeleton-item__info__text__large {
  width: 80%;
  background: #48576f;
  margin-bottom: 4px
}

.skeleton-wrapper .skeleton-item__info__text__small {
  width: 50%;
  background: #48576f
}

.skeleton-wrapper .skeleton-item__markets__item {
  width: 100%;
  display: none
}

@media screen and (min-width:1920px) {
  .skeleton-wrapper .skeleton-item__markets__item {
    display: flex;
    flex-basis: 33.3%
  }
}

.skeleton-wrapper .skeleton-item__markets__item:first-child {
  display: flex
}

@media screen and (min-width:1281px) {
  .skeleton-wrapper .skeleton-item__markets__item:first-child {
    flex-basis: 50%
  }

  .skeleton-wrapper .skeleton-item__markets__item:nth-child(2) {
    display: flex;
    flex-basis: 50%
  }
}

.skeleton-wrapper .skeleton-item__markets__item>* {
  height: 24px;
  margin-right: 4px;
  display: flex;
  width: 100%;
  background: #48576f
}

.skeleton-wrapper .skeleton-item__betslip {
  flex-basis: 100%
}

.skeleton-wrapper .skeleton-item__betslip__item {
  width: 100%;
  display: none
}

@media screen and (min-width:1920px) {
  .skeleton-wrapper .skeleton-item__betslip__item {
    display: flex;
    flex-basis: 100%
  }
}

.skeleton-wrapper .skeleton-item__betslip__item:first-child {
  display: flex
}

@media screen and (min-width:1281px) {
  .skeleton-wrapper .skeleton-item__betslip__item:first-child {
    flex-basis: 100%
  }
}

.skeleton-wrapper .skeleton-item__betslip__item>* {
  height: 104px;
  margin-right: 4px;
  display: flex;
  width: 100%;
  background: #48576f;
  border-radius: 4px
}

.skeleton-wrapper .skeleton-item__betslip__item .container {
  display: flex;
  flex-direction: column
}

.skeleton-wrapper .skeleton-item__betslip__item .container .header {
  margin: 8px;
  align-items: center;
  display: flex
}

.skeleton-wrapper .skeleton-item__betslip__item .container .header__item {
  height: 16px;
  margin-left: 8px;
  flex-basis: 50%;
  display: flex
}

.skeleton-wrapper .skeleton-item__betslip__item .container .header__item--left {
  justify-content: flex-start
}

.skeleton-wrapper .skeleton-item__betslip__item .container .header__item--left .title {
  background: #000;
  flex-basis: 70%
}

.skeleton-wrapper .skeleton-item__betslip__item .container .header__item--right {
  justify-content: flex-end
}

.skeleton-wrapper .skeleton-item__betslip__item .container .header__item--right .container {
  flex-basis: 70%;
  display: flex;
  justify-content: space-between;
  flex-direction: row
}

.skeleton-wrapper .skeleton-item__betslip__item .container .header__item--right .container .small-btn {
  flex-basis: 18%;
  background: #000
}

.skeleton-wrapper .skeleton-item__betslip__item .container .info-label {
  margin: 4px 16px;
  height: 8px;
  background-color: #000;
  width: 40%
}

.skeleton-wrapper .skeleton-item__betslip__item .container .info-label--big {
  width: 70%
}

.skeleton-wrapper .skeleton-item__betslip__item .container .bet-button {
  height: 40px;
  margin: 4px 16px;
  background-color: #000;
  border-radius: 8px;
  width: 30%
}

.skeleton-wrapper--market .skeleton-item {
  display: block
}

.skeleton-wrapper--market .skeleton-item__info {
  width: 66.6%;
  height: 8px;
  background: #48576f
}

@media screen and (min-width:825px) {
  .skeleton-wrapper--market .skeleton-item__info {
    width: 30%
  }

  .skeleton-wrapper--market .skeleton-item__markets__item>* {
    height: 32px
  }
}

.skeleton-wrapper--market .skeleton-item__markets__item:first-child {
  flex-basis: auto
}

@keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0
  }

  to {
    background-position: 468px 0
  }
}

.horizontal-line-tabs {
  position: relative;
  height: 100%;
  background-color: #eceff1
}

@media screen and (min-width:825px) {
  .horizontal-line-tabs {
    height: auto
  }
}

.horizontal-line-tabs__header {
  display: flex;
  align-items: center
}

.horizontal-line-tabs__header--no-pointer-events {
  pointer-events: none
}

.horizontal-line-tabs__header--no-pointer-events>.horizontal-line-tabs__header__title {
  cursor: default
}

.horizontal-line-tabs__header--no-pointer-events>.horizontal-line-tabs__header__title--selected {
  border-bottom: 4px solid transparent
}

.horizontal-line-tabs__header__title {
  flex: auto;
  font-size: .85714rem;
  line-height: 16px;
  color: #1c2026;
  text-align: center;
  padding-bottom: 4px;
  border-bottom: 4px solid transparent;
  cursor: pointer
}

.horizontal-line-tabs__header__title--auto-width {
  flex: none;
  margin-right: 8px;
  padding: 0 8px 4px
}

.horizontal-line-tabs__header__title--uppercase {
  text-transform: uppercase
}

.horizontal-line-tabs__header__title--selected {
  font-weight: 700;
  border-bottom: 4px solid #1c2026
}

.button-class {
  margin: 0;
  overflow: visible;
  font: inherit;
  text-transform: none;
  -webkit-appearance: none;
  display: inline-block;
  box-sizing: border-box;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  font-size: .85714rem;
  color: hsla(0, 0%, 100%, .87);
  border: 1px solid transparent;
  border-radius: 2px;
  transition: .1s cubic-bezier(.64, 0, .35, 1);
  padding: 8px;
  font-weight: 500;
  min-width: 64px;
  line-height: 16px
}

.button-text {
  padding: 0;
  line-height: 16px;
  background: none;
  color: #fff;
  position: relative
}

button.button-close-icon:not(:disabled) {
  cursor: pointer
}

.button-close {
  color: #48576f;
  transition: .1s ease-in-out;
  transition-property: color, opacity
}

.button-close-icon {
  margin: 0;
  border: none;
  border-radius: 0;
  overflow: visible;
  font: inherit;
  color: #fff;
  opacity: .54;
  text-transform: none;
  background-color: transparent;
  display: inline-block;
  fill: currentcolor;
  line-height: 0
}

.button-close-icon:hover {
  opacity: 1
}

.button-class:not(:disabled) {
  cursor: pointer
}

.button-class::-moz-focus-inner {
  border: 0;
  padding: 0
}

.button-class:hover {
  text-decoration: none
}

.button-class:focus {
  outline: none
}

.button-primary {
  background-color: var(--brand-secondary-color);
  color: hsla(0, 0%, 100%, .87)
}

.button-primary.no_fill {
  background-color: transparent;
  color: hsla(var(--brand-secondary-color-h), var(--brand-secondary-color-s), var(--brand-secondary-color-l), opaque-xl);
  border: 1px solid var(--brand-secondary-color)
}

.button-primary.no_fill:active,
.button-primary.no_fill:focus,
.button-primary.no_fill:hover {
  background-color: transparent;
  color: var(--brand-secondary-color)
}

.button-primary:focus,
.button-primary:hover {
  background-color: hsl(var(--brand-secondary-color-h), var(--brand-secondary-color-s), calc(var(--brand-secondary-color-l) - 5%));
  color: #fff
}

.button-primary:active {
  background-color: hsl(var(--brand-secondary-color-h), var(--brand-secondary-color-s), calc(var(--brand-secondary-color-l) - 15%));
  color: #fff
}

.button-secondary {
  background-color: var(--brand-primary-color);
  color: hsla(0, 0%, 100%, .87)
}

.button-secondary.no_fill {
  background-color: transparent;
  color: hsla(var(--brand-primary-color-h), var(--brand-primary-color-s), var(--brand-primary-color-l), .87);
  border: 1px solid var(--brand-primary-color)
}

.button-secondary.no_fill:active,
.button-secondary.no_fill:focus,
.button-secondary.no_fill:hover {
  background-color: transparent;
  color: var(--brand-primary-color)
}

.button-secondary:focus,
.button-secondary:hover {
  background-color: hsl(var(--brand-primary-color-h), var(--brand-primary-color-s), calc(var(--brand-primary-color-l) - 5%)) !important;
  color: #fff
}

.button-secondary:active {
  background-color: hsl(var(--brand-primary-color-h), var(--brand-primary-color-s), calc(var(--brand-primary-color-l) - 15%));
  color: #fff
}

.button-danger {
  background-color: #f0506e;
  color: hsla(0, 0%, 100%, .87)
}

.button-danger.no_fill {
  background-color: transparent;
  color: rgba(240, 80, 110, .87);
  border: 1px solid #f0506e
}

.button-danger.no_fill:active,
.button-danger.no_fill:focus,
.button-danger.no_fill:hover {
  background-color: transparent;
  color: #f0506e
}

.button-danger:focus,
.button-danger:hover {
  background-color: #ee395b
}

.button-danger:active {
  background-color: #e0133a
}

.button-danger:disabled,
.button-default:disabled,
.button-primary:disabled,
.button-secondary:disabled {
  background-color: #e1e3e8;
  color: rgba(182, 188, 198, .87);
  border: 1px solid #b6bcc6
}

.button-danger:disabled.no_fill,
.button-default:disabled.no_fill,
.button-primary:disabled.no_fill,
.button-secondary:disabled.no_fill {
  background-color: transparent;
  color: rgba(182, 188, 198, .87);
  border: 1px solid #b6bcc6
}

.button-success {
  background-color: #13ce66;
  color: hsla(0, 0%, 100%, .87)
}

.button-success.no_fill {
  background-color: transparent;
  color: rgba(19, 206, 102, .87);
  border: 1px solid #13ce66
}

.button-success.no_fill:active,
.button-success.no_fill:focus,
.button-success.no_fill:hover {
  background-color: transparent;
  color: #13ce66
}

.button-success:focus,
.button-success:hover {
  background-color: #11b75a;
  color: #fff
}

.button-success:active {
  background-color: #0d8843;
  color: #fff
}

.button-tertiary {
  background-color: #fff;
  color: rgba(28, 32, 38, .87);
  border: 1px solid rgba(28, 32, 38, .87)
}

.button-tertiary.no_fill {
  background-color: transparent;
  color: rgba(16, 20, 25, .54);
  border: 1px solid rgba(182, 188, 198, .87)
}

.button-tertiary.no_fill.solid {
  color: #1c2026
}

.button-tertiary.no_fill:active,
.button-tertiary.no_fill:focus,
.button-tertiary.no_fill:hover:not([disabled]) {
  background-color: transparent;
  color: rgba(28, 32, 38, .87);
  border: 1px solid #b6bcc6
}

.button-tertiary.no_fill:disabled {
  color: rgba(28, 32, 38, .38)
}

.button-tertiary.light {
  background-color: transparent;
  color: hsla(0, 0%, 100%, .87);
  border: 1px solid hsla(0, 0%, 100%, .87)
}

.button-tertiary.light:active,
.button-tertiary.light:focus,
.button-tertiary.light:hover:not([disabled]) {
  background-color: transparent;
  color: #fff;
  border: 1px solid #fff
}

.button-tertiary.light:disabled {
  color: hsla(0, 0%, 100%, .38)
}

.button-tertiary.no_border {
  border-color: transparent
}

.button-tertiary:focus,
.button-tertiary:hover:not([disabled]) {
  color: #fff
}

.button-tertiary:active {
  background-color: #b2bccb;
  color: #fff
}

.button-tertiary:focus,
.button-tertiary:hover:not([disabled]) {
  background-color: #d1d7e0;
  color: #1c2026
}

.button-tertiary--inverted {
  background-color: rgba(28, 32, 38, .87);
  color: hsla(0, 0%, 100%, .87);
  border-color: transparent
}

.button-tertiary--inverted:disabled {
  border: 1px solid #b6bcc6;
  background-color: transparent;
  color: rgba(16, 20, 25, .54)
}

.button-tertiary--inverted:active,
.button-tertiary--inverted:focus,
.button-tertiary--inverted:hover:not([disabled]) {
  background-color: #111417;
  color: #fff
}

.button-icon-text {
  display: flex;
  align-items: center;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-right: 7px
}

.button-icon-text [class*=kz-icon] {
  margin-right: 2px
}

.button-only-icon {
  padding: 3px;
  line-height: 1;
  min-width: 0
}

.button-only-icon__icon {
  display: block
}

.progress-bar-ruler-new {
  margin: 0 4px 0 0;
  background: #69778b
}

.progress-bar-ruler-new__container {
  position: relative;
  flex-grow: 1
}

.progress-bar-ruler-new::-webkit-progress-bar {
  background-color: #69778b
}

.progress-bar-ruler-new::-moz-progress-bar {
  border-radius: 64px;
  background-color: #f3d113
}

.progress-bar-ruler-new::-webkit-progress-value {
  position: relative;
  background-color: #f3d113
}

.progress-bar-ruler-new::-ms-fill {
  background-color: #f3d113
}

.progress-bar-ruler-new--success::-webkit-progress-value {
  background-color: #13ce66 !important
}

.progress-bar-ruler-new--success::-moz-progress-bar {
  background-color: #13ce66 !important
}

.progress-bar-ruler-new--success::-ms-fill {
  background-color: #13ce66 !important
}

.progress-bar-ruler-new--error::-webkit-progress-value {
  background-color: #f0506e !important
}

.progress-bar-ruler-new--error::-moz-progress-bar {
  background-color: #f0506e !important
}

.progress-bar-ruler-new--error::-ms-fill {
  background-color: #f0506e !important
}

.progress-bar-ruler-new__ruler {
  position: absolute;
  top: 0;
  width: 100%;
  height: 8px;
  display: flex
}

.progress-bar-ruler-new__ruler span:not(:last-child) {
  border-right: 1px solid #b6bcc6
}

.progress-bar-ruler-new__values {
  margin-top: 2px;
  display: flex;
  min-height: 12px
}

.progress-bar-ruler-new__values span {
  box-sizing: content-box;
  font-size: .78571rem;
  line-height: 12px;
  opacity: .54
}

.progress-bar-ruler-new__values span:last-child {
  position: absolute;
  right: 0
}

.progress-bar-ruler-new__values span:not(:first-child) {
  display: flex;
  justify-content: flex-end
}

.progress-bar-ruler-new__current {
  opacity: 1 !important;
  margin-right: 2px
}

.progress-bar-ruler-new--stake .progress-bar-ruler-new__progress {
  transform: translateX(-50%)
}

.progress-bar-ruler-new--stake .progress-bar-ruler-new__values {
  display: flex;
  justify-content: space-between
}

.progress-bar-ruler-new--stake .progress-bar-ruler-new__value {
  display: flex
}

.progress-bar-ruler-new--stake .progress-bar-ruler-new__value span {
  position: static !important
}

.progress-bar-ruler-new--count .progress-bar-ruler-new__values span:first-child {
  position: absolute
}

.progress-bar-ruler-new--count .progress-bar-ruler-new__step:not(:last-child) {
  transform: translateX(2px)
}

.progress-bar-ruler-new--count .progress-bar-ruler-new__current-step {
  border-right: none !important
}

.panic-button {
  align-items: center;
  background-color: #4d5764;
  border-radius: 16px;
  display: flex;
  overflow: hidden;
  position: relative;
  width: 100%
}

.panic-button__not-excluded {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  padding: 8px 0;
  position: relative;
  text-align: center;
  width: 100%
}

.panic-button__not-excluded__text {
  align-items: center;
  display: flex;
  flex-direction: column;
  position: relative;
  font-size: .85714rem;
  line-height: 16px;
  color: hsla(0, 0%, 100%, .87)
}

.panic-button__excluded {
  align-items: center;
  cursor: not-allowed;
  display: flex;
  justify-content: space-between;
  padding: 8px;
  position: relative
}

.panic-button__excluded__icon path {
  fill: #f0506e
}

.panic-button__excluded__text {
  flex: 1;
  margin-left: 8px;
  font-size: .85714rem;
  line-height: 16px;
  color: hsla(0, 0%, 100%, .87)
}

.panic-button progress[value] {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  margin: 0;
  padding: 0
}

.panic-button progress[value]::-webkit-progress-bar {
  background-color: transparent
}

.panic-button progress[value]::-webkit-progress-value {
  background-color: #f0506e
}

.panic-button progress[value]::-moz-progress-bar {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #f0506e
}

@supports (-ms-ime-align:auto) {
  .panic-button__not-excluded__text {
    color: rgba(35, 43, 54, .87)
  }
}

@supports (-ms-ime-align:auto) and (-webkit-text-stroke:initial) {
  .panic-button__not-excluded__text {
    font-weight: 700
  }
}

.panic-button progress[value] {
  color: #f0506e
}

.slider-bod--widget.swiper-container {
  margin-bottom: 0;
  padding: 8px 0 8px 8px
}

.slider-bod--widget.swiper-container .sportshub-bod-top .swiper-container {
  margin-top: 8px
}

@media screen and (-ms-high-contrast:active),
screen and (-ms-high-contrast:none) {

  .bet-bonus__item__body,
  .live-event .market,
  .live-page .live-event__details__markets-container {
    display: block
  }

  .bet-bonus__item__body__amount,
  .bet-bonus__item__body__name {
    display: inline-block
  }

  .card__container--extra,
  .card__container--extra.card__main {
    display: block
  }

  .matchcombo-info {
    flex-basis: auto
  }
}

@media screen and (-ms-high-contrast:active) and (min-width:825px),
screen and (-ms-high-contrast:none) and (min-width:825px) {
  .scoreboard-container {
    min-width: 510px
  }
}

@media screen and (-ms-high-contrast:active),
screen and (-ms-high-contrast:none) {
  .sb-modal .modal-body-class {
    display: block !important
  }

  .sb-modal__body {
    display: block;
    -ms-flex: none
  }

  .sb-modal__footer {
    position: absolute
  }

  .timer-modal__footer__footer {
    padding: 0 8px
  }

  .user-info__bonus__type__top__text {
    white-space: normal
  }
}

.overflow-hidden {
  overflow: hidden
}

.overflow-auto {
  overflow: auto
}

.push-right {
  margin-left: auto
}

.visually-hidden {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  white-space: nowrap
}

.clickable {
  cursor: pointer
}

body.no-scroll {
  max-width: 100%;
  position: fixed
}

body.no-scroll,
body.stories-lock-fixed-height {
  overflow: hidden
}

@keyframes breathing-animation {
  0% {
    transform: scale(.9)
  }

  25% {
    transform: scale(1)
  }

  60% {
    transform: scale(.9)
  }

  to {
    transform: scale(.9)
  }
}

button {
  border-style: unset;
  border-width: unset;
  background-color: unset
}

svg {
  outline: none
}

*,
:after,
:before {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-scroll-snap-strictness: proximity;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgba(59, 130, 246, 0.5);
  --tw-ring-offset-shadow: 0 0 transparent;
  --tw-ring-shadow: 0 0 transparent;
  --tw-shadow: 0 0 transparent;
  --tw-shadow-colored: 0 0 transparent
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-scroll-snap-strictness: proximity;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgba(59, 130, 246, 0.5);
  --tw-ring-offset-shadow: 0 0 transparent;
  --tw-ring-shadow: 0 0 transparent;
  --tw-shadow: 0 0 transparent;
  --tw-shadow-colored: 0 0 transparent
}

.tw-pointer-events-none {
  pointer-events: none
}

.tw-visible {
  visibility: visible
}

.tw-invisible {
  visibility: hidden
}

.tw-fixed {
  position: fixed
}

.tw-absolute {
  position: absolute
}

.tw-relative {
  position: relative
}

.tw-sticky {
  position: sticky
}

.tw-inset-0 {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0
}

.tw-top-1\/2 {
  top: 50%
}

.tw-top-0 {
  top: 0
}

.tw-left-0 {
  left: 0
}

.tw-right-0 {
  right: 0
}

.tw-top-\[-48px\] {
  top: -48px
}

.tw-bottom-1\/2 {
  bottom: 50%
}

.tw-right-1\/2 {
  right: 50%
}

.tw-top-\[32\%\] {
  top: 32%
}

.tw-left-\[50\%\] {
  left: 50%
}

.tw-bottom-\[6px\] {
  bottom: 6px
}

.-tw-right-n {
  right: -8px
}

.tw-bottom-0 {
  bottom: 0
}

.tw-top-\[30px\] {
  top: 30px
}

.tw-bottom-\[2px\],
.tw-bottom-xs {
  bottom: 2px
}

.tw--top-n {
  top: -8px
}

.tw-right-n {
  right: 8px
}

.tw-right-\[12px\] {
  right: 12px
}

.tw-top-\[12px\] {
  top: 12px
}

.tw-top-full {
  top: 100%
}

.-tw-top-\[48px\] {
  top: -48px
}

.tw-top-\[100\%\] {
  top: 100%
}

.tw-right-m {
  right: 16px
}

.tw-top-\[-2px\] {
  top: -2px
}

.tw-left-\[33\%\] {
  left: 33%
}

.-tw-right-px {
  right: -1px
}

.-tw-top-px {
  top: -1px
}

.-tw-top-n {
  top: -8px
}

.-tw-left-n {
  left: -8px
}

.-tw-bottom-xs {
  bottom: -2px
}

.tw-top-\[28px\] {
  top: 28px
}

.tw-left-1\/2 {
  left: 50%
}

.tw-left-full {
  left: 100%
}

.tw-right-icon-xxxs {
  right: 12px
}

.tw-top-\[24px\] {
  top: 24px
}

.tw-top-m {
  top: 16px
}

.tw-left-\[6px\] {
  left: 6px
}

.tw--top-s {
  top: -4px
}

.tw--right-s {
  right: -4px
}

.tw-right-\[-10px\] {
  right: -10px
}

.tw-top-\[-4px\] {
  top: -4px
}

.tw-top-\[8px\] {
  top: 8px
}

.tw-bottom-\[56px\] {
  bottom: 56px
}

.tw-top-\[45px\] {
  top: 45px
}

.tw-left-\[24px\] {
  left: 24px
}

.tw-left-\[-22px\] {
  left: -22px
}

.tw-top-\[-14px\] {
  top: -14px
}

.tw-bottom-\[-22px\] {
  bottom: -22px
}

.tw-bottom-\[48px\] {
  bottom: 48px
}

.-tw-right-\[6px\] {
  right: -6px
}

.-tw-bottom-\[6px\] {
  bottom: -6px
}

.tw-right-\[-4px\] {
  right: -4px
}

.tw-top-s {
  top: 4px
}

.tw-right-s {
  right: 4px
}

.tw-right-xs {
  right: 2px
}

.tw-left-\[130px\] {
  left: 130px
}

.-tw-top-s {
  top: -4px
}

.tw-left-\[10px\] {
  left: 10px
}

.-tw-right-1\/4 {
  right: -25%
}

.-tw-top-1\/4 {
  top: -25%
}

.tw-top-\[20px\] {
  top: 20px
}

.-tw-top-xs {
  top: -2px
}

.-tw-right-\[13px\] {
  right: -13px
}

.tw-left-\[66\%\] {
  left: 66%
}

.-tw-top-\[5px\] {
  top: -5px
}

.tw-left-\[-5px\] {
  left: -5px
}

.tw-right-ml {
  right: 20px
}

.tw-top-ml {
  top: 20px
}

.tw-top-n {
  top: 8px
}

.tw-left-n {
  left: 8px
}

.tw-top-\[-20px\] {
  top: -20px
}

.tw-bottom-\[12px\] {
  bottom: 12px
}

.tw-bottom-\[-24px\] {
  bottom: -24px
}

.-tw-top-m {
  top: -16px
}

.tw-left-\[-59px\] {
  left: -59px
}

.tw-top-\[75px\] {
  top: 75px
}

.tw-top-\[-7px\] {
  top: -7px
}

.tw--right-px {
  right: -1px
}

.tw-top-\[4px\] {
  top: 4px
}

.tw-left-xl {
  left: 32px
}

.tw-bottom-1\/3 {
  bottom: 33.333333%
}

.tw-right-ns {
  right: 10px
}

.tw-top-xs {
  top: 2px
}

.-tw-top-\[2px\] {
  top: -2px
}

.-tw-left-\[2px\] {
  left: -2px
}

.tw-left-s {
  left: 4px
}

.tw-bottom-s {
  bottom: 4px
}

.tw-bottom-n {
  bottom: 8px
}

.tw-z-10 {
  z-index: 10
}

.tw-z-xxs {
  z-index: 2000
}

.tw-z-xl {
  z-index: 7000
}

.\!tw-z-\[5\] {
  z-index: 5 !important
}

.tw-z-\[1\] {
  z-index: 1
}

.tw-z-20 {
  z-index: 20
}

.tw-z-0 {
  z-index: 0
}

@media (min-width: 1024px) {
  .custom-mobile-z {
    z-index: 0;
  }
}


.tw-z-s {
  z-index: 4000
}

.tw-z-\[-1\] {
  z-index: -1
}

.tw-z-xs {
  z-index: 3000
}

.tw-z-\[10\] {
  z-index: 10
}

.tw-z-\[1000\],
.tw-z-xxxs {
  z-index: 1000
}

.tw-z-\[11\] {
  z-index: 11
}

.tw-z-\[1010\] {
  z-index: 1010
}

.tw-z-\[9\] {
  z-index: 9
}

.tw-z-\[2\] {
  z-index: 2
}

.tw-z-l {
  z-index: 6000
}

.tw-z-xxxl {
  z-index: 9999
}

.tw-z-xxl {
  z-index: 8000
}

.tw-z-\[5\] {
  z-index: 5
}

.tw-z-\[2000\] {
  z-index: 2000
}

.tw-z-\[3000\] {
  z-index: 3000
}

.tw-z-\[1001\] {
  z-index: 1001
}

.tw-order-1 {
  order: 1
}

.tw-order-2 {
  order: 2
}

.tw-order-3 {
  order: 3
}

.tw-order-4 {
  order: 4
}

.tw-col-span-7 {
  grid-column: span 7/span 7
}

.tw-col-span-2 {
  grid-column: span 2/span 2
}

.tw-float-right {
  float: right
}

.tw-m-s {
  margin: 4px
}

.tw-m-n {
  margin: 8px
}

.tw-m-m {
  margin: 16px
}

.\!tw-m-0 {
  margin: 0 !important
}

.tw-m-0 {
  margin: 0
}

.tw-m-auto {
  margin: auto
}

.tw-m-px {
  margin: 1px
}

.tw-mx-auto {
  margin-left: auto;
  margin-right: auto
}

.tw-my-m {
  margin-top: 16px;
  margin-bottom: 16px
}

.tw-mx-0 {
  margin-left: 0;
  margin-right: 0
}

.tw-mx-n {
  margin-left: 8px;
  margin-right: 8px
}

.tw-my-xxl {
  margin-top: 40px;
  margin-bottom: 40px
}

.tw-my-0 {
  margin-top: 0;
  margin-bottom: 0
}

.tw-mx-xs {
  margin-left: 2px;
  margin-right: 2px
}

.tw-mx-nn {
  margin-left: 6px;
  margin-right: 6px
}

.tw-my-xs {
  margin-top: 2px;
  margin-bottom: 2px
}

.tw-my-n {
  margin-top: 8px;
  margin-bottom: 8px
}

.-tw-mx-nm {
  margin-left: -12px;
  margin-right: -12px
}

.tw-mx-s {
  margin-left: 4px;
  margin-right: 4px
}

.tw-my-s {
  margin-top: 4px;
  margin-bottom: 4px
}

.tw-mx-\[-4px\] {
  margin-left: -4px;
  margin-right: -4px
}

.-tw-mx-ml {
  margin-left: -20px;
  margin-right: -20px
}

.tw-my-\[26px\] {
  margin-top: 26px;
  margin-bottom: 26px
}

.-tw-mx-nn {
  margin-left: -6px;
  margin-right: -6px
}

.-tw-mx-icon-xs {
  margin-left: -20px;
  margin-right: -20px
}

.tw-my-\[5px\] {
  margin-top: 5px;
  margin-bottom: 5px
}

.tw-mx-icon-xl {
  margin-left: 64px;
  margin-right: 64px
}

.tw-mx-xl {
  margin-left: 32px;
  margin-right: 32px
}

.tw-mx-m {
  margin-left: 16px;
  margin-right: 16px
}

.tw-mx-l {
  margin-left: 24px;
  margin-right: 24px
}

.tw-my-ml {
  margin-top: 20px;
  margin-bottom: 20px
}

.tw-my-auto {
  margin-top: auto;
  margin-bottom: auto
}

.tw-mx-ns {
  margin-left: 10px;
  margin-right: 10px
}

.tw-mx-nm {
  margin-left: 12px;
  margin-right: 12px
}

.tw-mx-\[-8px\] {
  margin-left: -8px;
  margin-right: -8px
}

.tw-my-nm {
  margin-top: 12px;
  margin-bottom: 12px
}

.-tw-mx-s {
  margin-left: -4px;
  margin-right: -4px
}

.tw-mx-xxxl {
  margin-left: 56px;
  margin-right: 56px
}

.tw-mb-n {
  margin-bottom: 8px
}

.tw-mr-s {
  margin-right: 4px
}

.tw-mt-m {
  margin-top: 16px
}

.tw-mt-n {
  margin-top: 8px
}

.tw-mr-n {
  margin-right: 8px
}

.tw-mt-nm {
  margin-top: 12px
}

.tw-mb-\[5px\] {
  margin-bottom: 5px
}

.\!tw-mt-0 {
  margin-top: 0 !important
}

.tw-mt-s {
  margin-top: 4px
}

.tw-ml-n {
  margin-left: 8px
}

.tw-ml-s {
  margin-left: 4px
}

.tw-mb-m {
  margin-bottom: 16px
}

.tw-ml-0 {
  margin-left: 0
}

.tw-ml-auto {
  margin-left: auto
}

.tw-mt-\[12px\] {
  margin-top: 12px
}

.tw-mt-\[64px\] {
  margin-top: 64px
}

.tw-mb-s {
  margin-bottom: 4px
}

.tw-mb-l {
  margin-bottom: 24px
}

.tw-ml-ns {
  margin-left: 10px
}

.tw-ml-xs {
  margin-left: 2px
}

.tw-mb-xs {
  margin-bottom: 2px
}

.-tw-mt-\[16px\] {
  margin-top: -16px
}

.tw-mt-auto {
  margin-top: auto
}

.tw-mb-auto {
  margin-bottom: auto
}

.-tw-mb-\[9px\] {
  margin-bottom: -9px
}

.tw-mr-nm {
  margin-right: 12px
}

.tw-mr-0 {
  margin-right: 0
}

.tw-mt-l {
  margin-top: 24px
}

.tw-mr-\[26px\] {
  margin-right: 26px
}

.tw-ml-\[26px\] {
  margin-left: 26px
}

.tw-mt-xl {
  margin-top: 32px
}

.tw-mt-\[20px\] {
  margin-top: 20px
}

.tw-mb-\[60px\] {
  margin-bottom: 60px
}

.tw-mb-xxl {
  margin-bottom: 40px
}

.tw-mr-m {
  margin-right: 16px
}

.tw-mb-\[10px\] {
  margin-bottom: 10px
}

.tw-mr-nn {
  margin-right: 6px
}

.tw-mr-xs {
  margin-right: 2px
}

.tw-mt-0 {
  margin-top: 0
}

.tw-mr-ns {
  margin-right: 10px
}

.tw-mb-\[6px\] {
  margin-bottom: 6px
}

.\!tw-mb-0 {
  margin-bottom: 0 !important
}

.tw--mt-n {
  margin-top: -8px
}

.tw-mt-\[10px\] {
  margin-top: 10px
}

.tw-mr-auto {
  margin-right: auto
}

.tw-ml-\[-20px\] {
  margin-left: -20px
}

.tw-ml-\[-6px\] {
  margin-left: -6px
}

.\!tw-ml-auto {
  margin-left: auto !important
}

.tw-mb-0 {
  margin-bottom: 0
}

.-tw-mt-px {
  margin-top: -1px
}

.-tw-mt-s {
  margin-top: -4px
}

.-tw-mb-nn {
  margin-bottom: -6px
}

.tw--mb-n {
  margin-bottom: -8px
}

.tw-ml-\[5px\] {
  margin-left: 5px
}

.\!tw-ml-n {
  margin-left: 8px !important
}

.tw-mb-nn {
  margin-bottom: 6px
}

.tw-mt-xxl {
  margin-top: 40px
}

.-tw-mt-m {
  margin-top: -16px
}

.tw-mt-xs {
  margin-top: 2px
}

.\!tw-mt-n {
  margin-top: 8px !important
}

.tw-mt-\[45px\] {
  margin-top: 45px
}

.tw-mt-\[-54px\] {
  margin-top: -54px
}

.tw-mt-icon-ml {
  margin-top: 44px
}

.tw-mb-\[22px\] {
  margin-bottom: 22px
}

.tw-ml-\[12px\] {
  margin-left: 12px
}

.tw-mb-\[200px\] {
  margin-bottom: 200px
}

.tw-ml-m {
  margin-left: 16px
}

.tw-ml-\[6px\] {
  margin-left: 6px
}

.tw-mr-\[3px\] {
  margin-right: 3px
}

.tw-ml-nm {
  margin-left: 12px
}

.tw-ml-nn {
  margin-left: 6px
}

.\!tw-ml-0 {
  margin-left: 0 !important
}

.tw-mb-ns {
  margin-bottom: 10px
}

.-tw-ml-m {
  margin-left: -16px
}

.-tw-mr-m {
  margin-right: -16px
}

.tw-mb-nm {
  margin-bottom: 12px
}

.-tw-mt-\[10px\] {
  margin-top: -10px
}

.-tw-mt-\[5px\] {
  margin-top: -5px
}

.\!tw-ml-nn {
  margin-left: 6px !important
}

.tw-mr-xxxl {
  margin-right: 56px
}

.\!tw-mr-0 {
  margin-right: 0 !important
}

.\!tw-ml-s {
  margin-left: 4px !important
}

.-tw-mt-\[2px\] {
  margin-top: -2px
}

.tw-mt-\[31px\] {
  margin-top: 31px
}

.tw-mb-\[48px\] {
  margin-bottom: 48px
}

.tw-mt-\[14px\] {
  margin-top: 14px
}

.-tw-ml-n {
  margin-left: -8px
}

.tw-mb-ml {
  margin-bottom: 20px
}

.-tw-mb-s {
  margin-bottom: -4px
}

.tw-mr-l {
  margin-right: 24px
}

.tw-mt-\[-8px\] {
  margin-top: -8px
}

.tw-mb-\[12px\] {
  margin-bottom: 12px
}

.tw-mt-\[44px\] {
  margin-top: 44px
}

.tw--ml-xs {
  margin-left: -2px
}

.tw-mr-\[18px\] {
  margin-right: 18px
}

.tw-mr-\[6px\] {
  margin-right: 6px
}

.tw-mb-\[100px\] {
  margin-bottom: 100px
}

.tw-mr-\[10px\] {
  margin-right: 10px
}

.-tw-ml-nm {
  margin-left: -12px
}

.tw-mt-\[123px\] {
  margin-top: 123px
}

.tw-mb-xxxl {
  margin-bottom: 56px
}

.tw-mb-\[92px\] {
  margin-bottom: 92px
}

.tw-box-border {
  box-sizing: border-box
}

.tw-box-content {
  box-sizing: content-box
}

.tw-block {
  display: block
}

.\!tw-block {
  display: block !important
}

.tw-inline-block {
  display: inline-block
}

.tw-inline {
  display: inline
}

.tw-flex {
  display: flex
}

.\!tw-flex {
  display: flex !important
}

.tw-inline-flex {
  display: inline-flex
}

.tw-grid {
  display: grid
}

.tw-hidden {
  display: none
}

.tw-aspect-square {
  aspect-ratio: 1/1
}

.tw-aspect-\[9\/16\] {
  aspect-ratio: 9/16
}

.tw-aspect-video {
  aspect-ratio: 16/9
}

.tw-aspect-\[2\/3\] {
  aspect-ratio: 2/3
}

.tw-h-full {
  height: 100%
}

.tw-h-\[3px\] {
  height: 3px
}

.tw-h-\[92vh\] {
  height: 92vh
}

.tw-h-\[36px\] {
  height: 36px
}

.tw-h-\[34px\] {
  height: 34px
}

.tw-h-l {
  height: 24px
}

.tw-h-m {
  height: 16px
}

.tw-h-\[48px\] {
  height: 48px
}

.tw-h-xl {
  height: 32px
}

.tw-h-\[14px\] {
  height: 14px
}

.tw-h-nm {
  height: 12px
}

.tw-h-\[56px\] {
  height: 56px
}

.tw-h-auto {
  height: auto
}

.tw-h-icon-xxs {
  height: 16px
}

.tw-h-\[20px\] {
  height: 20px
}

.tw-h-\[150px\] {
  height: 150px
}

.tw-h-\[78px\] {
  height: 78px
}

.tw-h-\[28px\] {
  height: 28px
}

.tw-h-icon-xs {
  height: 20px
}

.tw-h-\[88px\] {
  height: 88px
}

.tw-h-\[32px\] {
  height: 32px
}

.tw-h-\[100vh\] {
  height: 100vh
}

.tw-h-max {
  height: -moz-max-content;
  height: max-content
}

.tw-h-\[50px\] {
  height: 50px
}

.tw-h-\[26px\] {
  height: 26px
}

.tw-h-icon-sxxs {
  height: 14px
}

.tw-h-\[114px\] {
  height: 114px
}

.tw-h-\[41px\] {
  height: 41px
}

.tw-h-\[2px\] {
  height: 2px
}

.tw-h-\[45px\] {
  height: 45px
}

.\!tw-h-full {
  height: 100% !important
}

.tw-h-icon-s {
  height: 24px
}

.tw-h-xxl {
  height: 40px
}

.tw-h-\[47px\] {
  height: 47px
}

.tw-h-\[16px\] {
  height: 16px
}

.\!tw-h-icon-sxxs {
  height: 14px !important
}

.tw-h-\[160px\] {
  height: 160px
}

.tw-h-\[248px\] {
  height: 248px
}

.tw-h-icon-sxs {
  height: 18px
}

.tw-h-\[12px\] {
  height: 12px
}

.tw-h-n {
  height: 8px
}

.tw-h-\[120px\] {
  height: 120px
}

.tw-h-ml {
  height: 20px
}

.tw-h-\[64px\] {
  height: 64px
}

.tw-h-\[200px\] {
  height: 200px
}

.tw-h-0 {
  height: 0
}

.tw-h-\[148px\] {
  height: 148px
}

.tw-h-\[112px\] {
  height: 112px
}

.tw-h-\[100px\] {
  height: 100px
}

.tw-h-screen {
  height: 100vh
}

.tw-h-px {
  height: 1px
}

.tw-h-icon-xxxs {
  height: 12px
}

.tw-h-\[136px\] {
  height: 136px
}

.tw-h-\[134px\] {
  height: 134px
}

.tw-h-\[72px\] {
  height: 72px
}

.tw-h-\[30px\] {
  height: 30px
}

.tw-h-\[70px\] {
  height: 70px
}

.tw-h-\[18px\] {
  height: 18px
}

.tw-h-\[220px\] {
  height: 220px
}

.tw-h-xs {
  height: 2px
}

.tw-h-icon-xxl {
  height: 72px
}

.tw-h-\[10px\] {
  height: 10px
}

.tw-h-\[15px\] {
  height: 15px
}

.\!tw-h-1\/2 {
  height: 50% !important
}

.tw-h-\[600px\] {
  height: 600px
}

.tw-h-\[122px\] {
  height: 122px
}

.tw-h-\[333px\] {
  height: 333px
}

.tw-h-\[388px\] {
  height: 388px
}

.tw-h-\[calc\(100\%-98px\)\] {
  height: calc(100% - 98px)
}

.tw-h-\[250px\] {
  height: 250px
}

.tw-h-\[82px\] {
  height: 82px
}

.tw-h-\[40px\] {
  height: 40px
}

.tw-h-\[79px\] {
  height: 79px
}

.tw-h-\[76px\] {
  height: 76px
}

.tw-h-\[74px\] {
  height: 74px
}

.tw-h-\[24px\] {
  height: 24px
}

.tw-h-\[52px\] {
  height: 52px
}

.tw-h-\[63px\] {
  height: 63px
}

.tw-h-\[110px\] {
  height: 110px
}

.tw-h-\[92px\] {
  height: 92px
}

.tw-h-s {
  height: 4px
}

.tw-h-nn {
  height: 6px
}

.tw-h-icon-m {
  height: 32px
}

.tw-h-\[54px\] {
  height: 54px
}

.tw-h-icon-nano {
  height: 10px
}

.tw-h-\[152px\] {
  height: 152px
}

.tw-h-fit {
  height: -moz-fit-content;
  height: fit-content
}

.\!tw-h-inherit {
  height: inherit !important
}

.tw-h-\[104px\] {
  height: 104px
}

.tw-h-\[29px\] {
  height: 29px
}

.tw-h-\[96px\] {
  height: 96px
}

.tw-h-\[60px\] {
  height: 60px
}

.tw-h-\[38px\] {
  height: 38px
}

.tw-h-\[300px\] {
  height: 300px
}

.tw-h-\[66px\] {
  height: 66px
}

.tw-h-\[72\.8px\] {
  height: 72.8px
}

.tw-h-\[77px\] {
  height: 77px
}

.tw-h-icon-l {
  height: 56px
}

.tw-h-icon-pico {
  height: 8px
}

.tw-h-icon-ml {
  height: 44px
}

.tw-h-icon-xl {
  height: 64px
}

.tw-h-\[142px\] {
  height: 142px
}

.tw-h-\[35px\] {
  height: 35px
}

.tw-h-\[13px\] {
  height: 13px
}

.tw-h-\[51px\] {
  height: 51px
}

.tw-h-\[1188px\] {
  height: 1188px
}

.tw-h-\[138px\] {
  height: 138px
}

.tw-h-\[227px\] {
  height: 227px
}

.tw-h-\[170px\] {
  height: 170px
}

.tw-h-\[calc\(100\%-56px\)\] {
  height: calc(100% - 56px)
}

.tw-h-xxxl {
  height: 56px
}

.tw-max-h-\[636px\] {
  max-height: 636px
}

.tw-max-h-\[70px\] {
  max-height: 70px
}

.tw-max-h-\[500px\] {
  max-height: 500px
}

.tw-max-h-\[calc\(100\%-56px\)\] {
  max-height: calc(100% - 56px)
}

.tw-max-h-\[calc\(100vh-160px\)\] {
  max-height: calc(100vh - 160px)
}

.tw-max-h-full {
  max-height: 100%
}

.tw-max-h-\[64px\] {
  max-height: 64px
}

.tw-max-h-\[24px\] {
  max-height: 24px
}

.tw-max-h-\[50vh\] {
  max-height: 50vh
}

.tw-max-h-0 {
  max-height: 0
}

.\!tw-max-h-\[150px\] {
  max-height: 150px !important
}

.tw-max-h-\[75svh\] {
  max-height: 75svh
}

.tw-max-h-\[unset\] {
  max-height: unset
}

.tw-max-h-\[300px\] {
  max-height: 300px
}

.tw-max-h-\[232px\] {
  max-height: 232px
}

.tw-max-h-\[60px\] {
  max-height: 60px
}

.tw-min-h-\[46px\] {
  min-height: 46px
}

.tw-min-h-\[20px\] {
  min-height: 20px
}

.tw-min-h-\[16px\] {
  min-height: 16px
}

.tw-min-h-\[24px\] {
  min-height: 24px
}

.tw-min-h-\[200px\] {
  min-height: 200px
}

.tw-min-h-screen {
  min-height: 100vh
}

.tw-min-h-\[310px\] {
  min-height: 310px
}

.tw-min-h-\[40px\] {
  min-height: 40px
}

.tw-min-h-0 {
  min-height: 0
}

.tw-min-h-\[34px\] {
  min-height: 34px
}

.tw-min-h-\[80vh\] {
  min-height: 80vh
}

.tw-min-h-\[154px\] {
  min-height: 154px
}

.tw-min-h-\[50svh\] {
  min-height: 50svh
}

.tw-min-h-\[40vh\] {
  min-height: 40vh
}

.tw-min-h-\[112px\] {
  min-height: 112px
}

.tw-min-h-\[48px\] {
  min-height: 48px
}

.tw-min-h-\[400px\] {
  min-height: 400px
}

.tw-min-h-\[14px\] {
  min-height: 14px
}

.tw-w-full {
  width: 100%
}

.tw-w-\[22px\] {
  width: 22px
}

.tw-w-inherit {
  width: inherit
}

.tw-w-\[340px\] {
  width: 340px
}

.tw-w-\[1px\] {
  width: 1px
}

.tw-w-l {
  width: 24px
}

.tw-w-xl {
  width: 32px
}

.tw-w-\[160px\] {
  width: 160px
}

.tw-w-\[120px\] {
  width: 120px
}

.tw-w-\[94px\] {
  width: 94px
}

.tw-w-\[292px\] {
  width: 292px
}

.tw-w-\[460px\] {
  width: 460px
}

.tw-w-screen {
  width: 100vw
}

.tw-w-icon-xxs {
  width: 16px
}

.tw-w-\[min\(calc\(100\%-16px\)\,360px\)\] {
  width: min(calc(100% - 16px), 360px)
}

.tw-w-fit {
  width: -moz-fit-content;
  width: fit-content
}

.tw-w-icon-xs {
  width: 20px
}

.tw-w-\[344px\] {
  width: 344px
}

.tw-w-\[175px\] {
  width: 175px
}

.tw-w-\[44px\] {
  width: 44px
}

.tw-w-\[88px\] {
  width: 88px
}

.tw-w-\[74px\] {
  width: 74px
}

.tw-w-\[32px\] {
  width: 32px
}

.tw-w-\[177px\] {
  width: 177px
}

.tw-w-\[185px\] {
  width: 185px
}

.tw-w-\[90px\] {
  width: 90px
}

.tw-w-\[26px\] {
  width: 26px
}

.tw-w-xxl {
  width: 40px
}

.tw-w-auto {
  width: auto
}

.tw-w-\[90\%\] {
  width: 90%
}

.tw-w-m {
  width: 16px
}

.tw-w-\[296px\] {
  width: 296px
}

.tw-w-icon-s {
  width: 24px
}

.tw-w-\[62px\] {
  width: 62px
}

.tw-w-\[67px\] {
  width: 67px
}

.tw-w-s {
  width: 4px
}

.\!tw-w-icon-sxxs {
  width: 14px !important
}

.tw-w-\[190px\] {
  width: 190px
}

.tw-w-\[200px\] {
  width: 200px
}

.tw-w-icon-sxs {
  width: 18px
}

.tw-w-px {
  width: 1px
}

.tw-w-\[327px\] {
  width: 327px
}

.tw-w-n {
  width: 8px
}

.tw-w-\[270px\] {
  width: 270px
}

.\!tw-w-full {
  width: 100% !important
}

.tw-w-\[48px\] {
  width: 48px
}

.tw-w-\[360px\] {
  width: 360px
}

.tw-w-\[calc\(50\%-4px\)\] {
  width: calc(50% - 4px)
}

.tw-w-\[80px\] {
  width: 80px
}

.tw-w-\[70px\] {
  width: 70px
}

.tw-w-2\/3 {
  width: 66.666667%
}

.tw-w-\[320px\] {
  width: 320px
}

.tw-w-\[20px\] {
  width: 20px
}

.tw-w-\[16px\] {
  width: 16px
}

.tw-w-\[230px\] {
  width: 230px
}

.tw-w-\[30px\] {
  width: 30px
}

.tw-w-icon-xxxs {
  width: 12px
}

.tw-w-\[130px\] {
  width: 130px
}

.tw-w-\[280px\] {
  width: 280px
}

.tw-w-\[82px\] {
  width: 82px
}

.tw-w-\[72px\] {
  width: 72px
}

.tw-w-\[18px\] {
  width: 18px
}

.tw-w-\[300px\] {
  width: 300px
}

.\!tw-w-auto {
  width: auto !important
}

.tw-w-\[100px\] {
  width: 100px
}

.tw-w-\[28px\] {
  width: 28px
}

.tw-w-icon-xxl {
  width: 72px
}

.tw-w-\[10px\] {
  width: 10px
}

.tw-w-\[15px\] {
  width: 15px
}

.tw-w-\[14px\] {
  width: 14px
}

.tw-w-\[56px\] {
  width: 56px
}

.tw-w-\[12px\] {
  width: 12px
}

.tw-w-\[122px\] {
  width: 122px
}

.tw-w-\[333px\] {
  width: 333px
}

.tw-w-\[250px\] {
  width: 250px
}

.tw-w-\[min\(100\%\,360px\)\] {
  width: min(100%, 360px)
}

.tw-w-\[40px\] {
  width: 40px
}

.tw-w-\[69px\] {
  width: 69px
}

.tw-w-\[66px\] {
  width: 66px
}

.tw-w-\[266px\] {
  width: 266px
}

.tw-w-\[58px\] {
  width: 58px
}

.tw-w-\[68px\] {
  width: 68px
}

.tw-w-\[52px\] {
  width: 52px
}

.tw-w-\[8px\] {
  width: 8px
}

.tw-w-\[64px\] {
  width: 64px
}

.tw-w-\[133px\] {
  width: 133px
}

.tw-w-\[25px\] {
  width: 25px
}

.tw-w-ml {
  width: 20px
}

.tw-w-\[96px\] {
  width: 96px
}

.tw-w-\[316px\] {
  width: 316px
}

.tw-w-1\/4 {
  width: 25%
}

.\!tw-w-\[60px\] {
  width: 60px !important
}

.tw-w-\[260px\] {
  width: 260px
}

.tw-w-1\/2 {
  width: 50%
}

.tw-w-0 {
  width: 0
}

.tw-w-icon-m {
  width: 32px
}

.tw-w-1\/3 {
  width: 33.333333%
}

.tw-w-icon-nano {
  width: 10px
}

.tw-w-\[240px\] {
  width: 240px
}

.tw-w-1\/6 {
  width: 16.666667%
}

.tw-w-\[unset\] {
  width: unset
}

.tw-w-\[30\%\] {
  width: 30%
}

.tw-w-\[35\%\] {
  width: 35%
}

.tw-w-\[80\%\] {
  width: 80%
}

.tw-w-\[60px\] {
  width: 60px
}

.tw-w-\[24px\] {
  width: 24px
}

.tw-w-\[calc\(100\%-8px\)\] {
  width: calc(100% - 8px)
}

.tw-w-\[220px\] {
  width: 220px
}

.tw-w-max {
  width: -moz-max-content;
  width: max-content
}

.tw-w-\[500px\] {
  width: 500px
}

.tw-w-\[95px\] {
  width: 95px
}

.tw-w-\[126px\] {
  width: 126px
}

.tw-w-\[calc\(100\%-68px\)\] {
  width: calc(100% - 68px)
}

.tw-w-\[calc\(100\%-100px\)\] {
  width: calc(100% - 100px)
}

.tw-w-\[calc\(100\%-32px\)\] {
  width: calc(100% - 32px)
}

.tw-w-\[264px\] {
  width: 264px
}

.tw-w-\[35\.5px\] {
  width: 35.5px
}

.tw-w-icon-l {
  width: 56px
}

.tw-w-\[calc\(50\%-2px\)\] {
  width: calc(50% - 2px)
}

.tw-w-icon-pico {
  width: 8px
}

.tw-w-icon-ml {
  width: 44px
}

.tw-w-icon-xl {
  width: 64px
}

.tw-w-\[20\%\] {
  width: 20%
}

.tw-w-\[33px\] {
  width: 33px
}

.tw-w-groupStandingsCard {
  width: calc(100% - 32px)
}

.tw-w-\[50px\] {
  width: 50px
}

.tw-w-\[84px\] {
  width: 84px
}

.tw-w-\[180px\] {
  width: 180px
}

.tw-w-\[127px\] {
  width: 127px
}

.tw-w-\[380px\] {
  width: 380px
}

.tw-w-\[288px\] {
  width: 288px
}

.tw-w-\[148px\] {
  width: 148px
}

.tw-w-\[125px\] {
  width: 125px
}

.tw-w-\[calc\(50\%-8px\)\] {
  width: calc(50% - 8px)
}

.tw-w-\[140px\] {
  width: 140px
}

.tw-w-\[170px\] {
  width: 170px
}

.tw-w-nm {
  width: 12px
}

.tw-min-w-0 {
  min-width: 0
}

.tw-min-w-\[24px\] {
  min-width: 24px
}

.tw-min-w-\[64px\] {
  min-width: 64px
}

.tw-min-w-\[20px\] {
  min-width: 20px
}

.tw-min-w-\[16px\] {
  min-width: 16px
}

.tw-min-w-\[172px\] {
  min-width: 172px
}

.tw-min-w-\[52px\] {
  min-width: 52px
}

.tw-min-w-\[230px\] {
  min-width: 230px
}

.tw-min-w-\[48px\] {
  min-width: 48px
}

.tw-min-w-\[12px\] {
  min-width: 12px
}

.tw-min-w-\[41px\] {
  min-width: 41px
}

.tw-min-w-\[320px\] {
  min-width: 320px
}

.tw-min-w-\[18px\] {
  min-width: 18px
}

.tw-min-w-\[340px\] {
  min-width: 340px
}

.tw-min-w-\[240px\] {
  min-width: 240px
}

.tw-min-w-\[250px\] {
  min-width: 250px
}

.tw-min-w-\[14px\] {
  min-width: 14px
}

.tw-min-w-full {
  min-width: 100%
}

.tw-min-w-\[72px\] {
  min-width: 72px
}

.tw-min-w-\[92px\] {
  min-width: 92px
}

.tw-min-w-\[586px\] {
  min-width: 586px
}

.tw-min-w-\[256px\] {
  min-width: 256px
}

.tw-min-w-\[160px\] {
  min-width: 160px
}

.tw-min-w-\[192px\] {
  min-width: 192px
}

.tw-min-w-\[90px\] {
  min-width: 90px
}

.tw-min-w-\[110px\] {
  min-width: 110px
}

.tw-min-w-\[76px\] {
  min-width: 76px
}

.tw-min-w-\[184px\] {
  min-width: 184px
}

.tw-min-w-\[74px\] {
  min-width: 74px
}

.tw-min-w-\[68px\] {
  min-width: 68px
}

.tw-min-w-\[10px\] {
  min-width: 10px
}

.tw-max-w-full {
  max-width: 100%
}

.tw-max-w-\[320px\] {
  max-width: 320px
}

.tw-max-w-\[62px\] {
  max-width: 62px
}

.tw-max-w-none {
  max-width: none
}

.tw-max-w-xl {
  max-width: 36rem
}

.tw-max-w-\[56px\] {
  max-width: 56px
}

.tw-max-w-\[200px\] {
  max-width: 200px
}

.tw-max-w-\[150px\] {
  max-width: 150px
}

.tw-max-w-\[700px\] {
  max-width: 700px
}

.tw-max-w-\[96px\] {
  max-width: 96px
}

.tw-max-w-\[400px\] {
  max-width: 400px
}

.tw-max-w-\[72px\] {
  max-width: 72px
}

.tw-max-w-\[42px\] {
  max-width: 42px
}

.tw-max-w-\[calc\(50\%-4px\)\] {
  max-width: calc(50% - 4px)
}

.tw-max-w-fit {
  max-width: -moz-fit-content;
  max-width: fit-content
}

.\!tw-max-w-fit {
  max-width: -moz-fit-content !important;
  max-width: fit-content !important
}

.tw-max-w-\[75\%\] {
  max-width: 75%
}

.tw-max-w-\[33\%\] {
  max-width: 33%
}

.tw-max-w-\[240px\] {
  max-width: 240px
}

.tw-max-w-\[340px\] {
  max-width: 340px
}

.tw-max-w-\[100px\] {
  max-width: 100px
}

.tw-max-w-\[640px\] {
  max-width: 640px
}

.tw-max-w-\[1336px\] {
  max-width: 1336px
}

.tw-max-w-\[170px\] {
  max-width: 170px
}

.tw-max-w-\[768px\] {
  max-width: 768px
}

.tw-max-w-\[125px\] {
  max-width: 125px
}

.tw-max-w-\[61px\] {
  max-width: 61px
}

.tw-max-w-\[294px\] {
  max-width: 294px
}

.tw-max-w-\[285px\] {
  max-width: 285px
}

.tw-max-w-\[480px\] {
  max-width: 480px
}

.tw-max-w-\[950px\] {
  max-width: 950px
}

.tw-max-w-\[256px\] {
  max-width: 256px
}

.tw-max-w-\[50\%\] {
  max-width: 50%
}

.tw-max-w-\[244px\] {
  max-width: 244px
}

.tw-max-w-\[626px\] {
  max-width: 626px
}

.tw-max-w-\[810px\] {
  max-width: 810px
}

.tw-max-w-\[88px\] {
  max-width: 88px
}

.tw-max-w-\[205px\] {
  max-width: 205px
}

.tw-max-w-\[145px\] {
  max-width: 145px
}

.tw-max-w-sm {
  max-width: 24rem
}

.tw-max-w-\[80px\] {
  max-width: 80px
}

.tw-max-w-\[140px\] {
  max-width: 140px
}

.tw-flex-1 {
  flex: 1 1 0%
}

.tw-flex-none {
  flex: none
}

.tw-flex-\[9\] {
  flex: 9
}

.\!tw-flex-none {
  flex: none !important
}

.tw-flex-0-0-auto {
  flex: 0 0 auto
}

.tw-flex-initial {
  flex: 0 1 auto
}

.tw-flex-1-0-0 {
  flex: 1 0 0
}

.tw-flex-shrink-0 {
  flex-shrink: 0
}

.tw-flex-shrink {
  flex-shrink: 1
}

.tw-shrink-0 {
  flex-shrink: 0
}

.tw-shrink {
  flex-shrink: 1
}

.tw-flex-grow-\[2\] {
  flex-grow: 2
}

.tw-flex-grow,
.tw-flex-grow-\[1\] {
  flex-grow: 1
}

.\!tw-flex-grow-0 {
  flex-grow: 0 !important
}

.tw-flex-grow-0 {
  flex-grow: 0
}

.tw-grow {
  flex-grow: 1
}

.tw-grow-0 {
  flex-grow: 0
}

.tw-basis-auto {
  flex-basis: auto
}

.tw-basis-full {
  flex-basis: 100%
}

.tw-basis-1\/4 {
  flex-basis: 25%
}

.tw-basis-1\/3 {
  flex-basis: 33.333333%
}

.tw-basis-1\/2 {
  flex-basis: 50%
}

.tw-origin-center {
  transform-origin: center
}

.tw-origin-top {
  transform-origin: top
}

.-tw-translate-y-1\/2 {
  --tw-translate-y: -50%
}

.-tw-translate-y-1\/2,
.tw-translate-x-1\/2 {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.tw-translate-x-1\/2 {
  --tw-translate-x: 50%
}

.tw-translate-y-1\/2 {
  --tw-translate-y: 50%
}

.-tw-translate-x-1\/2,
.tw-translate-y-1\/2 {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-tw-translate-x-1\/2 {
  --tw-translate-x: -50%
}

.tw-translate-x-nm {
  --tw-translate-x: 12px
}

.-tw-translate-x-nm,
.tw-translate-x-nm {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-tw-translate-x-nm {
  --tw-translate-x: -12px
}

.tw-translate-x-\[-90\%\] {
  --tw-translate-x: -90%
}

.tw-translate-x-\[90\%\],
.tw-translate-x-\[-90\%\] {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.tw-translate-x-\[90\%\] {
  --tw-translate-x: 90%
}

.tw-translate-x-0 {
  --tw-translate-x: 0px
}

.tw-translate-x-0,
.tw-translate-y-\[calc\(-100\%-10px\)\] {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.tw-translate-y-\[calc\(-100\%-10px\)\] {
  --tw-translate-y: calc(-100% - 10px)
}

.tw-translate-x-negative-200 {
  --tw-translate-x: -200%
}

.tw-translate-x-negative-200,
.tw-translate-y-full {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.tw-translate-y-full {
  --tw-translate-y: 100%
}

.tw-translate-x-\[-50\%\] {
  --tw-translate-x: -50%
}

.tw-translate-x-\[-50\%\],
.tw-translate-y-\[-50\%\] {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.tw-translate-y-\[-50\%\] {
  --tw-translate-y: -50%
}

.tw--translate-x-1\/2 {
  --tw-translate-x: -50%
}

.tw--translate-x-1\/2,
.tw--translate-y-1\/2 {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.tw--translate-y-1\/2 {
  --tw-translate-y: -50%
}

.tw-translate-y-\[7px\] {
  --tw-translate-y: 7px
}

.tw-translate-y-0,
.tw-translate-y-\[7px\] {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.tw-translate-y-0 {
  --tw-translate-y: 0px
}

.tw-translate-y-\[-100\%\] {
  --tw-translate-y: -100%
}

.tw-translate-y-\[-100\%\],
.tw-translate-y-\[-600\%\] {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.tw-translate-y-\[-600\%\] {
  --tw-translate-y: -600%
}

.-tw-translate-y-full {
  --tw-translate-y: -100%
}

.-tw-translate-y-full,
.tw-rotate-180 {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.tw-rotate-180 {
  --tw-rotate: 180deg
}

.-tw-skew-y-6 {
  --tw-skew-y: -6deg
}

.-tw-skew-y-6,
.tw-scale-\[1\.4\] {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.tw-scale-\[1\.4\] {
  --tw-scale-x: 1.4;
  --tw-scale-y: 1.4
}

.tw-scale-110 {
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1
}

.tw-scale-110,
.tw-scale-x-\[-1\] {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.tw-scale-x-\[-1\] {
  --tw-scale-x: -1
}

.tw-scale-y-\[0\.8\] {
  --tw-scale-y: 0.8
}

.tw-scale-y-\[0\.8\],
.tw-transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.\!tw-transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

@keyframes tw-pulse {
  50% {
    opacity: .5
  }
}

.tw-animate-pulse {
  animation: tw-pulse 2s cubic-bezier(.4, 0, .6, 1) infinite
}

.tw-animate-textAnimationOnGoal {
  animation: textAnimationOnGoal 1s ease-out
}

@keyframes tw-fadeOut {
  0% {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

.tw-animate-fadeOut {
  animation: tw-fadeOut .5s ease-in 3s both
}

@keyframes tw-fadeInUp {
  0% {
    opacity: 0;
    transform: translate3d(0, 100%, 0)
  }

  to {
    opacity: 1;
    transform: translateZ(0)
  }
}

.tw-animate-fadeInUp {
  animation: tw-fadeInUp .3s
}

.tw-animate-ripple {
  animation: tw-ripple 2s ease-out infinite
}

@keyframes tw-slideGuestViewHeaderDown {
  0% {
    margin-top: -54px
  }

  to {
    margin-top: 0
  }
}

.tw-animate-slideGuestViewHeaderDown {
  animation: tw-slideGuestViewHeaderDown .3s ease-out 1.6s forwards
}

@keyframes tw-slideGuestViewContainerDown {
  0% {
    padding-top: 66px
  }

  to {
    padding-top: 120px
  }
}

.tw-animate-slideGuestViewContainerDown {
  animation: tw-slideGuestViewContainerDown .3s ease-out 1.6s forwards
}

@keyframes tw-slideGuestViewDown {
  0% {
    transform: translateY(-100%)
  }

  to {
    transform: translateY(0)
  }
}

.tw-animate-slideGuestViewDown {
  animation: tw-slideGuestViewDown .3s ease-out 1.6s forwards
}

@keyframes tw-highlightsPulse {
  0% {
    box-shadow: 0 0 0 0 hsla(0, 0%, 100%, .32)
  }

  to {
    box-shadow: 0 0 0 12px transparent
  }
}

.tw-animate-highlightsPulse {
  animation: tw-highlightsPulse 1.2s infinite
}

@keyframes tw-rotateLeftAndRight {
  0% {
    rotate: -15deg
  }

  50% {
    rotate: 15deg
  }

  to {
    rotate: -15deg
  }
}

.tw-animate-rotateLeftAndRight {
  animation: tw-rotateLeftAndRight 1s ease-in-out infinite
}

.tw-cursor-pointer {
  cursor: pointer
}

.tw-cursor-default {
  cursor: default
}

.tw-cursor-auto {
  cursor: auto
}

.tw-cursor-not-allowed {
  cursor: not-allowed
}

.tw-cursor-grabbing {
  cursor: grabbing
}

.tw-cursor-sw-resize {
  cursor: sw-resize
}

.\!tw-cursor-default {
  cursor: default !important
}

.tw-select-none {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.tw-list-decimal {
  list-style-type: decimal
}

.tw-list-disc {
  list-style-type: disc
}

.tw-appearance-none {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

.tw-grid-flow-row {
  grid-auto-flow: row
}

.tw-grid-cols-\[repeat\(auto-fit\,_minmax\(100\%\,_max-content\)\)\] {
  grid-template-columns: repeat(auto-fit, minmax(100%, max-content))
}

.tw-grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr))
}

.tw-grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr))
}

.tw-grid-cols-\[repeat\(auto-fit\,33\%\)\] {
  grid-template-columns: repeat(auto-fit, 33%)
}

.tw-grid-cols-\[46px_auto\] {
  grid-template-columns: 46px auto
}

.tw-flex-row {
  flex-direction: row
}

.\!tw-flex-row {
  flex-direction: row !important
}

.tw-flex-row-reverse {
  flex-direction: row-reverse
}

.tw-flex-col {
  flex-direction: column
}

.tw-flex-col-reverse {
  flex-direction: column-reverse
}

.tw-flex-wrap {
  flex-wrap: wrap
}

.\!tw-flex-nowrap {
  flex-wrap: nowrap !important
}

.tw-flex-nowrap {
  flex-wrap: nowrap
}

.tw-place-content-around {
  place-content: space-around
}

.tw-place-items-center {
  place-items: center
}

.tw-content-center {
  align-content: center
}

.tw-items-start {
  align-items: flex-start
}

.tw-items-end {
  align-items: flex-end
}

.tw-items-center {
  align-items: center
}

.tw-items-baseline {
  align-items: baseline
}

.tw-items-stretch {
  align-items: stretch
}

.tw-justify-start {
  justify-content: flex-start
}

.tw-justify-end {
  justify-content: flex-end
}

.tw-justify-center {
  justify-content: center
}

.tw-justify-between {
  justify-content: space-between
}

.tw-justify-around {
  justify-content: space-around
}

.tw-justify-evenly {
  justify-content: space-evenly
}

.tw-justify-items-start {
  justify-items: start
}

.tw-justify-items-center {
  justify-items: center
}

.tw-gap-nm {
  gap: 12px
}

.tw-gap-s {
  gap: 4px
}

.tw-gap-nn {
  gap: 6px
}

.tw-gap-n {
  gap: 8px
}

.tw-gap-xs {
  gap: 2px
}

.tw-gap-m {
  gap: 16px
}

.tw-gap-\[6px\] {
  gap: 6px
}

.tw-gap-\[20px\] {
  gap: 20px
}

.tw-gap-px {
  gap: 1px
}

.tw-gap-\[12px\] {
  gap: 12px
}

.tw-gap-l {
  gap: 24px
}

.tw-gap-xl {
  gap: 32px
}

.tw-gap-\[7px\] {
  gap: 7px
}

.tw-gap-\[30px\] {
  gap: 30px
}

.tw-gap-\[64px\] {
  gap: 64px
}

.tw-gap-ns {
  gap: 10px
}

.tw-gap-y-m {
  row-gap: 16px
}

.tw-gap-x-n {
  -moz-column-gap: 8px;
  column-gap: 8px
}

.tw-gap-y-n {
  row-gap: 8px
}

.tw-gap-y-xs {
  row-gap: 2px
}

.tw-gap-x-s {
  -moz-column-gap: 4px;
  column-gap: 4px
}

.tw-gap-x-\[17px\] {
  -moz-column-gap: 17px;
  column-gap: 17px
}

.tw-space-x-n>:not([hidden])~:not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(8px*var(--tw-space-x-reverse));
  margin-left: calc(8px*(1 - var(--tw-space-x-reverse)))
}

.tw-self-start {
  align-self: flex-start
}

.tw-self-end {
  align-self: flex-end
}

.tw-self-center {
  align-self: center
}

.tw-self-stretch {
  align-self: stretch
}

.tw-self-baseline {
  align-self: baseline
}

.tw-justify-self-center {
  justify-self: center
}

.tw-overflow-auto {
  overflow: auto
}

.tw-overflow-hidden {
  overflow: hidden
}

.tw-overflow-visible {
  overflow: visible
}

.tw-overflow-x-auto {
  overflow-x: auto
}

.tw-overflow-y-auto {
  overflow-y: auto
}

.tw-overflow-x-hidden {
  overflow-x: hidden
}

.tw-overflow-y-hidden {
  overflow-y: hidden
}

.tw-overflow-y-scroll {
  overflow-y: scroll
}

.tw-overscroll-y-none {
  overscroll-behavior-y: none
}

.tw-overscroll-x-none {
  overscroll-behavior-x: none
}

.tw-scroll-smooth {
  scroll-behavior: smooth
}

.tw-truncate {
  overflow: hidden;
  white-space: nowrap
}

.tw-overflow-ellipsis,
.tw-text-ellipsis,
.tw-truncate {
  text-overflow: ellipsis
}

.tw-whitespace-normal {
  white-space: normal
}

.tw-whitespace-nowrap {
  white-space: nowrap
}

.tw-break-words {
  overflow-wrap: break-word
}

.tw-break-all {
  word-break: break-all
}

.tw-rounded-m {
  border-radius: 16px
}

.tw-rounded-s {
  border-radius: 8px
}

.tw-rounded-n {
  border-radius: 12px
}

.tw-rounded-pill {
  border-radius: 64px
}

.tw-rounded-bubble {
  border-radius: 50%
}

.tw-rounded-xs {
  border-radius: 4px
}

.tw-rounded-xxs {
  border-radius: 2px
}

.\!tw-rounded-0 {
  border-radius: 0 !important
}

.tw-rounded-l {
  border-radius: 24px
}

.tw-rounded-\[12px\] {
  border-radius: 12px
}

.tw-rounded-\[3px\] {
  border-radius: 3px
}

.tw-rounded-xl {
  border-radius: 32px
}

.tw-rounded-nn {
  border-radius: 10px
}

.tw-rounded-\[1px\] {
  border-radius: 1px
}

.tw-rounded-ml {
  border-radius: 20px
}

.tw-rounded-mm {
  border-radius: 18px
}

.tw-rounded-\[48px\] {
  border-radius: 48px
}

.tw-rounded-b-m {
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px
}

.tw-rounded-b-s {
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px
}

.tw-rounded-t-m {
  border-top-left-radius: 16px;
  border-top-right-radius: 16px
}

.tw-rounded-t-0 {
  border-top-left-radius: 0;
  border-top-right-radius: 0
}

.tw-rounded-b-0 {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0
}

.tw-rounded-t-xl {
  border-top-left-radius: 32px;
  border-top-right-radius: 32px
}

.tw-rounded-l-xs {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px
}

.tw-rounded-l-s {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px
}

.tw-rounded-r-\[3px\] {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px
}

.tw-rounded-t-n {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px
}

.tw-rounded-r-n {
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px
}

.tw-rounded-b-n {
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px
}

.tw-rounded-t-s {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px
}

.tw-rounded-b-xs {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px
}

.tw-rounded-tl-s {
  border-top-left-radius: 8px
}

.tw-rounded-br-s {
  border-bottom-right-radius: 8px
}

.tw-rounded-tr-xxs {
  border-top-right-radius: 2px
}

.tw-rounded-bl-xxs {
  border-bottom-left-radius: 2px
}

.tw-rounded-tr-s {
  border-top-right-radius: 8px
}

.tw-rounded-tl-m {
  border-top-left-radius: 16px
}

.tw-rounded-br-m {
  border-bottom-right-radius: 16px
}

.tw-rounded-bl-s {
  border-bottom-left-radius: 8px
}

.tw-rounded-bl-xs {
  border-bottom-left-radius: 4px
}

.tw-rounded-tr-xs {
  border-top-right-radius: 4px
}

.tw-rounded-tr-m {
  border-top-right-radius: 16px
}

.\!tw-rounded-tl-s {
  border-top-left-radius: 8px !important
}

.\!tw-rounded-br-s {
  border-bottom-right-radius: 8px !important
}

.tw-rounded-bl-m {
  border-bottom-left-radius: 16px
}

.tw-rounded-tl-0 {
  border-top-left-radius: 0
}

.tw-rounded-tr-0 {
  border-top-right-radius: 0
}

.tw-rounded-bl-\[12px\] {
  border-bottom-left-radius: 12px
}

.tw-rounded-tl-\[12px\] {
  border-top-left-radius: 12px
}

.tw-rounded-tl-xl {
  border-top-left-radius: 32px
}

.tw-rounded-tl-xs {
  border-top-left-radius: 4px
}

.tw-rounded-br-xs {
  border-bottom-right-radius: 4px
}

.tw-border,
.tw-border-n {
  border-width: 1px
}

.tw-border-m {
  border-width: 2px
}

.tw-border-\[4px\] {
  border-width: 4px
}

.tw-border-s {
  border-width: .5px
}

.tw-border-\[3px\] {
  border-width: 3px
}

.tw-border-x,
.tw-border-x-n {
  border-left-width: 1px;
  border-right-width: 1px
}

.tw-border-b-n {
  border-bottom-width: 1px
}

.tw-border-t {
  border-top-width: 1px
}

.tw-border-b-m {
  border-bottom-width: 2px
}

.tw-border-b {
  border-bottom-width: 1px
}

.tw-border-r,
.tw-border-r-n {
  border-right-width: 1px
}

.tw-border-t-0 {
  border-top-width: 0
}

.tw-border-l-n {
  border-left-width: 1px
}

.tw-border-b-0 {
  border-bottom-width: 0
}

.tw-border-b-s {
  border-bottom-width: .5px
}

.tw-border-b-2 {
  border-bottom-width: 2px
}

.tw-border-l-4 {
  border-left-width: 4px
}

.tw-border-t-n {
  border-top-width: 1px
}

.tw-border-l-2 {
  border-left-width: 2px
}

.tw-border-solid {
  border-style: solid
}

.tw-border-dashed {
  border-style: dashed
}

.tw-border-none {
  border-style: none
}

.tw-border-n-90-dark-snow {
  --tw-border-opacity: 1;
  border-color: rgb(224 228 234/var(--tw-border-opacity))
}

.tw-border-n-silver-mist {
  --tw-border-opacity: 1;
  border-color: rgb(209 215 224/var(--tw-border-opacity))
}

.tw-border-n-13-steel\/\[\.12\] {
  border-color: rgba(28, 32, 38, .12)
}

.tw-border-dark-linen {
  --tw-border-opacity: 1;
  border-color: rgb(232 230 216/var(--tw-border-opacity))
}

.tw-border-n-94-dirty-snow {
  --tw-border-opacity: 1;
  border-color: rgb(236 239 241/var(--tw-border-opacity))
}

.tw-border-n-17-black-pearl {
  --tw-border-opacity: 1;
  border-color: rgb(35 43 54/var(--tw-border-opacity))
}

.tw-border-n-97-porcelain {
  --tw-border-opacity: 1;
  border-color: rgb(246 248 249/var(--tw-border-opacity))
}

.tw-border-n-22-licorice {
  --tw-border-opacity: 1;
  border-color: rgb(45 55 69/var(--tw-border-opacity))
}

.tw-border-white {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255/var(--tw-border-opacity))
}

.tw-border-primary-hover {
  border-color: var(--theme-brand-color-primary-hover)
}

.tw-border-n-13-steel {
  --tw-border-opacity: 1;
  border-color: rgb(28 32 38/var(--tw-border-opacity))
}

.tw-border-transparent {
  border-color: transparent
}

.tw-border-white-snow {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255/var(--tw-border-opacity))
}

.tw-border-n-48-slate {
  --tw-border-opacity: 1;
  border-color: rgb(105 119 139/var(--tw-border-opacity))
}

.tw-border-n-75-smokey {
  --tw-border-opacity: 1;
  border-color: rgb(182 188 198/var(--tw-border-opacity))
}

.tw-border-moon-dark {
  --tw-border-opacity: 1;
  border-color: rgb(32 77 124/var(--tw-border-opacity))
}

.tw-border-leather {
  --tw-border-opacity: 1;
  border-color: rgb(159 118 87/var(--tw-border-opacity))
}

.tw-border-n-28-cloud-burst {
  --tw-border-opacity: 1;
  border-color: rgb(55 68 86/var(--tw-border-opacity))
}

.tw-border-mars-base {
  --tw-border-opacity: 1;
  border-color: rgb(240 80 110/var(--tw-border-opacity))
}

.\!tw-border-n-90-dark-snow {
  --tw-border-opacity: 1 !important;
  border-color: rgb(224 228 234/var(--tw-border-opacity)) !important
}

.tw-border-moon-base {
  --tw-border-opacity: 1;
  border-color: rgb(27 103 218/var(--tw-border-opacity))
}

.tw-border-black {
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0/var(--tw-border-opacity))
}

.tw-border-primary {
  border-color: var(--theme-brand-color-primary)
}

.tw-border-\[color\:var\(--bet-activity-card-header-divider-color\)\] {
  border-color: var(--bet-activity-card-header-divider-color)
}

.\!tw-border-\[color\:var\(--toggle-button-divider-color-large\)\] {
  border-color: var(--toggle-button-divider-color-large) !important
}

.tw-border-catskill-white {
  --tw-border-opacity: 1;
  border-color: rgb(238 244 247/var(--tw-border-opacity))
}

.tw-border-n-36-east-bay {
  --tw-border-opacity: 1;
  border-color: rgb(72 87 111/var(--tw-border-opacity))
}

.tw-border-silver-mist {
  --tw-border-opacity: 1;
  border-color: rgb(209 215 224/var(--tw-border-opacity))
}

.tw-border-n-8-dark-steel {
  --tw-border-opacity: 1;
  border-color: rgb(16 20 25/var(--tw-border-opacity))
}

.tw-border-afrodite {
  --tw-border-opacity: 1;
  border-color: rgb(243 209 19/var(--tw-border-opacity))
}

.tw-border-b-n-90-dark-snow {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(224 228 234/var(--tw-border-opacity))
}

.tw-border-b-n-28-cloud-burst {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(55 68 86/var(--tw-border-opacity))
}

.tw-border-l-afrodite {
  --tw-border-opacity: 1;
  border-left-color: rgb(243 209 19/var(--tw-border-opacity))
}

.tw-border-t-n-94-dirty-snow {
  --tw-border-opacity: 1;
  border-top-color: rgb(236 239 241/var(--tw-border-opacity))
}

.tw-border-b-gray-100 {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(243 244 246/var(--tw-border-opacity))
}

.tw-border-b-n-94-dirty-snow {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(236 239 241/var(--tw-border-opacity))
}

.tw-border-t-white {
  --tw-border-opacity: 1;
  border-top-color: rgb(255 255 255/var(--tw-border-opacity))
}

.tw-border-b-n-22-licorice {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(45 55 69/var(--tw-border-opacity))
}

.tw-border-opacity-m {
  --tw-border-opacity: 0.38
}

.tw-border-opacity-s {
  --tw-border-opacity: 0.17
}

.tw-bg-n-17-black-pearl {
  --tw-bg-opacity: 1;
  background-color: rgb(35 43 54/var(--tw-bg-opacity))
}

.tw-bg-n-94-dirty-snow {
  --tw-bg-opacity: 1;
  background-color: rgb(236 239 241/var(--tw-bg-opacity))
}

.tw-bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity))
}

.tw-bg-n-90-dark-snow {
  --tw-bg-opacity: 1;
  background-color: rgb(224 228 234/var(--tw-bg-opacity))
}

.tw-bg-n-13-steel {
  --tw-bg-opacity: 1;
  background-color: rgb(28 32 38/var(--tw-bg-opacity))
}

.tw-bg-secondary {
  background-color: var(--theme-brand-color-secondary)
}

.tw-bg-white-snow {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity))
}

.tw-bg-n-97-porcelain {
  --tw-bg-opacity: 1;
  background-color: rgb(246 248 249/var(--tw-bg-opacity))
}

.tw-bg-moon-base {
  --tw-bg-opacity: 1;
  background-color: rgb(27 103 218/var(--tw-bg-opacity))
}

.tw-bg-raspberry {
  --tw-bg-opacity: 1;
  background-color: rgb(231 1 97/var(--tw-bg-opacity))
}

.tw-bg-n-8-dark-steel {
  --tw-bg-opacity: 1;
  background-color: rgb(16 20 25/var(--tw-bg-opacity))
}

.tw-bg-primary-hover {
  background-color: var(--theme-brand-color-primary-hover)
}

.tw-bg-transparent {
  background-color: transparent
}

.tw-bg-primary {
  background-color: var(--theme-brand-color-primary)
}

.tw-bg-mars-base {
  --tw-bg-opacity: 1;
  background-color: rgb(240 80 110/var(--tw-bg-opacity))
}

.tw-bg-gray-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(75 85 99/var(--tw-bg-opacity))
}

.tw-bg-n-22-licorice {
  --tw-bg-opacity: 1;
  background-color: rgb(45 55 69/var(--tw-bg-opacity))
}

.tw-bg-afrodite {
  --tw-bg-opacity: 1;
  background-color: rgb(243 209 19/var(--tw-bg-opacity))
}

.tw-bg-quartary {
  background-color: var(--theme-brand-color-quartary)
}

.tw-bg-n-28-cloud-burst {
  --tw-bg-opacity: 1;
  background-color: rgb(55 68 86/var(--tw-bg-opacity))
}

.tw-bg-white-snow\/xls {
  background-color: hsla(0, 0%, 100%, .9)
}

.tw-bg-zeus-light {
  --tw-bg-opacity: 1;
  background-color: rgb(237 251 243/var(--tw-bg-opacity))
}

.tw-bg-mars-light {
  --tw-bg-opacity: 1;
  background-color: rgb(254 241 244/var(--tw-bg-opacity))
}

.tw-bg-betano-primary-hover {
  --tw-bg-opacity: 1;
  background-color: rgb(204 48 0/var(--tw-bg-opacity))
}

.tw-bg-stoiximan-primary-hover {
  --tw-bg-opacity: 1;
  background-color: rgb(0 82 165/var(--tw-bg-opacity))
}

.tw-bg-stoiximan-secondary {
  --tw-bg-opacity: 1;
  background-color: rgb(231 1 97/var(--tw-bg-opacity))
}

.tw-bg-jupiter {
  --tw-bg-opacity: 1;
  background-color: rgb(9 150 160/var(--tw-bg-opacity))
}

.tw-bg-hermes {
  --tw-bg-opacity: 1;
  background-color: rgb(91 46 255/var(--tw-bg-opacity))
}

.tw-bg-neptune {
  --tw-bg-opacity: 1;
  background-color: rgb(165 25 193/var(--tw-bg-opacity))
}

.tw-bg-uranus {
  --tw-bg-opacity: 1;
  background-color: rgb(144 184 71/var(--tw-bg-opacity))
}

.tw-bg-cafe-royale {
  --tw-bg-opacity: 1;
  background-color: rgb(123 56 12/var(--tw-bg-opacity))
}

.tw-bg-big-stone {
  --tw-bg-opacity: 1;
  background-color: rgb(28 48 68/var(--tw-bg-opacity))
}

.tw-bg-football-lineups-green {
  --tw-bg-opacity: 1;
  background-color: rgb(21 105 48/var(--tw-bg-opacity))
}

.tw-bg-n-8-dark-steel\/nm {
  background-color: rgba(16, 20, 25, .32)
}

.tw-bg-dark\/n {
  background-color: rgba(0, 0, 0, .1)
}

.tw-bg-n-90-dark-snow\/n {
  background-color: rgba(224, 228, 234, .1)
}

.tw-bg-n-94-dirty-snow\/nm {
  background-color: rgba(236, 239, 241, .32)
}

.tw-bg-n-36-east-bay {
  --tw-bg-opacity: 1;
  background-color: rgb(72 87 111/var(--tw-bg-opacity))
}

.tw-bg-moon-light {
  --tw-bg-opacity: 1;
  background-color: rgb(237 246 254/var(--tw-bg-opacity))
}

.tw-bg-\[\#E70161\] {
  --tw-bg-opacity: 1;
  background-color: rgb(231 1 97/var(--tw-bg-opacity))
}

.tw-bg-pluto-light {
  --tw-bg-opacity: 1;
  background-color: rgb(255 239 227/var(--tw-bg-opacity))
}

.tw-bg-button-bg-disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(225 227 232/var(--tw-bg-opacity))
}

.tw-bg-stoiximan-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(0 102 204/var(--tw-bg-opacity))
}

.tw-bg-navy {
  --tw-bg-opacity: 1;
  background-color: rgb(15 15 35/var(--tw-bg-opacity))
}

.tw-bg-current {
  background-color: currentColor
}

.\!tw-bg-n-90-dark-snow {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(224 228 234/var(--tw-bg-opacity)) !important
}

.\!tw-bg-moon-base {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(27 103 218/var(--tw-bg-opacity)) !important
}

.\!tw-bg-n-75-smokey {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(182 188 198/var(--tw-bg-opacity)) !important
}

.tw-bg-betano-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(255 60 0/var(--tw-bg-opacity))
}

.tw-bg-\[\#faf4ee\] {
  --tw-bg-opacity: 1;
  background-color: rgb(250 244 238/var(--tw-bg-opacity))
}

.tw-bg-\[\#0f0f24\] {
  --tw-bg-opacity: 1;
  background-color: rgb(15 15 36/var(--tw-bg-opacity))
}

.\!tw-bg-white-snow {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255/var(--tw-bg-opacity)) !important
}

.tw-bg-slate-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252/var(--tw-bg-opacity))
}

.tw-bg-zeus-dark {
  --tw-bg-opacity: 1;
  background-color: rgb(28 104 72/var(--tw-bg-opacity))
}

.tw-bg-mars-dark {
  --tw-bg-opacity: 1;
  background-color: rgb(186 16 48/var(--tw-bg-opacity))
}

.tw-bg-n-48-slate {
  --tw-bg-opacity: 1;
  background-color: rgb(105 119 139/var(--tw-bg-opacity))
}

.tw-bg-gray-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(156 163 175/var(--tw-bg-opacity))
}

.tw-bg-gray-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235/var(--tw-bg-opacity))
}

.tw-bg-\[\#ffffff1a\] {
  background-color: hsla(0, 0%, 100%, .10196078431372549)
}

.tw-bg-n-75-smokey {
  --tw-bg-opacity: 1;
  background-color: rgb(182 188 198/var(--tw-bg-opacity))
}

.tw-bg-betano-secondary {
  --tw-bg-opacity: 1;
  background-color: rgb(55 162 92/var(--tw-bg-opacity))
}

.tw-bg-gray-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55/var(--tw-bg-opacity))
}

.tw-bg-black {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0/var(--tw-bg-opacity))
}

.tw-bg-zeus-base {
  --tw-bg-opacity: 1;
  background-color: rgb(66 194 86/var(--tw-bg-opacity))
}

.tw-bg-\[\#CC3000\] {
  --tw-bg-opacity: 1;
  background-color: rgb(204 48 0/var(--tw-bg-opacity))
}

.tw-bg-indian-tan {
  --tw-bg-opacity: 1;
  background-color: rgb(77 31 0/var(--tw-bg-opacity))
}

.tw-bg-prussian-blue {
  --tw-bg-opacity: 1;
  background-color: rgb(0 36 72/var(--tw-bg-opacity))
}

.tw-bg-n-75-smokey\/nm {
  background-color: rgba(182, 188, 198, .32)
}

.tw-bg-n-22-licorice\/\[0\.8\] {
  background-color: rgba(45, 55, 69, .8)
}

.tw-bg-n-22-licorice\/\[0\.64\] {
  background-color: rgba(45, 55, 69, .64)
}

.tw-bg-blue-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(30 64 175/var(--tw-bg-opacity))
}

.tw-bg-red-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68/var(--tw-bg-opacity))
}

.tw-bg-opacity-xl {
  --tw-bg-opacity: 0.87
}

.tw-bg-opacity-m {
  --tw-bg-opacity: 0.38
}

.tw-bg-opacity-\[0\.8\] {
  --tw-bg-opacity: 0.8
}

.tw-bg-opacity-mlx {
  --tw-bg-opacity: 0.72
}

.tw-bg-gradient-to-br {
  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops))
}

.tw-bg-gradient-to-b {
  background-image: linear-gradient(180deg, var(--tw-gradient-stops))
}

.tw-bg-gradient-to-l {
  background-image: linear-gradient(270deg, var(--tw-gradient-stops))
}

.tw-bg-gradient-to-r {
  background-image: linear-gradient(90deg, var(--tw-gradient-stops))
}

.tw-bg-\[url\(\'assets\/static\/css-images\/lineups\/background\.svg\'\)\] {
  background-image: url(/assets/backgrounda1e49bd4c1cfea0aa65a9e0b6626fa14.svg)
}

.tw-bg-\[url\(\'assets\/static\/css-images\/live_events_empty\.png\'\)\] {
  background-image: url(/assets/live_events_emptye42623e9868dcc7e46bb8bd634011ebd.png)
}

.tw-bg-gradient-to-t {
  background-image: linear-gradient(0deg, var(--tw-gradient-stops))
}

.tw-bg-gradient-to-bl {
  background-image: linear-gradient(to bottom left, var(--tw-gradient-stops))
}

.tw-from-white {
  --tw-gradient-from: #fff;
  --tw-gradient-to: hsla(0, 0%, 100%, 0)
}

.tw-from-\[\#0000007a\],
.tw-from-white {
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.tw-from-\[\#0000007a\] {
  --tw-gradient-from: rgba(0, 0, 0, 0.47843137254901963);
  --tw-gradient-to: transparent
}

.tw-from-n-13-steel\/zero {
  --tw-gradient-from: rgba(28, 32, 38, 0);
  --tw-gradient-to: rgba(28, 32, 38, 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.tw-from-transparent {
  --tw-gradient-from: transparent
}

.tw-from-black\/\[\.7\],
.tw-from-transparent {
  --tw-gradient-to: transparent;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.tw-from-black\/\[\.7\] {
  --tw-gradient-from: rgba(0, 0, 0, 0.7)
}

.tw-from-\[\#FF0078\] {
  --tw-gradient-from: #ff0078;
  --tw-gradient-to: rgba(255, 0, 120, 0)
}

.tw-from-\[\#FF0078\],
.tw-from-primary {
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.tw-from-primary {
  --tw-gradient-from: var(--theme-brand-color-primary);
  --tw-gradient-to: hsla(0, 0%, 100%, 0)
}

.tw-from-black\/\[\.84\] {
  --tw-gradient-from: rgba(0, 0, 0, 0.84);
  --tw-gradient-to: transparent;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.tw-to-\[\#0000007a\] {
  --tw-gradient-to: rgba(0, 0, 0, 0.47843137254901963)
}

.tw-to-white {
  --tw-gradient-to: #fff
}

.tw-to-n-13-steel\/ml {
  --tw-gradient-to: rgba(28, 32, 38, 0.5)
}

.tw-to-football-lineups-green {
  --tw-gradient-to: #156930
}

.tw-to-n-13-steel {
  --tw-gradient-to: #1c2026
}

.tw-to-transparent {
  --tw-gradient-to: transparent
}

.tw-to-\[\#FE3C00\] {
  --tw-gradient-to: #fe3c00
}

.tw-to-n-8-dark-steel {
  --tw-gradient-to: #101419
}

.tw-bg-cover {
  background-size: cover
}

.tw-bg-contain {
  background-size: contain
}

.tw-bg-fixed {
  background-attachment: fixed
}

.tw-bg-center {
  background-position: 50%
}

.tw-bg-right-top {
  background-position: 100% 0
}

.tw-bg-bottom {
  background-position: bottom
}

.tw-bg-repeat {
  background-repeat: repeat
}

.tw-bg-no-repeat {
  background-repeat: no-repeat
}

.tw-fill-current {
  fill: currentColor
}

.tw-fill-n-28-cloud-burst {
  fill: #374456
}

.tw-fill-white,
.tw-fill-white-snow {
  fill: #fff
}

.tw-fill-n-48-slate {
  fill: #69778b
}

.tw-fill-n-13-steel {
  fill: #1c2026
}

.tw-fill-n-75-smokey {
  fill: #b6bcc6
}

.tw-fill-n-8-dark-steel {
  fill: #101419
}

.tw-fill-mars-base {
  fill: #f0506e
}

.tw-fill-afrodite {
  fill: #f3d113
}

.tw-fill-zeus-base {
  fill: #42c256
}

.tw-fill-n-17-black-pearl {
  fill: #232b36
}

.tw-fill-moon-dark {
  fill: #204d7c
}

.tw-fill-moon-base {
  fill: #1b67da
}

.tw-fill-n-22-licorice {
  fill: #2d3745
}

.tw-fill-n-midnight-haze {
  fill: #7a899e
}

.tw-fill-n-94-dirty-snow {
  fill: #eceff1
}

.tw-fill-n-36-east-bay {
  fill: #48576f
}

.tw-fill-\[none\] {
  fill: none
}

.tw-fill-n-90-dark-snow {
  fill: #e0e4ea
}

.tw-fill-n-97-porcelain {
  fill: #f6f8f9
}

.tw-stroke-n-28-cloud-burst {
  stroke: #374456
}

.tw-stroke-n-17-black-pearl {
  stroke: #232b36
}

.tw-stroke-n-8-dark-steel {
  stroke: #101419
}

.tw-stroke-n-97-porcelain {
  stroke: #f6f8f9
}

.tw-stroke-secondary {
  stroke: var(--theme-brand-color-secondary)
}

.tw-stroke-1 {
  stroke-width: 1
}

.tw-object-contain {
  -o-object-fit: contain;
  object-fit: contain
}

.tw-object-cover {
  -o-object-fit: cover;
  object-fit: cover
}

.tw-object-right {
  -o-object-position: right;
  object-position: right
}

.tw-p-m {
  padding: 16px
}

.tw-p-n {
  padding: 8px
}

.tw-p-px {
  padding: 1px
}

.tw-p-xs {
  padding: 2px
}

.tw-p-0 {
  padding: 0
}

.tw-p-nm {
  padding: 12px
}

.tw-p-s {
  padding: 4px
}

.tw-p-l {
  padding: 24px
}

.tw-p-xxl {
  padding: 40px
}

.\!tw-p-0 {
  padding: 0 !important
}

.\!tw-p-nn {
  padding: 6px !important
}

.tw-p-ml {
  padding: 20px
}

.tw-p-\[0\] {
  padding: 0
}

.tw-p-\[7px\] {
  padding: 7px
}

.tw-p-\[8px\] {
  padding: 8px
}

.tw-p-nn {
  padding: 6px
}

.tw-p-\[12px\] {
  padding: 12px
}

.tw-py-n {
  padding-top: 8px;
  padding-bottom: 8px
}

.tw-px-nm {
  padding-left: 12px;
  padding-right: 12px
}

.tw-py-s {
  padding-top: 4px;
  padding-bottom: 4px
}

.tw-px-n {
  padding-left: 8px;
  padding-right: 8px
}

.tw-py-ns {
  padding-top: 10px;
  padding-bottom: 10px
}

.tw-py-m {
  padding-top: 16px;
  padding-bottom: 16px
}

.tw-px-0 {
  padding-left: 0;
  padding-right: 0
}

.tw-px-l {
  padding-left: 24px;
  padding-right: 24px
}

.tw-px-s {
  padding-left: 4px;
  padding-right: 4px
}

.tw-py-nn {
  padding-top: 6px;
  padding-bottom: 6px
}

.tw-py-xs {
  padding-top: 2px;
  padding-bottom: 2px
}

.tw-px-ns {
  padding-left: 10px;
  padding-right: 10px
}

.tw-px-m {
  padding-left: 16px;
  padding-right: 16px
}

.\!tw-py-m {
  padding-top: 16px !important;
  padding-bottom: 16px !important
}

.tw-py-0 {
  padding-top: 0;
  padding-bottom: 0
}

.tw-py-\[10px\] {
  padding-top: 10px;
  padding-bottom: 10px
}

.tw-px-xs {
  padding-left: 2px;
  padding-right: 2px
}

.tw-px-\[30px\] {
  padding-left: 30px;
  padding-right: 30px
}

.tw-py-xl {
  padding-top: 32px;
  padding-bottom: 32px
}

.tw-py-nm {
  padding-top: 12px;
  padding-bottom: 12px
}

.tw-py-px {
  padding-top: 1px;
  padding-bottom: 1px
}

.tw-px-nn {
  padding-left: 6px;
  padding-right: 6px
}

.\!tw-py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important
}

.tw-py-\[14px\] {
  padding-top: 14px;
  padding-bottom: 14px
}

.tw-py-\[12px\] {
  padding-top: 12px;
  padding-bottom: 12px
}

.tw-px-\[16px\] {
  padding-left: 16px;
  padding-right: 16px
}

.tw-px-\[40px\],
.tw-px-xxl {
  padding-left: 40px;
  padding-right: 40px
}

.tw-px-\[12px\] {
  padding-left: 12px;
  padding-right: 12px
}

.tw-py-ml {
  padding-top: 20px;
  padding-bottom: 20px
}

.tw-px-xl {
  padding-left: 32px;
  padding-right: 32px
}

.tw-py-xxxl {
  padding-top: 56px;
  padding-bottom: 56px
}

.tw-py-\[15px\] {
  padding-top: 15px;
  padding-bottom: 15px
}

.tw-px-\[20px\] {
  padding-left: 20px;
  padding-right: 20px
}

.tw-px-px {
  padding-left: 1px;
  padding-right: 1px
}

.tw-py-l {
  padding-top: 24px;
  padding-bottom: 24px
}

.tw-pl-s {
  padding-left: 4px
}

.tw-pb-nm {
  padding-bottom: 12px
}

.tw-pt-n {
  padding-top: 8px
}

.tw-pt-s {
  padding-top: 4px
}

.tw-pb-n {
  padding-bottom: 8px
}

.tw-pb-nn {
  padding-bottom: 6px
}

.tw-pl-m {
  padding-left: 16px
}

.tw-pt-m {
  padding-top: 16px
}

.tw-pt-xs {
  padding-top: 2px
}

.tw-pt-l {
  padding-top: 24px
}

.tw-pb-ns {
  padding-bottom: 10px
}

.tw-pt-nm {
  padding-top: 12px
}

.tw-pl-n {
  padding-left: 8px
}

.tw-pl-xs {
  padding-left: 2px
}

.tw-pt-ns {
  padding-top: 10px
}

.tw-pb-\[29px\] {
  padding-bottom: 29px
}

.tw-pt-\[68px\] {
  padding-top: 68px
}

.tw-pr-xs {
  padding-right: 2px
}

.tw-pr-s {
  padding-right: 4px
}

.tw-pr-n {
  padding-right: 8px
}

.tw-pl-ns {
  padding-left: 10px
}

.tw-pr-nm {
  padding-right: 12px
}

.tw-pr-\[14px\] {
  padding-right: 14px
}

.tw-pb-s {
  padding-bottom: 4px
}

.\!tw-pb-nm {
  padding-bottom: 12px !important
}

.tw-pl-nm {
  padding-left: 12px
}

.tw-pb-l {
  padding-bottom: 24px
}

.\!tw-pt-0 {
  padding-top: 0 !important
}

.\!tw-pl-s {
  padding-left: 4px !important
}

.tw-pl-\[20px\] {
  padding-left: 20px
}

.tw-pr-\[8px\] {
  padding-right: 8px
}

.tw-pr-\[4px\] {
  padding-right: 4px
}

.tw-pb-0 {
  padding-bottom: 0
}

.tw-pb-\[6px\] {
  padding-bottom: 6px
}

.tw-pt-\[12px\] {
  padding-top: 12px
}

.tw-pr-\[12px\] {
  padding-right: 12px
}

.tw-pb-xs {
  padding-bottom: 2px
}

.tw-pt-\[30px\] {
  padding-top: 30px
}

.tw-pb-\[30px\] {
  padding-bottom: 30px
}

.tw-pr-\[20px\] {
  padding-right: 20px
}

.tw-pl-\[3px\] {
  padding-left: 3px
}

.tw-pr-0 {
  padding-right: 0
}

.tw-pl-\[40px\] {
  padding-left: 40px
}

.tw-pb-\[10px\] {
  padding-bottom: 10px
}

.tw-pl-\[0\.5px\] {
  padding-left: .5px
}

.tw-pr-px {
  padding-right: 1px
}

.tw-pl-0 {
  padding-left: 0
}

.tw-pb-m {
  padding-bottom: 16px
}

.tw-pl-\[24px\] {
  padding-left: 24px
}

.tw-pr-m {
  padding-right: 16px
}

.tw-pt-\[6px\] {
  padding-top: 6px
}

.tw-pt-\[120px\] {
  padding-top: 120px
}

.tw-pt-\[58px\] {
  padding-top: 58px
}

.tw-pt-\[66px\] {
  padding-top: 66px
}

.tw-pb-xl {
  padding-bottom: 32px
}

.tw-pb-icon-l {
  padding-bottom: 56px
}

.tw-pt-\[77px\] {
  padding-top: 77px
}

.tw-pb-\[1px\] {
  padding-bottom: 1px
}

.tw-pt-0 {
  padding-top: 0
}

.tw-pl-ml {
  padding-left: 20px
}

.tw-pt-ml {
  padding-top: 20px
}

.tw-pl-l {
  padding-left: 24px
}

.tw-pr-nn {
  padding-right: 6px
}

.tw-pr-\[36px\] {
  padding-right: 36px
}

.tw-pt-\[2\.5px\] {
  padding-top: 2.5px
}

.tw-pt-\[46px\] {
  padding-top: 46px
}

.tw-pb-\[200px\] {
  padding-bottom: 200px
}

.tw-pl-\[12px\] {
  padding-left: 12px
}

.tw-pt-\[10px\] {
  padding-top: 10px
}

.tw-pt-xl {
  padding-top: 32px
}

.tw-pb-\[80px\] {
  padding-bottom: 80px
}

.tw-text-left {
  text-align: left
}

.tw-text-center {
  text-align: center
}

.tw-text-right {
  text-align: right
}

.tw-text-end {
  text-align: end
}

.tw-align-top {
  vertical-align: top
}

.tw-align-middle {
  vertical-align: middle
}

.\!tw-align-middle {
  vertical-align: middle !important
}

.tw-align-bottom {
  vertical-align: bottom
}

.tw-align-text-bottom {
  vertical-align: text-bottom
}

.tw-font-stories {
  font-family: Ubuntu, sans-serif
}

.tw-font-\[Verdana\] {
  font-family: Verdana
}

.tw-font-default {
  font-family: Ubuntu, Arial, Helvetica, sans-serif
}

.tw-text-m {
  font-size: 1.1428571428571428rem
}

.tw-text-xs {
  font-size: .8571428571428571rem
}

.tw-text-s {
  font-size: 1rem
}

.tw-text-\[14px\] {
  font-size: 14px
}

.tw-text-\[12px\] {
  font-size: 12px
}

.tw-text-\[11px\] {
  font-size: 11px
}

.tw-text-l {
  font-size: 1.4285714285714286rem
}

.tw-text-xxxs {
  font-size: .7142857142857143rem
}

.tw-text-xxs {
  font-size: .7857142857142857rem
}

.tw-text-tiny {
  font-size: .6428571428571429rem
}

.tw-text-xl {
  font-size: 1.7142857142857142rem
}

.tw-text-\[8px\] {
  font-size: 8px
}

.tw-text-\[32px\] {
  font-size: 32px
}

.tw-text-\[18px\] {
  font-size: 18px
}

.tw-text-\[13px\] {
  font-size: 13px
}

.tw-text-xxl {
  font-size: 2.5714285714285716rem
}

.tw-text-\[20px\] {
  font-size: 20px
}

.tw-text-\[9px\] {
  font-size: 9px
}

.tw-font-bold {
  font-weight: 700
}

.tw-font-medium {
  font-weight: 500
}

.tw-font-regular {
  font-weight: 400
}

.\!tw-font-bold {
  font-weight: 700 !important
}

.tw-font-light {
  font-weight: 300
}

.tw-font-\[600\] {
  font-weight: 600
}

.tw-uppercase {
  text-transform: uppercase
}

.tw-capitalize {
  text-transform: capitalize
}

.tw-italic {
  font-style: italic
}

.tw-leading-m {
  line-height: 20px
}

.tw-leading-s {
  line-height: 16px
}

.tw-leading-xs {
  line-height: 12px
}

.tw-leading-l {
  line-height: 24px
}

.tw-leading-xxs {
  line-height: 11px
}

.tw-leading-xl {
  line-height: 40px
}

.tw-leading-s-xs {
  line-height: 14px
}

.tw-leading-\[9px\] {
  line-height: 9px
}

.tw-leading-\[36\.77px\] {
  line-height: 36.77px
}

.tw-leading-\[1\] {
  line-height: 1
}

.tw-leading-\[7px\] {
  line-height: 7px
}

.tw-leading-0 {
  line-height: 0
}

.tw-leading-\[15px\] {
  line-height: 15px
}

.tw-tracking-l {
  letter-spacing: .4px
}

.tw--tracking-xxl {
  letter-spacing: -.75px
}

.-tw-tracking-l {
  letter-spacing: -.4px
}

.tw-tracking-s {
  letter-spacing: .2px
}

.tw-text-n-17-black-pearl {
  --tw-text-opacity: 1;
  color: rgb(35 43 54/var(--tw-text-opacity))
}

.tw-text-n-13-steel {
  --tw-text-opacity: 1;
  color: rgb(28 32 38/var(--tw-text-opacity))
}

.tw-text-white-snow {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity))
}

.tw-text-n-36-east-bay {
  --tw-text-opacity: 1;
  color: rgb(72 87 111/var(--tw-text-opacity))
}

.tw-text-n-22-licorice {
  --tw-text-opacity: 1;
  color: rgb(45 55 69/var(--tw-text-opacity))
}

.tw-text-n-28-cloud-burst {
  --tw-text-opacity: 1;
  color: rgb(55 68 86/var(--tw-text-opacity))
}

.tw-text-tertiary {
  color: var(--theme-brand-color-tertiary)
}

.tw-text-\[\#222222\] {
  --tw-text-opacity: 1;
  color: rgb(34 34 34/var(--tw-text-opacity))
}

.tw-text-current {
  color: currentColor
}

.tw-text-primary {
  color: var(--theme-brand-color-primary)
}

.tw-text-inherit {
  color: inherit
}

.tw-text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity))
}

.tw-text-moon-base {
  --tw-text-opacity: 1;
  color: rgb(27 103 218/var(--tw-text-opacity))
}

.tw-text-moon-dark {
  --tw-text-opacity: 1;
  color: rgb(32 77 124/var(--tw-text-opacity))
}

.tw-text-n-48-slate {
  --tw-text-opacity: 1;
  color: rgb(105 119 139/var(--tw-text-opacity))
}

.tw-text-n-90-dark-snow {
  --tw-text-opacity: 1;
  color: rgb(224 228 234/var(--tw-text-opacity))
}

.tw-text-n-75-smokey {
  --tw-text-opacity: 1;
  color: rgb(182 188 198/var(--tw-text-opacity))
}

.tw-text-n-94-dirty-snow {
  --tw-text-opacity: 1;
  color: rgb(236 239 241/var(--tw-text-opacity))
}

.tw-text-n-silver-mist {
  --tw-text-opacity: 1;
  color: rgb(209 215 224/var(--tw-text-opacity))
}

.tw-text-zeus-base {
  --tw-text-opacity: 1;
  color: rgb(66 194 86/var(--tw-text-opacity))
}

.tw-text-n-97-porcelain {
  --tw-text-opacity: 1;
  color: rgb(246 248 249/var(--tw-text-opacity))
}

.tw-text-mars-base {
  --tw-text-opacity: 1;
  color: rgb(240 80 110/var(--tw-text-opacity))
}

.tw-text-jupiter {
  --tw-text-opacity: 1;
  color: rgb(9 150 160/var(--tw-text-opacity))
}

.tw-text-hermes {
  --tw-text-opacity: 1;
  color: rgb(91 46 255/var(--tw-text-opacity))
}

.tw-text-neptune {
  --tw-text-opacity: 1;
  color: rgb(165 25 193/var(--tw-text-opacity))
}

.tw-text-uranus {
  --tw-text-opacity: 1;
  color: rgb(144 184 71/var(--tw-text-opacity))
}

.tw-text-primary-hover {
  color: var(--theme-brand-color-primary-hover)
}

.\!tw-text-white-snow {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255/var(--tw-text-opacity)) !important
}

.tw-text-misty-gray {
  --tw-text-opacity: 1;
  color: rgb(152 164 180/var(--tw-text-opacity))
}

.tw-text-dark {
  --tw-text-opacity: 1;
  color: rgb(0 0 0/var(--tw-text-opacity))
}

.tw-text-moon-base-light {
  --tw-text-opacity: 1;
  color: rgb(109 185 255/var(--tw-text-opacity))
}

.tw-text-n-8-dark-steel {
  --tw-text-opacity: 1;
  color: rgb(16 20 25/var(--tw-text-opacity))
}

.tw-text-pluto-dark {
  --tw-text-opacity: 1;
  color: rgb(192 87 7/var(--tw-text-opacity))
}

.tw-text-silver-mist {
  --tw-text-opacity: 1;
  color: rgb(209 215 224/var(--tw-text-opacity))
}

.tw-text-betano-primary-hover {
  --tw-text-opacity: 1;
  color: rgb(204 48 0/var(--tw-text-opacity))
}

.tw-text-stoiximan-primary-hover {
  --tw-text-opacity: 1;
  color: rgb(0 82 165/var(--tw-text-opacity))
}

.tw-text-leather {
  --tw-text-opacity: 1;
  color: rgb(159 118 87/var(--tw-text-opacity))
}

.tw-text-special-competition {
  --tw-text-opacity: 1;
  color: rgb(138 21 56/var(--tw-text-opacity))
}

.tw-text-betano-primary {
  --tw-text-opacity: 1;
  color: rgb(255 60 0/var(--tw-text-opacity))
}

.\!tw-text-afrodite {
  --tw-text-opacity: 1 !important;
  color: rgb(243 209 19/var(--tw-text-opacity)) !important
}

.tw-text-zeus-dark {
  --tw-text-opacity: 1;
  color: rgb(28 104 72/var(--tw-text-opacity))
}

.tw-text-pluto-base {
  --tw-text-opacity: 1;
  color: rgb(250 160 90/var(--tw-text-opacity))
}

.tw-text-mars-dark {
  --tw-text-opacity: 1;
  color: rgb(186 16 48/var(--tw-text-opacity))
}

.tw-text-slate-500 {
  --tw-text-opacity: 1;
  color: rgb(100 116 139/var(--tw-text-opacity))
}

.tw-text-afrodite {
  --tw-text-opacity: 1;
  color: rgb(243 209 19/var(--tw-text-opacity))
}

.\!tw-text-zeus-base {
  --tw-text-opacity: 1 !important;
  color: rgb(66 194 86/var(--tw-text-opacity)) !important
}

.tw-text-saturn-light {
  --tw-text-opacity: 1;
  color: rgb(162 199 116/var(--tw-text-opacity))
}

.tw-text-opacity-xl {
  --tw-text-opacity: 0.87
}

.tw-text-opacity-l {
  --tw-text-opacity: 0.54
}

.tw-underline {
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline
}

.tw-line-through {
  -webkit-text-decoration-line: line-through;
  text-decoration-line: line-through
}

.tw-no-underline {
  -webkit-text-decoration-line: none;
  text-decoration-line: none
}

.tw-decoration-misty-gray {
  -webkit-text-decoration-color: #98a4b4;
  text-decoration-color: #98a4b4
}

.tw-decoration-mars-dark {
  -webkit-text-decoration-color: #ba1030;
  text-decoration-color: #ba1030
}

.tw-opacity-full {
  opacity: 1
}

.tw-opacity-l {
  opacity: .54
}

.tw-opacity-m {
  opacity: .38
}

.tw-opacity-xl {
  opacity: .87
}

.tw-opacity-mlx {
  opacity: .72
}

.tw-opacity-zero {
  opacity: 0
}

.\!tw-opacity-full {
  opacity: 1 !important
}

.tw-opacity-s {
  opacity: .17
}

.tw-opacity-n {
  opacity: .1
}

.tw-opacity-\[0\.48\] {
  opacity: .48
}

.tw-opacity-\[0\.5\],
.tw-opacity-ml {
  opacity: .5
}

.tw-shadow-light-negative-z1 {
  --tw-shadow: 0px 1px 4px -1px rgba(35, 43, 54, 0.06), 0px -1px 1px rgba(35, 43, 54, 0.1);
  --tw-shadow-colored: 0px 1px 4px -1px var(--tw-shadow-color), 0px -1px 1px var(--tw-shadow-color)
}

.tw-shadow-light-negative-z1,
.tw-shadow-light-negative-z2 {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

.tw-shadow-light-negative-z2 {
  --tw-shadow: 0px 0px 8px rgba(35, 43, 54, 0.06), 0px -3px 3px -1px rgba(35, 43, 54, 0.1);
  --tw-shadow-colored: 0px 0px 8px var(--tw-shadow-color), 0px -3px 3px -1px var(--tw-shadow-color)
}

.tw-shadow-reveal {
  --tw-shadow: 0 0 16px rgba(0, 0, 0, 0.38);
  --tw-shadow-colored: 0 0 16px var(--tw-shadow-color)
}

.tw-shadow-light-positive-z3,
.tw-shadow-reveal {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

.tw-shadow-light-positive-z3 {
  --tw-shadow: 0px 0px 8px rgba(35, 43, 54, 0.06), 0px 6px 6px -1px rgba(35, 43, 54, 0.1);
  --tw-shadow-colored: 0px 0px 8px var(--tw-shadow-color), 0px 6px 6px -1px var(--tw-shadow-color)
}

.tw-shadow-light-positive-z1 {
  --tw-shadow: 0px -1px 4px -1px rgba(35, 43, 54, 0.06), 0px 1px 1px rgba(35, 43, 54, 0.1);
  --tw-shadow-colored: 0px -1px 4px -1px var(--tw-shadow-color), 0px 1px 1px var(--tw-shadow-color)
}

.tw-shadow-light-positive-z1,
.tw-shadow-light-positive-z2 {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

.tw-shadow-light-positive-z2 {
  --tw-shadow: 0px 0px 8px rgba(35, 43, 54, 0.06), 0px 3px 3px -1px rgba(35, 43, 54, 0.1);
  --tw-shadow-colored: 0px 0px 8px var(--tw-shadow-color), 0px 3px 3px -1px var(--tw-shadow-color)
}

.tw-shadow-\[0_4px_24px_rgba\(28\,32\,38\,0\.28\)\] {
  --tw-shadow: 0 4px 24px rgba(28, 32, 38, 0.28);
  --tw-shadow-colored: 0 4px 24px var(--tw-shadow-color)
}

.tw-shadow-\[0_4px_24px_rgba\(28\,32\,38\,0\.28\)\],
.tw-shadow-light-positive-z4 {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

.tw-shadow-light-positive-z4 {
  --tw-shadow: 0px 0px 8px rgba(35, 43, 54, 0.06), 0px 16px 16px -1px rgba(35, 43, 54, 0.1);
  --tw-shadow-colored: 0px 0px 8px var(--tw-shadow-color), 0px 16px 16px -1px var(--tw-shadow-color)
}

.tw-shadow-light-negative-z3 {
  --tw-shadow: 0px 0px 8px rgba(35, 43, 54, 0.06), 0px -6px 6px -1px rgba(35, 43, 54, 0.1);
  --tw-shadow-colored: 0px 0px 8px var(--tw-shadow-color), 0px -6px 6px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

.tw-outline-none {
  outline: 2px solid transparent;
  outline-offset: 2px
}

.tw-outline {
  outline-style: solid
}

.tw-outline-0 {
  outline-width: 0
}

.tw-outline-\[5px\] {
  outline-width: 5px
}

.tw-outline-offset-\[-1px\] {
  outline-offset: -1px
}

.tw-outline-transparent {
  outline-color: transparent
}

.tw-outline-primary {
  outline-color: var(--theme-brand-color-primary)
}

.tw-backdrop-blur-lg {
  --tw-backdrop-blur: blur(16px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.tw-transition-all {
  transition-property: all
}

.tw-transition-height {
  transition-property: height
}

.tw-transition-opacity {
  transition-property: opacity
}

.tw-transition-\[background-color\] {
  transition-property: background-color
}

.tw-transition-\[border-color\] {
  transition-property: border-color
}

.tw-transition-colors {
  transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color
}

.tw-transition-transform {
  transition-property: transform
}

.tw-transition {
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter
}

.tw-transition-\[max-height\],
.tw-transition-maxHeight {
  transition-property: max-height
}

.tw-transition-width {
  transition-property: width
}

.tw-delay-100 {
  transition-delay: .1s
}

.tw-duration-slow {
  transition-duration: .3s
}

.tw-duration-base {
  transition-duration: .2s
}

.tw-duration-slowest {
  transition-duration: .5s
}

.tw-duration-fast {
  transition-duration: .1s
}

.tw-duration-\[200ms\] {
  transition-duration: .2s
}

.tw-duration-slower {
  transition-duration: .4s
}

.tw-ease-in {
  transition-timing-function: cubic-bezier(.36, 0, 1, 1)
}

.tw-ease-out {
  transition-timing-function: cubic-bezier(0, 0, .42, 1)
}

.tw-ease-base {
  transition-timing-function: cubic-bezier(.64, 0, .35, 1)
}

.tw-ease-linear {
  transition-timing-function: linear
}

.tw-ease-out-back {
  transition-timing-function: cubic-bezier(.34, 1.56, .64, 1)
}

.tw-ease-\[cubic-bezier\(0\.5\,0\,1\,0\)\] {
  transition-timing-function: cubic-bezier(.5, 0, 1, 0)
}

.tw-ease-\[cubic-bezier\(1\,0\,0\,1\)\] {
  transition-timing-function: cubic-bezier(1, 0, 0, 1)
}

.tw-content-\[\'\'\] {
  --tw-content: "";
  content: var(--tw-content)
}

.tw-icon {
  display: inline-block;
  vertical-align: text-bottom;
  background-size: cover
}

.tw-icon:focus {
  outline: none
}

.tw-icon-xs {
  width: 20px;
  height: 20px
}

.tw-icon-xxs {
  width: 16px;
  height: 16px
}

.tw-icon-s {
  width: 24px;
  height: 24px
}

.tw-icon-m {
  width: 32px;
  height: 32px
}

.tw-icon-\[40px\] {
  width: 40px;
  height: 40px
}

.tw-icon-sxxs {
  width: 14px;
  height: 14px
}

.tw-icon-xxxs {
  width: 12px;
  height: 12px
}

.tw-icon-nano {
  width: 10px;
  height: 10px
}

.tw-icon-pico {
  width: 8px;
  height: 8px
}

.tw-icon-sxs {
  width: 18px;
  height: 18px
}

.tw-icon-xxl {
  width: 72px;
  height: 72px
}

.tw-icon-xl {
  width: 64px;
  height: 64px
}

.tw-icon-l {
  width: 56px;
  height: 56px
}

.tw-icon-ml {
  width: 44px;
  height: 44px
}

.tw-word-spacing-m {
  word-spacing: 4px
}

.tw-line-clamp-2 {
  -webkit-line-clamp: 2
}

.tw-line-clamp-2,
.tw-line-clamp-4 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical
}

.tw-line-clamp-4 {
  -webkit-line-clamp: 4
}

.tw-line-clamp-3 {
  -webkit-line-clamp: 3
}

.tw-line-clamp-1,
.tw-line-clamp-3 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical
}

.tw-line-clamp-1 {
  -webkit-line-clamp: 1
}

.tw-text-outline {
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000
}

.tw-scrollbar-hide {
  -ms-overflow-style: none;
  scrollbar-width: none
}

.tw-scrollbar-hide::-webkit-scrollbar {
  display: none
}

.tw-touch-callout-none {
  -webkit-touch-callout: none
}

.tw-break-anywhere {
  overflow-wrap: anywhere
}

.\[animation-play-state\:running\] {
  animation-play-state: running
}

.\[animation-play-state\:paused\] {
  animation-play-state: paused
}

.placeholder\:tw-text-s::-moz-placeholder {
  font-size: 1rem
}

.placeholder\:tw-text-s::placeholder {
  font-size: 1rem
}

.placeholder\:tw-leading-s::-moz-placeholder {
  line-height: 16px
}

.placeholder\:tw-leading-s::placeholder {
  line-height: 16px
}

.placeholder\:\!tw-text-n-48-slate::-moz-placeholder {
  --tw-text-opacity: 1 !important;
  color: rgb(105 119 139/var(--tw-text-opacity)) !important
}

.placeholder\:\!tw-text-n-48-slate::placeholder {
  --tw-text-opacity: 1 !important;
  color: rgb(105 119 139/var(--tw-text-opacity)) !important
}

.placeholder\:tw-text-n-48-slate::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(105 119 139/var(--tw-text-opacity))
}

.placeholder\:tw-text-n-48-slate::placeholder {
  --tw-text-opacity: 1;
  color: rgb(105 119 139/var(--tw-text-opacity))
}

.placeholder\:tw-text-n-75-smokey::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(182 188 198/var(--tw-text-opacity))
}

.placeholder\:tw-text-n-75-smokey::placeholder {
  --tw-text-opacity: 1;
  color: rgb(182 188 198/var(--tw-text-opacity))
}

.before\:tw-absolute:before {
  content: var(--tw-content);
  position: absolute
}

.before\:tw-inset-x-0:before {
  content: var(--tw-content);
  left: 0;
  right: 0
}

.before\:tw-top-0:before {
  content: var(--tw-content);
  top: 0
}

.before\:tw-bottom-\[50\%\]:before {
  content: var(--tw-content);
  bottom: 50%
}

.before\:tw-left-0:before {
  content: var(--tw-content);
  left: 0
}

.before\:tw-z-10:before {
  content: var(--tw-content);
  z-index: 10
}

.before\:tw-block:before {
  content: var(--tw-content);
  display: block
}

.before\:tw-h-xs:before {
  content: var(--tw-content);
  height: 2px
}

.before\:tw-h-\[10\%\]:before {
  content: var(--tw-content);
  height: 10%
}

.before\:tw-h-full:before {
  content: var(--tw-content);
  height: 100%
}

.before\:tw-w-\[8px\]:before {
  content: var(--tw-content);
  width: 8px
}

.before\:tw-w-px:before {
  content: var(--tw-content);
  width: 1px
}

.before\:tw-border-0:before {
  content: var(--tw-content);
  border-width: 0
}

.before\:tw-border-b:before {
  content: var(--tw-content);
  border-bottom-width: 1px
}

.before\:tw-border-solid:before {
  content: var(--tw-content);
  border-style: solid
}

.before\:tw-border-n-75-smokey:before {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(182 188 198/var(--tw-border-opacity))
}

.before\:tw-bg-primary:before {
  content: var(--tw-content);
  background-color: var(--theme-brand-color-primary)
}

.before\:tw-content-\[\'\*\'\]:before {
  --tw-content: "*";
  content: var(--tw-content)
}

.before\:tw-content-\[\'\'\]:before {
  --tw-content: "";
  content: var(--tw-content)
}

.before\:tw-content-\[\'_\'\]:before {
  --tw-content: " ";
  content: var(--tw-content)
}

.after\:tw-absolute:after {
  content: var(--tw-content);
  position: absolute
}

.after\:tw--bottom-\[11px\]:after {
  content: var(--tw-content);
  bottom: -11px
}

.after\:tw-left-0:after {
  content: var(--tw-content);
  left: 0
}

.after\:-tw-left-\[200px\]:after {
  content: var(--tw-content);
  left: -200px
}

.after\:tw-top-0:after {
  content: var(--tw-content);
  top: 0
}

.after\:tw-right-\[-10px\]:after {
  content: var(--tw-content);
  right: -10px
}

.after\:-tw-bottom-s:after {
  content: var(--tw-content);
  bottom: -4px
}

.after\:tw-right-0:after {
  content: var(--tw-content);
  right: 0
}

.after\:tw-bottom-\[50\%\]:after {
  content: var(--tw-content);
  bottom: 50%
}

.after\:tw-right-\[calc\(50\%-20px\)\]:after {
  content: var(--tw-content);
  right: calc(50% - 20px)
}

.after\:tw-bottom-0:after {
  content: var(--tw-content);
  bottom: 0
}

.after\:tw-z-10:after {
  content: var(--tw-content);
  z-index: 10
}

.after\:tw-ml-s:after {
  content: var(--tw-content);
  margin-left: 4px
}

.after\:tw-mr-s:after {
  content: var(--tw-content);
  margin-right: 4px
}

.after\:tw-block:after {
  content: var(--tw-content);
  display: block
}

.after\:tw-hidden:after {
  content: var(--tw-content);
  display: none
}

.after\:tw-aspect-square:after {
  content: var(--tw-content);
  aspect-ratio: 1/1
}

.after\:tw-h-\[2px\]:after,
.after\:tw-h-xs:after {
  content: var(--tw-content);
  height: 2px
}

.after\:tw-h-n:after {
  content: var(--tw-content);
  height: 8px
}

.after\:tw-h-\[50\%\]:after {
  content: var(--tw-content);
  height: 50%
}

.after\:tw-h-\[10\%\]:after {
  content: var(--tw-content);
  height: 10%
}

.after\:tw-h-px:after {
  content: var(--tw-content);
  height: 1px
}

.after\:tw-w-n:after {
  content: var(--tw-content);
  width: 8px
}

.after\:tw-w-full:after {
  content: var(--tw-content);
  width: 100%
}

.after\:tw-w-\[200px\]:after {
  content: var(--tw-content);
  width: 200px
}

.after\:tw-w-\[7px\]:after {
  content: var(--tw-content);
  width: 7px
}

.after\:tw-w-\[8px\]:after {
  content: var(--tw-content);
  width: 8px
}

.after\:tw-w-tableRowSeparator-s:after {
  content: var(--tw-content);
  width: calc(100% - 4px)
}

.after\:tw-w-tableRowSeparator:after {
  content: var(--tw-content);
  width: calc(100% - 16px)
}

.after\:tw-rotate-45:after {
  content: var(--tw-content);
  --tw-rotate: 45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.after\:tw-rounded-\[50\%\]:after {
  content: var(--tw-content);
  border-radius: 50%
}

.after\:tw-rounded-xxs:after {
  content: var(--tw-content);
  border-radius: 2px
}

.after\:tw-rounded-xs:after {
  content: var(--tw-content);
  border-radius: 4px
}

.after\:tw-border-0:after {
  content: var(--tw-content);
  border-width: 0
}

.after\:tw-border-r:after {
  content: var(--tw-content);
  border-right-width: 1px
}

.after\:tw-border-solid:after {
  content: var(--tw-content);
  border-style: solid
}

.after\:tw-border-n-75-smokey:after {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(182 188 198/var(--tw-border-opacity))
}

.after\:tw-bg-mars-dark:after {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(186 16 48/var(--tw-bg-opacity))
}

.after\:tw-bg-n-75-smokey:after {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(182 188 198/var(--tw-bg-opacity))
}

.after\:tw-bg-primary-hover:after {
  content: var(--tw-content);
  background-color: var(--theme-brand-color-primary-hover)
}

.after\:tw-bg-primary:after {
  content: var(--tw-content);
  background-color: var(--theme-brand-color-primary)
}

.after\:tw-bg-n-17-black-pearl:after {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(35 43 54/var(--tw-bg-opacity))
}

.after\:tw-bg-n-94-dirty-snow:after {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(236 239 241/var(--tw-bg-opacity))
}

.after\:tw-content-\[\'\'\]:after {
  --tw-content: "";
  content: var(--tw-content)
}

.after\:tw-content-\[\'_\'\]:after {
  --tw-content: " ";
  content: var(--tw-content)
}

.first\:tw-rounded-t-n:first-child {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px
}

.last\:tw-mr-m:last-child {
  margin-right: 16px
}

.last\:tw-mb-0:last-child {
  margin-bottom: 0
}

.last\:tw-mr-0:last-child {
  margin-right: 0
}

.last\:tw-mr-n:last-child {
  margin-right: 8px
}

.last\:tw-rounded-b-n:last-child {
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px
}

.last\:tw-border-0:last-child {
  border-width: 0
}

.last\:tw-border-b-0:last-child {
  border-bottom-width: 0
}

.last\:tw-border-transparent:last-child {
  border-color: transparent
}

.odd\:tw-bg-n-17-black-pearl:nth-child(odd) {
  --tw-bg-opacity: 1;
  background-color: rgb(35 43 54/var(--tw-bg-opacity))
}

.odd\:tw-pt-n:nth-child(odd) {
  padding-top: 8px
}

.odd\:after\:tw-top-\[50\%\]:nth-child(odd):after {
  content: var(--tw-content);
  top: 50%
}

.odd\:after\:tw-border-t:nth-child(odd):after {
  content: var(--tw-content);
  border-top-width: 1px
}

.even\:tw-bg-n-13-steel:nth-child(2n) {
  --tw-bg-opacity: 1;
  background-color: rgb(28 32 38/var(--tw-bg-opacity))
}

.even\:tw-pb-n:nth-child(2n) {
  padding-bottom: 8px
}

.even\:after\:tw-bottom-\[50\%\]:nth-child(2n):after {
  content: var(--tw-content);
  bottom: 50%
}

.even\:after\:tw-border-b:nth-child(2n):after {
  content: var(--tw-content);
  border-bottom-width: 1px
}

.last-of-type\:tw-mr-0:last-of-type {
  margin-right: 0
}

@media (hover:hover) and (pointer:fine) {
  .hover\:tw-scale-95:hover {
    --tw-scale-x: .95;
    --tw-scale-y: .95;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }

  .hover\:tw-cursor-pointer:hover {
    cursor: pointer
  }

  .hover\:tw-rounded-l:hover {
    border-radius: 24px
  }

  .hover\:tw-border-solid:hover {
    border-style: solid
  }

  .hover\:tw-border-n-silver-mist:hover {
    --tw-border-opacity: 1;
    border-color: rgb(209 215 224/var(--tw-border-opacity))
  }

  .hover\:tw-border-white-snow:hover {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255/var(--tw-border-opacity))
  }

  .hover\:tw-border-n-28-cloud-burst:hover {
    --tw-border-opacity: 1;
    border-color: rgb(55 68 86/var(--tw-border-opacity))
  }

  .hover\:tw-bg-n-17-black-pearl:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(35 43 54/var(--tw-bg-opacity))
  }

  .hover\:tw-bg-n-90-dark-snow:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(224 228 234/var(--tw-bg-opacity))
  }

  .hover\:tw-bg-n-8-dark-steel:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(16 20 25/var(--tw-bg-opacity))
  }

  .hover\:tw-bg-secondary-hover:hover {
    background-color: var(--theme-brand-color-secondary-hover)
  }

  .hover\:tw-bg-n-94-dirty-snow:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(236 239 241/var(--tw-bg-opacity))
  }

  .hover\:tw-bg-primary:hover {
    background-color: var(--theme-brand-color-primary)
  }

  .hover\:tw-bg-primary-hover:hover {
    background-color: var(--theme-brand-color-primary-hover)
  }

  .hover\:tw-bg-n-8-dark-steel\/ms:hover {
    background-color: rgba(16, 20, 25, .24)
  }

  .hover\:tw-bg-transparent:hover {
    background-color: transparent
  }

  .hover\:tw-bg-n-97-porcelain:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(246 248 249/var(--tw-bg-opacity))
  }

  .hover\:\!tw-bg-moon-dark:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(32 77 124/var(--tw-bg-opacity)) !important
  }

  .hover\:\!tw-bg-n-48-slate:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(105 119 139/var(--tw-bg-opacity)) !important
  }

  .hover\:tw-bg-n-28-cloud-burst\/m:hover {
    background-color: rgba(55, 68, 86, .38)
  }

  .hover\:tw-bg-moon-base:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(27 103 218/var(--tw-bg-opacity))
  }

  .hover\:tw-bg-n-36-east-bay\/m:hover {
    background-color: rgba(72, 87, 111, .38)
  }

  .hover\:tw-bg-n-22-licorice:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(45 55 69/var(--tw-bg-opacity))
  }

  .hover\:tw-bg-n-13-steel:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(28 32 38/var(--tw-bg-opacity))
  }

  .hover\:tw-bg-n-17-black-pearl\/\[0\.8\]:hover {
    background-color: rgba(35, 43, 54, .8)
  }

  .hover\:tw-bg-n-17-black-pearl\/\[0\.64\]:hover {
    background-color: rgba(35, 43, 54, .64)
  }

  .hover\:tw-bg-white-snow\/s:hover {
    background-color: hsla(0, 0%, 100%, .17)
  }

  .hover\:tw-fill-afrodite:hover {
    fill: #f3d113
  }

  .hover\:tw-fill-white-snow:hover {
    fill: #fff
  }

  .hover\:tw-font-bold:hover {
    font-weight: 700
  }

  .hover\:tw-font-medium:hover {
    font-weight: 500
  }

  .hover\:tw-text-primary-hover:hover {
    color: var(--theme-brand-color-primary-hover)
  }

  .hover\:tw-text-moon-base:hover {
    --tw-text-opacity: 1;
    color: rgb(27 103 218/var(--tw-text-opacity))
  }

  .hover\:tw-text-n-8-dark-steel:hover {
    --tw-text-opacity: 1;
    color: rgb(16 20 25/var(--tw-text-opacity))
  }

  .hover\:tw-text-white-snow:hover {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
  }

  .hover\:tw-text-n-13-steel:hover {
    --tw-text-opacity: 1;
    color: rgb(28 32 38/var(--tw-text-opacity))
  }

  .hover\:tw-text-n-97-porcelain:hover {
    --tw-text-opacity: 1;
    color: rgb(246 248 249/var(--tw-text-opacity))
  }

  .hover\:tw-underline:hover {
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline
  }

  .hover\:tw-opacity-full:hover {
    opacity: 1
  }

  .hover\:tw-opacity-xl:hover {
    opacity: .87
  }

  .hover\:tw-opacity-l:hover {
    opacity: .54
  }

  .hover\:\!tw-opacity-l:hover {
    opacity: .54 !important
  }

  .hover\:tw-opacity-mlx:hover {
    opacity: .72
  }
}

.focus\:tw-border-n-90-dark-snow:focus {
  --tw-border-opacity: 1;
  border-color: rgb(224 228 234/var(--tw-border-opacity))
}

.focus\:\!tw-bg-moon-dark:focus {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(32 77 124/var(--tw-bg-opacity)) !important
}

.focus\:\!tw-bg-n-48-slate:focus {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(105 119 139/var(--tw-bg-opacity)) !important
}

.focus\:tw-bg-n-90-dark-snow:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(224 228 234/var(--tw-bg-opacity))
}

.focus\:tw-font-bold:focus {
  font-weight: 700
}

.focus\:tw-font-medium:focus {
  font-weight: 500
}

.focus\:tw-shadow-outline:focus {
  --tw-shadow: 0px 0px 0px 2px #e0e4ea;
  --tw-shadow-colored: 0px 0px 0px 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

.focus\:\!tw-outline-none:focus {
  outline: 2px solid transparent !important;
  outline-offset: 2px !important
}

.focus\:tw-outline:focus {
  outline-style: solid
}

.focus\:tw-outline-\[3px\]:focus {
  outline-width: 3px
}

.focus\:tw-outline-0:focus {
  outline-width: 0
}

.focus\:tw-outline-n-90-dark-snow:focus {
  outline-color: #e0e4ea
}

.focus\:\!tw-ring-n-90-dark-snow:focus {
  --tw-ring-opacity: 1 !important;
  --tw-ring-color: rgb(224 228 234/var(--tw-ring-opacity)) !important
}

.focus-visible\:tw-outline-none:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px
}

.focus-visible\:tw-outline-2:focus-visible {
  outline-width: 2px
}

.focus-visible\:tw-outline-n-17-black-pearl:focus-visible {
  outline-color: #232b36
}

.focus-visible\:tw-outline-moon-base:focus-visible {
  outline-color: #1b67da
}

.disabled\:tw-cursor-default:disabled {
  cursor: default
}

.disabled\:tw-text-n-75-smokey:disabled {
  --tw-text-opacity: 1;
  color: rgb(182 188 198/var(--tw-text-opacity))
}

.disabled\:tw-transition-none:disabled {
  transition-property: none
}

@media (hover:hover) and (pointer:fine) {
  .tw-group:hover .group-hover\:tw-block {
    display: block
  }

  .tw-group:hover .group-hover\:tw-border-n-48-slate {
    --tw-border-opacity: 1;
    border-color: rgb(105 119 139/var(--tw-border-opacity))
  }

  .tw-group:hover .group-hover\:tw-border-moon-dark {
    --tw-border-opacity: 1;
    border-color: rgb(32 77 124/var(--tw-border-opacity))
  }

  .tw-group:hover .group-hover\:tw-border-primary-hover {
    border-color: var(--theme-brand-color-primary-hover)
  }

  .tw-group:hover .group-hover\:tw-bg-moon-dark {
    --tw-bg-opacity: 1;
    background-color: rgb(32 77 124/var(--tw-bg-opacity))
  }

  .tw-group:hover .group-hover\:tw-bg-primary-hover {
    background-color: var(--theme-brand-color-primary-hover)
  }
}

.tw-dark .dark\:tw-overflow-hidden {
  overflow: hidden
}

.tw-dark .dark\:tw-rounded-0 {
  border-radius: 0
}

.tw-dark .dark\:tw-border-0 {
  border-width: 0
}

.tw-dark .dark\:tw-border-t-n {
  border-top-width: 1px
}

.tw-dark .dark\:tw-border-none {
  border-style: none
}

.tw-dark .dark\:tw-border-n-22-licorice {
  --tw-border-opacity: 1;
  border-color: rgb(45 55 69/var(--tw-border-opacity))
}

.tw-dark .dark\:tw-border-n-28-cloud-burst {
  --tw-border-opacity: 1;
  border-color: rgb(55 68 86/var(--tw-border-opacity))
}

.tw-dark .dark\:tw-border-n-36-east-bay {
  --tw-border-opacity: 1;
  border-color: rgb(72 87 111/var(--tw-border-opacity))
}

.tw-dark .dark\:tw-border-primary-hover {
  border-color: var(--theme-brand-color-primary-hover)
}

.tw-dark .dark\:tw-border-n-17-black-pearl {
  --tw-border-opacity: 1;
  border-color: rgb(35 43 54/var(--tw-border-opacity))
}

.tw-dark .dark\:tw-bg-n-22-licorice {
  --tw-bg-opacity: 1;
  background-color: rgb(45 55 69/var(--tw-bg-opacity))
}

.tw-dark .dark\:tw-bg-primary {
  background-color: var(--theme-brand-color-primary)
}

.tw-dark .dark\:tw-bg-n-13-steel\/xls {
  background-color: rgba(28, 32, 38, .9)
}

.tw-dark .dark\:tw-bg-dark\/nm {
  background-color: rgba(0, 0, 0, .32)
}

.tw-dark .dark\:tw-bg-n-17-black-pearl\/s {
  background-color: rgba(35, 43, 54, .17)
}

.tw-dark .dark\:tw-bg-n-17-black-pearl {
  --tw-bg-opacity: 1;
  background-color: rgb(35 43 54/var(--tw-bg-opacity))
}

.tw-dark .dark\:tw-bg-n-8-dark-steel {
  --tw-bg-opacity: 1;
  background-color: rgb(16 20 25/var(--tw-bg-opacity))
}

.tw-dark .dark\:tw-bg-n-13-steel {
  --tw-bg-opacity: 1;
  background-color: rgb(28 32 38/var(--tw-bg-opacity))
}

.tw-dark .dark\:tw-bg-n-28-cloud-burst {
  --tw-bg-opacity: 1;
  background-color: rgb(55 68 86/var(--tw-bg-opacity))
}

.tw-dark .dark\:tw-bg-n-48-slate {
  --tw-bg-opacity: 1;
  background-color: rgb(105 119 139/var(--tw-bg-opacity))
}

.tw-dark .dark\:tw-fill-silver-mist {
  fill: #d1d7e0
}

.tw-dark .dark\:tw-fill-n-75-smokey {
  fill: #b6bcc6
}

.tw-dark .dark\:tw-fill-white-snow {
  fill: #fff
}

.tw-dark .dark\:tw-fill-n-90-dark-snow {
  fill: #e0e4ea
}

.tw-dark .dark\:tw-stroke-n-97-porcelain {
  stroke: #f6f8f9
}

.tw-dark .dark\:tw-p-0 {
  padding: 0
}

.tw-dark .dark\:\!tw-pt-nm {
  padding-top: 12px !important
}

.tw-dark .dark\:tw-text-\[\#FFFFFF\] {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity))
}

.tw-dark .dark\:tw-text-n-silver-mist,
.tw-dark .dark\:tw-text-silver-mist {
  --tw-text-opacity: 1;
  color: rgb(209 215 224/var(--tw-text-opacity))
}

.tw-dark .dark\:tw-text-n-75-smokey {
  --tw-text-opacity: 1;
  color: rgb(182 188 198/var(--tw-text-opacity))
}

.tw-dark .dark\:tw-text-n-22-licorice {
  --tw-text-opacity: 1;
  color: rgb(45 55 69/var(--tw-text-opacity))
}

.tw-dark .dark\:tw-text-n-94-dirty-snow {
  --tw-text-opacity: 1;
  color: rgb(236 239 241/var(--tw-text-opacity))
}

.tw-dark .dark\:tw-text-n-97-porcelain {
  --tw-text-opacity: 1;
  color: rgb(246 248 249/var(--tw-text-opacity))
}

.tw-dark .dark\:tw-text-white-snow {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity))
}

.tw-dark .dark\:tw-text-quartary {
  color: #a2c774 !important;
}

.tw-dark .dark\:tw-text-n-17-black-pearl {
  --tw-text-opacity: 1;
  color: rgb(35 43 54/var(--tw-text-opacity))
}

.tw-dark .dark\:tw-text-n-90-dark-snow {
  --tw-text-opacity: 1;
  color: rgb(224 228 234/var(--tw-text-opacity))
}

.tw-dark .dark\:tw-text-n-36-east-bay {
  --tw-text-opacity: 1;
  color: rgb(72 87 111/var(--tw-text-opacity))
}

.tw-dark .dark\:tw-text-n-48-slate {
  --tw-text-opacity: 1;
  color: rgb(105 119 139/var(--tw-text-opacity))
}

@media (hover:hover) and (pointer:fine) {
  .tw-dark .dark\:hover\:tw-border-n-36-east-bay:hover {
    --tw-border-opacity: 1;
    border-color: rgb(72 87 111/var(--tw-border-opacity))
  }

  .tw-dark .dark\:hover\:tw-border-n-28-cloud-burst:hover {
    --tw-border-opacity: 1;
    border-color: rgb(55 68 86/var(--tw-border-opacity))
  }

  .tw-dark .dark\:hover\:tw-bg-n-28-cloud-burst:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(55 68 86/var(--tw-bg-opacity))
  }

  .tw-dark .dark\:hover\:tw-bg-n-8-dark-steel:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(16 20 25/var(--tw-bg-opacity))
  }

  .tw-dark .dark\:hover\:tw-bg-n-22-licorice:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(45 55 69/var(--tw-bg-opacity))
  }

  .tw-dark .dark\:hover\:tw-bg-n-13-steel:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(28 32 38/var(--tw-bg-opacity))
  }

  .tw-dark .dark\:hover\:tw-fill-white-snow:hover {
    fill: #fff
  }
}

@media (min-width:1024px) {
  .lg\:tw-w-\[700px\] {
    width: 700px
  }

  .lg\:tw-flex-none {
    flex: none
  }

  .lg\:tw-grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }

  .lg\:tw-grid-rows-\[64px_auto\] {
    grid-template-rows: 64px auto
  }

  .lg\:tw-justify-end {
    justify-content: flex-end
  }

  .lg\:tw-text-l {
    font-size: 1.4285714285714286rem
  }
}

@media (min-width:1280px) {
  .xl\:tw-block {
    display: block
  }

  .xl\:tw-hidden {
    display: none
  }

  .xl\:tw-h-\[66px\] {
    height: 66px
  }

  .xl\:tw-w-\[266px\] {
    width: 266px
  }
}

@media (min-width:375px) {
  .xxs\:tw-my-n {
    margin-top: 8px;
    margin-bottom: 8px
  }

  .xxs\:tw-mx-0 {
    margin-left: 0;
    margin-right: 0
  }

  .xxs\:tw-mr-xxl {
    margin-right: 40px
  }

  .xxs\:tw-ml-auto {
    margin-left: auto
  }

  .xxs\:tw-w-auto {
    width: auto
  }

  .xxs\:tw-w-\[343px\] {
    width: 343px
  }

  .xxs\:tw-max-w-\[312px\] {
    max-width: 312px
  }

  .xxs\:tw-px-0 {
    padding-left: 0;
    padding-right: 0
  }

  .xxs\:tw-pl-m {
    padding-left: 16px
  }

  .xxs\:tw-text-xs {
    font-size: .8571428571428571rem
  }

  .xxs\:tw-leading-s {
    line-height: 16px
  }
}

@media (min-width:480px) {
  .xs\:tw-z-10 {
    z-index: 10
  }

  .xs\:tw-mx-m {
    margin-left: 16px;
    margin-right: 16px
  }

  .xs\:tw-mt-l {
    margin-top: 24px
  }

  .xs\:tw-mt-0 {
    margin-top: 0
  }

  .xs\:tw-flex {
    display: flex
  }

  .xs\:tw-h-\[80px\] {
    height: 80px
  }

  .xs\:\!tw-max-h-\[820px\] {
    max-height: 820px !important
  }

  .xs\:\!tw-max-h-\[75svh\] {
    max-height: 75svh !important
  }

  .xs\:tw-w-\[360px\] {
    width: 360px
  }

  .xs\:tw-w-1\/2 {
    width: 50%
  }

  .xs\:tw-w-1\/3 {
    width: 33.333333%
  }

  .xs\:\!tw-max-w-\[375px\] {
    max-width: 375px !important
  }

  .xs\:tw-max-w-\[260px\] {
    max-width: 260px
  }

  .xs\:\!tw-max-w-\[480px\] {
    max-width: 480px !important
  }

  .xs\:tw-max-w-full {
    max-width: 100%
  }

  .xs\:tw-grid-cols-\[repeat\(auto-fit\2c _minmax\(424px\2c _max-content\)\)\] {
    grid-template-columns: repeat(auto-fit, minmax(424px, max-content))
  }

  .xs\:tw-p-m {
    padding: 16px
  }

  .xs\:tw-px-n {
    padding-left: 8px;
    padding-right: 8px
  }

  .xs\:tw-pb-icon-xxl {
    padding-bottom: 72px
  }

  .xs\:tw-pt-n {
    padding-top: 8px
  }

  .xs\:tw-text-\[20px\] {
    font-size: 20px
  }

  .xs\:tw-text-xxl {
    font-size: 2.5714285714285716rem
  }

  .xs\:tw-text-xl {
    font-size: 1.7142857142857142rem
  }

  .xs\:tw-leading-xl {
    line-height: 40px
  }

  .xs\:tw-leading-l {
    line-height: 24px
  }
}

@media (min-width:825px) {
  .s\:tw-static {
    position: static
  }

  .s\:tw-relative {
    position: relative
  }

  .s\:tw-right-n {
    right: 8px
  }

  .s\:tw-top-0 {
    top: 0
  }

  .s\:tw-left-\[180px\] {
    left: 180px
  }

  .s\:tw-top-1\/4 {
    top: 25%
  }

  .s\:tw-left-1\/4 {
    left: 25%
  }

  .s\:tw-m-n {
    margin: 8px
  }

  .s\:tw-mx-n {
    margin-left: 8px;
    margin-right: 8px
  }

  .s\:tw-mb-l {
    margin-bottom: 24px
  }

  .s\:tw-mt-s {
    margin-top: 4px
  }

  .s\:tw-mb-n {
    margin-bottom: 8px
  }

  .s\:tw-mr-m {
    margin-right: 16px
  }

  .s\:tw-mb-nm {
    margin-bottom: 12px
  }

  .s\:tw-mb-\[20px\] {
    margin-bottom: 20px
  }

  .s\:tw-mb-nn {
    margin-bottom: 6px
  }

  .s\:tw-mt-0 {
    margin-top: 0
  }

  .s\:tw-mb-0 {
    margin-bottom: 0
  }

  .s\:tw-mt-m {
    margin-top: 16px
  }

  .s\:tw-ml-n {
    margin-left: 8px
  }

  .s\:tw-mr-\[14px\] {
    margin-right: 14px
  }

  .s\:tw-mr-\[12px\] {
    margin-right: 12px
  }

  .s\:tw-mb-m {
    margin-bottom: 16px
  }

  .s\:tw-mb-xxl {
    margin-bottom: 40px
  }

  .s\:-tw-ml-n {
    margin-left: -8px
  }

  .s\:-tw-mr-n {
    margin-right: -8px
  }

  .s\:tw-mb-\[60px\] {
    margin-bottom: 60px
  }

  .s\:tw-mb-s {
    margin-bottom: 4px
  }

  .s\:tw-mt-\[20px\] {
    margin-top: 20px
  }

  .s\:tw-block {
    display: block
  }

  .s\:tw-hidden {
    display: none
  }

  .s\:tw-h-\[20px\] {
    height: 20px
  }

  .s\:tw-h-\[200px\] {
    height: 200px
  }

  .s\:tw-h-\[83px\] {
    height: 83px
  }

  .s\:tw-h-m {
    height: 16px
  }

  .s\:tw-h-icon-xs {
    height: 20px
  }

  .s\:tw-h-\[355px\] {
    height: 355px
  }

  .s\:tw-h-\[10px\] {
    height: 10px
  }

  .s\:tw-h-\[45px\] {
    height: 45px
  }

  .s\:tw-h-\[205px\] {
    height: 205px
  }

  .s\:tw-h-1\/2 {
    height: 50%
  }

  .s\:tw-min-h-\[32px\] {
    min-height: 32px
  }

  .s\:tw-w-full {
    width: 100%
  }

  .s\:tw-w-\[20px\] {
    width: 20px
  }

  .s\:tw-w-\[400px\] {
    width: 400px
  }

  .s\:tw-w-\[254px\] {
    width: 254px
  }

  .s\:tw-w-\[444px\] {
    width: 444px
  }

  .s\:tw-w-\[456px\] {
    width: 456px
  }

  .s\:tw-w-\[180px\] {
    width: 180px
  }

  .s\:tw-w-auto {
    width: auto
  }

  .s\:tw-w-\[10px\] {
    width: 10px
  }

  .s\:tw-w-\[calc\(25\%-8px\)\] {
    width: calc(25% - 8px)
  }

  .s\:tw-w-\[205px\] {
    width: 205px
  }

  .s\:tw-w-1\/2 {
    width: 50%
  }

  .s\:tw-max-w-\[200px\] {
    max-width: 200px
  }

  .s\:tw-max-w-\[254px\] {
    max-width: 254px
  }

  .s\:tw-max-w-\[350px\] {
    max-width: 350px
  }

  .s\:tw-max-w-\[285px\] {
    max-width: 285px
  }

  .s\:tw-max-w-\[260px\] {
    max-width: 260px
  }

  .s\:tw-flex-grow {
    flex-grow: 1
  }

  .s\:tw-flex-row {
    flex-direction: row
  }

  .s\:tw-flex-col {
    flex-direction: column
  }

  .s\:tw-flex-col-reverse {
    flex-direction: column-reverse
  }

  .s\:tw-justify-end {
    justify-content: flex-end
  }

  .s\:tw-justify-center {
    justify-content: center
  }

  .s\:tw-gap-s {
    gap: 4px
  }

  .s\:tw-gap-n {
    gap: 8px
  }

  .s\:tw-gap-m {
    gap: 16px
  }

  .s\:tw-gap-xs {
    gap: 2px
  }

  .s\:tw-overflow-hidden {
    overflow: hidden
  }

  .s\:tw-rounded-0 {
    border-radius: 0
  }

  .s\:tw-rounded-m {
    border-radius: 16px
  }

  .s\:tw-rounded-s {
    border-radius: 8px
  }

  .s\:tw-rounded-b-n {
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px
  }

  .s\:tw-rounded-t-n {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px
  }

  .s\:tw-border-0 {
    border-width: 0
  }

  .s\:tw-border-t-n {
    border-top-width: 1px
  }

  .s\:tw-border-none {
    border-style: none
  }

  .s\:tw-bg-transparent {
    background-color: transparent
  }

  .s\:tw-bg-none {
    background-image: none
  }

  .s\:tw-px-xxl {
    padding-left: 40px;
    padding-right: 40px
  }

  .s\:\!tw-py-l {
    padding-top: 24px !important;
    padding-bottom: 24px !important
  }

  .s\:tw-px-xs {
    padding-left: 2px;
    padding-right: 2px
  }

  .s\:tw-py-n {
    padding-top: 8px;
    padding-bottom: 8px
  }

  .s\:tw-px-l {
    padding-left: 24px;
    padding-right: 24px
  }

  .s\:tw-pt-0 {
    padding-top: 0
  }

  .s\:tw-pt-l {
    padding-top: 24px
  }

  .s\:tw-pb-0 {
    padding-bottom: 0
  }

  .s\:tw-pt-n {
    padding-top: 8px
  }

  .s\:tw-pt-s {
    padding-top: 4px
  }

  .s\:tw-pb-n {
    padding-bottom: 8px
  }

  .s\:tw-pt-xl {
    padding-top: 32px
  }

  .s\:tw-pt-m {
    padding-top: 16px
  }

  .s\:tw-pt-nm {
    padding-top: 12px
  }

  .s\:tw-text-xs {
    font-size: .8571428571428571rem
  }

  .s\:tw-text-l {
    font-size: 1.4285714285714286rem
  }

  .s\:tw-text-xxxs {
    font-size: .7142857142857143rem
  }

  .s\:tw-text-xl {
    font-size: 1.7142857142857142rem
  }

  .s\:tw-text-xxs {
    font-size: .7857142857142857rem
  }

  .s\:tw-text-m {
    font-size: 1.1428571428571428rem
  }

  .s\:tw-text-s {
    font-size: 1rem
  }

  .s\:tw-leading-s {
    line-height: 16px
  }

  .s\:tw-leading-l {
    line-height: 24px
  }

  .s\:tw-leading-xs {
    line-height: 12px
  }

  .s\:tw-leading-\[20px\],
  .s\:tw-leading-m {
    line-height: 20px
  }

  .s\:tw-leading-s-xs {
    line-height: 14px
  }

  .s\:tw-opacity-full {
    opacity: 1
  }

  .s\:tw-shadow-light-positive-z3 {
    --tw-shadow: 0px 0px 8px rgba(35, 43, 54, 0.06), 0px 6px 6px -1px rgba(35, 43, 54, 0.1);
    --tw-shadow-colored: 0px 0px 8px var(--tw-shadow-color), 0px 6px 6px -1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
  }

  .s\:tw-icon-\[48px\] {
    width: 48px;
    height: 48px
  }

  .s\:tw-icon-xs {
    width: 20px;
    height: 20px
  }

  .tw-dark .s\:dark\:tw-mt-0 {
    margin-top: 0
  }
}

@media (min-width:1024px) {
  .m\:tw-absolute {
    position: absolute
  }

  .m\:tw-relative {
    position: relative
  }

  .m\:tw-left-\[140px\] {
    left: 140px
  }

  .m\:tw-top-0 {
    top: 0
  }

  .m\:tw-bottom-auto {
    bottom: auto
  }

  .m\:tw-left-auto {
    left: auto
  }

  .m\:tw-right-auto {
    right: auto
  }

  .m\:tw-z-\[1\] {
    z-index: 1
  }

  .m\:tw-order-1 {
    order: 1
  }

  .m\:tw-order-3 {
    order: 3
  }

  .m\:tw-order-2 {
    order: 2
  }

  .m\:tw-order-4 {
    order: 4
  }

  .m\:tw-m-xl {
    margin: 32px
  }

  .m\:tw-mx-n {
    margin-left: 8px;
    margin-right: 8px
  }

  .m\:tw-mx-0 {
    margin-left: 0;
    margin-right: 0
  }

  .m\:tw-mt-xxl {
    margin-top: 40px
  }

  .m\:tw-mt-\[18px\] {
    margin-top: 18px
  }

  .m\:tw-mt-xl {
    margin-top: 32px
  }

  .m\:tw-mt-n {
    margin-top: 8px
  }

  .m\:tw-ml-n {
    margin-left: 8px
  }

  .m\:tw-mt-0 {
    margin-top: 0
  }

  .m\:tw-mt-auto {
    margin-top: auto
  }

  .m\:tw-mb-l {
    margin-bottom: 24px
  }

  .m\:tw-mb-m {
    margin-bottom: 16px
  }

  .m\:tw-inline-block {
    display: inline-block
  }

  .m\:tw-flex {
    display: flex
  }

  .m\:tw-hidden {
    display: none
  }

  .m\:tw-h-\[220px\] {
    height: 220px
  }

  .m\:tw-h-\[calc\(100vh-500px\)\] {
    height: calc(100vh - 500px)
  }

  .m\:tw-h-auto {
    height: auto
  }

  .m\:tw-h-\[calc\(100\%-28px\)\] {
    height: calc(100% - 28px)
  }

  .m\:tw-max-h-\[calc\(100\%_-_100px\)\] {
    max-height: calc(100% - 100px)
  }

  .m\:tw-min-h-\[500px\] {
    min-height: 500px
  }

  .m\:tw-w-\[260px\] {
    width: 260px
  }

  .m\:tw-w-\[140px\] {
    width: 140px
  }

  .m\:tw-w-1\/6 {
    width: 16.666667%
  }

  .m\:tw-w-1\/2 {
    width: 50%
  }

  .m\:tw-w-full {
    width: 100%
  }

  .m\:tw-w-auto {
    width: auto
  }

  .m\:tw-max-w-full {
    max-width: 100%
  }

  .m\:tw-max-w-\[calc\(50\%-4px\)\] {
    max-width: calc(50% - 4px)
  }

  .m\:tw-max-w-none {
    max-width: none
  }

  .m\:tw-max-w-\[350px\] {
    max-width: 350px
  }

  .m\:tw-max-w-\[145px\] {
    max-width: 145px
  }

  .m\:tw-flex-1-0-0 {
    flex: 1 0 0
  }

  .m\:tw-flex-shrink-0 {
    flex-shrink: 0
  }

  .m\:tw-shrink {
    flex-shrink: 1
  }

  .m\:tw-grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }

  .m\:tw-flex-row {
    flex-direction: row
  }

  .m\:tw-items-start {
    align-items: flex-start
  }

  .m\:tw-justify-end {
    justify-content: flex-end
  }

  .m\:tw-gap-\[16px\] {
    gap: 16px
  }

  .m\:tw-gap-\[60px\] {
    gap: 60px
  }

  .m\:tw-rounded-s {
    border-radius: 8px
  }

  .m\:tw-rounded-m {
    border-radius: 16px
  }

  .m\:tw-bg-local {
    background-attachment: local
  }

  .m\:tw-bg-top {
    background-position: top
  }

  .m\:tw-bg-right {
    background-position: 100%
  }

  .m\:tw-p-l {
    padding: 24px
  }

  .m\:tw-px-0 {
    padding-left: 0;
    padding-right: 0
  }

  .m\:tw-px-m {
    padding-left: 16px;
    padding-right: 16px
  }

  .m\:tw-px-n {
    padding-left: 8px;
    padding-right: 8px
  }

  .m\:tw-pt-n {
    padding-top: 8px
  }

  .m\:tw-pl-n {
    padding-left: 8px
  }

  .m\:tw-pb-n {
    padding-bottom: 8px
  }

  .m\:tw-pt-\[56px\] {
    padding-top: 56px
  }

  .m\:tw-pt-xxl {
    padding-top: 40px
  }

  .m\:tw-text-left {
    text-align: left
  }

  .m\:tw-text-m {
    font-size: 1.1428571428571428rem
  }

  .m\:tw-text-\[19px\] {
    font-size: 19px
  }

  .m\:tw-text-xxl {
    font-size: 2.5714285714285716rem
  }

  .m\:tw-text-l {
    font-size: 1.4285714285714286rem
  }

  .m\:tw-text-xs {
    font-size: .8571428571428571rem
  }

  .m\:tw-text-s {
    font-size: 1rem
  }

  .m\:tw-leading-m {
    line-height: 20px
  }

  .m\:tw-leading-\[28px\] {
    line-height: 28px
  }

  .m\:tw-leading-xl {
    line-height: 40px
  }

  .m\:tw-leading-l {
    line-height: 24px
  }

  .m\:tw-leading-s {
    line-height: 16px
  }

  .m\:\!tw-shadow-none {
    --tw-shadow: 0 0 transparent !important;
    --tw-shadow-colored: 0 0 var(--tw-shadow-color) !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow) !important
  }
}

@media (min-width:1280px) {
  .ml\:tw-left-\[180px\] {
    left: 180px
  }

  .ml\:tw-mx-s {
    margin-right: 4px
  }

  .ml\:tw-ml-s,
  .ml\:tw-mx-s {
    margin-left: 4px
  }

  .ml\:tw-mr-n {
    margin-right: 8px
  }

  .ml\:tw-mb-0 {
    margin-bottom: 0
  }

  .ml\:tw-block {
    display: block
  }

  .ml\:tw-flex {
    display: flex
  }

  .ml\:tw-hidden {
    display: none
  }

  .ml\:tw-w-\[180px\] {
    width: 180px
  }

  .ml\:tw-w-1\/2 {
    width: 50%
  }

  .ml\:tw-w-\[144px\] {
    width: 144px
  }

  .ml\:tw-w-\[48px\] {
    width: 48px
  }

  .ml\:tw-w-\[calc\(100\%-320px\)\] {
    width: calc(100% - 320px)
  }

  .ml\:tw-max-w-\[inherit\] {
    max-width: inherit
  }

  .ml\:tw-max-w-\[80\%\] {
    max-width: 80%
  }

  .ml\:tw-flex-row {
    flex-direction: row
  }

  .ml\:tw-rounded-m {
    border-radius: 16px
  }

  .ml\:tw-border-b-0 {
    border-bottom-width: 0
  }

  .ml\:tw-pt-m {
    padding-top: 16px
  }

  .ml\:tw-text-xs {
    font-size: .8571428571428571rem
  }

  .ml\:tw-text-m {
    font-size: 1.1428571428571428rem
  }
}

@media (min-width:1366px) {
  .l\:tw-mx-0 {
    margin-left: 0;
    margin-right: 0
  }

  .l\:tw-mt-xl {
    margin-top: 32px
  }

  .l\:tw-mb-xxl {
    margin-bottom: 40px
  }

  .l\:tw-mr-n {
    margin-right: 8px
  }

  .l\:tw-mb-0 {
    margin-bottom: 0
  }

  .l\:tw-mt-xs {
    margin-top: 2px
  }

  .l\:tw-block {
    display: block
  }

  .l\:tw-flex {
    display: flex
  }

  .l\:tw-grid {
    display: grid
  }

  .l\:tw-w-\[280px\] {
    width: 280px
  }

  .l\:tw-w-\[360px\] {
    width: 360px
  }

  .l\:tw-w-\[900px\] {
    width: 900px
  }

  .l\:tw-min-w-\[540px\] {
    min-width: 540px
  }

  .l\:tw-max-w-\[920px\] {
    max-width: 920px
  }

  .l\:tw-max-w-\[60\%\] {
    max-width: 60%
  }

  .l\:tw-flex-grow {
    flex-grow: 1
  }

  .l\:tw-grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }

  .l\:tw-flex-row-reverse {
    flex-direction: row-reverse
  }

  .l\:tw-gap-x-n {
    -moz-column-gap: 8px;
    column-gap: 8px
  }

  .l\:tw-gap-x-m {
    -moz-column-gap: 16px;
    column-gap: 16px
  }

  .l\:tw-p-s {
    padding: 4px
  }

  .l\:tw-pr-m {
    padding-right: 16px
  }

  .l\:tw-pb-n {
    padding-bottom: 8px
  }

  .l\:tw-text-xl {
    font-size: 1.7142857142857142rem
  }

  .l\:tw-text-l {
    font-size: 1.4285714285714286rem
  }
}

@media (hover:hover) {
  @media (hover:hover) and (pointer:fine) {
    .target-pointer\:hover\:tw-bg-transparent:hover {
      background-color: transparent
    }

    .target-pointer\:hover\:tw-bg-n-90-dark-snow:hover {
      --tw-bg-opacity: 1;
      background-color: rgb(224 228 234/var(--tw-bg-opacity))
    }
  }
}

@media (orientation:portrait) {
  .portrait\:tw-h-full {
    height: 100%
  }
}

.\[\&\:not\(\:last-child\)\]\:tw-mb-m:not(:last-child) {
  margin-bottom: 16px
}

.\[\&\:not\(\:disabled\)\]\:tw-cursor-pointer:not(:disabled) {
  cursor: pointer
}

@media (hover:hover) and (pointer:fine) {
  .hover\:\[\&\:not\(\:disabled\)\]\:tw-bg-hermes:not(:disabled):hover {
    --tw-bg-opacity: 1;
    background-color: rgb(91 46 255/var(--tw-bg-opacity))
  }

  .hover\:\[\&\:not\(\:disabled\)\]\:tw-bg-jupiter:not(:disabled):hover {
    --tw-bg-opacity: 1;
    background-color: rgb(9 150 160/var(--tw-bg-opacity))
  }

  .hover\:\[\&\:not\(\:disabled\)\]\:tw-bg-neptune:not(:disabled):hover {
    --tw-bg-opacity: 1;
    background-color: rgb(165 25 193/var(--tw-bg-opacity))
  }
}

.\[\&\:hover\:not\(\:disabled\)\]\:tw-bg-secondary:hover:not(:disabled) {
  background-color: var(--theme-brand-color-secondary)
}

.\[\&\>\.ripple\]\:tw-absolute>.tw-ripple {
  position: absolute
}

.\[\&\>\.ripple\]\:tw-scale-0>.tw-ripple {
  --tw-scale-x: 0;
  --tw-scale-y: 0;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

@keyframes tw-ripple {
  0% {
    transform: scale(.1);
    opacity: .75
  }

  50% {
    transform: scale(1);
    opacity: 0
  }

  to {
    opacity: 0
  }
}

.\[\&\>\.ripple\]\:tw-animate-\[ripple_1s_ease-in\]>.tw-ripple {
  animation: tw-ripple 1s ease-in
}

.\[\&\>\.ripple\]\:tw-rounded-bubble>.tw-ripple {
  border-radius: 50%
}

.\[\&\:disabled\>\.ripple\]\:tw-hidden:disabled>.tw-ripple {
  display: none
}

.\[\&\:not\(\:first-child\)\]\:tw-ml-n:not(:first-child) {
  margin-left: 8px
}

.\[\&\:first-child\]\:tw-mb-n:first-child {
  margin-bottom: 8px
}

[data-v-260f5559]:export {
  fontSizeXS: .85714rem;
  fontSizeS: 1rem;
  colorAfrodite: #f3d113;
  colorSmokey300: #b6bcc6;
  colorLicorice600: #2d3745;
  colorLicorice600Rgb: 45, 55, 69;
  colorSteel800: #1c2026;
  colorSteel800Rgb: 28, 32, 38;
  colorEastBay400: #48576f;
  colorWhiteSnow: #fff;
  colorWhiteSnowRgb: 255, 255, 255;
  colorCloudBurst: #374456;
  colorDirtySnow100: #eceff1;
  colorDirtySnow100Rgb: 236, 239, 241;
  colorDarkSnow200: #e0e4ea;
  coloDarkSteel900: #101419;
  colorSlate: #69778b;
  colorMars: #f0506e;
  colorMoon: #1b67da;
  colorMoonBaseLight: #6db9ff;
  colorPearl700: #232b36;
  colorPearl700Rgb: 35, 43, 54;
  colorPorcelain: #f6f8f9;
  colorSpecialCompetition: #8a1538;
  colorHermesLight: #bca9ff;
  colorRaspberry: #e70161;
  colorSilverMist: #d1d7e0
}

.color-smokey-300[data-v-260f5559] {
  color: #b6bcc6
}

.color-slate[data-v-260f5559] {
  color: #69778b
}

.color-steel-800[data-v-260f5559] {
  color: #1c2026
}

.color-east-bay-400[data-v-260f5559] {
  color: #48576f
}

[data-v-260f5559]:export {
  opacityFull: 1;
  opacityXxl: .95;
  opacityXl: .87;
  opacityL: .54;
  opacityM: .38;
  opacityS: .17;
  opacityXs: .05;
  opacityZero: 0
}

.opacity-xl[data-v-260f5559] {
  opacity: .87
}

@media screen and (min-width:1025px) {
  [data-v-260f5559]::-webkit-scrollbar {
    width: 6px;
    background-color: transparent
  }

  [data-v-260f5559]::-webkit-scrollbar-thumb {
    background-color: #69778b;
    border-radius: 100px
  }

  [data-v-260f5559]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(105, 119, 139, .54)
  }
}

@supports (-moz-appearance:none) {
  [data-v-260f5559] {
    scrollbar-width: thin
  }
}

.virtual-stadium-drawer[data-v-260f5559] {
  height: inherit;
  overflow: auto;
  -webkit-overflow-scrolling: touch
}

.virtual-stadium-draggable[data-v-260f5559] {
  height: calc(100% - 56px)
}

.betano-lightning {
  clip-path: polygon(0 0, 0 0, 100% 0, 93% 50%, 100% 50%, 93% 100%, 0 100%);
  -webkit-clip-path: polygon(0 0, 0 0, 100% 0, 93% 50%, 100% 50%, 93% 100%, 0 100%)
}

.selection-horizontal-button {
  -webkit-touch-callout: none
}

[data-v-419b56f5]:export {
  fontSizeXS: .85714rem;
  fontSizeS: 1rem;
  colorAfrodite: #f3d113;
  colorSmokey300: #b6bcc6;
  colorLicorice600: #2d3745;
  colorLicorice600Rgb: 45, 55, 69;
  colorSteel800: #1c2026;
  colorSteel800Rgb: 28, 32, 38;
  colorEastBay400: #48576f;
  colorWhiteSnow: #fff;
  colorWhiteSnowRgb: 255, 255, 255;
  colorCloudBurst: #374456;
  colorDirtySnow100: #eceff1;
  colorDirtySnow100Rgb: 236, 239, 241;
  colorDarkSnow200: #e0e4ea;
  coloDarkSteel900: #101419;
  colorSlate: #69778b;
  colorMars: #f0506e;
  colorMoon: #1b67da;
  colorMoonBaseLight: #6db9ff;
  colorPearl700: #232b36;
  colorPearl700Rgb: 35, 43, 54;
  colorPorcelain: #f6f8f9;
  colorSpecialCompetition: #8a1538;
  colorHermesLight: #bca9ff;
  colorRaspberry: #e70161;
  colorSilverMist: #d1d7e0
}

.color-smokey-300[data-v-419b56f5] {
  color: #b6bcc6
}

.color-slate[data-v-419b56f5] {
  color: #69778b
}

.color-steel-800[data-v-419b56f5] {
  color: #1c2026
}

.color-east-bay-400[data-v-419b56f5] {
  color: #48576f
}

[data-v-419b56f5]:export {
  opacityFull: 1;
  opacityXxl: .95;
  opacityXl: .87;
  opacityL: .54;
  opacityM: .38;
  opacityS: .17;
  opacityXs: .05;
  opacityZero: 0
}

.opacity-xl[data-v-419b56f5] {
  opacity: .87
}

@media screen and (min-width:1025px) {
  [data-v-419b56f5]::-webkit-scrollbar {
    width: 6px;
    background-color: transparent
  }

  [data-v-419b56f5]::-webkit-scrollbar-thumb {
    background-color: #69778b;
    border-radius: 100px
  }

  [data-v-419b56f5]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(105, 119, 139, .54)
  }
}

@supports (-moz-appearance:none) {
  [data-v-419b56f5] {
    scrollbar-width: thin
  }
}

.event-clock[data-v-419b56f5] {
  display: block
}

.racing-list-item[data-v-707479ee] {
  transition: all 1s;
  display: block
}

.racing-list-enter-from[data-v-707479ee] {
  opacity: 0;
  transform: translateY(30px)
}

.racing-list-enter[data-v-707479ee],
.racing-list-leave-to[data-v-707479ee] {
  opacity: 0
}

.racing-list-leave-active[data-v-707479ee] {
  opacity: 0;
  position: absolute
}

@media screen and (max-width:425px) {
  .sportshub-standalone-bod-container .bod-event-ui-card {
    width: var(--35aaf35a);
    height: var(--b3516b8c);
    aspect-ratio: var(--349b8540);
    min-height: 160px;
    min-width: 320px
  }
}

[data-v-1aef8c67]:export {
  fontSizeXS: .85714rem;
  fontSizeS: 1rem;
  colorAfrodite: #f3d113;
  colorSmokey300: #b6bcc6;
  colorLicorice600: #2d3745;
  colorLicorice600Rgb: 45, 55, 69;
  colorSteel800: #1c2026;
  colorSteel800Rgb: 28, 32, 38;
  colorEastBay400: #48576f;
  colorWhiteSnow: #fff;
  colorWhiteSnowRgb: 255, 255, 255;
  colorCloudBurst: #374456;
  colorDirtySnow100: #eceff1;
  colorDirtySnow100Rgb: 236, 239, 241;
  colorDarkSnow200: #e0e4ea;
  coloDarkSteel900: #101419;
  colorSlate: #69778b;
  colorMars: #f0506e;
  colorMoon: #1b67da;
  colorMoonBaseLight: #6db9ff;
  colorPearl700: #232b36;
  colorPearl700Rgb: 35, 43, 54;
  colorPorcelain: #f6f8f9;
  colorSpecialCompetition: #8a1538;
  colorHermesLight: #bca9ff;
  colorRaspberry: #e70161;
  colorSilverMist: #d1d7e0
}

.color-smokey-300[data-v-1aef8c67] {
  color: #b6bcc6
}

.color-slate[data-v-1aef8c67] {
  color: #69778b
}

.color-steel-800[data-v-1aef8c67] {
  color: #1c2026
}

.color-east-bay-400[data-v-1aef8c67] {
  color: #48576f
}

[data-v-1aef8c67]:export {
  opacityFull: 1;
  opacityXxl: .95;
  opacityXl: .87;
  opacityL: .54;
  opacityM: .38;
  opacityS: .17;
  opacityXs: .05;
  opacityZero: 0
}

.opacity-xl[data-v-1aef8c67] {
  opacity: .87
}

@media screen and (min-width:1025px) {
  [data-v-1aef8c67]::-webkit-scrollbar {
    width: 6px;
    background-color: transparent
  }

  [data-v-1aef8c67]::-webkit-scrollbar-thumb {
    background-color: #69778b;
    border-radius: 100px
  }

  [data-v-1aef8c67]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(105, 119, 139, .54)
  }
}

@supports (-moz-appearance:none) {
  [data-v-1aef8c67] {
    scrollbar-width: thin
  }
}

.sb-slider__button__icon--dark[data-v-1aef8c67] {
  background: #2d3745;
  border-radius: 8px
}

.sb-slider__button__icon__next--hover-transition[data-v-1aef8c67] {
  opacity: 0;
  transition: opacity .3s, transform .3s;
  transform: translate(100%)
}

.sb-slider:hover .sb-slider__button__icon__next--hover-transition[data-v-1aef8c67] {
  opacity: 1;
  transform: translate(0)
}

.sb-slider__button__icon__prev--hover-transition[data-v-1aef8c67] {
  opacity: 0;
  transition: opacity .3s, transform .3s;
  transform: translate(-100%)
}

.sb-slider:hover .sb-slider__button__icon__prev--hover-transition[data-v-1aef8c67] {
  opacity: 1;
  transform: translate(0)
}

[data-v-23a72702]:export {
  fontSizeXS: .85714rem;
  fontSizeS: 1rem;
  colorAfrodite: #f3d113;
  colorSmokey300: #b6bcc6;
  colorLicorice600: #2d3745;
  colorLicorice600Rgb: 45, 55, 69;
  colorSteel800: #1c2026;
  colorSteel800Rgb: 28, 32, 38;
  colorEastBay400: #48576f;
  colorWhiteSnow: #fff;
  colorWhiteSnowRgb: 255, 255, 255;
  colorCloudBurst: #374456;
  colorDirtySnow100: #eceff1;
  colorDirtySnow100Rgb: 236, 239, 241;
  colorDarkSnow200: #e0e4ea;
  coloDarkSteel900: #101419;
  colorSlate: #69778b;
  colorMars: #f0506e;
  colorMoon: #1b67da;
  colorMoonBaseLight: #6db9ff;
  colorPearl700: #232b36;
  colorPearl700Rgb: 35, 43, 54;
  colorPorcelain: #f6f8f9;
  colorSpecialCompetition: #8a1538;
  colorHermesLight: #bca9ff;
  colorRaspberry: #e70161;
  colorSilverMist: #d1d7e0
}

.color-smokey-300[data-v-23a72702] {
  color: #b6bcc6
}

.color-slate[data-v-23a72702] {
  color: #69778b
}

.color-steel-800[data-v-23a72702] {
  color: #1c2026
}

.color-east-bay-400[data-v-23a72702] {
  color: #48576f
}

[data-v-23a72702]:export {
  opacityFull: 1;
  opacityXxl: .95;
  opacityXl: .87;
  opacityL: .54;
  opacityM: .38;
  opacityS: .17;
  opacityXs: .05;
  opacityZero: 0
}

.opacity-xl[data-v-23a72702] {
  opacity: .87
}

@media screen and (min-width:1025px) {
  [data-v-23a72702]::-webkit-scrollbar {
    width: 6px;
    background-color: transparent
  }

  [data-v-23a72702]::-webkit-scrollbar-thumb {
    background-color: #69778b;
    border-radius: 100px
  }

  [data-v-23a72702]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(105, 119, 139, .54)
  }
}

@supports (-moz-appearance:none) {
  [data-v-23a72702] {
    scrollbar-width: thin
  }
}

.section-title[data-v-23a72702] {
  display: flex;
  align-items: center
}

.section-title__image[data-v-23a72702] {
  display: flex;
  align-items: center;
  margin-right: 4px
}

.section-title__text[data-v-23a72702] {
  font-size: 1.42857rem;
  line-height: 40px;
  color: var(--section-title-color);
  opacity: var(--section-title-opacity)
}

.section-title__text--bold[data-v-23a72702] {
  font-weight: 700
}

.section-title__text--mobile[data-v-23a72702] {
  font-size: 1.14286rem;
  line-height: 24px
}

[data-v-5fadf9ad]:export {
  fontSizeXS: .85714rem;
  fontSizeS: 1rem;
  colorAfrodite: #f3d113;
  colorSmokey300: #b6bcc6;
  colorLicorice600: #2d3745;
  colorLicorice600Rgb: 45, 55, 69;
  colorSteel800: #1c2026;
  colorSteel800Rgb: 28, 32, 38;
  colorEastBay400: #48576f;
  colorWhiteSnow: #fff;
  colorWhiteSnowRgb: 255, 255, 255;
  colorCloudBurst: #374456;
  colorDirtySnow100: #eceff1;
  colorDirtySnow100Rgb: 236, 239, 241;
  colorDarkSnow200: #e0e4ea;
  coloDarkSteel900: #101419;
  colorSlate: #69778b;
  colorMars: #f0506e;
  colorMoon: #1b67da;
  colorMoonBaseLight: #6db9ff;
  colorPearl700: #232b36;
  colorPearl700Rgb: 35, 43, 54;
  colorPorcelain: #f6f8f9;
  colorSpecialCompetition: #8a1538;
  colorHermesLight: #bca9ff;
  colorRaspberry: #e70161;
  colorSilverMist: #d1d7e0
}

.color-smokey-300[data-v-5fadf9ad] {
  color: #b6bcc6
}

.color-slate[data-v-5fadf9ad] {
  color: #69778b
}

.color-steel-800[data-v-5fadf9ad] {
  color: #1c2026
}

.color-east-bay-400[data-v-5fadf9ad] {
  color: #48576f
}

[data-v-5fadf9ad]:export {
  opacityFull: 1;
  opacityXxl: .95;
  opacityXl: .87;
  opacityL: .54;
  opacityM: .38;
  opacityS: .17;
  opacityXs: .05;
  opacityZero: 0
}

.opacity-xl[data-v-5fadf9ad] {
  opacity: .87
}

@media screen and (min-width:1025px) {
  [data-v-5fadf9ad]::-webkit-scrollbar {
    width: 6px;
    background-color: transparent
  }

  [data-v-5fadf9ad]::-webkit-scrollbar-thumb {
    background-color: #69778b;
    border-radius: 100px
  }

  [data-v-5fadf9ad]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(105, 119, 139, .54)
  }
}

@supports (-moz-appearance:none) {
  [data-v-5fadf9ad] {
    scrollbar-width: thin
  }
}

.swiper-slide[data-v-5fadf9ad] {
  width: auto !important;
  cursor: pointer
}

[data-v-5b5cb276]:export {
  fontSizeXS: .85714rem;
  fontSizeS: 1rem;
  colorAfrodite: #f3d113;
  colorSmokey300: #b6bcc6;
  colorLicorice600: #2d3745;
  colorLicorice600Rgb: 45, 55, 69;
  colorSteel800: #1c2026;
  colorSteel800Rgb: 28, 32, 38;
  colorEastBay400: #48576f;
  colorWhiteSnow: #fff;
  colorWhiteSnowRgb: 255, 255, 255;
  colorCloudBurst: #374456;
  colorDirtySnow100: #eceff1;
  colorDirtySnow100Rgb: 236, 239, 241;
  colorDarkSnow200: #e0e4ea;
  coloDarkSteel900: #101419;
  colorSlate: #69778b;
  colorMars: #f0506e;
  colorMoon: #1b67da;
  colorMoonBaseLight: #6db9ff;
  colorPearl700: #232b36;
  colorPearl700Rgb: 35, 43, 54;
  colorPorcelain: #f6f8f9;
  colorSpecialCompetition: #8a1538;
  colorHermesLight: #bca9ff;
  colorRaspberry: #e70161;
  colorSilverMist: #d1d7e0
}

.color-smokey-300[data-v-5b5cb276] {
  color: #b6bcc6
}

.color-slate[data-v-5b5cb276] {
  color: #69778b
}

.color-steel-800[data-v-5b5cb276] {
  color: #1c2026
}

.color-east-bay-400[data-v-5b5cb276] {
  color: #48576f
}

[data-v-5b5cb276]:export {
  opacityFull: 1;
  opacityXxl: .95;
  opacityXl: .87;
  opacityL: .54;
  opacityM: .38;
  opacityS: .17;
  opacityXs: .05;
  opacityZero: 0
}

.opacity-xl[data-v-5b5cb276] {
  opacity: .87
}

@media screen and (min-width:1025px) {
  [data-v-5b5cb276]::-webkit-scrollbar {
    width: 6px;
    background-color: transparent
  }

  [data-v-5b5cb276]::-webkit-scrollbar-thumb {
    background-color: #69778b;
    border-radius: 100px
  }

  [data-v-5b5cb276]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(105, 119, 139, .54)
  }
}

@supports (-moz-appearance:none) {
  [data-v-5b5cb276] {
    scrollbar-width: thin
  }
}

.promo-market-content[data-v-5b5cb276] {
  display: flex;
  flex: 1
}

.promo-market-content-icon[data-v-5b5cb276] {
  display: flex;
  min-width: 32px
}

.promo-market-content-icon--moon[data-v-5b5cb276] {
  padding: 4px;
  font-size: .64286rem;
  color: #1b67da
}

.promo-market-content-icon--same-game-parlay[data-v-5b5cb276] {
  padding: 4px;
  font-size: 7px;
  color: #1b67da;
  font-weight: 900;
  text-align: left;
  margin-top: 4px
}

.promo-market-content-text[data-v-5b5cb276] {
  display: flex;
  flex-direction: column;
  flex: 1;
  margin-left: 4px;
  font-size: .85714rem;
  line-height: 16px
}

.promo-market-content-text__title[data-v-5b5cb276] {
  color: #6233ff;
  font-weight: 700;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  gap: 4px
}

.promo-market-content-text__title--moon[data-v-5b5cb276] {
  color: #1b67da
}

.promo-market-content-text__title--neptune[data-v-5b5cb276] {
  color: #a519c1
}

.promo-market-content-text__subtitle[data-v-5b5cb276] {
  color: initial
}

.promo-market-content-text__subtitle--emphasize[data-v-5b5cb276] {
  font-weight: 700
}

.promo-market-content-tooltip[data-v-5b5cb276] {
  cursor: pointer
}

[data-v-51358ad0]:export {
  fontSizeXS: .85714rem;
  fontSizeS: 1rem;
  colorAfrodite: #f3d113;
  colorSmokey300: #b6bcc6;
  colorLicorice600: #2d3745;
  colorLicorice600Rgb: 45, 55, 69;
  colorSteel800: #1c2026;
  colorSteel800Rgb: 28, 32, 38;
  colorEastBay400: #48576f;
  colorWhiteSnow: #fff;
  colorWhiteSnowRgb: 255, 255, 255;
  colorCloudBurst: #374456;
  colorDirtySnow100: #eceff1;
  colorDirtySnow100Rgb: 236, 239, 241;
  colorDarkSnow200: #e0e4ea;
  coloDarkSteel900: #101419;
  colorSlate: #69778b;
  colorMars: #f0506e;
  colorMoon: #1b67da;
  colorMoonBaseLight: #6db9ff;
  colorPearl700: #232b36;
  colorPearl700Rgb: 35, 43, 54;
  colorPorcelain: #f6f8f9;
  colorSpecialCompetition: #8a1538;
  colorHermesLight: #bca9ff;
  colorRaspberry: #e70161;
  colorSilverMist: #d1d7e0
}

.color-smokey-300[data-v-51358ad0] {
  color: #b6bcc6
}

.color-slate[data-v-51358ad0] {
  color: #69778b
}

.color-steel-800[data-v-51358ad0] {
  color: #1c2026
}

.color-east-bay-400[data-v-51358ad0] {
  color: #48576f
}

[data-v-51358ad0]:export {
  opacityFull: 1;
  opacityXxl: .95;
  opacityXl: .87;
  opacityL: .54;
  opacityM: .38;
  opacityS: .17;
  opacityXs: .05;
  opacityZero: 0
}

.opacity-xl[data-v-51358ad0] {
  opacity: .87
}

@media screen and (min-width:1025px) {
  [data-v-51358ad0]::-webkit-scrollbar {
    width: 6px;
    background-color: transparent
  }

  [data-v-51358ad0]::-webkit-scrollbar-thumb {
    background-color: #69778b;
    border-radius: 100px
  }

  [data-v-51358ad0]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(105, 119, 139, .54)
  }
}

@supports (-moz-appearance:none) {
  [data-v-51358ad0] {
    scrollbar-width: thin
  }
}

.promo-market-content[data-v-51358ad0] {
  display: flex;
  flex: 1
}

.promo-market-content-icon[data-v-51358ad0] {
  display: flex;
  min-width: 32px
}

.promo-market-content-icon--moon[data-v-51358ad0] {
  padding: 4px;
  font-size: .64286rem;
  color: #1b67da
}

.promo-market-content-text[data-v-51358ad0] {
  display: flex;
  flex-direction: column;
  flex: 1;
  margin-left: 4px;
  z-index: 100;
  font-size: .85714rem;
  line-height: 16px
}

.promo-market-content-text__title[data-v-51358ad0] {
  color: #6233ff;
  font-weight: 700;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  gap: 4px
}

.promo-market-content-text__title--moon[data-v-51358ad0] {
  color: #1b67da
}

.promo-market-content-text__title--neptune[data-v-51358ad0] {
  color: #a519c1
}

.promo-market-content-text__subtitle[data-v-51358ad0] {
  display: inline;
  color: initial
}

.promo-market-content-text__subtitle[data-v-51358ad0]:not(:first-child):before {
  content: " \2022";
  color: #1b67da
}

.promo-market-content-text__subtitle--emphasize[data-v-51358ad0] {
  font-weight: 700
}

.promo-market-content-tooltip[data-v-51358ad0] {
  cursor: pointer
}

[data-v-39e46941]:export {
  fontSizeXS: .85714rem;
  fontSizeS: 1rem;
  colorAfrodite: #f3d113;
  colorSmokey300: #b6bcc6;
  colorLicorice600: #2d3745;
  colorLicorice600Rgb: 45, 55, 69;
  colorSteel800: #1c2026;
  colorSteel800Rgb: 28, 32, 38;
  colorEastBay400: #48576f;
  colorWhiteSnow: #fff;
  colorWhiteSnowRgb: 255, 255, 255;
  colorCloudBurst: #374456;
  colorDirtySnow100: #eceff1;
  colorDirtySnow100Rgb: 236, 239, 241;
  colorDarkSnow200: #e0e4ea;
  coloDarkSteel900: #101419;
  colorSlate: #69778b;
  colorMars: #f0506e;
  colorMoon: #1b67da;
  colorMoonBaseLight: #6db9ff;
  colorPearl700: #232b36;
  colorPearl700Rgb: 35, 43, 54;
  colorPorcelain: #f6f8f9;
  colorSpecialCompetition: #8a1538;
  colorHermesLight: #bca9ff;
  colorRaspberry: #e70161;
  colorSilverMist: #d1d7e0
}

.color-smokey-300[data-v-39e46941] {
  color: #b6bcc6
}

.color-slate[data-v-39e46941] {
  color: #69778b
}

.color-steel-800[data-v-39e46941] {
  color: #1c2026
}

.color-east-bay-400[data-v-39e46941] {
  color: #48576f
}

[data-v-39e46941]:export {
  opacityFull: 1;
  opacityXxl: .95;
  opacityXl: .87;
  opacityL: .54;
  opacityM: .38;
  opacityS: .17;
  opacityXs: .05;
  opacityZero: 0
}

.opacity-xl[data-v-39e46941] {
  opacity: .87
}

@media screen and (min-width:1025px) {
  [data-v-39e46941]::-webkit-scrollbar {
    width: 6px;
    background-color: transparent
  }

  [data-v-39e46941]::-webkit-scrollbar-thumb {
    background-color: #69778b;
    border-radius: 100px
  }

  [data-v-39e46941]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(105, 119, 139, .54)
  }
}

@supports (-moz-appearance:none) {
  [data-v-39e46941] {
    scrollbar-width: thin
  }
}

[data-v-39e46941] .home-seo-text {
  font-size: .85714rem;
  line-height: 16px;
  color: #48576f
}

[data-v-39e46941] .home-seo-text a {
  font-weight: 700;
  color: #48576f;
  text-decoration: underline
}

[data-v-39e46941] .home-seo-text a span {
  font-weight: 700 !important
}

[data-v-39e46941] .home-seo-text h1,
[data-v-39e46941] .home-seo-text h2,
[data-v-39e46941] .home-seo-text h3,
[data-v-39e46941] .home-seo-text h4,
[data-v-39e46941] .home-seo-text h5,
[data-v-39e46941] .home-seo-text h6 {
  font-size: .85714rem;
  line-height: 16px;
  font-weight: 700 !important;
  color: #1c2026;
  margin: 24px 0 4px
}

[data-v-39e46941] .home-seo-text h1:first-child,
[data-v-39e46941] .home-seo-text h2:first-child,
[data-v-39e46941] .home-seo-text h3:first-child,
[data-v-39e46941] .home-seo-text h4:first-child,
[data-v-39e46941] .home-seo-text h5:first-child,
[data-v-39e46941] .home-seo-text h6:first-child {
  margin-top: 0
}

[data-v-39e46941] .home-seo-text h1:last-child,
[data-v-39e46941] .home-seo-text h2:last-child,
[data-v-39e46941] .home-seo-text h3:last-child,
[data-v-39e46941] .home-seo-text h4:last-child,
[data-v-39e46941] .home-seo-text h5:last-child,
[data-v-39e46941] .home-seo-text h6:last-child {
  margin-bottom: 0
}

[data-v-39e46941] .home-seo-text h1+p,
[data-v-39e46941] .home-seo-text h2+p,
[data-v-39e46941] .home-seo-text h3+p,
[data-v-39e46941] .home-seo-text h4+p,
[data-v-39e46941] .home-seo-text h5+p,
[data-v-39e46941] .home-seo-text h6+p {
  margin-top: 4px
}

[data-v-39e46941] .home-seo-text h1 span,
[data-v-39e46941] .home-seo-text h2 span,
[data-v-39e46941] .home-seo-text h3 span,
[data-v-39e46941] .home-seo-text h4 span,
[data-v-39e46941] .home-seo-text h5 span,
[data-v-39e46941] .home-seo-text h6 span {
  font-weight: 700 !important
}

[data-v-39e46941] .live-seo-text {
  font-size: .85714rem;
  line-height: 16px;
  color: #b6bcc6
}

[data-v-39e46941] .live-seo-text a {
  font-weight: 700;
  color: #b6bcc6;
  text-decoration: underline
}

[data-v-39e46941] .live-seo-text a span {
  font-weight: 700 !important
}

[data-v-39e46941] .live-seo-text h1,
[data-v-39e46941] .live-seo-text h2,
[data-v-39e46941] .live-seo-text h3,
[data-v-39e46941] .live-seo-text h4,
[data-v-39e46941] .live-seo-text h5,
[data-v-39e46941] .live-seo-text h6 {
  font-size: .85714rem;
  line-height: 16px;
  font-weight: 700 !important;
  color: #fff;
  margin: 24px 0 4px
}

[data-v-39e46941] .live-seo-text h1:first-child,
[data-v-39e46941] .live-seo-text h2:first-child,
[data-v-39e46941] .live-seo-text h3:first-child,
[data-v-39e46941] .live-seo-text h4:first-child,
[data-v-39e46941] .live-seo-text h5:first-child,
[data-v-39e46941] .live-seo-text h6:first-child {
  margin-top: 0
}

[data-v-39e46941] .live-seo-text h1:last-child,
[data-v-39e46941] .live-seo-text h2:last-child,
[data-v-39e46941] .live-seo-text h3:last-child,
[data-v-39e46941] .live-seo-text h4:last-child,
[data-v-39e46941] .live-seo-text h5:last-child,
[data-v-39e46941] .live-seo-text h6:last-child {
  margin-bottom: 0
}

[data-v-39e46941] .live-seo-text h1 span,
[data-v-39e46941] .live-seo-text h2 span,
[data-v-39e46941] .live-seo-text h3 span,
[data-v-39e46941] .live-seo-text h4 span,
[data-v-39e46941] .live-seo-text h5 span,
[data-v-39e46941] .live-seo-text h6 span {
  font-weight: 700 !important
}

[data-v-39e46941] .live-seo-text h1+p,
[data-v-39e46941] .live-seo-text h2+p,
[data-v-39e46941] .live-seo-text h3+p,
[data-v-39e46941] .live-seo-text h4+p,
[data-v-39e46941] .live-seo-text h5+p,
[data-v-39e46941] .live-seo-text h6+p {
  margin-top: 4px
}

[data-v-03aef5d6]:export {
  fontSizeXS: .85714rem;
  fontSizeS: 1rem;
  colorAfrodite: #f3d113;
  colorSmokey300: #b6bcc6;
  colorLicorice600: #2d3745;
  colorLicorice600Rgb: 45, 55, 69;
  colorSteel800: #1c2026;
  colorSteel800Rgb: 28, 32, 38;
  colorEastBay400: #48576f;
  colorWhiteSnow: #fff;
  colorWhiteSnowRgb: 255, 255, 255;
  colorCloudBurst: #374456;
  colorDirtySnow100: #eceff1;
  colorDirtySnow100Rgb: 236, 239, 241;
  colorDarkSnow200: #e0e4ea;
  coloDarkSteel900: #101419;
  colorSlate: #69778b;
  colorMars: #f0506e;
  colorMoon: #1b67da;
  colorMoonBaseLight: #6db9ff;
  colorPearl700: #232b36;
  colorPearl700Rgb: 35, 43, 54;
  colorPorcelain: #f6f8f9;
  colorSpecialCompetition: #8a1538;
  colorHermesLight: #bca9ff;
  colorRaspberry: #e70161;
  colorSilverMist: #d1d7e0
}

.color-smokey-300[data-v-03aef5d6] {
  color: #b6bcc6
}

.color-slate[data-v-03aef5d6] {
  color: #69778b
}

.color-steel-800[data-v-03aef5d6] {
  color: #1c2026
}

.color-east-bay-400[data-v-03aef5d6] {
  color: #48576f
}

[data-v-03aef5d6]:export {
  opacityFull: 1;
  opacityXxl: .95;
  opacityXl: .87;
  opacityL: .54;
  opacityM: .38;
  opacityS: .17;
  opacityXs: .05;
  opacityZero: 0
}

.opacity-xl[data-v-03aef5d6] {
  opacity: .87
}

@media screen and (min-width:1025px) {
  [data-v-03aef5d6]::-webkit-scrollbar {
    width: 6px;
    background-color: transparent
  }

  [data-v-03aef5d6]::-webkit-scrollbar-thumb {
    background-color: #69778b;
    border-radius: 100px
  }

  [data-v-03aef5d6]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(105, 119, 139, .54)
  }
}

@supports (-moz-appearance:none) {
  [data-v-03aef5d6] {
    scrollbar-width: thin
  }
}

.zero-rake[data-v-03aef5d6] {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .71429rem;
  line-height: 12px;
  color: #fff;
  background-color: var(--brand-primary-color);
  border-radius: 50%;
  margin: 0 4px;
  cursor: default
}

.zero-rake--xxs[data-v-03aef5d6] {
  height: 15px;
  width: 15px;
  padding: 1px;
  font-size: 8px;
  line-height: 11px
}

.zero-rake--sxxs[data-v-03aef5d6] {
  margin: 1px;
  height: 14px;
  width: 14px;
  align-self: center;
  padding: 2px 1px 2px .5px;
  font-size: 8px;
  font-weight: 700;
  line-height: 9px
}

.zero-rake--xxxs[data-v-03aef5d6] {
  width: 12px;
  height: 12px;
  font-size: .64286rem;
  line-height: 12px
}

.zero-rake--xxxxs[data-v-03aef5d6] {
  width: 10px;
  height: 10px;
  margin: 0;
  font-weight: 700;
  line-height: 10px;
  font-size: .42857rem
}

.v-popper__popper.zero-rake-popup[data-v-03aef5d6] {
  z-index: 5
}

.lock-icon-color path,
.lock-icon-color polygon,
.lock-icon-color rect,
.lock-icon-color svg path,
.lock-icon-color svg polygon,
.lock-icon-color svg rect {
  fill: currentcolor;
  transition: .1s cubic-bezier(.64, 0, .35, 1)
}

.selection-vertical-button {
  -webkit-touch-callout: none
}

.selection-vertical-button--loading:before {
  left: 0;
  right: 0;
  background-color: var(--theme-brand-color-primary)
}

.selection-vertical-button--loading:after,
.selection-vertical-button--loading:before {
  position: absolute;
  top: 0;
  display: block;
  height: 2px;
  --tw-content: "";
  content: var(--tw-content)
}

.selection-vertical-button--loading:after {
  left: -200px;
  width: 200px;
  background-color: var(--theme-brand-color-primary-hover);
  animation: loading 2s linear infinite
}

.vue-recycle-scroller__item-view:has(.sb-dropdown) {
  z-index: 1
}

.live-event-list-scroller .vue-recycle-scroller__item-view {
  will-change: unset !important
}

.selection-horizontal-button--loading:before {
  left: 0;
  right: 0;
  background-color: var(--theme-brand-color-primary)
}

.selection-horizontal-button--loading:after,
.selection-horizontal-button--loading:before {
  position: absolute;
  top: 0;
  display: block;
  height: 2px;
  --tw-content: "";
  content: var(--tw-content)
}

.selection-horizontal-button--loading:after {
  left: -200px;
  width: 200px;
  background-color: var(--theme-brand-color-primary-hover);
  animation: loading 2s linear infinite
}

.selection-horizontal-button__title span.s-name {
  margin-right: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.selection-horizontal-button__title span.s-name-sub {
  margin-left: 2px
}

.selection-horizontal-button__title--wrap-text span.s-name {
  overflow: visible;
  white-space: normal;
  text-align: left;
  text-overflow: unset
}

.promo-market {
  background-color: #fff;
  padding: 12px;
  border-radius: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  border: 1px solid #e0e4ea;
  margin-bottom: 4px
}

.promo-market-selections {
  margin-top: 12px;
  z-index: 100
}

.promo-market-selections .selections__selection {
  max-width: 100%
}

[data-v-27e163c5]:export {
  fontSizeXS: .85714rem;
  fontSizeS: 1rem;
  colorAfrodite: #f3d113;
  colorSmokey300: #b6bcc6;
  colorLicorice600: #2d3745;
  colorLicorice600Rgb: 45, 55, 69;
  colorSteel800: #1c2026;
  colorSteel800Rgb: 28, 32, 38;
  colorEastBay400: #48576f;
  colorWhiteSnow: #fff;
  colorWhiteSnowRgb: 255, 255, 255;
  colorCloudBurst: #374456;
  colorDirtySnow100: #eceff1;
  colorDirtySnow100Rgb: 236, 239, 241;
  colorDarkSnow200: #e0e4ea;
  coloDarkSteel900: #101419;
  colorSlate: #69778b;
  colorMars: #f0506e;
  colorMoon: #1b67da;
  colorMoonBaseLight: #6db9ff;
  colorPearl700: #232b36;
  colorPearl700Rgb: 35, 43, 54;
  colorPorcelain: #f6f8f9;
  colorSpecialCompetition: #8a1538;
  colorHermesLight: #bca9ff;
  colorRaspberry: #e70161;
  colorSilverMist: #d1d7e0
}

.color-smokey-300[data-v-27e163c5] {
  color: #b6bcc6
}

.color-slate[data-v-27e163c5] {
  color: #69778b
}

.color-steel-800[data-v-27e163c5] {
  color: #1c2026
}

.color-east-bay-400[data-v-27e163c5] {
  color: #48576f
}

[data-v-27e163c5]:export {
  opacityFull: 1;
  opacityXxl: .95;
  opacityXl: .87;
  opacityL: .54;
  opacityM: .38;
  opacityS: .17;
  opacityXs: .05;
  opacityZero: 0
}

.opacity-xl[data-v-27e163c5] {
  opacity: .87
}

@media screen and (min-width:1025px) {
  [data-v-27e163c5]::-webkit-scrollbar {
    width: 6px;
    background-color: transparent
  }

  [data-v-27e163c5]::-webkit-scrollbar-thumb {
    background-color: #69778b;
    border-radius: 100px
  }

  [data-v-27e163c5]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(105, 119, 139, .54)
  }
}

@supports (-moz-appearance:none) {
  [data-v-27e163c5] {
    scrollbar-width: thin
  }
}

.story-groups-wrapper[data-v-27e163c5] {
  display: flex;
  overflow: hidden;
  margin-left: 8px;
  padding-bottom: 8px;
  min-height: 110px
}

@media screen and (min-width:825px) {
  .story-groups-wrapper[data-v-27e163c5] {
    height: 120px;
    background: #eceff1;
    margin: 0 8px 8px;
    padding-bottom: 0
  }
}

.story-groups-wrapper--special[data-v-27e163c5] {
  padding: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}

@media screen and (min-width:825px) {
  .story-groups-wrapper--special[data-v-27e163c5] {
    padding: 0 0 4px 8px
  }
}

[data-v-2676942b]:export {
  fontSizeXS: .85714rem;
  fontSizeS: 1rem;
  colorAfrodite: #f3d113;
  colorSmokey300: #b6bcc6;
  colorLicorice600: #2d3745;
  colorLicorice600Rgb: 45, 55, 69;
  colorSteel800: #1c2026;
  colorSteel800Rgb: 28, 32, 38;
  colorEastBay400: #48576f;
  colorWhiteSnow: #fff;
  colorWhiteSnowRgb: 255, 255, 255;
  colorCloudBurst: #374456;
  colorDirtySnow100: #eceff1;
  colorDirtySnow100Rgb: 236, 239, 241;
  colorDarkSnow200: #e0e4ea;
  coloDarkSteel900: #101419;
  colorSlate: #69778b;
  colorMars: #f0506e;
  colorMoon: #1b67da;
  colorMoonBaseLight: #6db9ff;
  colorPearl700: #232b36;
  colorPearl700Rgb: 35, 43, 54;
  colorPorcelain: #f6f8f9;
  colorSpecialCompetition: #8a1538;
  colorHermesLight: #bca9ff;
  colorRaspberry: #e70161;
  colorSilverMist: #d1d7e0
}

.color-smokey-300[data-v-2676942b] {
  color: #b6bcc6
}

.color-slate[data-v-2676942b] {
  color: #69778b
}

.color-steel-800[data-v-2676942b] {
  color: #1c2026
}

.color-east-bay-400[data-v-2676942b] {
  color: #48576f
}

[data-v-2676942b]:export {
  opacityFull: 1;
  opacityXxl: .95;
  opacityXl: .87;
  opacityL: .54;
  opacityM: .38;
  opacityS: .17;
  opacityXs: .05;
  opacityZero: 0
}

.opacity-xl[data-v-2676942b] {
  opacity: .87
}

@media screen and (min-width:1025px) {
  [data-v-2676942b]::-webkit-scrollbar {
    width: 6px;
    background-color: transparent
  }

  [data-v-2676942b]::-webkit-scrollbar-thumb {
    background-color: #69778b;
    border-radius: 100px
  }

  [data-v-2676942b]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(105, 119, 139, .54)
  }
}

@supports (-moz-appearance:none) {
  [data-v-2676942b] {
    scrollbar-width: thin
  }
}

.slider-navigation-button[data-v-2676942b] {
  display: flex;
  padding: 4px;
  background: #fff;
  border-radius: 8px;
  cursor: pointer;
  z-index: 10000
}

.slider-navigation-button--hidden[data-v-2676942b] {
  visibility: hidden
}

.slider-navigation-button--next[data-v-2676942b] {
  margin-left: 16px
}

.slider-navigation-button--previous[data-v-2676942b] {
  margin-right: 16px
}

.slider-navigation-button svg[data-v-2676942b] {
  border-radius: 50%;
  background: #fff
}

[data-v-e685f8fc]:export {
  fontSizeXS: .85714rem;
  fontSizeS: 1rem;
  colorAfrodite: #f3d113;
  colorSmokey300: #b6bcc6;
  colorLicorice600: #2d3745;
  colorLicorice600Rgb: 45, 55, 69;
  colorSteel800: #1c2026;
  colorSteel800Rgb: 28, 32, 38;
  colorEastBay400: #48576f;
  colorWhiteSnow: #fff;
  colorWhiteSnowRgb: 255, 255, 255;
  colorCloudBurst: #374456;
  colorDirtySnow100: #eceff1;
  colorDirtySnow100Rgb: 236, 239, 241;
  colorDarkSnow200: #e0e4ea;
  coloDarkSteel900: #101419;
  colorSlate: #69778b;
  colorMars: #f0506e;
  colorMoon: #1b67da;
  colorMoonBaseLight: #6db9ff;
  colorPearl700: #232b36;
  colorPearl700Rgb: 35, 43, 54;
  colorPorcelain: #f6f8f9;
  colorSpecialCompetition: #8a1538;
  colorHermesLight: #bca9ff;
  colorRaspberry: #e70161;
  colorSilverMist: #d1d7e0
}

.color-smokey-300[data-v-e685f8fc] {
  color: #b6bcc6
}

.color-slate[data-v-e685f8fc] {
  color: #69778b
}

.color-steel-800[data-v-e685f8fc] {
  color: #1c2026
}

.color-east-bay-400[data-v-e685f8fc] {
  color: #48576f
}

[data-v-e685f8fc]:export {
  opacityFull: 1;
  opacityXxl: .95;
  opacityXl: .87;
  opacityL: .54;
  opacityM: .38;
  opacityS: .17;
  opacityXs: .05;
  opacityZero: 0
}

.opacity-xl[data-v-e685f8fc] {
  opacity: .87
}

@media screen and (min-width:1025px) {
  [data-v-e685f8fc]::-webkit-scrollbar {
    width: 6px;
    background-color: transparent
  }

  [data-v-e685f8fc]::-webkit-scrollbar-thumb {
    background-color: #69778b;
    border-radius: 100px
  }

  [data-v-e685f8fc]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(105, 119, 139, .54)
  }
}

@supports (-moz-appearance:none) {
  [data-v-e685f8fc] {
    scrollbar-width: thin
  }
}

.stories-navigator-backdrop[data-v-e685f8fc] {
  z-index: 3000;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, .87)
}

.story-top-bar[data-v-e685f8fc] {
  display: flex;
  margin: 32px 40px 0 0;
  justify-content: flex-end
}

.story-top-bar__close[data-v-e685f8fc] {
  cursor: pointer;
  padding: 2px
}

[data-v-6f73cbd9]:export {
  fontSizeXS: .85714rem;
  fontSizeS: 1rem;
  colorAfrodite: #f3d113;
  colorSmokey300: #b6bcc6;
  colorLicorice600: #2d3745;
  colorLicorice600Rgb: 45, 55, 69;
  colorSteel800: #1c2026;
  colorSteel800Rgb: 28, 32, 38;
  colorEastBay400: #48576f;
  colorWhiteSnow: #fff;
  colorWhiteSnowRgb: 255, 255, 255;
  colorCloudBurst: #374456;
  colorDirtySnow100: #eceff1;
  colorDirtySnow100Rgb: 236, 239, 241;
  colorDarkSnow200: #e0e4ea;
  coloDarkSteel900: #101419;
  colorSlate: #69778b;
  colorMars: #f0506e;
  colorMoon: #1b67da;
  colorMoonBaseLight: #6db9ff;
  colorPearl700: #232b36;
  colorPearl700Rgb: 35, 43, 54;
  colorPorcelain: #f6f8f9;
  colorSpecialCompetition: #8a1538;
  colorHermesLight: #bca9ff;
  colorRaspberry: #e70161;
  colorSilverMist: #d1d7e0
}

.color-smokey-300[data-v-6f73cbd9] {
  color: #b6bcc6
}

.color-slate[data-v-6f73cbd9] {
  color: #69778b
}

.color-steel-800[data-v-6f73cbd9] {
  color: #1c2026
}

.color-east-bay-400[data-v-6f73cbd9] {
  color: #48576f
}

[data-v-6f73cbd9]:export {
  opacityFull: 1;
  opacityXxl: .95;
  opacityXl: .87;
  opacityL: .54;
  opacityM: .38;
  opacityS: .17;
  opacityXs: .05;
  opacityZero: 0
}

.opacity-xl[data-v-6f73cbd9] {
  opacity: .87
}

@media screen and (min-width:1025px) {
  [data-v-6f73cbd9]::-webkit-scrollbar {
    width: 6px;
    background-color: transparent
  }

  [data-v-6f73cbd9]::-webkit-scrollbar-thumb {
    background-color: #69778b;
    border-radius: 100px
  }

  [data-v-6f73cbd9]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(105, 119, 139, .54)
  }
}

@supports (-moz-appearance:none) {
  [data-v-6f73cbd9] {
    scrollbar-width: thin
  }
}

.stories-navigator-wrapper[data-v-6f73cbd9] {
  height: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 3000
}

[data-v-73651919]:export {
  fontSizeXS: .85714rem;
  fontSizeS: 1rem;
  colorAfrodite: #f3d113;
  colorSmokey300: #b6bcc6;
  colorLicorice600: #2d3745;
  colorLicorice600Rgb: 45, 55, 69;
  colorSteel800: #1c2026;
  colorSteel800Rgb: 28, 32, 38;
  colorEastBay400: #48576f;
  colorWhiteSnow: #fff;
  colorWhiteSnowRgb: 255, 255, 255;
  colorCloudBurst: #374456;
  colorDirtySnow100: #eceff1;
  colorDirtySnow100Rgb: 236, 239, 241;
  colorDarkSnow200: #e0e4ea;
  coloDarkSteel900: #101419;
  colorSlate: #69778b;
  colorMars: #f0506e;
  colorMoon: #1b67da;
  colorMoonBaseLight: #6db9ff;
  colorPearl700: #232b36;
  colorPearl700Rgb: 35, 43, 54;
  colorPorcelain: #f6f8f9;
  colorSpecialCompetition: #8a1538;
  colorHermesLight: #bca9ff;
  colorRaspberry: #e70161;
  colorSilverMist: #d1d7e0
}

.color-smokey-300[data-v-73651919] {
  color: #b6bcc6
}

.color-slate[data-v-73651919] {
  color: #69778b
}

.color-steel-800[data-v-73651919] {
  color: #1c2026
}

.color-east-bay-400[data-v-73651919] {
  color: #48576f
}

[data-v-73651919]:export {
  opacityFull: 1;
  opacityXxl: .95;
  opacityXl: .87;
  opacityL: .54;
  opacityM: .38;
  opacityS: .17;
  opacityXs: .05;
  opacityZero: 0
}

.opacity-xl[data-v-73651919] {
  opacity: .87
}

@media screen and (min-width:1025px) {
  [data-v-73651919]::-webkit-scrollbar {
    width: 6px;
    background-color: transparent
  }

  [data-v-73651919]::-webkit-scrollbar-thumb {
    background-color: #69778b;
    border-radius: 100px
  }

  [data-v-73651919]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(105, 119, 139, .54)
  }
}

@supports (-moz-appearance:none) {
  [data-v-73651919] {
    scrollbar-width: thin
  }
}

.story-content[data-v-73651919] {
  display: flex;
  flex-direction: column;
  flex: 1;
  margin: 40px 8px
}

.story-content[data-v-73651919] img {
  touch-action: none;
  pointer-events: none;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.story-content__description[data-v-73651919],
.story-content__promo[data-v-73651919] {
  white-space: pre-wrap;
  color: #fff;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden
}

.story-content__description[data-v-73651919] strong,
.story-content__promo[data-v-73651919] strong {
  font-weight: 700
}

.story-content__description[data-v-73651919] em,
.story-content__promo[data-v-73651919] em {
  font-style: italic
}

.story-content__promo[data-v-73651919] {
  font-size: 2.57143rem;
  line-height: 40px
}

.story-content__description[data-v-73651919] {
  font-size: 1.14286rem;
  line-height: 20px;
  margin-top: 16px
}

.story-content__image-wrapper[data-v-73651919],
.story-content__missions-wrapper[data-v-73651919],
.story-content__offer-wrapper[data-v-73651919] {
  flex-grow: 1
}

.story-content[data-v-73651919] {
  margin-top: 32px
}

.story-content .story-content__promo[data-v-73651919] {
  -webkit-line-clamp: 6
}

@media screen and (max-height:1033px) {
  .story-content--desktop .story-content__image-wrapper[data-v-73651919] {
    display: none
  }
}

@media screen and (max-height:760px) {
  .story-content--mobile .story-content__image-wrapper[data-v-73651919] {
    display: none
  }
}

.story-content__image-wrapper[data-v-73651919] {
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
  margin-bottom: 40px;
  position: relative;
  flex: 1
}

.story-content__image-wrapper__logo-image[data-v-73651919],
.story-content__image-wrapper__logo-lottie[data-v-73651919] {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  position: absolute;
  top: 0;
  left: 0
}

.story-content__image-wrapper img[data-v-73651919] {
  width: 104px;
  height: 104px
}

[data-v-b604d982]:export {
  fontSizeXS: .85714rem;
  fontSizeS: 1rem;
  colorAfrodite: #f3d113;
  colorSmokey300: #b6bcc6;
  colorLicorice600: #2d3745;
  colorLicorice600Rgb: 45, 55, 69;
  colorSteel800: #1c2026;
  colorSteel800Rgb: 28, 32, 38;
  colorEastBay400: #48576f;
  colorWhiteSnow: #fff;
  colorWhiteSnowRgb: 255, 255, 255;
  colorCloudBurst: #374456;
  colorDirtySnow100: #eceff1;
  colorDirtySnow100Rgb: 236, 239, 241;
  colorDarkSnow200: #e0e4ea;
  coloDarkSteel900: #101419;
  colorSlate: #69778b;
  colorMars: #f0506e;
  colorMoon: #1b67da;
  colorMoonBaseLight: #6db9ff;
  colorPearl700: #232b36;
  colorPearl700Rgb: 35, 43, 54;
  colorPorcelain: #f6f8f9;
  colorSpecialCompetition: #8a1538;
  colorHermesLight: #bca9ff;
  colorRaspberry: #e70161;
  colorSilverMist: #d1d7e0
}

.color-smokey-300[data-v-b604d982] {
  color: #b6bcc6
}

.color-slate[data-v-b604d982] {
  color: #69778b
}

.color-steel-800[data-v-b604d982] {
  color: #1c2026
}

.color-east-bay-400[data-v-b604d982] {
  color: #48576f
}

[data-v-b604d982]:export {
  opacityFull: 1;
  opacityXxl: .95;
  opacityXl: .87;
  opacityL: .54;
  opacityM: .38;
  opacityS: .17;
  opacityXs: .05;
  opacityZero: 0
}

.opacity-xl[data-v-b604d982] {
  opacity: .87
}

@media screen and (min-width:1025px) {
  [data-v-b604d982]::-webkit-scrollbar {
    width: 6px;
    background-color: transparent
  }

  [data-v-b604d982]::-webkit-scrollbar-thumb {
    background-color: #69778b;
    border-radius: 100px
  }

  [data-v-b604d982]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(105, 119, 139, .54)
  }
}

@supports (-moz-appearance:none) {
  [data-v-b604d982] {
    scrollbar-width: thin
  }
}

.casino-game[data-v-b604d982] {
  flex: 1;
  display: flex;
  overflow: hidden;
  max-height: 128px;
  padding: 16px;
  background: #2d3745;
  border-radius: 24px;
  margin-bottom: 8px;
  z-index: 3000;
  align-items: center;
  cursor: pointer
}

@media screen and (max-height:650px) {
  .casino-game--mobile .game-info__text[data-v-b604d982] {
    font-size: 1.14286rem;
    line-height: 20px
  }

  .casino-game--mobile .game-info__subtitle[data-v-b604d982] {
    font-size: .85714rem;
    line-height: 16px
  }

  .casino-game--mobile .game-play__img[data-v-b604d982] {
    width: 32px;
    height: 32px
  }
}

.casino-game.layout--light[data-v-b604d982] {
  background: hsla(0, 0%, 100%, .38);
  border-radius: 16px;
  -webkit-backdrop-filter: blur(9px);
  backdrop-filter: blur(9px)
}

.casino-game.layout--light .game-info__text[data-v-b604d982] {
  color: #101419
}

.casino-game.layout--light .game-info__subtitle[data-v-b604d982] {
  color: #2d3745
}

.casino-game__img[data-v-b604d982] {
  border-radius: 16px;
  width: auto;
  height: 100%;
  max-width: 96px;
  max-height: 96px
}

.casino-game .game-info[data-v-b604d982] {
  display: flex;
  flex-direction: column;
  padding: 16px;
  justify-content: center
}

.casino-game .game-info__text[data-v-b604d982] {
  font-size: 1.42857rem;
  line-height: 24px;
  font-weight: 700;
  color: #e0e4ea
}

.casino-game .game-info__subtitle[data-v-b604d982] {
  font-size: 1rem;
  line-height: 16px;
  color: #b6bcc6;
  margin-top: 4px
}

.casino-game .game-play[data-v-b604d982] {
  display: flex;
  margin-left: auto;
  align-items: center
}

.casino-game .game-play__img[data-v-b604d982] {
  width: 42px;
  height: 42px
}

[data-v-3e46fcb2]:export {
  fontSizeXS: .85714rem;
  fontSizeS: 1rem;
  colorAfrodite: #f3d113;
  colorSmokey300: #b6bcc6;
  colorLicorice600: #2d3745;
  colorLicorice600Rgb: 45, 55, 69;
  colorSteel800: #1c2026;
  colorSteel800Rgb: 28, 32, 38;
  colorEastBay400: #48576f;
  colorWhiteSnow: #fff;
  colorWhiteSnowRgb: 255, 255, 255;
  colorCloudBurst: #374456;
  colorDirtySnow100: #eceff1;
  colorDirtySnow100Rgb: 236, 239, 241;
  colorDarkSnow200: #e0e4ea;
  coloDarkSteel900: #101419;
  colorSlate: #69778b;
  colorMars: #f0506e;
  colorMoon: #1b67da;
  colorMoonBaseLight: #6db9ff;
  colorPearl700: #232b36;
  colorPearl700Rgb: 35, 43, 54;
  colorPorcelain: #f6f8f9;
  colorSpecialCompetition: #8a1538;
  colorHermesLight: #bca9ff;
  colorRaspberry: #e70161;
  colorSilverMist: #d1d7e0
}

.color-smokey-300[data-v-3e46fcb2] {
  color: #b6bcc6
}

.color-slate[data-v-3e46fcb2] {
  color: #69778b
}

.color-steel-800[data-v-3e46fcb2] {
  color: #1c2026
}

.color-east-bay-400[data-v-3e46fcb2] {
  color: #48576f
}

[data-v-3e46fcb2]:export {
  opacityFull: 1;
  opacityXxl: .95;
  opacityXl: .87;
  opacityL: .54;
  opacityM: .38;
  opacityS: .17;
  opacityXs: .05;
  opacityZero: 0
}

.opacity-xl[data-v-3e46fcb2] {
  opacity: .87
}

@media screen and (min-width:1025px) {
  [data-v-3e46fcb2]::-webkit-scrollbar {
    width: 6px;
    background-color: transparent
  }

  [data-v-3e46fcb2]::-webkit-scrollbar-thumb {
    background-color: #69778b;
    border-radius: 100px
  }

  [data-v-3e46fcb2]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(105, 119, 139, .54)
  }
}

@supports (-moz-appearance:none) {
  [data-v-3e46fcb2] {
    scrollbar-width: thin
  }
}

.story-content[data-v-3e46fcb2] {
  display: flex;
  flex-direction: column;
  flex: 1;
  margin: 40px 8px
}

.story-content[data-v-3e46fcb2] img {
  touch-action: none;
  pointer-events: none;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.story-content__description[data-v-3e46fcb2],
.story-content__promo[data-v-3e46fcb2] {
  white-space: pre-wrap;
  color: #fff;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden
}

.story-content__description[data-v-3e46fcb2] strong,
.story-content__promo[data-v-3e46fcb2] strong {
  font-weight: 700
}

.story-content__description[data-v-3e46fcb2] em,
.story-content__promo[data-v-3e46fcb2] em {
  font-style: italic
}

.story-content__promo[data-v-3e46fcb2] {
  font-size: 2.57143rem;
  line-height: 40px
}

.story-content__description[data-v-3e46fcb2] {
  font-size: 1.14286rem;
  line-height: 20px;
  margin-top: 16px
}

.story-content__image-wrapper[data-v-3e46fcb2],
.story-content__missions-wrapper[data-v-3e46fcb2],
.story-content__offer-wrapper[data-v-3e46fcb2] {
  flex-grow: 1
}

.story-content[data-v-3e46fcb2] {
  margin-top: 32px
}

@media screen and (max-height:650px) {
  .story-content--mobile .games[data-v-3e46fcb2] {
    margin: 24px 32px
  }
}

.story-content .games[data-v-3e46fcb2] {
  margin: 24px 16px;
  position: relative;
  flex: 1;
  display: flex
}

.story-content .games__inner-wrapper[data-v-3e46fcb2] {
  width: 100%;
  height: 100%;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  flex: 1
}

[data-v-1cc8b078]:export {
  fontSizeXS: .85714rem;
  fontSizeS: 1rem;
  colorAfrodite: #f3d113;
  colorSmokey300: #b6bcc6;
  colorLicorice600: #2d3745;
  colorLicorice600Rgb: 45, 55, 69;
  colorSteel800: #1c2026;
  colorSteel800Rgb: 28, 32, 38;
  colorEastBay400: #48576f;
  colorWhiteSnow: #fff;
  colorWhiteSnowRgb: 255, 255, 255;
  colorCloudBurst: #374456;
  colorDirtySnow100: #eceff1;
  colorDirtySnow100Rgb: 236, 239, 241;
  colorDarkSnow200: #e0e4ea;
  coloDarkSteel900: #101419;
  colorSlate: #69778b;
  colorMars: #f0506e;
  colorMoon: #1b67da;
  colorMoonBaseLight: #6db9ff;
  colorPearl700: #232b36;
  colorPearl700Rgb: 35, 43, 54;
  colorPorcelain: #f6f8f9;
  colorSpecialCompetition: #8a1538;
  colorHermesLight: #bca9ff;
  colorRaspberry: #e70161;
  colorSilverMist: #d1d7e0
}

.color-smokey-300[data-v-1cc8b078] {
  color: #b6bcc6
}

.color-slate[data-v-1cc8b078] {
  color: #69778b
}

.color-steel-800[data-v-1cc8b078] {
  color: #1c2026
}

.color-east-bay-400[data-v-1cc8b078] {
  color: #48576f
}

[data-v-1cc8b078]:export {
  opacityFull: 1;
  opacityXxl: .95;
  opacityXl: .87;
  opacityL: .54;
  opacityM: .38;
  opacityS: .17;
  opacityXs: .05;
  opacityZero: 0
}

.opacity-xl[data-v-1cc8b078] {
  opacity: .87
}

@media screen and (min-width:1025px) {
  [data-v-1cc8b078]::-webkit-scrollbar {
    width: 6px;
    background-color: transparent
  }

  [data-v-1cc8b078]::-webkit-scrollbar-thumb {
    background-color: #69778b;
    border-radius: 100px
  }

  [data-v-1cc8b078]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(105, 119, 139, .54)
  }
}

@supports (-moz-appearance:none) {
  [data-v-1cc8b078] {
    scrollbar-width: thin
  }
}

.story-content[data-v-1cc8b078] {
  display: flex;
  flex-direction: column;
  flex: 1;
  margin: 40px 8px
}

.story-content[data-v-1cc8b078] img {
  touch-action: none;
  pointer-events: none;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.story-content__description[data-v-1cc8b078],
.story-content__promo[data-v-1cc8b078] {
  white-space: pre-wrap;
  color: #fff;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden
}

.story-content__description[data-v-1cc8b078] strong,
.story-content__promo[data-v-1cc8b078] strong {
  font-weight: 700
}

.story-content__description[data-v-1cc8b078] em,
.story-content__promo[data-v-1cc8b078] em {
  font-style: italic
}

.story-content__promo[data-v-1cc8b078] {
  font-size: 2.57143rem;
  line-height: 40px
}

.story-content__description[data-v-1cc8b078] {
  font-size: 1.14286rem;
  line-height: 20px;
  margin-top: 16px
}

.story-content__image-wrapper[data-v-1cc8b078],
.story-content__missions-wrapper[data-v-1cc8b078],
.story-content__offer-wrapper[data-v-1cc8b078] {
  flex-grow: 1
}

.story-content[data-v-1cc8b078] {
  margin-top: 32px
}

.story-content .story-content__promo[data-v-1cc8b078] {
  -webkit-line-clamp: 6
}

@media screen and (max-height:1033px) {
  .story-content--desktop .story-content__image-wrapper[data-v-1cc8b078] {
    display: none
  }
}

@media screen and (max-height:760px) {
  .story-content--mobile .story-content__image-wrapper[data-v-1cc8b078] {
    display: none
  }
}

.story-content__image-wrapper[data-v-1cc8b078] {
  display: flex;
  justify-content: center;
  margin-bottom: 16px;
  flex-grow: 0
}

.story-content__image-wrapper img[data-v-1cc8b078] {
  width: 104px;
  height: 104px
}

[data-v-9d6fd64e]:export {
  fontSizeXS: .85714rem;
  fontSizeS: 1rem;
  colorAfrodite: #f3d113;
  colorSmokey300: #b6bcc6;
  colorLicorice600: #2d3745;
  colorLicorice600Rgb: 45, 55, 69;
  colorSteel800: #1c2026;
  colorSteel800Rgb: 28, 32, 38;
  colorEastBay400: #48576f;
  colorWhiteSnow: #fff;
  colorWhiteSnowRgb: 255, 255, 255;
  colorCloudBurst: #374456;
  colorDirtySnow100: #eceff1;
  colorDirtySnow100Rgb: 236, 239, 241;
  colorDarkSnow200: #e0e4ea;
  coloDarkSteel900: #101419;
  colorSlate: #69778b;
  colorMars: #f0506e;
  colorMoon: #1b67da;
  colorMoonBaseLight: #6db9ff;
  colorPearl700: #232b36;
  colorPearl700Rgb: 35, 43, 54;
  colorPorcelain: #f6f8f9;
  colorSpecialCompetition: #8a1538;
  colorHermesLight: #bca9ff;
  colorRaspberry: #e70161;
  colorSilverMist: #d1d7e0
}

.color-smokey-300[data-v-9d6fd64e] {
  color: #b6bcc6
}

.color-slate[data-v-9d6fd64e] {
  color: #69778b
}

.color-steel-800[data-v-9d6fd64e] {
  color: #1c2026
}

.color-east-bay-400[data-v-9d6fd64e] {
  color: #48576f
}

[data-v-9d6fd64e]:export {
  opacityFull: 1;
  opacityXxl: .95;
  opacityXl: .87;
  opacityL: .54;
  opacityM: .38;
  opacityS: .17;
  opacityXs: .05;
  opacityZero: 0
}

.opacity-xl[data-v-9d6fd64e] {
  opacity: .87
}

@media screen and (min-width:1025px) {
  [data-v-9d6fd64e]::-webkit-scrollbar {
    width: 6px;
    background-color: transparent
  }

  [data-v-9d6fd64e]::-webkit-scrollbar-thumb {
    background-color: #69778b;
    border-radius: 100px
  }

  [data-v-9d6fd64e]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(105, 119, 139, .54)
  }
}

@supports (-moz-appearance:none) {
  [data-v-9d6fd64e] {
    scrollbar-width: thin
  }
}

.story-content[data-v-9d6fd64e] {
  display: flex;
  flex-direction: column;
  flex: 1;
  margin: 40px 8px
}

.story-content[data-v-9d6fd64e] img {
  touch-action: none;
  pointer-events: none;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.story-content__description[data-v-9d6fd64e],
.story-content__promo[data-v-9d6fd64e] {
  white-space: pre-wrap;
  color: #fff;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden
}

.story-content__description[data-v-9d6fd64e] strong,
.story-content__promo[data-v-9d6fd64e] strong {
  font-weight: 700
}

.story-content__description[data-v-9d6fd64e] em,
.story-content__promo[data-v-9d6fd64e] em {
  font-style: italic
}

.story-content__promo[data-v-9d6fd64e] {
  font-size: 2.57143rem;
  line-height: 40px
}

.story-content__description[data-v-9d6fd64e] {
  font-size: 1.14286rem;
  line-height: 20px;
  margin-top: 16px
}

.story-content__image-wrapper[data-v-9d6fd64e],
.story-content__missions-wrapper[data-v-9d6fd64e],
.story-content__offer-wrapper[data-v-9d6fd64e] {
  flex-grow: 1
}

.story-content[data-v-9d6fd64e] {
  z-index: 1
}

.story-content__image-wrapper[data-v-9d6fd64e] {
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
  margin: 40px 0;
  position: relative;
  flex: 1
}

.story-content__image-wrapper img[data-v-9d6fd64e] {
  max-width: 340px;
  border-radius: 16px
}

[data-v-254186f8]:export {
  fontSizeXS: .85714rem;
  fontSizeS: 1rem;
  colorAfrodite: #f3d113;
  colorSmokey300: #b6bcc6;
  colorLicorice600: #2d3745;
  colorLicorice600Rgb: 45, 55, 69;
  colorSteel800: #1c2026;
  colorSteel800Rgb: 28, 32, 38;
  colorEastBay400: #48576f;
  colorWhiteSnow: #fff;
  colorWhiteSnowRgb: 255, 255, 255;
  colorCloudBurst: #374456;
  colorDirtySnow100: #eceff1;
  colorDirtySnow100Rgb: 236, 239, 241;
  colorDarkSnow200: #e0e4ea;
  coloDarkSteel900: #101419;
  colorSlate: #69778b;
  colorMars: #f0506e;
  colorMoon: #1b67da;
  colorMoonBaseLight: #6db9ff;
  colorPearl700: #232b36;
  colorPearl700Rgb: 35, 43, 54;
  colorPorcelain: #f6f8f9;
  colorSpecialCompetition: #8a1538;
  colorHermesLight: #bca9ff;
  colorRaspberry: #e70161;
  colorSilverMist: #d1d7e0
}

.color-smokey-300[data-v-254186f8] {
  color: #b6bcc6
}

.color-slate[data-v-254186f8] {
  color: #69778b
}

.color-steel-800[data-v-254186f8] {
  color: #1c2026
}

.color-east-bay-400[data-v-254186f8] {
  color: #48576f
}

[data-v-254186f8]:export {
  opacityFull: 1;
  opacityXxl: .95;
  opacityXl: .87;
  opacityL: .54;
  opacityM: .38;
  opacityS: .17;
  opacityXs: .05;
  opacityZero: 0
}

.opacity-xl[data-v-254186f8] {
  opacity: .87
}

@media screen and (min-width:1025px) {
  [data-v-254186f8]::-webkit-scrollbar {
    width: 6px;
    background-color: transparent
  }

  [data-v-254186f8]::-webkit-scrollbar-thumb {
    background-color: #69778b;
    border-radius: 100px
  }

  [data-v-254186f8]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(105, 119, 139, .54)
  }
}

@supports (-moz-appearance:none) {
  [data-v-254186f8] {
    scrollbar-width: thin
  }
}

.mission-next-level[data-v-254186f8] {
  color: #fff;
  border-radius: 16px;
  padding: 16px;
  background: hsla(0, 0%, 100%, .38);
  -webkit-backdrop-filter: blur(9px);
  backdrop-filter: blur(9px);
  display: flex;
  flex-direction: row;
  flex: 1
}

@media screen and (max-height:1038px) {
  .mission-next-level--desktop .mission-next-level__img-wrapper[data-v-254186f8] {
    display: none
  }

  .mission-next-level--desktop .mission-next-level__text-wrapper[data-v-254186f8] {
    margin-left: 0
  }
}

@media screen and (max-height:760px) {
  .mission-next-level--mobile .mission-next-level__img-wrapper[data-v-254186f8] {
    display: none
  }

  .mission-next-level--mobile .mission-next-level__text-wrapper[data-v-254186f8] {
    margin-left: 0
  }
}

.mission-next-level__img-wrapper[data-v-254186f8] {
  display: flex;
  align-items: center
}

.mission-next-level__img-wrapper img[data-v-254186f8] {
  width: 48px;
  height: 48px
}

.mission-next-level__text-wrapper[data-v-254186f8] {
  margin-left: 8px;
  display: flex;
  flex-direction: column
}

.mission-next-level__text-wrapper__info[data-v-254186f8] {
  font-size: 1.14286rem;
  line-height: 20px;
  text-transform: uppercase;
  color: #e0e4ea
}

.mission-next-level__text-wrapper__mission[data-v-254186f8] {
  font-size: 1.42857rem;
  line-height: 24px;
  font-style: italic;
  font-weight: 700;
  word-break: break-word;
  white-space: normal;
  margin-top: 4px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-shadow: 0 0 8px rgba(35, 43, 54, .06), 0 16px 16px rgba(35, 43, 54, .1)
}

[data-v-531cf668]:export {
  fontSizeXS: .85714rem;
  fontSizeS: 1rem;
  colorAfrodite: #f3d113;
  colorSmokey300: #b6bcc6;
  colorLicorice600: #2d3745;
  colorLicorice600Rgb: 45, 55, 69;
  colorSteel800: #1c2026;
  colorSteel800Rgb: 28, 32, 38;
  colorEastBay400: #48576f;
  colorWhiteSnow: #fff;
  colorWhiteSnowRgb: 255, 255, 255;
  colorCloudBurst: #374456;
  colorDirtySnow100: #eceff1;
  colorDirtySnow100Rgb: 236, 239, 241;
  colorDarkSnow200: #e0e4ea;
  coloDarkSteel900: #101419;
  colorSlate: #69778b;
  colorMars: #f0506e;
  colorMoon: #1b67da;
  colorMoonBaseLight: #6db9ff;
  colorPearl700: #232b36;
  colorPearl700Rgb: 35, 43, 54;
  colorPorcelain: #f6f8f9;
  colorSpecialCompetition: #8a1538;
  colorHermesLight: #bca9ff;
  colorRaspberry: #e70161;
  colorSilverMist: #d1d7e0
}

.color-smokey-300[data-v-531cf668] {
  color: #b6bcc6
}

.color-slate[data-v-531cf668] {
  color: #69778b
}

.color-steel-800[data-v-531cf668] {
  color: #1c2026
}

.color-east-bay-400[data-v-531cf668] {
  color: #48576f
}

[data-v-531cf668]:export {
  opacityFull: 1;
  opacityXxl: .95;
  opacityXl: .87;
  opacityL: .54;
  opacityM: .38;
  opacityS: .17;
  opacityXs: .05;
  opacityZero: 0
}

.opacity-xl[data-v-531cf668] {
  opacity: .87
}

@media screen and (min-width:1025px) {
  [data-v-531cf668]::-webkit-scrollbar {
    width: 6px;
    background-color: transparent
  }

  [data-v-531cf668]::-webkit-scrollbar-thumb {
    background-color: #69778b;
    border-radius: 100px
  }

  [data-v-531cf668]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(105, 119, 139, .54)
  }
}

@supports (-moz-appearance:none) {
  [data-v-531cf668] {
    scrollbar-width: thin
  }
}

.reward-card[data-v-531cf668] {
  color: #fff;
  border-radius: 16px;
  background: hsla(0, 0%, 100%, .38);
  -webkit-backdrop-filter: blur(9px);
  backdrop-filter: blur(9px);
  display: flex
}

@media screen and (max-height:650px) {
  .reward-card--desktop .reward-img-wrapper[data-v-531cf668] {
    display: none !important
  }

  .reward-card--desktop .reward-card__text-addition[data-v-531cf668] {
    margin: 0 0 16px !important
  }

  .reward-card--desktop .reward-card__amount[data-v-531cf668] {
    margin-top: 0 !important
  }
}

@media screen and (max-height:1033px) {
  .reward-card--desktop.type--next-mission .reward-img-wrapper[data-v-531cf668] {
    display: none
  }

  .reward-card--desktop.type--next-mission .reward-card__text-addition[data-v-531cf668] {
    margin: 0 0 16px
  }

  .reward-card--desktop.type--next-mission .reward-card__amount[data-v-531cf668] {
    margin-top: 0
  }
}

@media screen and (max-height:760px) {
  .reward-card--mobile.type--next-mission .reward-img-wrapper[data-v-531cf668] {
    display: none
  }

  .reward-card--mobile.type--next-mission .reward-card__text-addition[data-v-531cf668] {
    margin: 0 0 16px
  }

  .reward-card--mobile.type--next-mission .reward-card__amount[data-v-531cf668] {
    margin-top: 0
  }
}

@media screen and (max-height:650px) {
  .reward-card--mobile.layout--portrait .reward-img-wrapper[data-v-531cf668] {
    display: none
  }

  .reward-card--mobile.layout--portrait .reward-card__text-addition[data-v-531cf668] {
    margin: 0 0 16px
  }
}

.reward-card.layout--portrait[data-v-531cf668] {
  width: 160px;
  flex-direction: column;
  align-items: center;
  padding: 16px 4px
}

.reward-card.layout--portrait .reward-card__text-wrapper[data-v-531cf668] {
  flex-direction: column;
  align-items: center;
  text-align: center;
  justify-content: center;
  display: flex;
  flex: 1
}

.reward-card.layout--landscape[data-v-531cf668] {
  flex-direction: row;
  align-items: center;
  padding: 16px;
  width: -moz-max-content;
  width: max-content
}

.reward-card.layout--landscape .reward-card__text-wrapper[data-v-531cf668] {
  width: auto;
  display: flex;
  flex-direction: column;
  align-items: left;
  text-align: left
}

.reward-card.layout--landscape .reward-img-wrapper[data-v-531cf668] {
  margin-right: 8px
}

.reward-card.layout--landscape .reward-card__text-addition[data-v-531cf668] {
  margin: 0 0 16px
}

.reward-card.layout--landscape .reward-card__text-addition[data-v-531cf668]:after {
  width: 50%
}

.reward-card .reward-img-wrapper[data-v-531cf668] {
  width: 84px;
  height: 84px;
  padding: 8px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center
}

.reward-card .reward-img-wrapper__img[data-v-531cf668] {
  width: 68px;
  height: 68px
}

.reward-card .reward-img-wrapper.img--pink[data-v-531cf668] {
  background: #a519c1
}

.reward-card .reward-img-wrapper.img--purple[data-v-531cf668] {
  background: #6233ff
}

.reward-card .reward-img-wrapper.img--green[data-v-531cf668] {
  background: #90b847
}

.reward-card .reward-img-wrapper.img--turquoise[data-v-531cf668] {
  background: #0996a0
}

.reward-card .reward-img-wrapper.img--gold[data-v-531cf668] {
  background: #8c7203
}

.reward-card__text-addition[data-v-531cf668] {
  margin: 16px 0;
  width: 100%;
  position: relative;
  font-size: 1rem;
  line-height: 16px;
  text-shadow: 0 0 4px rgba(35, 43, 54, .16), 0 16px 24px rgba(28, 32, 38, .48)
}

.reward-card__text-addition[data-v-531cf668]:after {
  content: " ";
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  width: 50%;
  height: 1px;
  background: hsla(0, 0%, 100%, .38);
  bottom: -10px
}

.reward-card__amount[data-v-531cf668] {
  font-size: 32px;
  line-height: 40px;
  font-style: italic;
  font-weight: 700;
  text-shadow: 0 0 4px rgba(35, 43, 54, .16), 0 16px 24px rgba(28, 32, 38, .48)
}

.reward-card__reward[data-v-531cf668] {
  font-size: 1.14286rem;
  line-height: 20px;
  text-transform: uppercase
}

[data-v-f6d56686]:export {
  fontSizeXS: .85714rem;
  fontSizeS: 1rem;
  colorAfrodite: #f3d113;
  colorSmokey300: #b6bcc6;
  colorLicorice600: #2d3745;
  colorLicorice600Rgb: 45, 55, 69;
  colorSteel800: #1c2026;
  colorSteel800Rgb: 28, 32, 38;
  colorEastBay400: #48576f;
  colorWhiteSnow: #fff;
  colorWhiteSnowRgb: 255, 255, 255;
  colorCloudBurst: #374456;
  colorDirtySnow100: #eceff1;
  colorDirtySnow100Rgb: 236, 239, 241;
  colorDarkSnow200: #e0e4ea;
  coloDarkSteel900: #101419;
  colorSlate: #69778b;
  colorMars: #f0506e;
  colorMoon: #1b67da;
  colorMoonBaseLight: #6db9ff;
  colorPearl700: #232b36;
  colorPearl700Rgb: 35, 43, 54;
  colorPorcelain: #f6f8f9;
  colorSpecialCompetition: #8a1538;
  colorHermesLight: #bca9ff;
  colorRaspberry: #e70161;
  colorSilverMist: #d1d7e0
}

.color-smokey-300[data-v-f6d56686] {
  color: #b6bcc6
}

.color-slate[data-v-f6d56686] {
  color: #69778b
}

.color-steel-800[data-v-f6d56686] {
  color: #1c2026
}

.color-east-bay-400[data-v-f6d56686] {
  color: #48576f
}

[data-v-f6d56686]:export {
  opacityFull: 1;
  opacityXxl: .95;
  opacityXl: .87;
  opacityL: .54;
  opacityM: .38;
  opacityS: .17;
  opacityXs: .05;
  opacityZero: 0
}

.opacity-xl[data-v-f6d56686] {
  opacity: .87
}

@media screen and (min-width:1025px) {
  [data-v-f6d56686]::-webkit-scrollbar {
    width: 6px;
    background-color: transparent
  }

  [data-v-f6d56686]::-webkit-scrollbar-thumb {
    background-color: #69778b;
    border-radius: 100px
  }

  [data-v-f6d56686]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(105, 119, 139, .54)
  }
}

@supports (-moz-appearance:none) {
  [data-v-f6d56686] {
    scrollbar-width: thin
  }
}

.story-content[data-v-f6d56686] {
  display: flex;
  flex-direction: column;
  flex: 1;
  margin: 40px 8px
}

.story-content[data-v-f6d56686] img {
  touch-action: none;
  pointer-events: none;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.story-content__description[data-v-f6d56686],
.story-content__promo[data-v-f6d56686] {
  white-space: pre-wrap;
  color: #fff;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden
}

.story-content__description[data-v-f6d56686] strong,
.story-content__promo[data-v-f6d56686] strong {
  font-weight: 700
}

.story-content__description[data-v-f6d56686] em,
.story-content__promo[data-v-f6d56686] em {
  font-style: italic
}

.story-content__promo[data-v-f6d56686] {
  font-size: 2.57143rem;
  line-height: 40px
}

.story-content__description[data-v-f6d56686] {
  font-size: 1.14286rem;
  line-height: 20px;
  margin-top: 16px
}

.story-content__image-wrapper[data-v-f6d56686],
.story-content__missions-wrapper[data-v-f6d56686],
.story-content__offer-wrapper[data-v-f6d56686] {
  flex-grow: 1
}

.story-content[data-v-f6d56686] {
  margin-top: 32px
}

@media screen and (max-height:1033px) {
  .story-content--desktop .story-content__image-wrapper[data-v-f6d56686] {
    display: none
  }
}

@media screen and (max-height:1038px) {
  .story-content--desktop.type--next-mission .story-content__image-wrapper[data-v-f6d56686] {
    display: none
  }
}

@media screen and (max-height:650px) {
  .story-content--desktop.type--next-mission .story-content__promo[data-v-f6d56686] {
    -webkit-line-clamp: 2
  }
}

@media screen and (max-height:550px) {
  .story-content--desktop.type--next-mission .story-content__promo[data-v-f6d56686] {
    font-size: 1.71429rem;
    line-height: 24px
  }
}

@media screen and (max-height:760px) {
  .story-content--mobile .story-content__image-wrapper[data-v-f6d56686] {
    display: none
  }
}

@media screen and (max-height:875px) {
  .story-content--mobile.type--next-mission .story-content__image-wrapper[data-v-f6d56686] {
    display: none
  }
}

@media screen and (max-height:650px) {

  .story-content--mobile.type--next-mission .story-content__description[data-v-f6d56686],
  .story-content--mobile.type--next-mission .story-content__promo[data-v-f6d56686] {
    -webkit-line-clamp: 2
  }

  .story-content--mobile.type--next-mission .story-content__promo[data-v-f6d56686] {
    font-size: 1.71429rem;
    line-height: 24px
  }

  .story-content--mobile.type--next-mission .story-content__missions-wrapper[data-v-f6d56686] {
    margin-top: 16px
  }
}

.story-content__image-wrapper[data-v-f6d56686] {
  display: flex;
  justify-content: center;
  margin-bottom: 16px;
  flex-grow: 0
}

.story-content__image-wrapper img[data-v-f6d56686] {
  width: 104px;
  height: 104px
}

.story-content__description[data-v-f6d56686],
.story-content__promo[data-v-f6d56686] {
  text-align: center;
  white-space: normal
}

.story-content__promo[data-v-f6d56686] {
  font-weight: 700;
  font-style: italic
}

.story-content__description[data-v-f6d56686] {
  margin-top: 8px;
  color: #e0e4ea
}

.story-content__missions-wrapper[data-v-f6d56686] {
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-top: 32px
}

.story-content__missions-wrapper .plus-icon[data-v-f6d56686] {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 32px;
  height: 32px;
  display: none
}

.story-content__missions-wrapper.missions--double[data-v-f6d56686] {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center
}

.story-content__missions-wrapper.missions--double .reward-card[data-v-f6d56686]:nth-child(2) {
  margin-left: 8px
}

.story-content__missions-wrapper.missions--double .plus-icon[data-v-f6d56686] {
  display: block
}

.story-content__next-mission-level-wrapper[data-v-f6d56686] {
  margin-top: 8px;
  display: flex;
  align-self: center;
  max-width: 328px;
  width: 100%
}

[data-v-f0e2a272]:export {
  fontSizeXS: .85714rem;
  fontSizeS: 1rem;
  colorAfrodite: #f3d113;
  colorSmokey300: #b6bcc6;
  colorLicorice600: #2d3745;
  colorLicorice600Rgb: 45, 55, 69;
  colorSteel800: #1c2026;
  colorSteel800Rgb: 28, 32, 38;
  colorEastBay400: #48576f;
  colorWhiteSnow: #fff;
  colorWhiteSnowRgb: 255, 255, 255;
  colorCloudBurst: #374456;
  colorDirtySnow100: #eceff1;
  colorDirtySnow100Rgb: 236, 239, 241;
  colorDarkSnow200: #e0e4ea;
  coloDarkSteel900: #101419;
  colorSlate: #69778b;
  colorMars: #f0506e;
  colorMoon: #1b67da;
  colorMoonBaseLight: #6db9ff;
  colorPearl700: #232b36;
  colorPearl700Rgb: 35, 43, 54;
  colorPorcelain: #f6f8f9;
  colorSpecialCompetition: #8a1538;
  colorHermesLight: #bca9ff;
  colorRaspberry: #e70161;
  colorSilverMist: #d1d7e0
}

.color-smokey-300[data-v-f0e2a272] {
  color: #b6bcc6
}

.color-slate[data-v-f0e2a272] {
  color: #69778b
}

.color-steel-800[data-v-f0e2a272] {
  color: #1c2026
}

.color-east-bay-400[data-v-f0e2a272] {
  color: #48576f
}

[data-v-f0e2a272]:export {
  opacityFull: 1;
  opacityXxl: .95;
  opacityXl: .87;
  opacityL: .54;
  opacityM: .38;
  opacityS: .17;
  opacityXs: .05;
  opacityZero: 0
}

.opacity-xl[data-v-f0e2a272] {
  opacity: .87
}

@media screen and (min-width:1025px) {
  [data-v-f0e2a272]::-webkit-scrollbar {
    width: 6px;
    background-color: transparent
  }

  [data-v-f0e2a272]::-webkit-scrollbar-thumb {
    background-color: #69778b;
    border-radius: 100px
  }

  [data-v-f0e2a272]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(105, 119, 139, .54)
  }
}

@supports (-moz-appearance:none) {
  [data-v-f0e2a272] {
    scrollbar-width: thin
  }
}

.casino-games-backdrop[data-v-f0e2a272] {
  z-index: 3000;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, .54);
  transition: opacity .2s linear
}

.casino-games-container[data-v-f0e2a272] {
  transform: translateY(0);
  position: fixed;
  left: 0;
  top: 150px;
  width: 100%;
  bottom: 0;
  height: auto;
  z-index: 6000;
  background: #1c2026;
  color: #fff;
  overflow: hidden;
  box-shadow: 0 0 24px 4px rgba(0, 0, 0, .54);
  border-radius: 8px 8px 0 0;
  display: flex;
  flex-direction: column;
  align-items: stretch
}

.casino-games-container .casino-games-header[data-v-f0e2a272] {
  padding: 8px 0;
  background: transparent
}

.casino-games-container .casino-games-header__close[data-v-f0e2a272] {
  height: 8px;
  width: 64px;
  border-radius: 8px;
  background: #48576f;
  margin: 0 auto
}

.casino-games-container .casino-games-title[data-v-f0e2a272] {
  text-align: center
}

.casino-games-container .casino-games-games[data-v-f0e2a272] {
  overflow-y: auto;
  position: fixed;
  bottom: 0;
  top: 60px;
  padding: 0 16px 16px;
  width: 100%
}

.casino-drawer-enter-active[data-v-f0e2a272],
.casino-drawer-leave-active[data-v-f0e2a272] {
  transition: transform .4s
}

.casino-drawer-enter[data-v-f0e2a272],
.casino-drawer-leave-to[data-v-f0e2a272] {
  transform: translateY(100%)
}

[data-v-144e3b32]:export {
  fontSizeXS: .85714rem;
  fontSizeS: 1rem;
  colorAfrodite: #f3d113;
  colorSmokey300: #b6bcc6;
  colorLicorice600: #2d3745;
  colorLicorice600Rgb: 45, 55, 69;
  colorSteel800: #1c2026;
  colorSteel800Rgb: 28, 32, 38;
  colorEastBay400: #48576f;
  colorWhiteSnow: #fff;
  colorWhiteSnowRgb: 255, 255, 255;
  colorCloudBurst: #374456;
  colorDirtySnow100: #eceff1;
  colorDirtySnow100Rgb: 236, 239, 241;
  colorDarkSnow200: #e0e4ea;
  coloDarkSteel900: #101419;
  colorSlate: #69778b;
  colorMars: #f0506e;
  colorMoon: #1b67da;
  colorMoonBaseLight: #6db9ff;
  colorPearl700: #232b36;
  colorPearl700Rgb: 35, 43, 54;
  colorPorcelain: #f6f8f9;
  colorSpecialCompetition: #8a1538;
  colorHermesLight: #bca9ff;
  colorRaspberry: #e70161;
  colorSilverMist: #d1d7e0
}

.color-smokey-300[data-v-144e3b32] {
  color: #b6bcc6
}

.color-slate[data-v-144e3b32] {
  color: #69778b
}

.color-steel-800[data-v-144e3b32] {
  color: #1c2026
}

.color-east-bay-400[data-v-144e3b32] {
  color: #48576f
}

[data-v-144e3b32]:export {
  opacityFull: 1;
  opacityXxl: .95;
  opacityXl: .87;
  opacityL: .54;
  opacityM: .38;
  opacityS: .17;
  opacityXs: .05;
  opacityZero: 0
}

.opacity-xl[data-v-144e3b32] {
  opacity: .87
}

@media screen and (min-width:1025px) {
  [data-v-144e3b32]::-webkit-scrollbar {
    width: 6px;
    background-color: transparent
  }

  [data-v-144e3b32]::-webkit-scrollbar-thumb {
    background-color: #69778b;
    border-radius: 100px
  }

  [data-v-144e3b32]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(105, 119, 139, .54)
  }
}

@supports (-moz-appearance:none) {
  [data-v-144e3b32] {
    scrollbar-width: thin
  }
}

.navigation-overlay__area[data-v-144e3b32] {
  position: absolute;
  z-index: 3000
}

.navigation-overlay__area.left[data-v-144e3b32],
.navigation-overlay__area.right[data-v-144e3b32] {
  height: 100%;
  width: 30%;
  top: 75px
}

.navigation-overlay__area.left[data-v-144e3b32] {
  left: 0
}

.navigation-overlay__area.right[data-v-144e3b32] {
  right: 0
}

[data-v-1ac227b0]:export {
  fontSizeXS: .85714rem;
  fontSizeS: 1rem;
  colorAfrodite: #f3d113;
  colorSmokey300: #b6bcc6;
  colorLicorice600: #2d3745;
  colorLicorice600Rgb: 45, 55, 69;
  colorSteel800: #1c2026;
  colorSteel800Rgb: 28, 32, 38;
  colorEastBay400: #48576f;
  colorWhiteSnow: #fff;
  colorWhiteSnowRgb: 255, 255, 255;
  colorCloudBurst: #374456;
  colorDirtySnow100: #eceff1;
  colorDirtySnow100Rgb: 236, 239, 241;
  colorDarkSnow200: #e0e4ea;
  coloDarkSteel900: #101419;
  colorSlate: #69778b;
  colorMars: #f0506e;
  colorMoon: #1b67da;
  colorMoonBaseLight: #6db9ff;
  colorPearl700: #232b36;
  colorPearl700Rgb: 35, 43, 54;
  colorPorcelain: #f6f8f9;
  colorSpecialCompetition: #8a1538;
  colorHermesLight: #bca9ff;
  colorRaspberry: #e70161;
  colorSilverMist: #d1d7e0
}

.color-smokey-300[data-v-1ac227b0] {
  color: #b6bcc6
}

.color-slate[data-v-1ac227b0] {
  color: #69778b
}

.color-steel-800[data-v-1ac227b0] {
  color: #1c2026
}

.color-east-bay-400[data-v-1ac227b0] {
  color: #48576f
}

[data-v-1ac227b0]:export {
  opacityFull: 1;
  opacityXxl: .95;
  opacityXl: .87;
  opacityL: .54;
  opacityM: .38;
  opacityS: .17;
  opacityXs: .05;
  opacityZero: 0
}

.opacity-xl[data-v-1ac227b0] {
  opacity: .87
}

@media screen and (min-width:1025px) {
  [data-v-1ac227b0]::-webkit-scrollbar {
    width: 6px;
    background-color: transparent
  }

  [data-v-1ac227b0]::-webkit-scrollbar-thumb {
    background-color: #69778b;
    border-radius: 100px
  }

  [data-v-1ac227b0]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(105, 119, 139, .54)
  }
}

@supports (-moz-appearance:none) {
  [data-v-1ac227b0] {
    scrollbar-width: thin
  }
}

.story-tutorial-gesture[data-v-1ac227b0] {
  display: flex;
  background: #eceff1;
  flex-direction: row;
  margin-top: 8px;
  align-items: center
}

.story-tutorial-gesture__icon[data-v-1ac227b0] {
  width: 72px;
  height: 72px;
  margin-right: 8px
}

@media screen and (max-height:875px) {
  .story-tutorial-gesture__icon[data-v-1ac227b0] {
    width: 64px;
    height: 64px
  }
}

@media screen and (max-height:760px) {
  .story-tutorial-gesture__icon[data-v-1ac227b0] {
    width: 56px;
    height: 56px
  }
}

@media screen and (max-height:650px) {
  .story-tutorial-gesture__icon[data-v-1ac227b0] {
    width: 44px;
    height: 44px
  }
}

@media screen and (max-height:550px) {
  .story-tutorial-gesture__icon[data-v-1ac227b0] {
    width: 24px;
    height: 24px
  }
}

.story-tutorial-gesture .story-gesture-info[data-v-1ac227b0] {
  color: #1c2026;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: left
}

.story-tutorial-gesture .story-gesture-info__subtitle[data-v-1ac227b0],
.story-tutorial-gesture .story-gesture-info__title[data-v-1ac227b0] {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden
}

.story-tutorial-gesture .story-gesture-info__title[data-v-1ac227b0] {
  font-size: 1.14286rem;
  line-height: 20px;
  font-weight: 700
}

.story-tutorial-gesture .story-gesture-info__subtitle[data-v-1ac227b0] {
  font-size: .85714rem;
  line-height: 16px
}

[data-v-1a25151a]:export {
  fontSizeXS: .85714rem;
  fontSizeS: 1rem;
  colorAfrodite: #f3d113;
  colorSmokey300: #b6bcc6;
  colorLicorice600: #2d3745;
  colorLicorice600Rgb: 45, 55, 69;
  colorSteel800: #1c2026;
  colorSteel800Rgb: 28, 32, 38;
  colorEastBay400: #48576f;
  colorWhiteSnow: #fff;
  colorWhiteSnowRgb: 255, 255, 255;
  colorCloudBurst: #374456;
  colorDirtySnow100: #eceff1;
  colorDirtySnow100Rgb: 236, 239, 241;
  colorDarkSnow200: #e0e4ea;
  coloDarkSteel900: #101419;
  colorSlate: #69778b;
  colorMars: #f0506e;
  colorMoon: #1b67da;
  colorMoonBaseLight: #6db9ff;
  colorPearl700: #232b36;
  colorPearl700Rgb: 35, 43, 54;
  colorPorcelain: #f6f8f9;
  colorSpecialCompetition: #8a1538;
  colorHermesLight: #bca9ff;
  colorRaspberry: #e70161;
  colorSilverMist: #d1d7e0
}

.color-smokey-300[data-v-1a25151a] {
  color: #b6bcc6
}

.color-slate[data-v-1a25151a] {
  color: #69778b
}

.color-steel-800[data-v-1a25151a] {
  color: #1c2026
}

.color-east-bay-400[data-v-1a25151a] {
  color: #48576f
}

[data-v-1a25151a]:export {
  opacityFull: 1;
  opacityXxl: .95;
  opacityXl: .87;
  opacityL: .54;
  opacityM: .38;
  opacityS: .17;
  opacityXs: .05;
  opacityZero: 0
}

.opacity-xl[data-v-1a25151a] {
  opacity: .87
}

@media screen and (min-width:1025px) {
  [data-v-1a25151a]::-webkit-scrollbar {
    width: 6px;
    background-color: transparent
  }

  [data-v-1a25151a]::-webkit-scrollbar-thumb {
    background-color: #69778b;
    border-radius: 100px
  }

  [data-v-1a25151a]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(105, 119, 139, .54)
  }
}

@supports (-moz-appearance:none) {
  [data-v-1a25151a] {
    scrollbar-width: thin
  }
}

.story-content[data-v-1a25151a] {
  display: flex;
  flex-direction: column;
  flex: 1;
  margin: 40px 8px
}

.story-content[data-v-1a25151a] img {
  touch-action: none;
  pointer-events: none;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.story-content__description[data-v-1a25151a],
.story-content__promo[data-v-1a25151a] {
  white-space: pre-wrap;
  color: #fff;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden
}

.story-content__description[data-v-1a25151a] strong,
.story-content__promo[data-v-1a25151a] strong {
  font-weight: 700
}

.story-content__description[data-v-1a25151a] em,
.story-content__promo[data-v-1a25151a] em {
  font-style: italic
}

.story-content__promo[data-v-1a25151a] {
  font-size: 2.57143rem;
  line-height: 40px
}

.story-content__description[data-v-1a25151a] {
  margin-top: 16px
}

.story-content__image-wrapper[data-v-1a25151a],
.story-content__missions-wrapper[data-v-1a25151a],
.story-content__offer-wrapper[data-v-1a25151a] {
  flex-grow: 1
}

.story-content[data-v-1a25151a] {
  background: #eceff1;
  align-items: center
}

.story-content__description[data-v-1a25151a],
.story-content__promo[data-v-1a25151a] {
  text-align: center;
  white-space: normal;
  color: #1c2026;
  -webkit-line-clamp: 2
}

.story-content__promo[data-v-1a25151a] {
  font-size: 1.71429rem;
  line-height: 24px;
  font-weight: 700
}

.story-content__description[data-v-1a25151a] {
  font-size: 1.14286rem;
  line-height: 20px;
  margin-top: 8px;
  max-width: 240px
}

.story-content .story-gestures[data-v-1a25151a] {
  flex: 1;
  display: flex;
  flex-direction: column;
  margin-bottom: 24px;
  margin-top: 16px
}

.story-top-bar[data-v-1a25151a] {
  display: flex
}

.story-top-bar__img[data-v-1a25151a] {
  padding: 4px
}

.story-footer[data-v-1a25151a] {
  display: flex;
  justify-content: center;
  position: absolute;
  bottom: 40px;
  left: 16px;
  right: 16px
}

.story-footer__button[data-v-1a25151a] {
  width: 100%;
  margin: 0 16px;
  color: #1c2026;
  border: 1px solid #1c2026;
  border-radius: 8px;
  font-size: 1rem;
  line-height: 16px;
  font-weight: 700
}

[data-v-154f91fa]:export {
  fontSizeXS: .85714rem;
  fontSizeS: 1rem;
  colorAfrodite: #f3d113;
  colorSmokey300: #b6bcc6;
  colorLicorice600: #2d3745;
  colorLicorice600Rgb: 45, 55, 69;
  colorSteel800: #1c2026;
  colorSteel800Rgb: 28, 32, 38;
  colorEastBay400: #48576f;
  colorWhiteSnow: #fff;
  colorWhiteSnowRgb: 255, 255, 255;
  colorCloudBurst: #374456;
  colorDirtySnow100: #eceff1;
  colorDirtySnow100Rgb: 236, 239, 241;
  colorDarkSnow200: #e0e4ea;
  coloDarkSteel900: #101419;
  colorSlate: #69778b;
  colorMars: #f0506e;
  colorMoon: #1b67da;
  colorMoonBaseLight: #6db9ff;
  colorPearl700: #232b36;
  colorPearl700Rgb: 35, 43, 54;
  colorPorcelain: #f6f8f9;
  colorSpecialCompetition: #8a1538;
  colorHermesLight: #bca9ff;
  colorRaspberry: #e70161;
  colorSilverMist: #d1d7e0
}

.color-smokey-300[data-v-154f91fa] {
  color: #b6bcc6
}

.color-slate[data-v-154f91fa] {
  color: #69778b
}

.color-steel-800[data-v-154f91fa] {
  color: #1c2026
}

.color-east-bay-400[data-v-154f91fa] {
  color: #48576f
}

[data-v-154f91fa]:export {
  opacityFull: 1;
  opacityXxl: .95;
  opacityXl: .87;
  opacityL: .54;
  opacityM: .38;
  opacityS: .17;
  opacityXs: .05;
  opacityZero: 0
}

.opacity-xl[data-v-154f91fa] {
  opacity: .87
}

@media screen and (min-width:1025px) {
  [data-v-154f91fa]::-webkit-scrollbar {
    width: 6px;
    background-color: transparent
  }

  [data-v-154f91fa]::-webkit-scrollbar-thumb {
    background-color: #69778b;
    border-radius: 100px
  }

  [data-v-154f91fa]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(105, 119, 139, .54)
  }
}

@supports (-moz-appearance:none) {
  [data-v-154f91fa] {
    scrollbar-width: thin
  }
}

.story-content[data-v-154f91fa] {
  display: flex;
  flex-direction: column;
  flex: 1;
  margin: 40px 8px
}

.story-content[data-v-154f91fa] img {
  touch-action: none;
  pointer-events: none;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.story-content__description[data-v-154f91fa],
.story-content__promo[data-v-154f91fa] {
  white-space: pre-wrap;
  color: #fff;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden
}

.story-content__description[data-v-154f91fa] strong,
.story-content__promo[data-v-154f91fa] strong {
  font-weight: 700
}

.story-content__description[data-v-154f91fa] em,
.story-content__promo[data-v-154f91fa] em {
  font-style: italic
}

.story-content__promo[data-v-154f91fa] {
  font-size: 2.57143rem;
  line-height: 40px
}

.story-content__description[data-v-154f91fa] {
  font-size: 1.14286rem;
  line-height: 20px;
  margin-top: 16px
}

.story-content__image-wrapper[data-v-154f91fa],
.story-content__missions-wrapper[data-v-154f91fa],
.story-content__offer-wrapper[data-v-154f91fa] {
  flex-grow: 1
}

[data-v-890378ec]:export {
  fontSizeXS: .85714rem;
  fontSizeS: 1rem;
  colorAfrodite: #f3d113;
  colorSmokey300: #b6bcc6;
  colorLicorice600: #2d3745;
  colorLicorice600Rgb: 45, 55, 69;
  colorSteel800: #1c2026;
  colorSteel800Rgb: 28, 32, 38;
  colorEastBay400: #48576f;
  colorWhiteSnow: #fff;
  colorWhiteSnowRgb: 255, 255, 255;
  colorCloudBurst: #374456;
  colorDirtySnow100: #eceff1;
  colorDirtySnow100Rgb: 236, 239, 241;
  colorDarkSnow200: #e0e4ea;
  coloDarkSteel900: #101419;
  colorSlate: #69778b;
  colorMars: #f0506e;
  colorMoon: #1b67da;
  colorMoonBaseLight: #6db9ff;
  colorPearl700: #232b36;
  colorPearl700Rgb: 35, 43, 54;
  colorPorcelain: #f6f8f9;
  colorSpecialCompetition: #8a1538;
  colorHermesLight: #bca9ff;
  colorRaspberry: #e70161;
  colorSilverMist: #d1d7e0
}

.color-smokey-300[data-v-890378ec] {
  color: #b6bcc6
}

.color-slate[data-v-890378ec] {
  color: #69778b
}

.color-steel-800[data-v-890378ec] {
  color: #1c2026
}

.color-east-bay-400[data-v-890378ec] {
  color: #48576f
}

[data-v-890378ec]:export {
  opacityFull: 1;
  opacityXxl: .95;
  opacityXl: .87;
  opacityL: .54;
  opacityM: .38;
  opacityS: .17;
  opacityXs: .05;
  opacityZero: 0
}

.opacity-xl[data-v-890378ec] {
  opacity: .87
}

@media screen and (min-width:1025px) {
  [data-v-890378ec]::-webkit-scrollbar {
    width: 6px;
    background-color: transparent
  }

  [data-v-890378ec]::-webkit-scrollbar-thumb {
    background-color: #69778b;
    border-radius: 100px
  }

  [data-v-890378ec]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(105, 119, 139, .54)
  }
}

@supports (-moz-appearance:none) {
  [data-v-890378ec] {
    scrollbar-width: thin
  }
}

.story-content[data-v-890378ec] {
  display: flex;
  flex-direction: column;
  flex: 1;
  margin: 40px 8px
}

.story-content[data-v-890378ec] img {
  touch-action: none;
  pointer-events: none;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.story-content__description[data-v-890378ec],
.story-content__promo[data-v-890378ec] {
  white-space: pre-wrap;
  color: #fff;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden
}

.story-content__description[data-v-890378ec] strong,
.story-content__promo[data-v-890378ec] strong {
  font-weight: 700
}

.story-content__description[data-v-890378ec] em,
.story-content__promo[data-v-890378ec] em {
  font-style: italic
}

.story-content__promo[data-v-890378ec] {
  font-size: 2.57143rem;
  line-height: 40px
}

.story-content__description[data-v-890378ec] {
  font-size: 1.14286rem;
  line-height: 20px;
  margin-top: 16px
}

.story-content__image-wrapper[data-v-890378ec],
.story-content__missions-wrapper[data-v-890378ec],
.story-content__offer-wrapper[data-v-890378ec] {
  flex-grow: 1
}

.story-content__image-wrapper[data-v-890378ec] {
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
  margin: 40px 0;
  position: relative;
  flex: 1
}

.story-content__image-wrapper__logo-image[data-v-890378ec],
.story-content__image-wrapper__logo-lottie[data-v-890378ec] {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  position: absolute;
  top: 0;
  left: 0
}

.story-content__reward_wrapper[data-v-890378ec] {
  margin-top: 24px
}

[data-v-650742f8]:export {
  fontSizeXS: .85714rem;
  fontSizeS: 1rem;
  colorAfrodite: #f3d113;
  colorSmokey300: #b6bcc6;
  colorLicorice600: #2d3745;
  colorLicorice600Rgb: 45, 55, 69;
  colorSteel800: #1c2026;
  colorSteel800Rgb: 28, 32, 38;
  colorEastBay400: #48576f;
  colorWhiteSnow: #fff;
  colorWhiteSnowRgb: 255, 255, 255;
  colorCloudBurst: #374456;
  colorDirtySnow100: #eceff1;
  colorDirtySnow100Rgb: 236, 239, 241;
  colorDarkSnow200: #e0e4ea;
  coloDarkSteel900: #101419;
  colorSlate: #69778b;
  colorMars: #f0506e;
  colorMoon: #1b67da;
  colorMoonBaseLight: #6db9ff;
  colorPearl700: #232b36;
  colorPearl700Rgb: 35, 43, 54;
  colorPorcelain: #f6f8f9;
  colorSpecialCompetition: #8a1538;
  colorHermesLight: #bca9ff;
  colorRaspberry: #e70161;
  colorSilverMist: #d1d7e0
}

.color-smokey-300[data-v-650742f8] {
  color: #b6bcc6
}

.color-slate[data-v-650742f8] {
  color: #69778b
}

.color-steel-800[data-v-650742f8] {
  color: #1c2026
}

.color-east-bay-400[data-v-650742f8] {
  color: #48576f
}

[data-v-650742f8]:export {
  opacityFull: 1;
  opacityXxl: .95;
  opacityXl: .87;
  opacityL: .54;
  opacityM: .38;
  opacityS: .17;
  opacityXs: .05;
  opacityZero: 0
}

.opacity-xl[data-v-650742f8] {
  opacity: .87
}

@media screen and (min-width:1025px) {
  [data-v-650742f8]::-webkit-scrollbar {
    width: 6px;
    background-color: transparent
  }

  [data-v-650742f8]::-webkit-scrollbar-thumb {
    background-color: #69778b;
    border-radius: 100px
  }

  [data-v-650742f8]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(105, 119, 139, .54)
  }
}

@supports (-moz-appearance:none) {
  [data-v-650742f8] {
    scrollbar-width: thin
  }
}

.story-background-container[data-v-650742f8] {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: 32px 16px 40px;
  background-repeat: no-repeat;
  background-position: 50%;
  background: #1c2026
}

.story-background-container--desktop[data-v-650742f8] {
  border-radius: 16px
}

.story-background-container--tutorial[data-v-650742f8] {
  background: #eceff1
}

.story-background-container--tutorial .story-top-bar__close[data-v-650742f8] svg {
  width: 16px;
  height: 16px
}

.overlay-blur[data-v-650742f8] {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, .5);
  -webkit-backdrop-filter: blur(35px);
  backdrop-filter: blur(35px);
  border-radius: 16px
}

.story-top-bar[data-v-650742f8] {
  display: flex;
  flex-direction: row;
  align-items: center;
  z-index: 1
}

.story-top-bar__info[data-v-650742f8] {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: center;
  flex: 1;
  min-width: 0
}

.story-top-bar__info__img[data-v-650742f8] {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid var(--brand-primary-color);
  margin-right: 8px
}

.story-top-bar__info__heading[data-v-650742f8] {
  color: #fff;
  display: flex;
  flex-direction: column;
  margin-right: 8px;
  flex: 1;
  min-width: 0
}

.story-top-bar__info__heading__subtitle[data-v-650742f8],
.story-top-bar__info__heading__title[data-v-650742f8] {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap
}

.story-top-bar__info__heading__title[data-v-650742f8] {
  font-size: 1.14286rem;
  line-height: 20px;
  font-weight: 700
}

.story-top-bar__info__heading__subtitle[data-v-650742f8] {
  font-size: .85714rem;
  line-height: 16px;
  font-weight: 400
}

.story-top-bar__close[data-v-650742f8] {
  display: flex;
  flex-direction: row;
  margin-left: auto;
  padding: 4px
}

.story-top-bar__close[data-v-650742f8] svg {
  width: 12px;
  height: 12px
}

.story-footer[data-v-650742f8] {
  display: flex;
  justify-content: center;
  position: absolute;
  bottom: 40px;
  left: 0;
  right: 0;
  z-index: 4000
}

.story-footer__promo-market-container[data-v-650742f8] {
  width: 100%
}

.story-footer--betSlip[data-v-650742f8] {
  bottom: 16px;
  padding: 0 16px
}

.story-footer--betSlip[data-v-650742f8]:first-child {
  width: 100%
}

@media screen and (max-height:550px) {
  .story-footer[data-v-650742f8] {
    bottom: 24px
  }
}

.story-footer--tutorial[data-v-650742f8] {
  left: 16px;
  right: 16px
}

.story-footer--tutorial .story-footer__button[data-v-650742f8] {
  width: 100%;
  margin: 0 16px;
  color: #1c2026;
  border: 1px solid #1c2026;
  border-radius: 8px;
  font-size: 1rem;
  line-height: 16px;
  font-weight: 700;
  background: #eceff1;
  box-shadow: none
}

.story-footer__button[data-v-650742f8] {
  padding: 16px 24px;
  border-radius: 16px;
  font-size: .85714rem;
  text-transform: uppercase;
  font-weight: 700;
  background-color: var(--brand-secondary-color);
  box-shadow: 0 0 4px rgba(32, 38, 62, .16), 0 16px 24px -1px rgba(18, 18, 20, .48)
}

[data-v-35538feb]:export {
  fontSizeXS: .85714rem;
  fontSizeS: 1rem;
  colorAfrodite: #f3d113;
  colorSmokey300: #b6bcc6;
  colorLicorice600: #2d3745;
  colorLicorice600Rgb: 45, 55, 69;
  colorSteel800: #1c2026;
  colorSteel800Rgb: 28, 32, 38;
  colorEastBay400: #48576f;
  colorWhiteSnow: #fff;
  colorWhiteSnowRgb: 255, 255, 255;
  colorCloudBurst: #374456;
  colorDirtySnow100: #eceff1;
  colorDirtySnow100Rgb: 236, 239, 241;
  colorDarkSnow200: #e0e4ea;
  coloDarkSteel900: #101419;
  colorSlate: #69778b;
  colorMars: #f0506e;
  colorMoon: #1b67da;
  colorMoonBaseLight: #6db9ff;
  colorPearl700: #232b36;
  colorPearl700Rgb: 35, 43, 54;
  colorPorcelain: #f6f8f9;
  colorSpecialCompetition: #8a1538;
  colorHermesLight: #bca9ff;
  colorRaspberry: #e70161;
  colorSilverMist: #d1d7e0
}

.color-smokey-300[data-v-35538feb] {
  color: #b6bcc6
}

.color-slate[data-v-35538feb] {
  color: #69778b
}

.color-steel-800[data-v-35538feb] {
  color: #1c2026
}

.color-east-bay-400[data-v-35538feb] {
  color: #48576f
}

[data-v-35538feb]:export {
  opacityFull: 1;
  opacityXxl: .95;
  opacityXl: .87;
  opacityL: .54;
  opacityM: .38;
  opacityS: .17;
  opacityXs: .05;
  opacityZero: 0
}

.opacity-xl[data-v-35538feb] {
  opacity: .87
}

@media screen and (min-width:1025px) {
  [data-v-35538feb]::-webkit-scrollbar {
    width: 6px;
    background-color: transparent
  }

  [data-v-35538feb]::-webkit-scrollbar-thumb {
    background-color: #69778b;
    border-radius: 100px
  }

  [data-v-35538feb]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(105, 119, 139, .54)
  }
}

@supports (-moz-appearance:none) {
  [data-v-35538feb] {
    scrollbar-width: thin
  }
}

.progress-bar[data-v-35538feb] {
  width: 100%;
  height: 4px;
  border-radius: 8px;
  margin-bottom: 2px;
  overflow: hidden;
  background: rgba(223, 219, 216, .54);
  font-size: 0;
  position: relative
}

.progress-bar__bar[data-v-35538feb] {
  display: inline-block;
  height: 8px;
  width: 100%
}

.progress-bar__bar[data-v-35538feb]:first-child:not(.progress-bar__bar--transparent) {
  background: #ececec
}

[data-v-68a3d92e]:export {
  fontSizeXS: .85714rem;
  fontSizeS: 1rem;
  colorAfrodite: #f3d113;
  colorSmokey300: #b6bcc6;
  colorLicorice600: #2d3745;
  colorLicorice600Rgb: 45, 55, 69;
  colorSteel800: #1c2026;
  colorSteel800Rgb: 28, 32, 38;
  colorEastBay400: #48576f;
  colorWhiteSnow: #fff;
  colorWhiteSnowRgb: 255, 255, 255;
  colorCloudBurst: #374456;
  colorDirtySnow100: #eceff1;
  colorDirtySnow100Rgb: 236, 239, 241;
  colorDarkSnow200: #e0e4ea;
  coloDarkSteel900: #101419;
  colorSlate: #69778b;
  colorMars: #f0506e;
  colorMoon: #1b67da;
  colorMoonBaseLight: #6db9ff;
  colorPearl700: #232b36;
  colorPearl700Rgb: 35, 43, 54;
  colorPorcelain: #f6f8f9;
  colorSpecialCompetition: #8a1538;
  colorHermesLight: #bca9ff;
  colorRaspberry: #e70161;
  colorSilverMist: #d1d7e0
}

.color-smokey-300[data-v-68a3d92e] {
  color: #b6bcc6
}

.color-slate[data-v-68a3d92e] {
  color: #69778b
}

.color-steel-800[data-v-68a3d92e] {
  color: #1c2026
}

.color-east-bay-400[data-v-68a3d92e] {
  color: #48576f
}

[data-v-68a3d92e]:export {
  opacityFull: 1;
  opacityXxl: .95;
  opacityXl: .87;
  opacityL: .54;
  opacityM: .38;
  opacityS: .17;
  opacityXs: .05;
  opacityZero: 0
}

.opacity-xl[data-v-68a3d92e] {
  opacity: .87
}

@media screen and (min-width:1025px) {
  [data-v-68a3d92e]::-webkit-scrollbar {
    width: 6px;
    background-color: transparent
  }

  [data-v-68a3d92e]::-webkit-scrollbar-thumb {
    background-color: #69778b;
    border-radius: 100px
  }

  [data-v-68a3d92e]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(105, 119, 139, .54)
  }
}

@supports (-moz-appearance:none) {
  [data-v-68a3d92e] {
    scrollbar-width: thin
  }
}

.progress-container[data-v-68a3d92e] {
  width: 100%;
  padding: 16px;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  z-index: 1000
}

.progress-container .progress-bar[data-v-68a3d92e] {
  flex: 1;
  margin: 0 2px
}

[data-v-fa957caa]:export {
  fontSizeXS: .85714rem;
  fontSizeS: 1rem;
  colorAfrodite: #f3d113;
  colorSmokey300: #b6bcc6;
  colorLicorice600: #2d3745;
  colorLicorice600Rgb: 45, 55, 69;
  colorSteel800: #1c2026;
  colorSteel800Rgb: 28, 32, 38;
  colorEastBay400: #48576f;
  colorWhiteSnow: #fff;
  colorWhiteSnowRgb: 255, 255, 255;
  colorCloudBurst: #374456;
  colorDirtySnow100: #eceff1;
  colorDirtySnow100Rgb: 236, 239, 241;
  colorDarkSnow200: #e0e4ea;
  coloDarkSteel900: #101419;
  colorSlate: #69778b;
  colorMars: #f0506e;
  colorMoon: #1b67da;
  colorMoonBaseLight: #6db9ff;
  colorPearl700: #232b36;
  colorPearl700Rgb: 35, 43, 54;
  colorPorcelain: #f6f8f9;
  colorSpecialCompetition: #8a1538;
  colorHermesLight: #bca9ff;
  colorRaspberry: #e70161;
  colorSilverMist: #d1d7e0
}

.color-smokey-300[data-v-fa957caa] {
  color: #b6bcc6
}

.color-slate[data-v-fa957caa] {
  color: #69778b
}

.color-steel-800[data-v-fa957caa] {
  color: #1c2026
}

.color-east-bay-400[data-v-fa957caa] {
  color: #48576f
}

[data-v-fa957caa]:export {
  opacityFull: 1;
  opacityXxl: .95;
  opacityXl: .87;
  opacityL: .54;
  opacityM: .38;
  opacityS: .17;
  opacityXs: .05;
  opacityZero: 0
}

.opacity-xl[data-v-fa957caa] {
  opacity: .87
}

@media screen and (min-width:1025px) {
  [data-v-fa957caa]::-webkit-scrollbar {
    width: 6px;
    background-color: transparent
  }

  [data-v-fa957caa]::-webkit-scrollbar-thumb {
    background-color: #69778b;
    border-radius: 100px
  }

  [data-v-fa957caa]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(105, 119, 139, .54)
  }
}

@supports (-moz-appearance:none) {
  [data-v-fa957caa] {
    scrollbar-width: thin
  }
}

.story-reward-pill[data-v-fa957caa] {
  color: #fff;
  border-radius: 4px;
  background: hsla(0, 0%, 100%, .17);
  -webkit-backdrop-filter: blur(9px);
  backdrop-filter: blur(9px);
  display: flex;
  flex-direction: row;
  padding: 2px 4px;
  align-items: center;
  max-width: 100%
}

.story-reward-pill__text-addition[data-v-fa957caa] {
  font-weight: 400;
  font-size: .71429rem;
  line-height: 12px;
  white-space: nowrap;
  margin-right: 2px
}

.story-reward-pill__image[data-v-fa957caa] {
  width: 12px;
  height: 12px;
  margin-right: 2px
}

.story-reward-pill__rewardText[data-v-fa957caa] {
  font-weight: 700;
  font-size: .71429rem;
  line-height: 12px;
  overflow: hidden;
  min-width: 0;
  text-overflow: ellipsis;
  white-space: nowrap
}

[data-v-701f032c]:export {
  fontSizeXS: .85714rem;
  fontSizeS: 1rem;
  colorAfrodite: #f3d113;
  colorSmokey300: #b6bcc6;
  colorLicorice600: #2d3745;
  colorLicorice600Rgb: 45, 55, 69;
  colorSteel800: #1c2026;
  colorSteel800Rgb: 28, 32, 38;
  colorEastBay400: #48576f;
  colorWhiteSnow: #fff;
  colorWhiteSnowRgb: 255, 255, 255;
  colorCloudBurst: #374456;
  colorDirtySnow100: #eceff1;
  colorDirtySnow100Rgb: 236, 239, 241;
  colorDarkSnow200: #e0e4ea;
  coloDarkSteel900: #101419;
  colorSlate: #69778b;
  colorMars: #f0506e;
  colorMoon: #1b67da;
  colorMoonBaseLight: #6db9ff;
  colorPearl700: #232b36;
  colorPearl700Rgb: 35, 43, 54;
  colorPorcelain: #f6f8f9;
  colorSpecialCompetition: #8a1538;
  colorHermesLight: #bca9ff;
  colorRaspberry: #e70161;
  colorSilverMist: #d1d7e0
}

.color-smokey-300[data-v-701f032c] {
  color: #b6bcc6
}

.color-slate[data-v-701f032c] {
  color: #69778b
}

.color-steel-800[data-v-701f032c] {
  color: #1c2026
}

.color-east-bay-400[data-v-701f032c] {
  color: #48576f
}

[data-v-701f032c]:export {
  opacityFull: 1;
  opacityXxl: .95;
  opacityXl: .87;
  opacityL: .54;
  opacityM: .38;
  opacityS: .17;
  opacityXs: .05;
  opacityZero: 0
}

.opacity-xl[data-v-701f032c] {
  opacity: .87
}

@media screen and (min-width:1025px) {
  [data-v-701f032c]::-webkit-scrollbar {
    width: 6px;
    background-color: transparent
  }

  [data-v-701f032c]::-webkit-scrollbar-thumb {
    background-color: #69778b;
    border-radius: 100px
  }

  [data-v-701f032c]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(105, 119, 139, .54)
  }
}

@supports (-moz-appearance:none) {
  [data-v-701f032c] {
    scrollbar-width: thin
  }
}

.story-group-thumbnail-container[data-v-701f032c] {
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  height: 110px;
  width: 75px;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
  padding: 4px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  cursor: pointer
}

.story-group-thumbnail-container__overlay[data-v-701f032c] {
  background: #101419;
  opacity: .2;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0
}

.story-group-thumbnail-container__overlay-blurred[data-v-701f032c] {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, .5);
  -webkit-backdrop-filter: blur(35px);
  backdrop-filter: blur(35px);
  border-radius: 8px
}

@media screen and (min-width:825px) {
  .story-group-thumbnail-container[data-v-701f032c] {
    height: 120px;
    width: 82px
  }
}

.story-group-thumbnail-container--enhanced[data-v-701f032c] {
  width: 157px
}

.story-group-thumbnail-container--enhanced.story-group-thumbnail-container--active[data-v-701f032c] {
  width: 179px;
  border: 4px solid #fff;
  border-radius: 8px
}

@media screen and (min-width:825px) {
  .story-group-thumbnail-container--enhanced[data-v-701f032c] {
    width: 171px
  }
}

.story-group-thumbnail-container--enhanced .story-group-thumbnail-container__story-title[data-v-701f032c] {
  -webkit-line-clamp: 3;
  margin-right: 40px
}

.story-group-thumbnail-container--enhanced .story-group-thumbnail-container__story-title--fullwidth[data-v-701f032c] {
  margin-right: unset
}

.story-group-thumbnail-container--enhanced .story-group-thumbnail-container__logo-image[data-v-701f032c],
.story-group-thumbnail-container--enhanced .story-group-thumbnail-container__logo-lottie[data-v-701f032c] {
  max-width: 60px;
  left: 55%
}

.story-group-thumbnail-container--active[data-v-701f032c] {
  width: 90px;
  border: 4px solid #fff;
  border-radius: 8px
}

.story-group-thumbnail-container__missions[data-v-701f032c] {
  position: absolute;
  top: 4px;
  right: 4px;
  display: flex;
  flex-direction: row;
  align-items: center
}

.story-group-thumbnail-container__missions__text[data-v-701f032c] {
  color: #f6f8f9;
  font-size: .71429rem;
  margin-right: 4px
}

.story-group-thumbnail-container__missions__counter[data-v-701f032c] {
  font-size: .64286rem;
  color: #fff;
  min-width: 14px;
  height: 14px;
  background-color: var(--brand-secondary-color);
  border-radius: 50%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center
}

.story-group-thumbnail-container__missions__counter span[data-v-701f032c] {
  line-height: 14px
}

.story-group-thumbnail-container__profile-icon[data-v-701f032c] {
  position: absolute;
  top: 4px;
  left: 4px;
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  vertical-align: unset;
  background: var(--brand-primary-color)
}

.story-group-thumbnail-container__profile-icon img[data-v-701f032c] {
  width: 22.5px;
  height: 22.5px;
  border-radius: 50%
}

.story-group-thumbnail-container__img-wrapper[data-v-701f032c] {
  padding: 0 10px;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  width: 100%
}

.story-group-thumbnail-container__img-wrapper img[data-v-701f032c] {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 4px
}

.story-group-thumbnail-container__story-title[data-v-701f032c] {
  font-weight: 700;
  -webkit-line-clamp: 5;
  font-size: .71429rem;
  line-height: 12px
}

@media screen and (min-width:825px) {
  .story-group-thumbnail-container__story-title[data-v-701f032c] {
    font-size: .85714rem;
    line-height: 16px
  }
}

.story-group-thumbnail-container__story-subtitle[data-v-701f032c] {
  -webkit-line-clamp: 1;
  font-size: .71429rem;
  line-height: 12px
}

.story-group-thumbnail-container__story-subtitle[data-v-701f032c],
.story-group-thumbnail-container__story-title[data-v-701f032c] {
  color: #fff;
  white-space: normal;
  display: block;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  z-index: 2;
  word-break: break-word
}

.story-group-thumbnail-container__rewards-preview[data-v-701f032c] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap
}

.story-group-thumbnail-container__rewards-preview div[data-v-701f032c] {
  margin-top: 4px
}

.story-group-thumbnail-container__thumbnail-background[data-v-701f032c] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  display: flex
}

.story-group-thumbnail-container__thumbnail-background__img[data-v-701f032c] {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.story-group-thumbnail-container__thumbnail-background[data-v-701f032c]:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(16, 20, 25, 0) 50%, rgba(16, 20, 25, .5) 81.51%, #101419)
}

.story-group-thumbnail-container__logo-image[data-v-701f032c],
.story-group-thumbnail-container__logo-lottie[data-v-701f032c] {
  max-width: 55px;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0
}

[data-v-bc48ea98]:export {
  fontSizeXS: .85714rem;
  fontSizeS: 1rem;
  colorAfrodite: #f3d113;
  colorSmokey300: #b6bcc6;
  colorLicorice600: #2d3745;
  colorLicorice600Rgb: 45, 55, 69;
  colorSteel800: #1c2026;
  colorSteel800Rgb: 28, 32, 38;
  colorEastBay400: #48576f;
  colorWhiteSnow: #fff;
  colorWhiteSnowRgb: 255, 255, 255;
  colorCloudBurst: #374456;
  colorDirtySnow100: #eceff1;
  colorDirtySnow100Rgb: 236, 239, 241;
  colorDarkSnow200: #e0e4ea;
  coloDarkSteel900: #101419;
  colorSlate: #69778b;
  colorMars: #f0506e;
  colorMoon: #1b67da;
  colorMoonBaseLight: #6db9ff;
  colorPearl700: #232b36;
  colorPearl700Rgb: 35, 43, 54;
  colorPorcelain: #f6f8f9;
  colorSpecialCompetition: #8a1538;
  colorHermesLight: #bca9ff;
  colorRaspberry: #e70161;
  colorSilverMist: #d1d7e0
}

.color-smokey-300[data-v-bc48ea98] {
  color: #b6bcc6
}

.color-slate[data-v-bc48ea98] {
  color: #69778b
}

.color-steel-800[data-v-bc48ea98] {
  color: #1c2026
}

.color-east-bay-400[data-v-bc48ea98] {
  color: #48576f
}

[data-v-bc48ea98]:export {
  opacityFull: 1;
  opacityXxl: .95;
  opacityXl: .87;
  opacityL: .54;
  opacityM: .38;
  opacityS: .17;
  opacityXs: .05;
  opacityZero: 0
}

.opacity-xl[data-v-bc48ea98] {
  opacity: .87
}

@media screen and (min-width:1025px) {
  [data-v-bc48ea98]::-webkit-scrollbar {
    width: 6px;
    background-color: transparent
  }

  [data-v-bc48ea98]::-webkit-scrollbar-thumb {
    background-color: #69778b;
    border-radius: 100px
  }

  [data-v-bc48ea98]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(105, 119, 139, .54)
  }
}

@supports (-moz-appearance:none) {
  [data-v-bc48ea98] {
    scrollbar-width: thin
  }
}

.story-groups-slider[data-v-bc48ea98] .swiper-wrapper {
  align-items: center
}

.story-groups-slider .swiper-slide[data-v-bc48ea98] {
  width: 75px
}

@media screen and (min-width:825px) {
  .story-groups-slider .swiper-slide[data-v-bc48ea98] {
    width: 82px
  }
}

.story-groups-slider .swiper-slide--active[data-v-bc48ea98] {
  width: 90px;
  border: 4px solid #fff;
  border-radius: 8px
}

.story-groups-slider .swiper-slide--wide[data-v-bc48ea98] {
  width: 157px
}

@media screen and (min-width:825px) {
  .story-groups-slider .swiper-slide--wide[data-v-bc48ea98] {
    width: 171px
  }
}

.story-groups-slider .swiper-slide--wide.swiper-slide--active[data-v-bc48ea98] {
  width: 179px;
  border: 4px solid #fff;
  border-radius: 8px
}

[data-v-58974569]:export {
  fontSizeXS: .85714rem;
  fontSizeS: 1rem;
  colorAfrodite: #f3d113;
  colorSmokey300: #b6bcc6;
  colorLicorice600: #2d3745;
  colorLicorice600Rgb: 45, 55, 69;
  colorSteel800: #1c2026;
  colorSteel800Rgb: 28, 32, 38;
  colorEastBay400: #48576f;
  colorWhiteSnow: #fff;
  colorWhiteSnowRgb: 255, 255, 255;
  colorCloudBurst: #374456;
  colorDirtySnow100: #eceff1;
  colorDirtySnow100Rgb: 236, 239, 241;
  colorDarkSnow200: #e0e4ea;
  coloDarkSteel900: #101419;
  colorSlate: #69778b;
  colorMars: #f0506e;
  colorMoon: #1b67da;
  colorMoonBaseLight: #6db9ff;
  colorPearl700: #232b36;
  colorPearl700Rgb: 35, 43, 54;
  colorPorcelain: #f6f8f9;
  colorSpecialCompetition: #8a1538;
  colorHermesLight: #bca9ff;
  colorRaspberry: #e70161;
  colorSilverMist: #d1d7e0
}

.color-smokey-300[data-v-58974569] {
  color: #b6bcc6
}

.color-slate[data-v-58974569] {
  color: #69778b
}

.color-steel-800[data-v-58974569] {
  color: #1c2026
}

.color-east-bay-400[data-v-58974569] {
  color: #48576f
}

[data-v-58974569]:export {
  opacityFull: 1;
  opacityXxl: .95;
  opacityXl: .87;
  opacityL: .54;
  opacityM: .38;
  opacityS: .17;
  opacityXs: .05;
  opacityZero: 0
}

.opacity-xl[data-v-58974569] {
  opacity: .87
}

@media screen and (min-width:1025px) {
  [data-v-58974569]::-webkit-scrollbar {
    width: 6px;
    background-color: transparent
  }

  [data-v-58974569]::-webkit-scrollbar-thumb {
    background-color: #69778b;
    border-radius: 100px
  }

  [data-v-58974569]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(105, 119, 139, .54)
  }
}

@supports (-moz-appearance:none) {
  [data-v-58974569] {
    scrollbar-width: thin
  }
}

.story-groups-thumbnails-slider[data-v-58974569] {
  bottom: 16px;
  left: 0;
  right: 0;
  display: flex;
  position: absolute;
  z-index: 10000;
  max-width: 755px;
  padding-bottom: 0
}

.stories-navigator-container--desktop[data-v-58974569] {
  display: flex;
  align-items: center;
  position: absolute;
  justify-content: center;
  left: 0;
  right: 0;
  top: 16px;
  bottom: 16px
}

.stories-navigator-container--desktop-xl[data-v-58974569] {
  top: 16px;
  bottom: 155px
}

.stories-navigator-container--desktop .swiper-container[data-v-58974569] {
  margin-right: unset;
  margin-left: unset
}

.stories-navigator-container .story-groups-slider[data-v-58974569] {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
  background: #48576f;
  -webkit-transform-style: preserve-3d
}

.stories-navigator-container .story-groups-slider--desktop[data-v-58974569] {
  max-width: 59.83vh;
  position: relative;
  background: transparent
}

.stories-navigator-container .story-groups-slider .swiper-slide[data-v-58974569] {
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0)
}

@keyframes zoominwithfade-58974569 {
  0% {
    opacity: 0;
    border-radius: 50%;
    transform: scale(0)
  }

  to {
    opacity: 1;
    border-radius: 0;
    transform: scale(1)
  }
}

@keyframes zoomoutwithfade-58974569 {
  0% {
    opacity: 1;
    border-radius: 0;
    transform: scale(1)
  }

  to {
    opacity: 0;
    border-radius: 50%;
    transform: scale(0)
  }
}

.story-fadezoom-enter-active[data-v-58974569],
.story-fadezoom-leave-active[data-v-58974569] {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10000
}

.story-fadezoom-enter-active[data-v-58974569] {
  animation: zoominwithfade-58974569 .2s ease-in
}

.story-fadezoom-leave-active[data-v-58974569] {
  animation: zoomoutwithfade-58974569 .2s ease-in
}

[data-v-02b987c6]:export {
  fontSizeXS: .85714rem;
  fontSizeS: 1rem;
  colorAfrodite: #f3d113;
  colorSmokey300: #b6bcc6;
  colorLicorice600: #2d3745;
  colorLicorice600Rgb: 45, 55, 69;
  colorSteel800: #1c2026;
  colorSteel800Rgb: 28, 32, 38;
  colorEastBay400: #48576f;
  colorWhiteSnow: #fff;
  colorWhiteSnowRgb: 255, 255, 255;
  colorCloudBurst: #374456;
  colorDirtySnow100: #eceff1;
  colorDirtySnow100Rgb: 236, 239, 241;
  colorDarkSnow200: #e0e4ea;
  coloDarkSteel900: #101419;
  colorSlate: #69778b;
  colorMars: #f0506e;
  colorMoon: #1b67da;
  colorMoonBaseLight: #6db9ff;
  colorPearl700: #232b36;
  colorPearl700Rgb: 35, 43, 54;
  colorPorcelain: #f6f8f9;
  colorSpecialCompetition: #8a1538;
  colorHermesLight: #bca9ff;
  colorRaspberry: #e70161;
  colorSilverMist: #d1d7e0
}

.color-smokey-300[data-v-02b987c6] {
  color: #b6bcc6
}

.color-slate[data-v-02b987c6] {
  color: #69778b
}

.color-steel-800[data-v-02b987c6] {
  color: #1c2026
}

.color-east-bay-400[data-v-02b987c6] {
  color: #48576f
}

[data-v-02b987c6]:export {
  opacityFull: 1;
  opacityXxl: .95;
  opacityXl: .87;
  opacityL: .54;
  opacityM: .38;
  opacityS: .17;
  opacityXs: .05;
  opacityZero: 0
}

.opacity-xl[data-v-02b987c6] {
  opacity: .87
}

@media screen and (min-width:1025px) {
  [data-v-02b987c6]::-webkit-scrollbar {
    width: 6px;
    background-color: transparent
  }

  [data-v-02b987c6]::-webkit-scrollbar-thumb {
    background-color: #69778b;
    border-radius: 100px
  }

  [data-v-02b987c6]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(105, 119, 139, .54)
  }
}

@supports (-moz-appearance:none) {
  [data-v-02b987c6] {
    scrollbar-width: thin
  }
}

.story-groups-container[data-v-02b987c6] {
  min-width: 0;
  border-radius: 8px
}

@media screen and (min-width:825px) {
  .story-groups-container--desktop[data-v-02b987c6] {
    overflow: hidden;
    width: 100%
  }

  .story-groups-container--special[data-v-02b987c6] {
    background: #fff;
    margin: 0 8px 8px 0
  }
}

[data-v-161a0ae1]:export {
  fontSizeXS: .85714rem;
  fontSizeS: 1rem;
  colorAfrodite: #f3d113;
  colorSmokey300: #b6bcc6;
  colorLicorice600: #2d3745;
  colorLicorice600Rgb: 45, 55, 69;
  colorSteel800: #1c2026;
  colorSteel800Rgb: 28, 32, 38;
  colorEastBay400: #48576f;
  colorWhiteSnow: #fff;
  colorWhiteSnowRgb: 255, 255, 255;
  colorCloudBurst: #374456;
  colorDirtySnow100: #eceff1;
  colorDirtySnow100Rgb: 236, 239, 241;
  colorDarkSnow200: #e0e4ea;
  coloDarkSteel900: #101419;
  colorSlate: #69778b;
  colorMars: #f0506e;
  colorMoon: #1b67da;
  colorMoonBaseLight: #6db9ff;
  colorPearl700: #232b36;
  colorPearl700Rgb: 35, 43, 54;
  colorPorcelain: #f6f8f9;
  colorSpecialCompetition: #8a1538;
  colorHermesLight: #bca9ff;
  colorRaspberry: #e70161;
  colorSilverMist: #d1d7e0
}

.color-smokey-300[data-v-161a0ae1] {
  color: #b6bcc6
}

.color-slate[data-v-161a0ae1] {
  color: #69778b
}

.color-steel-800[data-v-161a0ae1] {
  color: #1c2026
}

.color-east-bay-400[data-v-161a0ae1] {
  color: #48576f
}

[data-v-161a0ae1]:export {
  opacityFull: 1;
  opacityXxl: .95;
  opacityXl: .87;
  opacityL: .54;
  opacityM: .38;
  opacityS: .17;
  opacityXs: .05;
  opacityZero: 0
}

.opacity-xl[data-v-161a0ae1] {
  opacity: .87
}

@media screen and (min-width:1025px) {
  [data-v-161a0ae1]::-webkit-scrollbar {
    width: 6px;
    background-color: transparent
  }

  [data-v-161a0ae1]::-webkit-scrollbar-thumb {
    background-color: #69778b;
    border-radius: 100px
  }

  [data-v-161a0ae1]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(105, 119, 139, .54)
  }
}

@supports (-moz-appearance:none) {
  [data-v-161a0ae1] {
    scrollbar-width: thin
  }
}

.story-groups-wrapper[data-v-161a0ae1] {
  display: flex;
  overflow: hidden;
  margin-left: 8px;
  padding-bottom: 8px;
  min-height: 110px
}

@media screen and (min-width:825px) {
  .story-groups-wrapper[data-v-161a0ae1] {
    height: 120px;
    background: #eceff1;
    margin: 0 8px 8px;
    padding-bottom: 0
  }
}

.story-groups-wrapper--special[data-v-161a0ae1] {
  padding: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}

@media screen and (min-width:825px) {
  .story-groups-wrapper--special[data-v-161a0ae1] {
    padding: 0 0 4px 8px
  }
}

.top-events-tabs-slider:hover #topEventsTabs-next,
.top-events-tabs-slider:hover #topEventsTabs-prev {
  display: flex;
  opacity: .5
}

.top-events-tabs-slider:hover #topEventsTabs-next.swiper-button-disabled,
.top-events-tabs-slider:hover #topEventsTabs-prev.swiper-button-disabled {
  display: none
}

.top-events-tabs-slider #topEventsTabs-prev {
  left: -8px;
  background: linear-gradient(270deg, transparent, rgba(236, 239, 241, .87) 30%, #fff 80%)
}

.top-events-tabs-slider #topEventsTabs-next {
  right: -8px;
  background: linear-gradient(90deg, transparent, rgba(236, 239, 241, .87) 30%, #fff 80%)
}

.top-events-tabs-slider #topEventsTabs-next,
.top-events-tabs-slider #topEventsTabs-prev {
  top: 20px;
  height: 100%
}

@media screen and (max-width:825px) {

  .top-events-tabs-slider #topEventsTabs-next,
  .top-events-tabs-slider #topEventsTabs-prev {
    display: none
  }
}

.top-events-tabs-slider #topEventsTabs-next svg path,
.top-events-tabs-slider #topEventsTabs-prev svg path {
  fill: #232b36
}

.top-events-tabs-slider #topEventsTabs-next:hover,
.top-events-tabs-slider #topEventsTabs-prev:hover {
  display: flex;
  opacity: 1
}

[data-v-355dc8dc]:export {
  fontSizeXS: .85714rem;
  fontSizeS: 1rem;
  colorAfrodite: #f3d113;
  colorSmokey300: #b6bcc6;
  colorLicorice600: #2d3745;
  colorLicorice600Rgb: 45, 55, 69;
  colorSteel800: #1c2026;
  colorSteel800Rgb: 28, 32, 38;
  colorEastBay400: #48576f;
  colorWhiteSnow: #fff;
  colorWhiteSnowRgb: 255, 255, 255;
  colorCloudBurst: #374456;
  colorDirtySnow100: #eceff1;
  colorDirtySnow100Rgb: 236, 239, 241;
  colorDarkSnow200: #e0e4ea;
  coloDarkSteel900: #101419;
  colorSlate: #69778b;
  colorMars: #f0506e;
  colorMoon: #1b67da;
  colorMoonBaseLight: #6db9ff;
  colorPearl700: #232b36;
  colorPearl700Rgb: 35, 43, 54;
  colorPorcelain: #f6f8f9;
  colorSpecialCompetition: #8a1538;
  colorHermesLight: #bca9ff;
  colorRaspberry: #e70161;
  colorSilverMist: #d1d7e0
}

.color-smokey-300[data-v-355dc8dc] {
  color: #b6bcc6
}

.color-slate[data-v-355dc8dc] {
  color: #69778b
}

.color-steel-800[data-v-355dc8dc] {
  color: #1c2026
}

.color-east-bay-400[data-v-355dc8dc] {
  color: #48576f
}

[data-v-355dc8dc]:export {
  opacityFull: 1;
  opacityXxl: .95;
  opacityXl: .87;
  opacityL: .54;
  opacityM: .38;
  opacityS: .17;
  opacityXs: .05;
  opacityZero: 0
}

.opacity-xl[data-v-355dc8dc] {
  opacity: .87
}

@media screen and (min-width:1025px) {
  [data-v-355dc8dc]::-webkit-scrollbar {
    width: 6px;
    background-color: transparent
  }

  [data-v-355dc8dc]::-webkit-scrollbar-thumb {
    background-color: #69778b;
    border-radius: 100px
  }

  [data-v-355dc8dc]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(105, 119, 139, .54)
  }
}

@supports (-moz-appearance:none) {
  [data-v-355dc8dc] {
    scrollbar-width: thin
  }
}

.side-nav-item-link[data-v-355dc8dc] {
  cursor: pointer;
  width: 100%;
  display: flex;
  align-items: center;
  text-decoration: none;
  padding: 8px;
  color: #2d3745;
  font-weight: 700
}

@media screen and (min-width:1366px) {
  .side-nav-item-link[data-v-355dc8dc] {
    border-radius: 16px 2px;
    padding: 8px 16px;
    gap: 4px
  }
}

.side-nav-item-link.router-link-active[data-v-355dc8dc],
.side-nav-item-link[data-v-355dc8dc]:hover {
  background-color: #f4f2e4
}

.side-nav-item-link__inner[data-v-355dc8dc] {
  display: flex;
  align-items: center;
  max-width: 100%;
  gap: 8px
}

.side-nav-item-link__icon[data-v-355dc8dc] {
  margin-left: auto;
  cursor: auto
}

.side-nav-item-link__title[data-v-355dc8dc] {
  font-size: 1rem;
  line-height: 16px;
  display: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-weight: 400
}

.side-nav-item-link__title--bold[data-v-355dc8dc] {
  font-weight: 700
}

@media screen and (min-width:1366px) {
  .side-nav-item-link__title[data-v-355dc8dc] {
    display: block
  }
}

[data-v-2ed6e45b]:export {
  fontSizeXS: .85714rem;
  fontSizeS: 1rem;
  colorAfrodite: #f3d113;
  colorSmokey300: #b6bcc6;
  colorLicorice600: #2d3745;
  colorLicorice600Rgb: 45, 55, 69;
  colorSteel800: #1c2026;
  colorSteel800Rgb: 28, 32, 38;
  colorEastBay400: #48576f;
  colorWhiteSnow: #fff;
  colorWhiteSnowRgb: 255, 255, 255;
  colorCloudBurst: #374456;
  colorDirtySnow100: #eceff1;
  colorDirtySnow100Rgb: 236, 239, 241;
  colorDarkSnow200: #e0e4ea;
  coloDarkSteel900: #101419;
  colorSlate: #69778b;
  colorMars: #f0506e;
  colorMoon: #1b67da;
  colorMoonBaseLight: #6db9ff;
  colorPearl700: #232b36;
  colorPearl700Rgb: 35, 43, 54;
  colorPorcelain: #f6f8f9;
  colorSpecialCompetition: #8a1538;
  colorHermesLight: #bca9ff;
  colorRaspberry: #e70161;
  colorSilverMist: #d1d7e0
}

.color-smokey-300[data-v-2ed6e45b] {
  color: #b6bcc6
}

.color-slate[data-v-2ed6e45b] {
  color: #69778b
}

.color-steel-800[data-v-2ed6e45b] {
  color: #1c2026
}

.color-east-bay-400[data-v-2ed6e45b] {
  color: #48576f
}

[data-v-2ed6e45b]:export {
  opacityFull: 1;
  opacityXxl: .95;
  opacityXl: .87;
  opacityL: .54;
  opacityM: .38;
  opacityS: .17;
  opacityXs: .05;
  opacityZero: 0
}

.opacity-xl[data-v-2ed6e45b] {
  opacity: .87
}

@media screen and (min-width:1025px) {
  [data-v-2ed6e45b]::-webkit-scrollbar {
    width: 6px;
    background-color: transparent
  }

  [data-v-2ed6e45b]::-webkit-scrollbar-thumb {
    background-color: #69778b;
    border-radius: 100px
  }

  [data-v-2ed6e45b]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(105, 119, 139, .54)
  }
}

@supports (-moz-appearance:none) {
  [data-v-2ed6e45b] {
    scrollbar-width: thin
  }
}

.side-nav-submenu[data-v-2ed6e45b] {
  display: flex;
  flex-direction: column;
  align-items: center
}

@media screen and (min-width:1366px) {
  .side-nav-submenu[data-v-2ed6e45b] {
    padding-left: 16px;
    align-items: flex-start;
    gap: 4px
  }
}

.side-nav-submenu__item[data-v-2ed6e45b] {
  display: flex;
  align-items: center;
  width: 100%
}

.side-nav-submenu__item__link[data-v-2ed6e45b] {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 8px;
  gap: 4px;
  text-decoration: none;
  color: #2d3745;
  font-weight: 700
}

@media screen and (min-width:1366px) {
  .side-nav-submenu__item__link[data-v-2ed6e45b] {
    padding: 8px 16px;
    border-radius: 16px 2px
  }
}

.side-nav-submenu__item__link.router-link-active[data-v-2ed6e45b]:hover,
.side-nav-submenu__item__link.router-link-exact-active[data-v-2ed6e45b],
.side-nav-submenu__item__link[data-v-2ed6e45b]:hover {
  background-color: #f4f2e4
}

.side-nav-submenu__item__inner[data-v-2ed6e45b] {
  display: flex;
  align-items: center;
  max-width: 100%;
  gap: 8px
}

.side-nav-submenu__item__title[data-v-2ed6e45b] {
  font-size: 1rem;
  line-height: 16px;
  display: none;
  font-weight: 400;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden
}

@media screen and (min-width:1366px) {
  .side-nav-submenu__item__title[data-v-2ed6e45b] {
    display: block
  }
}

[data-v-0664e560]:export {
  fontSizeXS: .85714rem;
  fontSizeS: 1rem;
  colorAfrodite: #f3d113;
  colorSmokey300: #b6bcc6;
  colorLicorice600: #2d3745;
  colorLicorice600Rgb: 45, 55, 69;
  colorSteel800: #1c2026;
  colorSteel800Rgb: 28, 32, 38;
  colorEastBay400: #48576f;
  colorWhiteSnow: #fff;
  colorWhiteSnowRgb: 255, 255, 255;
  colorCloudBurst: #374456;
  colorDirtySnow100: #eceff1;
  colorDirtySnow100Rgb: 236, 239, 241;
  colorDarkSnow200: #e0e4ea;
  coloDarkSteel900: #101419;
  colorSlate: #69778b;
  colorMars: #f0506e;
  colorMoon: #1b67da;
  colorMoonBaseLight: #6db9ff;
  colorPearl700: #232b36;
  colorPearl700Rgb: 35, 43, 54;
  colorPorcelain: #f6f8f9;
  colorSpecialCompetition: #8a1538;
  colorHermesLight: #bca9ff;
  colorRaspberry: #e70161;
  colorSilverMist: #d1d7e0
}

.color-smokey-300[data-v-0664e560] {
  color: #b6bcc6
}

.color-slate[data-v-0664e560] {
  color: #69778b
}

.color-steel-800[data-v-0664e560] {
  color: #1c2026
}

.color-east-bay-400[data-v-0664e560] {
  color: #48576f
}

[data-v-0664e560]:export {
  opacityFull: 1;
  opacityXxl: .95;
  opacityXl: .87;
  opacityL: .54;
  opacityM: .38;
  opacityS: .17;
  opacityXs: .05;
  opacityZero: 0
}

.opacity-xl[data-v-0664e560] {
  opacity: .87
}

@media screen and (min-width:1025px) {
  [data-v-0664e560]::-webkit-scrollbar {
    width: 6px;
    background-color: transparent
  }

  [data-v-0664e560]::-webkit-scrollbar-thumb {
    background-color: #69778b;
    border-radius: 100px
  }

  [data-v-0664e560]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(105, 119, 139, .54)
  }
}

@supports (-moz-appearance:none) {
  [data-v-0664e560] {
    scrollbar-width: thin
  }
}

.side-nav-item[data-v-0664e560] {
  display: flex;
  flex-direction: column
}

@media screen and (min-width:1366px) {
  .side-nav-item[data-v-0664e560] {
    gap: 4px;
    width: 100%
  }
}

.side-nav-item__icon[data-v-0664e560] {
  margin-left: auto;
  cursor: auto
}

.side-nav-item--expanded .side-nav-item__icon-arrow[data-v-0664e560] {
  display: block;
  transform: rotate(-180deg)
}

[data-v-167364ea]:export {
  fontSizeXS: .85714rem;
  fontSizeS: 1rem;
  colorAfrodite: #f3d113;
  colorSmokey300: #b6bcc6;
  colorLicorice600: #2d3745;
  colorLicorice600Rgb: 45, 55, 69;
  colorSteel800: #1c2026;
  colorSteel800Rgb: 28, 32, 38;
  colorEastBay400: #48576f;
  colorWhiteSnow: #fff;
  colorWhiteSnowRgb: 255, 255, 255;
  colorCloudBurst: #374456;
  colorDirtySnow100: #eceff1;
  colorDirtySnow100Rgb: 236, 239, 241;
  colorDarkSnow200: #e0e4ea;
  coloDarkSteel900: #101419;
  colorSlate: #69778b;
  colorMars: #f0506e;
  colorMoon: #1b67da;
  colorMoonBaseLight: #6db9ff;
  colorPearl700: #232b36;
  colorPearl700Rgb: 35, 43, 54;
  colorPorcelain: #f6f8f9;
  colorSpecialCompetition: #8a1538;
  colorHermesLight: #bca9ff;
  colorRaspberry: #e70161;
  colorSilverMist: #d1d7e0
}

.color-smokey-300[data-v-167364ea] {
  color: #b6bcc6
}

.color-slate[data-v-167364ea] {
  color: #69778b
}

.color-steel-800[data-v-167364ea] {
  color: #1c2026
}

.color-east-bay-400[data-v-167364ea] {
  color: #48576f
}

[data-v-167364ea]:export {
  opacityFull: 1;
  opacityXxl: .95;
  opacityXl: .87;
  opacityL: .54;
  opacityM: .38;
  opacityS: .17;
  opacityXs: .05;
  opacityZero: 0
}

.opacity-xl[data-v-167364ea] {
  opacity: .87
}

@media screen and (min-width:1025px) {
  [data-v-167364ea]::-webkit-scrollbar {
    width: 6px;
    background-color: transparent
  }

  [data-v-167364ea]::-webkit-scrollbar-thumb {
    background-color: #69778b;
    border-radius: 100px
  }

  [data-v-167364ea]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(105, 119, 139, .54)
  }
}

@supports (-moz-appearance:none) {
  [data-v-167364ea] {
    scrollbar-width: thin
  }
}

.side-nav-list[data-v-167364ea] {
  display: flex;
  flex-direction: column;
  background-color: #fff
}

@media screen and (min-width:1366px) {
  .side-nav-list[data-v-167364ea] {
    gap: 4px
  }
}

.side-nav-list--collapsed[data-v-167364ea] {
  align-items: center
}

.side-nav-list__submenu[data-v-167364ea] {
  display: flex;
  flex-direction: column;
  padding-left: 16px;
  gap: 4px
}

[data-v-a116d40e]:export {
  fontSizeXS: .85714rem;
  fontSizeS: 1rem;
  colorAfrodite: #f3d113;
  colorSmokey300: #b6bcc6;
  colorLicorice600: #2d3745;
  colorLicorice600Rgb: 45, 55, 69;
  colorSteel800: #1c2026;
  colorSteel800Rgb: 28, 32, 38;
  colorEastBay400: #48576f;
  colorWhiteSnow: #fff;
  colorWhiteSnowRgb: 255, 255, 255;
  colorCloudBurst: #374456;
  colorDirtySnow100: #eceff1;
  colorDirtySnow100Rgb: 236, 239, 241;
  colorDarkSnow200: #e0e4ea;
  coloDarkSteel900: #101419;
  colorSlate: #69778b;
  colorMars: #f0506e;
  colorMoon: #1b67da;
  colorMoonBaseLight: #6db9ff;
  colorPearl700: #232b36;
  colorPearl700Rgb: 35, 43, 54;
  colorPorcelain: #f6f8f9;
  colorSpecialCompetition: #8a1538;
  colorHermesLight: #bca9ff;
  colorRaspberry: #e70161;
  colorSilverMist: #d1d7e0
}

.color-smokey-300[data-v-a116d40e] {
  color: #b6bcc6
}

.color-slate[data-v-a116d40e] {
  color: #69778b
}

.color-steel-800[data-v-a116d40e] {
  color: #1c2026
}

.color-east-bay-400[data-v-a116d40e] {
  color: #48576f
}

[data-v-a116d40e]:export {
  opacityFull: 1;
  opacityXxl: .95;
  opacityXl: .87;
  opacityL: .54;
  opacityM: .38;
  opacityS: .17;
  opacityXs: .05;
  opacityZero: 0
}

.opacity-xl[data-v-a116d40e] {
  opacity: .87
}

@media screen and (min-width:1025px) {
  [data-v-a116d40e]::-webkit-scrollbar {
    width: 6px;
    background-color: transparent
  }

  [data-v-a116d40e]::-webkit-scrollbar-thumb {
    background-color: #69778b;
    border-radius: 100px
  }

  [data-v-a116d40e]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(105, 119, 139, .54)
  }
}

@supports (-moz-appearance:none) {
  [data-v-a116d40e] {
    scrollbar-width: thin
  }
}

.sc-side-nav[data-v-a116d40e] {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid #eceff1;
  padding: 8px;
  background-color: #fff;
  gap: 4px
}

@media screen and (max-width:1365.9px) {
  .sc-side-nav[data-v-a116d40e] {
    padding: 4px
  }
}

.sc-side-nav__header[data-v-a116d40e] {
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #8a1538;
  padding: 8px 16px;
  font-weight: 700;
  border-radius: 8px 2px
}

@media screen and (min-width:1366px) {
  .sc-side-nav__header[data-v-a116d40e] {
    border-radius: 16px 2px
  }
}

@media screen and (max-width:1365.9px) {
  .sc-side-nav__header[data-v-a116d40e] {
    justify-content: center
  }

  .sc-side-nav__header svg[data-v-a116d40e] {
    width: 18px;
    height: 18px
  }
}

@media screen and (min-width:1366px) {
  .sc-side-nav__header--expanded[data-v-a116d40e] {
    border-radius: 16px 2px
  }
}

.sc-side-nav__header--expanded .sc-side-nav__header-icon-arrow[data-v-a116d40e] {
  display: block;
  transform: rotate(-180deg)
}

.sc-side-nav__header:hover .sc-side-nav__header-icon-arrow[data-v-a116d40e] {
  display: block
}

.sc-side-nav__header-link[data-v-a116d40e] {
  color: #fff;
  text-decoration: none;
  display: flex;
  align-items: center;
  cursor: pointer;
  background: none;
  gap: 4px
}

.sc-side-nav__header-link.router-link-exact-active[data-v-a116d40e] {
  background-color: initial
}

.sc-side-nav__header-icon-arrow[data-v-a116d40e] {
  cursor: pointer
}

.sc-side-nav__header-text[data-v-a116d40e] {
  display: none;
  padding-left: 8px;
  font-size: 1.14286rem;
  line-height: 20px
}

@media screen and (min-width:1366px) {
  .sc-side-nav__header-text[data-v-a116d40e] {
    display: flex
  }
}

.sc-side-nav__list-container[data-v-a116d40e] {
  background-color: #fff
}

.ai-cards-footer--background {
  -webkit-mask-image: url(assets/static/css-images/ai-cards/ai_footer_shape.svg?v=1);
  mask-image: url(assets/static/css-images/ai-cards/ai_footer_shape.svg?v=1);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  filter: drop-shadow(0 -40px 32px rgba(18, 18, 20, .48)) drop-shadow(0 0 4px rgba(32, 38, 62, .16))
}

.ai-wrapper {
  position: relative;
  background: var(--ai-cards-gradient-base)
}

.ai-wrapper:before {
  position: absolute;
  height: 100%;
  width: 100%;
  content: "";
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: var(--ai-cards-gradient);
  opacity: 0;
  animation: change-gradient 8s ease-in-out 2s infinite
}

@keyframes change-gradient {

  0%,
  to {
    opacity: 0
  }

  50% {
    opacity: 1
  }
}

@media screen and (max-width:825px) {

  .ai-cards-swiper #aiCardsSlider-next,
  .ai-cards-swiper #aiCardsSlider-prev,
  .ai-cards-swiper #aiDefaultCardsSlider-next,
  .ai-cards-swiper #aiDefaultCardsSlider-prev,
  .ai-cards-swiper #aiPreviewCardsSlider-next,
  .ai-cards-swiper #aiPreviewCardsSlider-prev {
    display: none
  }
}

.ai-cards-swiper .swiper-slide {
  width: auto;
  transform: translateZ(0) !important
}

.ai-cards-swiper .swiper-pagination .swiper-pagination-bullet,
.ai-cards-swiper .swiper-pagination .swiper-pagination-bullet-active {
  background: #fff
}

.ai-cards-selector-item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 250px;
  height: 313px;
  filter: drop-shadow(0 41.61074px 62.41611px rgba(18, 18, 20, .3))
}

.swipe-tutorial {
  z-index: 2;
  opacity: .6;
  background: #d3d3d3;
  width: 25px;
  height: 25px;
  border-radius: 15px;
  position: absolute;
  left: 90%;
  top: calc(50% - 25px);
  transform: scale(0) translateX(0);
  animation: swipe-animation 1s cubic-bezier(.22, .61, .36, 1);
  animation-iteration-count: 2;
  animation-delay: .5s
}

@keyframes swipe-animation {
  0% {
    width: 25px;
    transform: scale(.2) translateX(0)
  }

  10% {
    width: 25px;
    transform: scale(1) translateX(0)
  }

  60% {
    width: 70px
  }

  80% {
    width: 25px
  }

  90% {
    transform: scale(1) translateX(-120px)
  }

  to {
    transform: scale(0) translateX(-120px)
  }
}

.ai-cards-final-card {
  position: relative
}

.ai-cards-final-card--hide-amounts g#ai-cards-bet-amount,
.ai-cards-final-card--hide-amounts g#ai-cards-won-amount {
  display: none
}

[data-v-709ff134]:export {
  fontSizeXS: .85714rem;
  fontSizeS: 1rem;
  colorAfrodite: #f3d113;
  colorSmokey300: #b6bcc6;
  colorLicorice600: #2d3745;
  colorLicorice600Rgb: 45, 55, 69;
  colorSteel800: #1c2026;
  colorSteel800Rgb: 28, 32, 38;
  colorEastBay400: #48576f;
  colorWhiteSnow: #fff;
  colorWhiteSnowRgb: 255, 255, 255;
  colorCloudBurst: #374456;
  colorDirtySnow100: #eceff1;
  colorDirtySnow100Rgb: 236, 239, 241;
  colorDarkSnow200: #e0e4ea;
  coloDarkSteel900: #101419;
  colorSlate: #69778b;
  colorMars: #f0506e;
  colorMoon: #1b67da;
  colorMoonBaseLight: #6db9ff;
  colorPearl700: #232b36;
  colorPearl700Rgb: 35, 43, 54;
  colorPorcelain: #f6f8f9;
  colorSpecialCompetition: #8a1538;
  colorHermesLight: #bca9ff;
  colorRaspberry: #e70161;
  colorSilverMist: #d1d7e0
}

.color-smokey-300[data-v-709ff134] {
  color: #b6bcc6
}

.color-slate[data-v-709ff134] {
  color: #69778b
}

.color-steel-800[data-v-709ff134] {
  color: #1c2026
}

.color-east-bay-400[data-v-709ff134] {
  color: #48576f
}

[data-v-709ff134]:export {
  opacityFull: 1;
  opacityXxl: .95;
  opacityXl: .87;
  opacityL: .54;
  opacityM: .38;
  opacityS: .17;
  opacityXs: .05;
  opacityZero: 0
}

.opacity-xl[data-v-709ff134] {
  opacity: .87
}

@media screen and (min-width:1025px) {
  [data-v-709ff134]::-webkit-scrollbar {
    width: 6px;
    background-color: transparent
  }

  [data-v-709ff134]::-webkit-scrollbar-thumb {
    background-color: #69778b;
    border-radius: 100px
  }

  [data-v-709ff134]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(105, 119, 139, .54)
  }
}

@supports (-moz-appearance:none) {
  [data-v-709ff134] {
    scrollbar-width: thin
  }
}

.ai-card-container[data-v-709ff134] {
  animation: fadeFromTop-709ff134 .8s ease-in-out 1s forwards;
  opacity: 0
}

.ai-card-container__shadow[data-v-709ff134] {
  position: absolute;
  width: 282.86px;
  height: 38px;
  left: calc(50% - 141.43px);
  bottom: -370px;
  border-radius: 50%;
  filter: blur(6px);
  opacity: 1;
  background: radial-gradient(rgba(0, 0, 0, .4), transparent)
}

.ai-card-container__shadow[data-v-709ff134]:after {
  content: "";
  position: absolute;
  opacity: 0;
  border-radius: 50%;
  filter: blur(6px);
  width: 100%;
  height: 100%;
  background: radial-gradient(#000, transparent);
  animation: cardsShadowBackground-709ff134 4s ease-in-out 3s infinite
}

.ai-card-container__data-detection-blocker[data-v-709ff134] {
  position: absolute;
  height: 312.86px;
  z-index: 1000;
  width: 100%;
  top: 0;
  left: 0;
  background: transparent
}

.ai-card[data-v-709ff134] {
  left: 50%;
  box-shadow: 0 20px 20px 4px rgba(35, 43, 54, .17);
  width: 196.77px;
  height: 282.86px;
  position: absolute;
  transform: translateX(-50%)
}

.ai-card__first[data-v-709ff134] {
  animation: firstCardRotation-709ff134 .2s ease-in-out 2s forwards, firstCardIdle-709ff134 4s ease-in-out 3s infinite
}

.ai-card__second[data-v-709ff134] {
  animation: secondCardRotation-709ff134 .2s ease-in-out 2s forwards, secondCardIdle-709ff134 4s ease-in-out 3s infinite
}

.ai-card__third[data-v-709ff134] {
  animation: thirdCardRotation-709ff134 .2s ease-in-out 2s forwards, thirdCardIdle-709ff134 4s ease-in-out 3s infinite
}

@keyframes fadeFromTop-709ff134 {
  0% {
    padding-top: 0;
    opacity: 0
  }

  to {
    padding-top: 20px;
    opacity: 1
  }
}

@keyframes firstCardIdle-709ff134 {

  0%,
  to {
    transform: translateX(-50%) rotate(12deg);
    top: 20px
  }

  50% {
    transform: translateX(-50%) rotate(10deg);
    top: 30px
  }
}

@keyframes secondCardIdle-709ff134 {

  0%,
  to {
    transform: translateX(-50%) rotate(1.25deg);
    top: 20px
  }

  50% {
    transform: translateX(-50%) rotate(0deg);
    top: 30px
  }
}

@keyframes thirdCardIdle-709ff134 {

  0%,
  to {
    transform: translateX(-50%) rotate(-12deg);
    top: 20px
  }

  50% {
    transform: translateX(-50%) rotate(-10deg);
    top: 30px
  }
}

@keyframes firstCardRotation-709ff134 {
  0% {
    transform: translateX(-50%) rotate(0deg)
  }

  to {
    transform: translateX(-50%) rotate(12deg)
  }
}

@keyframes secondCardRotation-709ff134 {
  0% {
    transform: translateX(-50%) rotate(0deg)
  }

  to {
    transform: translateX(-50%) rotate(1.25deg)
  }
}

@keyframes thirdCardRotation-709ff134 {
  0% {
    transform: translateX(-50%) rotate(0deg)
  }

  to {
    transform: translateX(-50%) rotate(-12deg)
  }
}

@keyframes bottomShadow-709ff134 {

  0%,
  to {
    background: radial-gradient(#000, transparent)
  }

  50% {
    background: radial-gradient(rgba(0, 0, 0, .4), transparent)
  }
}

@keyframes cardsShadowBackground-709ff134 {

  0%,
  to {
    opacity: 0
  }

  50% {
    opacity: 1
  }
}

[data-v-5185e7fe]:export {
  fontSizeXS: .85714rem;
  fontSizeS: 1rem;
  colorAfrodite: #f3d113;
  colorSmokey300: #b6bcc6;
  colorLicorice600: #2d3745;
  colorLicorice600Rgb: 45, 55, 69;
  colorSteel800: #1c2026;
  colorSteel800Rgb: 28, 32, 38;
  colorEastBay400: #48576f;
  colorWhiteSnow: #fff;
  colorWhiteSnowRgb: 255, 255, 255;
  colorCloudBurst: #374456;
  colorDirtySnow100: #eceff1;
  colorDirtySnow100Rgb: 236, 239, 241;
  colorDarkSnow200: #e0e4ea;
  coloDarkSteel900: #101419;
  colorSlate: #69778b;
  colorMars: #f0506e;
  colorMoon: #1b67da;
  colorMoonBaseLight: #6db9ff;
  colorPearl700: #232b36;
  colorPearl700Rgb: 35, 43, 54;
  colorPorcelain: #f6f8f9;
  colorSpecialCompetition: #8a1538;
  colorHermesLight: #bca9ff;
  colorRaspberry: #e70161;
  colorSilverMist: #d1d7e0
}

.color-smokey-300[data-v-5185e7fe] {
  color: #b6bcc6
}

.color-slate[data-v-5185e7fe] {
  color: #69778b
}

.color-steel-800[data-v-5185e7fe] {
  color: #1c2026
}

.color-east-bay-400[data-v-5185e7fe] {
  color: #48576f
}

[data-v-5185e7fe]:export {
  opacityFull: 1;
  opacityXxl: .95;
  opacityXl: .87;
  opacityL: .54;
  opacityM: .38;
  opacityS: .17;
  opacityXs: .05;
  opacityZero: 0
}

.opacity-xl[data-v-5185e7fe] {
  opacity: .87
}

@media screen and (min-width:1025px) {
  [data-v-5185e7fe]::-webkit-scrollbar {
    width: 6px;
    background-color: transparent
  }

  [data-v-5185e7fe]::-webkit-scrollbar-thumb {
    background-color: #69778b;
    border-radius: 100px
  }

  [data-v-5185e7fe]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(105, 119, 139, .54)
  }
}

@supports (-moz-appearance:none) {
  [data-v-5185e7fe] {
    scrollbar-width: thin
  }
}

.skeleton[data-v-5185e7fe]:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 10%;
  height: 100%;
  background-color: #69778b;
  filter: blur(25px);
  transform: translateX(-400%);
  animation: pulse-5185e7fe 2s ease-in-out infinite
}

@keyframes pulse-5185e7fe {
  0% {
    transform: translateX(-400%)
  }

  to {
    transform: translateX(1200%)
  }
}

[data-v-59f854ce]:export {
  fontSizeXS: .85714rem;
  fontSizeS: 1rem;
  colorAfrodite: #f3d113;
  colorSmokey300: #b6bcc6;
  colorLicorice600: #2d3745;
  colorLicorice600Rgb: 45, 55, 69;
  colorSteel800: #1c2026;
  colorSteel800Rgb: 28, 32, 38;
  colorEastBay400: #48576f;
  colorWhiteSnow: #fff;
  colorWhiteSnowRgb: 255, 255, 255;
  colorCloudBurst: #374456;
  colorDirtySnow100: #eceff1;
  colorDirtySnow100Rgb: 236, 239, 241;
  colorDarkSnow200: #e0e4ea;
  coloDarkSteel900: #101419;
  colorSlate: #69778b;
  colorMars: #f0506e;
  colorMoon: #1b67da;
  colorMoonBaseLight: #6db9ff;
  colorPearl700: #232b36;
  colorPearl700Rgb: 35, 43, 54;
  colorPorcelain: #f6f8f9;
  colorSpecialCompetition: #8a1538;
  colorHermesLight: #bca9ff;
  colorRaspberry: #e70161;
  colorSilverMist: #d1d7e0
}

.color-smokey-300[data-v-59f854ce] {
  color: #b6bcc6
}

.color-slate[data-v-59f854ce] {
  color: #69778b
}

.color-steel-800[data-v-59f854ce] {
  color: #1c2026
}

.color-east-bay-400[data-v-59f854ce] {
  color: #48576f
}

[data-v-59f854ce]:export {
  opacityFull: 1;
  opacityXxl: .95;
  opacityXl: .87;
  opacityL: .54;
  opacityM: .38;
  opacityS: .17;
  opacityXs: .05;
  opacityZero: 0
}

.opacity-xl[data-v-59f854ce] {
  opacity: .87
}

@media screen and (min-width:1025px) {
  [data-v-59f854ce]::-webkit-scrollbar {
    width: 6px;
    background-color: transparent
  }

  [data-v-59f854ce]::-webkit-scrollbar-thumb {
    background-color: #69778b;
    border-radius: 100px
  }

  [data-v-59f854ce]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(105, 119, 139, .54)
  }
}

@supports (-moz-appearance:none) {
  [data-v-59f854ce] {
    scrollbar-width: thin
  }
}

.other-action-icon[data-v-59f854ce] {
  transition: transform .1s ease-in-out
}

.other-action-icon[data-v-59f854ce]:active {
  transform: scale(.9)
}

[data-v-63254122]:export {
  fontSizeXS: .85714rem;
  fontSizeS: 1rem;
  colorAfrodite: #f3d113;
  colorSmokey300: #b6bcc6;
  colorLicorice600: #2d3745;
  colorLicorice600Rgb: 45, 55, 69;
  colorSteel800: #1c2026;
  colorSteel800Rgb: 28, 32, 38;
  colorEastBay400: #48576f;
  colorWhiteSnow: #fff;
  colorWhiteSnowRgb: 255, 255, 255;
  colorCloudBurst: #374456;
  colorDirtySnow100: #eceff1;
  colorDirtySnow100Rgb: 236, 239, 241;
  colorDarkSnow200: #e0e4ea;
  coloDarkSteel900: #101419;
  colorSlate: #69778b;
  colorMars: #f0506e;
  colorMoon: #1b67da;
  colorMoonBaseLight: #6db9ff;
  colorPearl700: #232b36;
  colorPearl700Rgb: 35, 43, 54;
  colorPorcelain: #f6f8f9;
  colorSpecialCompetition: #8a1538;
  colorHermesLight: #bca9ff;
  colorRaspberry: #e70161;
  colorSilverMist: #d1d7e0
}

.color-smokey-300[data-v-63254122] {
  color: #b6bcc6
}

.color-slate[data-v-63254122] {
  color: #69778b
}

.color-steel-800[data-v-63254122] {
  color: #1c2026
}

.color-east-bay-400[data-v-63254122] {
  color: #48576f
}

[data-v-63254122]:export {
  opacityFull: 1;
  opacityXxl: .95;
  opacityXl: .87;
  opacityL: .54;
  opacityM: .38;
  opacityS: .17;
  opacityXs: .05;
  opacityZero: 0
}

.opacity-xl[data-v-63254122] {
  opacity: .87
}

@media screen and (min-width:1025px) {
  [data-v-63254122]::-webkit-scrollbar {
    width: 6px;
    background-color: transparent
  }

  [data-v-63254122]::-webkit-scrollbar-thumb {
    background-color: #69778b;
    border-radius: 100px
  }

  [data-v-63254122]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(105, 119, 139, .54)
  }
}

@supports (-moz-appearance:none) {
  [data-v-63254122] {
    scrollbar-width: thin
  }
}

[data-v-63254122] .swiper-wrapper {
  height: auto
}

[data-v-63254122] .swiper-pagination {
  gap: 8px;
  margin-top: 16px !important;
  padding: 0 !important
}

[data-v-63254122] .swiper-button-next {
  right: -8px;
  top: 30px
}

[data-v-63254122] .swiper-button-prev {
  left: -8px;
  top: 30px
}

.ai-cards-video-player {
  box-shadow: 0 0 6.75px 0 rgba(35, 43, 54, .06)
}

[data-v-3f7dc954]:export {
  fontSizeXS: .85714rem;
  fontSizeS: 1rem;
  colorAfrodite: #f3d113;
  colorSmokey300: #b6bcc6;
  colorLicorice600: #2d3745;
  colorLicorice600Rgb: 45, 55, 69;
  colorSteel800: #1c2026;
  colorSteel800Rgb: 28, 32, 38;
  colorEastBay400: #48576f;
  colorWhiteSnow: #fff;
  colorWhiteSnowRgb: 255, 255, 255;
  colorCloudBurst: #374456;
  colorDirtySnow100: #eceff1;
  colorDirtySnow100Rgb: 236, 239, 241;
  colorDarkSnow200: #e0e4ea;
  coloDarkSteel900: #101419;
  colorSlate: #69778b;
  colorMars: #f0506e;
  colorMoon: #1b67da;
  colorMoonBaseLight: #6db9ff;
  colorPearl700: #232b36;
  colorPearl700Rgb: 35, 43, 54;
  colorPorcelain: #f6f8f9;
  colorSpecialCompetition: #8a1538;
  colorHermesLight: #bca9ff;
  colorRaspberry: #e70161;
  colorSilverMist: #d1d7e0
}

.color-smokey-300[data-v-3f7dc954] {
  color: #b6bcc6
}

.color-slate[data-v-3f7dc954] {
  color: #69778b
}

.color-steel-800[data-v-3f7dc954] {
  color: #1c2026
}

.color-east-bay-400[data-v-3f7dc954] {
  color: #48576f
}

[data-v-3f7dc954]:export {
  opacityFull: 1;
  opacityXxl: .95;
  opacityXl: .87;
  opacityL: .54;
  opacityM: .38;
  opacityS: .17;
  opacityXs: .05;
  opacityZero: 0
}

.opacity-xl[data-v-3f7dc954] {
  opacity: .87
}

@media screen and (min-width:1025px) {
  [data-v-3f7dc954]::-webkit-scrollbar {
    width: 6px;
    background-color: transparent
  }

  [data-v-3f7dc954]::-webkit-scrollbar-thumb {
    background-color: #69778b;
    border-radius: 100px
  }

  [data-v-3f7dc954]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(105, 119, 139, .54)
  }
}

@supports (-moz-appearance:none) {
  [data-v-3f7dc954] {
    scrollbar-width: thin
  }
}

[data-v-3f7dc954] svg * {
  fill: var(--220f3a18);
  stroke: var(--220f3a18)
}

.ai-cards-rarity-list {
  margin-top: 95px
}

.ai-cards-rarity-list>div:nth-child(odd) {
  animation: slideAndWobbleLeft 1.5s ease-in-out
}

.ai-cards-rarity-list>div:nth-child(2n) {
  animation: slideAndWobbleRight 1.5s ease-in-out
}

@keyframes slideAndWobbleRight {
  0% {
    transform: translateX(50%)
  }

  33% {
    transform: translateX(-10%)
  }

  66% {
    transform: translateX(8%)
  }

  to {
    transform: translateX(0)
  }
}

@keyframes slideAndWobbleLeft {
  0% {
    transform: translateX(-50%)
  }

  33% {
    transform: translateX(10%)
  }

  66% {
    transform: translateX(-8%)
  }

  to {
    transform: translateX(0)
  }
}

.image-loader-shadow {
  width: 282.86px;
  height: 38px;
  left: calc(50% - 141.43px);
  bottom: -50px;
  opacity: 1;
  background: radial-gradient(rgba(0, 0, 0, .4), transparent)
}

.image-loader-shadow,
.image-loader-shadow:after {
  position: absolute;
  border-radius: 50%;
  filter: blur(6px)
}

.image-loader-shadow:after {
  content: "";
  opacity: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(#000, transparent)
}

[data-v-2a59a1d9]:export {
  fontSizeXS: .85714rem;
  fontSizeS: 1rem;
  colorAfrodite: #f3d113;
  colorSmokey300: #b6bcc6;
  colorLicorice600: #2d3745;
  colorLicorice600Rgb: 45, 55, 69;
  colorSteel800: #1c2026;
  colorSteel800Rgb: 28, 32, 38;
  colorEastBay400: #48576f;
  colorWhiteSnow: #fff;
  colorWhiteSnowRgb: 255, 255, 255;
  colorCloudBurst: #374456;
  colorDirtySnow100: #eceff1;
  colorDirtySnow100Rgb: 236, 239, 241;
  colorDarkSnow200: #e0e4ea;
  coloDarkSteel900: #101419;
  colorSlate: #69778b;
  colorMars: #f0506e;
  colorMoon: #1b67da;
  colorMoonBaseLight: #6db9ff;
  colorPearl700: #232b36;
  colorPearl700Rgb: 35, 43, 54;
  colorPorcelain: #f6f8f9;
  colorSpecialCompetition: #8a1538;
  colorHermesLight: #bca9ff;
  colorRaspberry: #e70161;
  colorSilverMist: #d1d7e0
}

.color-smokey-300[data-v-2a59a1d9] {
  color: #b6bcc6
}

.color-slate[data-v-2a59a1d9] {
  color: #69778b
}

.color-steel-800[data-v-2a59a1d9] {
  color: #1c2026
}

.color-east-bay-400[data-v-2a59a1d9] {
  color: #48576f
}

[data-v-2a59a1d9]:export {
  opacityFull: 1;
  opacityXxl: .95;
  opacityXl: .87;
  opacityL: .54;
  opacityM: .38;
  opacityS: .17;
  opacityXs: .05;
  opacityZero: 0
}

.opacity-xl[data-v-2a59a1d9] {
  opacity: .87
}

@media screen and (min-width:1025px) {
  [data-v-2a59a1d9]::-webkit-scrollbar {
    width: 6px;
    background-color: transparent
  }

  [data-v-2a59a1d9]::-webkit-scrollbar-thumb {
    background-color: #69778b;
    border-radius: 100px
  }

  [data-v-2a59a1d9]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(105, 119, 139, .54)
  }
}

@supports (-moz-appearance:none) {
  [data-v-2a59a1d9] {
    scrollbar-width: thin
  }
}

.expandable-block[data-v-2a59a1d9] {
  margin: 0 8px 8px
}

.expandable-block--themed[data-v-2a59a1d9] {
  background: #f6f8f9;
  border-radius: 16px
}

@media screen and (min-width:1281px) {
  .expandable-block--themed[data-v-2a59a1d9] {
    padding: 8px
  }
}

[data-v-2eefb20c]:export {
  fontSizeXS: .85714rem;
  fontSizeS: 1rem;
  colorAfrodite: #f3d113;
  colorSmokey300: #b6bcc6;
  colorLicorice600: #2d3745;
  colorLicorice600Rgb: 45, 55, 69;
  colorSteel800: #1c2026;
  colorSteel800Rgb: 28, 32, 38;
  colorEastBay400: #48576f;
  colorWhiteSnow: #fff;
  colorWhiteSnowRgb: 255, 255, 255;
  colorCloudBurst: #374456;
  colorDirtySnow100: #eceff1;
  colorDirtySnow100Rgb: 236, 239, 241;
  colorDarkSnow200: #e0e4ea;
  coloDarkSteel900: #101419;
  colorSlate: #69778b;
  colorMars: #f0506e;
  colorMoon: #1b67da;
  colorMoonBaseLight: #6db9ff;
  colorPearl700: #232b36;
  colorPearl700Rgb: 35, 43, 54;
  colorPorcelain: #f6f8f9;
  colorSpecialCompetition: #8a1538;
  colorHermesLight: #bca9ff;
  colorRaspberry: #e70161;
  colorSilverMist: #d1d7e0
}

.color-smokey-300[data-v-2eefb20c] {
  color: #b6bcc6
}

.color-slate[data-v-2eefb20c] {
  color: #69778b
}

.color-steel-800[data-v-2eefb20c] {
  color: #1c2026
}

.color-east-bay-400[data-v-2eefb20c] {
  color: #48576f
}

[data-v-2eefb20c]:export {
  opacityFull: 1;
  opacityXxl: .95;
  opacityXl: .87;
  opacityL: .54;
  opacityM: .38;
  opacityS: .17;
  opacityXs: .05;
  opacityZero: 0
}

.opacity-xl[data-v-2eefb20c] {
  opacity: .87
}

@media screen and (min-width:1025px) {
  [data-v-2eefb20c]::-webkit-scrollbar {
    width: 6px;
    background-color: transparent
  }

  [data-v-2eefb20c]::-webkit-scrollbar-thumb {
    background-color: #69778b;
    border-radius: 100px
  }

  [data-v-2eefb20c]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(105, 119, 139, .54)
  }
}

@supports (-moz-appearance:none) {
  [data-v-2eefb20c] {
    scrollbar-width: thin
  }
}

.expandable-header[data-v-2eefb20c] {
  display: flex;
  align-items: center;
  border-radius: 8px 8px 0 0;
  color: #fff;
  height: 40px;
  padding: 8px
}

@media screen and (min-width:1025px) {
  .expandable-header[data-v-2eefb20c] {
    margin-bottom: 8px
  }
}

.expandable-header--clickable[data-v-2eefb20c] {
  cursor: pointer
}

.expandable-header-title[data-v-2eefb20c] {
  display: flex;
  flex: 1;
  align-items: center;
  gap: 4px
}

.expandable-header-title__name[data-v-2eefb20c] {
  font-size: 1.14286rem;
  line-height: 20px;
  font-weight: 700;
  color: #8a1538
}

@media screen and (min-width:1281px) {
  .expandable-header-title__name[data-v-2eefb20c] {
    font-size: 1.42857rem;
    line-height: 24px
  }
}

.expandable-header-title__icon[data-v-2eefb20c] {
  width: 18px;
  height: 18px
}

@media screen and (min-width:1281px) {
  .expandable-header-title__icon[data-v-2eefb20c] {
    width: 24px;
    height: 24px
  }
}

.expandable-header .icon--clickable path[data-v-2eefb20c] {
  opacity: 1;
  fill: #fff
}

.seo-article-container {
  margin-top: 16px
}

.seo-article-container-body {
  background: #fff;
  border-radius: 8px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  line-height: 16px
}

.seo-article-container-body strong {
  font-weight: 700
}

@media screen and (min-width:1025px) {
  .seo-article-container-body .article-body {
    -moz-column-count: 2;
    column-count: 2
  }
}

.breadcrumbs-container {
  display: none;
  padding: 4px 8px;
  flex: 1
}

@media screen and (min-width:1025px) {
  .breadcrumbs-container {
    display: block
  }
}

@media screen and (min-width:825px) {
  .breadcrumbs-container--visible-from-tablet {
    display: block
  }
}

.breadcrumbs-container__list {
  margin: 0;
  padding: 0
}

.breadcrumbs-container__list__item {
  display: inline-block;
  font-size: .85714rem;
  line-height: 16px;
  padding: 2px 0;
  color: #1c2026
}

.breadcrumbs-container__list__item__link {
  text-decoration: none;
  color: rgba(28, 32, 38, .54)
}

.breadcrumbs-container__list__item__link:hover {
  text-decoration: underline;
  color: #1c2026
}

.breadcrumbs-container--light {
  background-color: #fff
}

.breadcrumbs-container--light .breadcrumbs-container__list__item {
  color: #1c2026
}

.breadcrumbs-container--light .breadcrumbs-container__list__item .breadcrumbs__separator {
  vertical-align: bottom
}

.breadcrumbs-container--light .breadcrumbs-container__list__item .breadcrumbs__separator path,
.breadcrumbs-container--light .breadcrumbs-container__list__item .breadcrumbs__separator polygon,
.breadcrumbs-container--light .breadcrumbs-container__list__item .breadcrumbs__separator rect,
.breadcrumbs-container--light .breadcrumbs-container__list__item .breadcrumbs__separator svg path,
.breadcrumbs-container--light .breadcrumbs-container__list__item .breadcrumbs__separator svg polygon,
.breadcrumbs-container--light .breadcrumbs-container__list__item .breadcrumbs__separator svg rect {
  fill: rgba(28, 32, 38, .54);
  transition: .1s cubic-bezier(.64, 0, .35, 1)
}

.breadcrumbs-container--light .breadcrumbs-container__list__item__link {
  color: rgba(28, 32, 38, .54)
}

.breadcrumbs-container--light .breadcrumbs-container__list__item__link:hover {
  color: #1c2026
}

.breadcrumbs-container--dark {
  background-color: #1c2026
}

.breadcrumbs-container--dark .breadcrumbs-container__list__item {
  color: #fff
}

.breadcrumbs-container--dark .breadcrumbs-container__list__item .breadcrumbs__separator {
  vertical-align: bottom
}

.breadcrumbs-container--dark .breadcrumbs-container__list__item .breadcrumbs__separator path,
.breadcrumbs-container--dark .breadcrumbs-container__list__item .breadcrumbs__separator polygon,
.breadcrumbs-container--dark .breadcrumbs-container__list__item .breadcrumbs__separator rect,
.breadcrumbs-container--dark .breadcrumbs-container__list__item .breadcrumbs__separator svg path,
.breadcrumbs-container--dark .breadcrumbs-container__list__item .breadcrumbs__separator svg polygon,
.breadcrumbs-container--dark .breadcrumbs-container__list__item .breadcrumbs__separator svg rect {
  fill: hsla(0, 0%, 100%, .54);
  transition: .1s cubic-bezier(.64, 0, .35, 1)
}

.breadcrumbs-container--dark .breadcrumbs-container__list__item__link {
  color: hsla(0, 0%, 100%, .54)
}

.breadcrumbs-container--dark-steel .breadcrumbs-container__list__item,
.breadcrumbs-container--dark .breadcrumbs-container__list__item__link:hover {
  color: #fff
}

.breadcrumbs-container--dark-steel .breadcrumbs-container__list__item .breadcrumbs__separator {
  vertical-align: bottom
}

.breadcrumbs-container--dark-steel .breadcrumbs-container__list__item .breadcrumbs__separator path,
.breadcrumbs-container--dark-steel .breadcrumbs-container__list__item .breadcrumbs__separator polygon,
.breadcrumbs-container--dark-steel .breadcrumbs-container__list__item .breadcrumbs__separator rect,
.breadcrumbs-container--dark-steel .breadcrumbs-container__list__item .breadcrumbs__separator svg path,
.breadcrumbs-container--dark-steel .breadcrumbs-container__list__item .breadcrumbs__separator svg polygon,
.breadcrumbs-container--dark-steel .breadcrumbs-container__list__item .breadcrumbs__separator svg rect {
  fill: hsla(0, 0%, 100%, .54);
  transition: .1s cubic-bezier(.64, 0, .35, 1)
}

.breadcrumbs-container--dark-steel .breadcrumbs-container__list__item__link {
  color: hsla(0, 0%, 100%, .54)
}

.breadcrumbs-container--dark-steel .breadcrumbs-container__list__item__link:hover {
  color: #fff
}

.euro-guides-link__container {
  text-align: center
}

.euro-guides-link__container--in-article:before {
  content: "";
  display: block;
  background: #e0e4ea;
  height: 1px;
  margin: 16px 0
}

.euro-guides-link__container--standalone {
  margin: 24px 0
}

.euro-guides-link__text {
  color: #1c2026;
  -webkit-text-decoration-line: none;
  text-decoration-line: none;
  font-weight: 700;
  text-transform: uppercase;
  font-size: .85714rem;
  line-height: 16px
}

.horizontal-menu {
  padding: 8px;
  display: flex;
  background: #eceff1
}

.horizontal-menu.top-sticky {
  box-shadow: 0 0 8px rgba(35, 43, 54, .06), 0 3px 3px -1px rgba(35, 43, 54, .1)
}

.horizontal-menu__item {
  flex-shrink: 0;
  font-size: .85714rem;
  line-height: 16px;
  color: #1c2026;
  padding: 4px 8px;
  text-decoration: none;
  margin-right: 16px;
  display: block
}

.horizontal-menu__item.router-link-exact-active {
  font-weight: 700;
  border-bottom: 2px solid #8a1538
}

.horizontal-menu .swiper-container {
  margin: initial
}

.horizontal-menu .swiper-slide {
  width: auto
}


.guides {
  max-width: 720px;
  margin: auto
}

@media screen and (min-width:1920px) {
  .guides {
    max-width: 1024px
  }
}

[data-v-46bcd1d0]:export {
  fontSizeXS: .85714rem;
  fontSizeS: 1rem;
  colorAfrodite: #f3d113;
  colorSmokey300: #b6bcc6;
  colorLicorice600: #2d3745;
  colorLicorice600Rgb: 45, 55, 69;
  colorSteel800: #1c2026;
  colorSteel800Rgb: 28, 32, 38;
  colorEastBay400: #48576f;
  colorWhiteSnow: #fff;
  colorWhiteSnowRgb: 255, 255, 255;
  colorCloudBurst: #374456;
  colorDirtySnow100: #eceff1;
  colorDirtySnow100Rgb: 236, 239, 241;
  colorDarkSnow200: #e0e4ea;
  coloDarkSteel900: #101419;
  colorSlate: #69778b;
  colorMars: #f0506e;
  colorMoon: #1b67da;
  colorMoonBaseLight: #6db9ff;
  colorPearl700: #232b36;
  colorPearl700Rgb: 35, 43, 54;
  colorPorcelain: #f6f8f9;
  colorSpecialCompetition: #8a1538;
  colorHermesLight: #bca9ff;
  colorRaspberry: #e70161;
  colorSilverMist: #d1d7e0
}

.color-smokey-300[data-v-46bcd1d0] {
  color: #b6bcc6
}

.color-slate[data-v-46bcd1d0] {
  color: #69778b
}

.color-steel-800[data-v-46bcd1d0] {
  color: #1c2026
}

.color-east-bay-400[data-v-46bcd1d0] {
  color: #48576f
}

[data-v-46bcd1d0]:export {
  opacityFull: 1;
  opacityXxl: .95;
  opacityXl: .87;
  opacityL: .54;
  opacityM: .38;
  opacityS: .17;
  opacityXs: .05;
  opacityZero: 0
}

.opacity-xl[data-v-46bcd1d0] {
  opacity: .87
}

@media screen and (min-width:1025px) {
  [data-v-46bcd1d0]::-webkit-scrollbar {
    width: 6px;
    background-color: transparent
  }

  [data-v-46bcd1d0]::-webkit-scrollbar-thumb {
    background-color: #69778b;
    border-radius: 100px
  }

  [data-v-46bcd1d0]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(105, 119, 139, .54)
  }
}

@supports (-moz-appearance:none) {
  [data-v-46bcd1d0] {
    scrollbar-width: thin
  }
}

.subtitle[data-v-46bcd1d0]:not(:first-child):before {
  content: " \2022";
  color: #1b67da
}

.promo-market-home-selections {
  margin-top: 12px
}

.promo-market-home-selections .selections__selection {
  max-width: 100%
}

.league-view-list__promo-markets.swiper-container .swiper-button-next,
.league-view-list__promo-markets.swiper-container .swiper-button-prev {
  width: 32px;
  height: 32px;
  background: #eceff1;
  border-radius: 50%;
  border: 1px solid #b6bcc6
}

.league-view-list__promo-markets.swiper-container .swiper-button-next .sb-slider__button__icon path,
.league-view-list__promo-markets.swiper-container .swiper-button-prev .sb-slider__button__icon path {
  fill: #b6bcc6
}

[data-v-3bccbca8]:export {
  fontSizeXS: .85714rem;
  fontSizeS: 1rem;
  colorAfrodite: #f3d113;
  colorSmokey300: #b6bcc6;
  colorLicorice600: #2d3745;
  colorLicorice600Rgb: 45, 55, 69;
  colorSteel800: #1c2026;
  colorSteel800Rgb: 28, 32, 38;
  colorEastBay400: #48576f;
  colorWhiteSnow: #fff;
  colorWhiteSnowRgb: 255, 255, 255;
  colorCloudBurst: #374456;
  colorDirtySnow100: #eceff1;
  colorDirtySnow100Rgb: 236, 239, 241;
  colorDarkSnow200: #e0e4ea;
  coloDarkSteel900: #101419;
  colorSlate: #69778b;
  colorMars: #f0506e;
  colorMoon: #1b67da;
  colorMoonBaseLight: #6db9ff;
  colorPearl700: #232b36;
  colorPearl700Rgb: 35, 43, 54;
  colorPorcelain: #f6f8f9;
  colorSpecialCompetition: #8a1538;
  colorHermesLight: #bca9ff;
  colorRaspberry: #e70161;
  colorSilverMist: #d1d7e0
}

.color-smokey-300[data-v-3bccbca8] {
  color: #b6bcc6
}

.color-slate[data-v-3bccbca8] {
  color: #69778b
}

.color-steel-800[data-v-3bccbca8] {
  color: #1c2026
}

.color-east-bay-400[data-v-3bccbca8] {
  color: #48576f
}

[data-v-3bccbca8]:export {
  opacityFull: 1;
  opacityXxl: .95;
  opacityXl: .87;
  opacityL: .54;
  opacityM: .38;
  opacityS: .17;
  opacityXs: .05;
  opacityZero: 0
}

.opacity-xl[data-v-3bccbca8] {
  opacity: .87
}

@media screen and (min-width:1025px) {
  [data-v-3bccbca8]::-webkit-scrollbar {
    width: 6px;
    background-color: transparent
  }

  [data-v-3bccbca8]::-webkit-scrollbar-thumb {
    background-color: #69778b;
    border-radius: 100px
  }

  [data-v-3bccbca8]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(105, 119, 139, .54)
  }
}

@supports (-moz-appearance:none) {
  [data-v-3bccbca8] {
    scrollbar-width: thin
  }
}

.highlighted-market[data-v-3bccbca8] {
  animation: highlight 5s ease-out
}

.live-promo-market-title li:not(:first-child):before {
  content: "•";
  margin-left: 4px
}

.live-promo-market.tw-flex-1 {
  max-width: calc(50% - 2px)
}

.live-promo-market--6 {
  width: calc(16.66667% - 3.33333px)
}

.live-promo-market--4 {
  width: calc(25% - 3px)
}

.live-promo-market--3 {
  width: calc(33.33333% - 2.66667px)
}

.live-promo-market--2 {
  width: calc(50% - 2px)
}

.live-promo-market path,
.live-promo-market polygon,
.live-promo-market rect,
.live-promo-market svg path,
.live-promo-market svg polygon,
.live-promo-market svg rect {
  fill: #bca9ff;
  transition: .1s cubic-bezier(.64, 0, .35, 1)
}

[data-v-f1c45840]:export {
  fontSizeXS: .85714rem;
  fontSizeS: 1rem;
  colorAfrodite: #f3d113;
  colorSmokey300: #b6bcc6;
  colorLicorice600: #2d3745;
  colorLicorice600Rgb: 45, 55, 69;
  colorSteel800: #1c2026;
  colorSteel800Rgb: 28, 32, 38;
  colorEastBay400: #48576f;
  colorWhiteSnow: #fff;
  colorWhiteSnowRgb: 255, 255, 255;
  colorCloudBurst: #374456;
  colorDirtySnow100: #eceff1;
  colorDirtySnow100Rgb: 236, 239, 241;
  colorDarkSnow200: #e0e4ea;
  coloDarkSteel900: #101419;
  colorSlate: #69778b;
  colorMars: #f0506e;
  colorMoon: #1b67da;
  colorMoonBaseLight: #6db9ff;
  colorPearl700: #232b36;
  colorPearl700Rgb: 35, 43, 54;
  colorPorcelain: #f6f8f9;
  colorSpecialCompetition: #8a1538;
  colorHermesLight: #bca9ff;
  colorRaspberry: #e70161;
  colorSilverMist: #d1d7e0
}

.color-smokey-300[data-v-f1c45840] {
  color: #b6bcc6
}

.color-slate[data-v-f1c45840] {
  color: #69778b
}

.color-steel-800[data-v-f1c45840] {
  color: #1c2026
}

.color-east-bay-400[data-v-f1c45840] {
  color: #48576f
}

[data-v-f1c45840]:export {
  opacityFull: 1;
  opacityXxl: .95;
  opacityXl: .87;
  opacityL: .54;
  opacityM: .38;
  opacityS: .17;
  opacityXs: .05;
  opacityZero: 0
}

.opacity-xl[data-v-f1c45840] {
  opacity: .87
}

@media screen and (min-width:1025px) {
  [data-v-f1c45840]::-webkit-scrollbar {
    width: 6px;
    background-color: transparent
  }

  [data-v-f1c45840]::-webkit-scrollbar-thumb {
    background-color: #69778b;
    border-radius: 100px
  }

  [data-v-f1c45840]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(105, 119, 139, .54)
  }
}

@supports (-moz-appearance:none) {
  [data-v-f1c45840] {
    scrollbar-width: thin
  }
}

.column-area[data-v-f1c45840] {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  text-align: center;
  width: 80%
}

@media screen and (min-width:825px) {
  .column-area[data-v-f1c45840] {
    width: 90%
  }
}

[data-v-7e9b0e30]:export {
  fontSizeXS: .85714rem;
  fontSizeS: 1rem;
  colorAfrodite: #f3d113;
  colorSmokey300: #b6bcc6;
  colorLicorice600: #2d3745;
  colorLicorice600Rgb: 45, 55, 69;
  colorSteel800: #1c2026;
  colorSteel800Rgb: 28, 32, 38;
  colorEastBay400: #48576f;
  colorWhiteSnow: #fff;
  colorWhiteSnowRgb: 255, 255, 255;
  colorCloudBurst: #374456;
  colorDirtySnow100: #eceff1;
  colorDirtySnow100Rgb: 236, 239, 241;
  colorDarkSnow200: #e0e4ea;
  coloDarkSteel900: #101419;
  colorSlate: #69778b;
  colorMars: #f0506e;
  colorMoon: #1b67da;
  colorMoonBaseLight: #6db9ff;
  colorPearl700: #232b36;
  colorPearl700Rgb: 35, 43, 54;
  colorPorcelain: #f6f8f9;
  colorSpecialCompetition: #8a1538;
  colorHermesLight: #bca9ff;
  colorRaspberry: #e70161;
  colorSilverMist: #d1d7e0
}

.color-smokey-300[data-v-7e9b0e30] {
  color: #b6bcc6
}

.color-slate[data-v-7e9b0e30] {
  color: #69778b
}

.color-steel-800[data-v-7e9b0e30] {
  color: #1c2026
}

.color-east-bay-400[data-v-7e9b0e30] {
  color: #48576f
}

[data-v-7e9b0e30]:export {
  opacityFull: 1;
  opacityXxl: .95;
  opacityXl: .87;
  opacityL: .54;
  opacityM: .38;
  opacityS: .17;
  opacityXs: .05;
  opacityZero: 0
}

.opacity-xl[data-v-7e9b0e30] {
  opacity: .87
}

@media screen and (min-width:1025px) {
  [data-v-7e9b0e30]::-webkit-scrollbar {
    width: 6px;
    background-color: transparent
  }

  [data-v-7e9b0e30]::-webkit-scrollbar-thumb {
    background-color: #69778b;
    border-radius: 100px
  }

  [data-v-7e9b0e30]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(105, 119, 139, .54)
  }
}

@supports (-moz-appearance:none) {
  [data-v-7e9b0e30] {
    scrollbar-width: thin
  }
}

.team-header__title[data-v-7e9b0e30] {
  width: 20%;
  overflow: hidden;
  display: flex;
  justify-content: center;
  font-weight: 700
}

@media screen and (min-width:825px) {
  .team-header__title[data-v-7e9b0e30] {
    width: 10%
  }
}

[data-v-feecb250]:export {
  fontSizeXS: .85714rem;
  fontSizeS: 1rem;
  colorAfrodite: #f3d113;
  colorSmokey300: #b6bcc6;
  colorLicorice600: #2d3745;
  colorLicorice600Rgb: 45, 55, 69;
  colorSteel800: #1c2026;
  colorSteel800Rgb: 28, 32, 38;
  colorEastBay400: #48576f;
  colorWhiteSnow: #fff;
  colorWhiteSnowRgb: 255, 255, 255;
  colorCloudBurst: #374456;
  colorDirtySnow100: #eceff1;
  colorDirtySnow100Rgb: 236, 239, 241;
  colorDarkSnow200: #e0e4ea;
  coloDarkSteel900: #101419;
  colorSlate: #69778b;
  colorMars: #f0506e;
  colorMoon: #1b67da;
  colorMoonBaseLight: #6db9ff;
  colorPearl700: #232b36;
  colorPearl700Rgb: 35, 43, 54;
  colorPorcelain: #f6f8f9;
  colorSpecialCompetition: #8a1538;
  colorHermesLight: #bca9ff;
  colorRaspberry: #e70161;
  colorSilverMist: #d1d7e0
}

.color-smokey-300[data-v-feecb250] {
  color: #b6bcc6
}

.color-slate[data-v-feecb250] {
  color: #69778b
}

.color-steel-800[data-v-feecb250] {
  color: #1c2026
}

.color-east-bay-400[data-v-feecb250] {
  color: #48576f
}

[data-v-feecb250]:export {
  opacityFull: 1;
  opacityXxl: .95;
  opacityXl: .87;
  opacityL: .54;
  opacityM: .38;
  opacityS: .17;
  opacityXs: .05;
  opacityZero: 0
}

.opacity-xl[data-v-feecb250] {
  opacity: .87
}

@media screen and (min-width:1025px) {
  [data-v-feecb250]::-webkit-scrollbar {
    width: 6px;
    background-color: transparent
  }

  [data-v-feecb250]::-webkit-scrollbar-thumb {
    background-color: #69778b;
    border-radius: 100px
  }

  [data-v-feecb250]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(105, 119, 139, .54)
  }
}

@supports (-moz-appearance:none) {
  [data-v-feecb250] {
    scrollbar-width: thin
  }
}

.team-header[data-v-feecb250] {
  margin-left: 8px;
  margin-right: 8px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  --tw-border-opacity: 1;
  border-bottom: 1px;
  border-color: rgb(224 228 234/var(--tw-border-opacity));
  border-style: solid;
  padding-top: 10px;
  padding-bottom: 10px;
  font-weight: 700
}

.tw-dark .team-header[data-v-feecb250] {
  --tw-border-opacity: 1;
  border-color: rgb(55 68 86/var(--tw-border-opacity))
}

[data-v-08a39509]:export {
  fontSizeXS: .85714rem;
  fontSizeS: 1rem;
  colorAfrodite: #f3d113;
  colorSmokey300: #b6bcc6;
  colorLicorice600: #2d3745;
  colorLicorice600Rgb: 45, 55, 69;
  colorSteel800: #1c2026;
  colorSteel800Rgb: 28, 32, 38;
  colorEastBay400: #48576f;
  colorWhiteSnow: #fff;
  colorWhiteSnowRgb: 255, 255, 255;
  colorCloudBurst: #374456;
  colorDirtySnow100: #eceff1;
  colorDirtySnow100Rgb: 236, 239, 241;
  colorDarkSnow200: #e0e4ea;
  coloDarkSteel900: #101419;
  colorSlate: #69778b;
  colorMars: #f0506e;
  colorMoon: #1b67da;
  colorMoonBaseLight: #6db9ff;
  colorPearl700: #232b36;
  colorPearl700Rgb: 35, 43, 54;
  colorPorcelain: #f6f8f9;
  colorSpecialCompetition: #8a1538;
  colorHermesLight: #bca9ff;
  colorRaspberry: #e70161;
  colorSilverMist: #d1d7e0
}

.color-smokey-300[data-v-08a39509] {
  color: #b6bcc6
}

.color-slate[data-v-08a39509] {
  color: #69778b
}

.color-steel-800[data-v-08a39509] {
  color: #1c2026
}

.color-east-bay-400[data-v-08a39509] {
  color: #48576f
}

[data-v-08a39509]:export {
  opacityFull: 1;
  opacityXxl: .95;
  opacityXl: .87;
  opacityL: .54;
  opacityM: .38;
  opacityS: .17;
  opacityXs: .05;
  opacityZero: 0
}

.opacity-xl[data-v-08a39509] {
  opacity: .87
}

@media screen and (min-width:1025px) {
  [data-v-08a39509]::-webkit-scrollbar {
    width: 6px;
    background-color: transparent
  }

  [data-v-08a39509]::-webkit-scrollbar-thumb {
    background-color: #69778b;
    border-radius: 100px
  }

  [data-v-08a39509]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(105, 119, 139, .54)
  }
}

@supports (-moz-appearance:none) {
  [data-v-08a39509] {
    scrollbar-width: thin
  }
}

.column-area__titles[data-v-08a39509] {
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: var(--grid-template-columns);
  justify-items: center;
  grid-gap: 8px;
  padding-left: 8px;
  align-items: center;
  width: 100%;
  font-weight: 700
}

[data-v-229d65c8]:export {
  fontSizeXS: .85714rem;
  fontSizeS: 1rem;
  colorAfrodite: #f3d113;
  colorSmokey300: #b6bcc6;
  colorLicorice600: #2d3745;
  colorLicorice600Rgb: 45, 55, 69;
  colorSteel800: #1c2026;
  colorSteel800Rgb: 28, 32, 38;
  colorEastBay400: #48576f;
  colorWhiteSnow: #fff;
  colorWhiteSnowRgb: 255, 255, 255;
  colorCloudBurst: #374456;
  colorDirtySnow100: #eceff1;
  colorDirtySnow100Rgb: 236, 239, 241;
  colorDarkSnow200: #e0e4ea;
  coloDarkSteel900: #101419;
  colorSlate: #69778b;
  colorMars: #f0506e;
  colorMoon: #1b67da;
  colorMoonBaseLight: #6db9ff;
  colorPearl700: #232b36;
  colorPearl700Rgb: 35, 43, 54;
  colorPorcelain: #f6f8f9;
  colorSpecialCompetition: #8a1538;
  colorHermesLight: #bca9ff;
  colorRaspberry: #e70161;
  colorSilverMist: #d1d7e0
}

.color-smokey-300[data-v-229d65c8] {
  color: #b6bcc6
}

.color-slate[data-v-229d65c8] {
  color: #69778b
}

.color-steel-800[data-v-229d65c8] {
  color: #1c2026
}

.color-east-bay-400[data-v-229d65c8] {
  color: #48576f
}

[data-v-229d65c8]:export {
  opacityFull: 1;
  opacityXxl: .95;
  opacityXl: .87;
  opacityL: .54;
  opacityM: .38;
  opacityS: .17;
  opacityXs: .05;
  opacityZero: 0
}

.opacity-xl[data-v-229d65c8] {
  opacity: .87
}

@media screen and (min-width:1025px) {
  [data-v-229d65c8]::-webkit-scrollbar {
    width: 6px;
    background-color: transparent
  }

  [data-v-229d65c8]::-webkit-scrollbar-thumb {
    background-color: #69778b;
    border-radius: 100px
  }

  [data-v-229d65c8]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(105, 119, 139, .54)
  }
}

@supports (-moz-appearance:none) {
  [data-v-229d65c8] {
    scrollbar-width: thin
  }
}

.row[data-v-229d65c8] {
  position: relative;
  margin-left: 8px;
  margin-right: 8px;
  display: flex;
  min-height: 48px;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  --tw-border-opacity: 1;
  border-bottom: 1px;
  border-color: rgb(224 228 234/var(--tw-border-opacity));
  border-style: solid
}

.tw-dark .row[data-v-229d65c8] {
  --tw-border-opacity: 1;
  border-color: rgb(55 68 86/var(--tw-border-opacity))
}

.row[data-v-229d65c8] {
  -webkit-tap-highlight-color: transparent
}

[data-v-5bf532de]:export {
  fontSizeXS: .85714rem;
  fontSizeS: 1rem;
  colorAfrodite: #f3d113;
  colorSmokey300: #b6bcc6;
  colorLicorice600: #2d3745;
  colorLicorice600Rgb: 45, 55, 69;
  colorSteel800: #1c2026;
  colorSteel800Rgb: 28, 32, 38;
  colorEastBay400: #48576f;
  colorWhiteSnow: #fff;
  colorWhiteSnowRgb: 255, 255, 255;
  colorCloudBurst: #374456;
  colorDirtySnow100: #eceff1;
  colorDirtySnow100Rgb: 236, 239, 241;
  colorDarkSnow200: #e0e4ea;
  coloDarkSteel900: #101419;
  colorSlate: #69778b;
  colorMars: #f0506e;
  colorMoon: #1b67da;
  colorMoonBaseLight: #6db9ff;
  colorPearl700: #232b36;
  colorPearl700Rgb: 35, 43, 54;
  colorPorcelain: #f6f8f9;
  colorSpecialCompetition: #8a1538;
  colorHermesLight: #bca9ff;
  colorRaspberry: #e70161;
  colorSilverMist: #d1d7e0
}

.color-smokey-300[data-v-5bf532de] {
  color: #b6bcc6
}

.color-slate[data-v-5bf532de] {
  color: #69778b
}

.color-steel-800[data-v-5bf532de] {
  color: #1c2026
}

.color-east-bay-400[data-v-5bf532de] {
  color: #48576f
}

[data-v-5bf532de]:export {
  opacityFull: 1;
  opacityXxl: .95;
  opacityXl: .87;
  opacityL: .54;
  opacityM: .38;
  opacityS: .17;
  opacityXs: .05;
  opacityZero: 0
}

.opacity-xl[data-v-5bf532de] {
  opacity: .87
}

@media screen and (min-width:1025px) {
  [data-v-5bf532de]::-webkit-scrollbar {
    width: 6px;
    background-color: transparent
  }

  [data-v-5bf532de]::-webkit-scrollbar-thumb {
    background-color: #69778b;
    border-radius: 100px
  }

  [data-v-5bf532de]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(105, 119, 139, .54)
  }
}

@supports (-moz-appearance:none) {
  [data-v-5bf532de] {
    scrollbar-width: thin
  }
}

.columns-values[data-v-5bf532de] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 80%
}

@media screen and (min-width:825px) {
  .columns-values[data-v-5bf532de] {
    width: 90%
  }
}

[data-v-e978b338]:export {
  fontSizeXS: .85714rem;
  fontSizeS: 1rem;
  colorAfrodite: #f3d113;
  colorSmokey300: #b6bcc6;
  colorLicorice600: #2d3745;
  colorLicorice600Rgb: 45, 55, 69;
  colorSteel800: #1c2026;
  colorSteel800Rgb: 28, 32, 38;
  colorEastBay400: #48576f;
  colorWhiteSnow: #fff;
  colorWhiteSnowRgb: 255, 255, 255;
  colorCloudBurst: #374456;
  colorDirtySnow100: #eceff1;
  colorDirtySnow100Rgb: 236, 239, 241;
  colorDarkSnow200: #e0e4ea;
  coloDarkSteel900: #101419;
  colorSlate: #69778b;
  colorMars: #f0506e;
  colorMoon: #1b67da;
  colorMoonBaseLight: #6db9ff;
  colorPearl700: #232b36;
  colorPearl700Rgb: 35, 43, 54;
  colorPorcelain: #f6f8f9;
  colorSpecialCompetition: #8a1538;
  colorHermesLight: #bca9ff;
  colorRaspberry: #e70161;
  colorSilverMist: #d1d7e0
}

.color-smokey-300[data-v-e978b338] {
  color: #b6bcc6
}

.color-slate[data-v-e978b338] {
  color: #69778b
}

.color-steel-800[data-v-e978b338] {
  color: #1c2026
}

.color-east-bay-400[data-v-e978b338] {
  color: #48576f
}

[data-v-e978b338]:export {
  opacityFull: 1;
  opacityXxl: .95;
  opacityXl: .87;
  opacityL: .54;
  opacityM: .38;
  opacityS: .17;
  opacityXs: .05;
  opacityZero: 0
}

.opacity-xl[data-v-e978b338] {
  opacity: .87
}

@media screen and (min-width:1025px) {
  [data-v-e978b338]::-webkit-scrollbar {
    width: 6px;
    background-color: transparent
  }

  [data-v-e978b338]::-webkit-scrollbar-thumb {
    background-color: #69778b;
    border-radius: 100px
  }

  [data-v-e978b338]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(105, 119, 139, .54)
  }
}

@supports (-moz-appearance:none) {
  [data-v-e978b338] {
    scrollbar-width: thin
  }
}

.row-info[data-v-e978b338] {
  display: flex;
  align-items: center;
  text-decoration: none;
  width: 20%;
  --tw-text-opacity: 1;
  color: rgb(28 32 38/var(--tw-text-opacity))
}

.tw-dark .row-info[data-v-e978b338] {
  --tw-text-opacity: 1;
  color: rgb(236 239 241/var(--tw-text-opacity))
}

.row-info[data-v-e978b338] {
  justify-content: center;
  font-weight: 700
}

@media screen and (min-width:825px) {
  .row-info[data-v-e978b338] {
    width: 10%;
    overflow: hidden
  }
}

[data-v-a5645ca2]:export {
  fontSizeXS: .85714rem;
  fontSizeS: 1rem;
  colorAfrodite: #f3d113;
  colorSmokey300: #b6bcc6;
  colorLicorice600: #2d3745;
  colorLicorice600Rgb: 45, 55, 69;
  colorSteel800: #1c2026;
  colorSteel800Rgb: 28, 32, 38;
  colorEastBay400: #48576f;
  colorWhiteSnow: #fff;
  colorWhiteSnowRgb: 255, 255, 255;
  colorCloudBurst: #374456;
  colorDirtySnow100: #eceff1;
  colorDirtySnow100Rgb: 236, 239, 241;
  colorDarkSnow200: #e0e4ea;
  coloDarkSteel900: #101419;
  colorSlate: #69778b;
  colorMars: #f0506e;
  colorMoon: #1b67da;
  colorMoonBaseLight: #6db9ff;
  colorPearl700: #232b36;
  colorPearl700Rgb: 35, 43, 54;
  colorPorcelain: #f6f8f9;
  colorSpecialCompetition: #8a1538;
  colorHermesLight: #bca9ff;
  colorRaspberry: #e70161;
  colorSilverMist: #d1d7e0
}

.color-smokey-300[data-v-a5645ca2] {
  color: #b6bcc6
}

.color-slate[data-v-a5645ca2] {
  color: #69778b
}

.color-steel-800[data-v-a5645ca2] {
  color: #1c2026
}

.color-east-bay-400[data-v-a5645ca2] {
  color: #48576f
}

[data-v-a5645ca2]:export {
  opacityFull: 1;
  opacityXxl: .95;
  opacityXl: .87;
  opacityL: .54;
  opacityM: .38;
  opacityS: .17;
  opacityXs: .05;
  opacityZero: 0
}

.opacity-xl[data-v-a5645ca2] {
  opacity: .87
}

@media screen and (min-width:1025px) {
  [data-v-a5645ca2]::-webkit-scrollbar {
    width: 6px;
    background-color: transparent
  }

  [data-v-a5645ca2]::-webkit-scrollbar-thumb {
    background-color: #69778b;
    border-radius: 100px
  }

  [data-v-a5645ca2]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(105, 119, 139, .54)
  }
}

@supports (-moz-appearance:none) {
  [data-v-a5645ca2] {
    scrollbar-width: thin
  }
}

.row-title[data-v-a5645ca2] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  overflow: hidden
}

.row-title__text[data-v-a5645ca2] {
  width: 100%;
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .8571428571428571rem;
  line-height: 16px;
  --tw-text-opacity: 1;
  color: rgb(45 55 69/var(--tw-text-opacity))
}

.tw-dark .row-title__text[data-v-a5645ca2] {
  --tw-text-opacity: 1;
  color: rgb(236 239 241/var(--tw-text-opacity))
}

@media (min-width:1024px) {
  .row-title__text[data-v-a5645ca2] {
    max-width: 145px
  }
}

.row-title__text--bold[data-v-a5645ca2] {
  font-weight: 700
}

.row-title__text--medium[data-v-a5645ca2] {
  font-weight: 500
}

.row-title__subtitle[data-v-a5645ca2] {
  margin-top: 4px;
  font-size: .7142857142857143rem;
  font-weight: 300;
  line-height: 12px;
  --tw-text-opacity: 1;
  color: rgb(45 55 69/var(--tw-text-opacity))
}

.tw-dark .row-title__subtitle[data-v-a5645ca2] {
  --tw-text-opacity: 1;
  color: rgb(224 228 234/var(--tw-text-opacity))
}

.table-selections-wrapper {
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: var(--grid-template-columns);
  justify-items: flex-end;
  grid-gap: 8px;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 8px;
  width: 100%
}

.table-selections-wrapper--no-padding-left {
  padding: 12px 0
}

.table-selections-wrapper .selections {
  grid-column-start: var(--selection-column-start);
  width: 100%
}

.table-selections-wrapper .selections__selection {
  max-width: 100%;
  margin: 0;
  width: 100%
}

[data-v-1ff4495b]:export {
  fontSizeXS: .85714rem;
  fontSizeS: 1rem;
  colorAfrodite: #f3d113;
  colorSmokey300: #b6bcc6;
  colorLicorice600: #2d3745;
  colorLicorice600Rgb: 45, 55, 69;
  colorSteel800: #1c2026;
  colorSteel800Rgb: 28, 32, 38;
  colorEastBay400: #48576f;
  colorWhiteSnow: #fff;
  colorWhiteSnowRgb: 255, 255, 255;
  colorCloudBurst: #374456;
  colorDirtySnow100: #eceff1;
  colorDirtySnow100Rgb: 236, 239, 241;
  colorDarkSnow200: #e0e4ea;
  coloDarkSteel900: #101419;
  colorSlate: #69778b;
  colorMars: #f0506e;
  colorMoon: #1b67da;
  colorMoonBaseLight: #6db9ff;
  colorPearl700: #232b36;
  colorPearl700Rgb: 35, 43, 54;
  colorPorcelain: #f6f8f9;
  colorSpecialCompetition: #8a1538;
  colorHermesLight: #bca9ff;
  colorRaspberry: #e70161;
  colorSilverMist: #d1d7e0
}

.color-smokey-300[data-v-1ff4495b] {
  color: #b6bcc6
}

.color-slate[data-v-1ff4495b] {
  color: #69778b
}

.color-steel-800[data-v-1ff4495b] {
  color: #1c2026
}

.color-east-bay-400[data-v-1ff4495b] {
  color: #48576f
}

[data-v-1ff4495b]:export {
  opacityFull: 1;
  opacityXxl: .95;
  opacityXl: .87;
  opacityL: .54;
  opacityM: .38;
  opacityS: .17;
  opacityXs: .05;
  opacityZero: 0
}

.opacity-xl[data-v-1ff4495b] {
  opacity: .87
}

@media screen and (min-width:1025px) {
  [data-v-1ff4495b]::-webkit-scrollbar {
    width: 6px;
    background-color: transparent
  }

  [data-v-1ff4495b]::-webkit-scrollbar-thumb {
    background-color: #69778b;
    border-radius: 100px
  }

  [data-v-1ff4495b]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(105, 119, 139, .54)
  }
}

@supports (-moz-appearance:none) {
  [data-v-1ff4495b] {
    scrollbar-width: thin
  }
}

.corner-race-market[data-v-1ff4495b] {
  font-size: .7857142857142857rem;
  line-height: 12px
}

.v-popper__popper.table-offers-popup {
  z-index: 5
}

[data-v-249a61a1]:export {
  fontSizeXS: .85714rem;
  fontSizeS: 1rem;
  colorAfrodite: #f3d113;
  colorSmokey300: #b6bcc6;
  colorLicorice600: #2d3745;
  colorLicorice600Rgb: 45, 55, 69;
  colorSteel800: #1c2026;
  colorSteel800Rgb: 28, 32, 38;
  colorEastBay400: #48576f;
  colorWhiteSnow: #fff;
  colorWhiteSnowRgb: 255, 255, 255;
  colorCloudBurst: #374456;
  colorDirtySnow100: #eceff1;
  colorDirtySnow100Rgb: 236, 239, 241;
  colorDarkSnow200: #e0e4ea;
  coloDarkSteel900: #101419;
  colorSlate: #69778b;
  colorMars: #f0506e;
  colorMoon: #1b67da;
  colorMoonBaseLight: #6db9ff;
  colorPearl700: #232b36;
  colorPearl700Rgb: 35, 43, 54;
  colorPorcelain: #f6f8f9;
  colorSpecialCompetition: #8a1538;
  colorHermesLight: #bca9ff;
  colorRaspberry: #e70161;
  colorSilverMist: #d1d7e0
}

.color-smokey-300[data-v-249a61a1] {
  color: #b6bcc6
}

.color-slate[data-v-249a61a1] {
  color: #69778b
}

.color-steel-800[data-v-249a61a1] {
  color: #1c2026
}

.color-east-bay-400[data-v-249a61a1] {
  color: #48576f
}

[data-v-249a61a1]:export {
  opacityFull: 1;
  opacityXxl: .95;
  opacityXl: .87;
  opacityL: .54;
  opacityM: .38;
  opacityS: .17;
  opacityXs: .05;
  opacityZero: 0
}

.opacity-xl[data-v-249a61a1] {
  opacity: .87
}

@media screen and (min-width:1025px) {
  [data-v-249a61a1]::-webkit-scrollbar {
    width: 6px;
    background-color: transparent
  }

  [data-v-249a61a1]::-webkit-scrollbar-thumb {
    background-color: #69778b;
    border-radius: 100px
  }

  [data-v-249a61a1]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(105, 119, 139, .54)
  }
}

@supports (-moz-appearance:none) {
  [data-v-249a61a1] {
    scrollbar-width: thin
  }
}

.table-market-header[data-v-249a61a1] {
  display: flex;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  padding-left: 12px;
  padding-right: 12px
}

.table-market-header__title[data-v-249a61a1] {
  display: flex;
  min-height: 20px;
  flex: 1 1 0%;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start
}

.table-market-header__title--outright[data-v-249a61a1] {
  margin-left: 8px;
  padding-top: 4px;
  font-size: .7142857142857143rem;
  line-height: 12px;
  --tw-text-opacity: 1;
  color: rgb(105 119 139/var(--tw-text-opacity))
}

.tw-dark .table-market-header__title--outright[data-v-249a61a1] {
  --tw-text-opacity: 1;
  color: rgb(224 228 234/var(--tw-text-opacity))
}

.table-market-header__text[data-v-249a61a1] {
  align-self: center;
  --tw-text-opacity: 1;
  color: rgb(28 32 38/var(--tw-text-opacity))
}

.tw-dark .table-market-header__text[data-v-249a61a1] {
  --tw-text-opacity: 1;
  color: rgb(209 215 224/var(--tw-text-opacity))
}

.table-market-header__tooltip[data-v-249a61a1] {
  margin-left: 8px;
  cursor: default
}

.table-market-header__icons[data-v-249a61a1] {
  margin-left: 8px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center
}

[data-v-4a517c03]:export {
  fontSizeXS: .85714rem;
  fontSizeS: 1rem;
  colorAfrodite: #f3d113;
  colorSmokey300: #b6bcc6;
  colorLicorice600: #2d3745;
  colorLicorice600Rgb: 45, 55, 69;
  colorSteel800: #1c2026;
  colorSteel800Rgb: 28, 32, 38;
  colorEastBay400: #48576f;
  colorWhiteSnow: #fff;
  colorWhiteSnowRgb: 255, 255, 255;
  colorCloudBurst: #374456;
  colorDirtySnow100: #eceff1;
  colorDirtySnow100Rgb: 236, 239, 241;
  colorDarkSnow200: #e0e4ea;
  coloDarkSteel900: #101419;
  colorSlate: #69778b;
  colorMars: #f0506e;
  colorMoon: #1b67da;
  colorMoonBaseLight: #6db9ff;
  colorPearl700: #232b36;
  colorPearl700Rgb: 35, 43, 54;
  colorPorcelain: #f6f8f9;
  colorSpecialCompetition: #8a1538;
  colorHermesLight: #bca9ff;
  colorRaspberry: #e70161;
  colorSilverMist: #d1d7e0
}

.color-smokey-300[data-v-4a517c03] {
  color: #b6bcc6
}

.color-slate[data-v-4a517c03] {
  color: #69778b
}

.color-steel-800[data-v-4a517c03] {
  color: #1c2026
}

.color-east-bay-400[data-v-4a517c03] {
  color: #48576f
}

[data-v-4a517c03]:export {
  opacityFull: 1;
  opacityXxl: .95;
  opacityXl: .87;
  opacityL: .54;
  opacityM: .38;
  opacityS: .17;
  opacityXs: .05;
  opacityZero: 0
}

.opacity-xl[data-v-4a517c03] {
  opacity: .87
}

@media screen and (min-width:1025px) {
  [data-v-4a517c03]::-webkit-scrollbar {
    width: 6px;
    background-color: transparent
  }

  [data-v-4a517c03]::-webkit-scrollbar-thumb {
    background-color: #69778b;
    border-radius: 100px
  }

  [data-v-4a517c03]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(105, 119, 139, .54)
  }
}

@supports (-moz-appearance:none) {
  [data-v-4a517c03] {
    scrollbar-width: thin
  }
}

.column-area[data-v-4a517c03] {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  text-align: center;
  width: 66.6%
}

[data-v-592dad0c]:export {
  fontSizeXS: .85714rem;
  fontSizeS: 1rem;
  colorAfrodite: #f3d113;
  colorSmokey300: #b6bcc6;
  colorLicorice600: #2d3745;
  colorLicorice600Rgb: 45, 55, 69;
  colorSteel800: #1c2026;
  colorSteel800Rgb: 28, 32, 38;
  colorEastBay400: #48576f;
  colorWhiteSnow: #fff;
  colorWhiteSnowRgb: 255, 255, 255;
  colorCloudBurst: #374456;
  colorDirtySnow100: #eceff1;
  colorDirtySnow100Rgb: 236, 239, 241;
  colorDarkSnow200: #e0e4ea;
  coloDarkSteel900: #101419;
  colorSlate: #69778b;
  colorMars: #f0506e;
  colorMoon: #1b67da;
  colorMoonBaseLight: #6db9ff;
  colorPearl700: #232b36;
  colorPearl700Rgb: 35, 43, 54;
  colorPorcelain: #f6f8f9;
  colorSpecialCompetition: #8a1538;
  colorHermesLight: #bca9ff;
  colorRaspberry: #e70161;
  colorSilverMist: #d1d7e0
}

.color-smokey-300[data-v-592dad0c] {
  color: #b6bcc6
}

.color-slate[data-v-592dad0c] {
  color: #69778b
}

.color-steel-800[data-v-592dad0c] {
  color: #1c2026
}

.color-east-bay-400[data-v-592dad0c] {
  color: #48576f
}

[data-v-592dad0c]:export {
  opacityFull: 1;
  opacityXxl: .95;
  opacityXl: .87;
  opacityL: .54;
  opacityM: .38;
  opacityS: .17;
  opacityXs: .05;
  opacityZero: 0
}

.opacity-xl[data-v-592dad0c] {
  opacity: .87
}

@media screen and (min-width:1025px) {
  [data-v-592dad0c]::-webkit-scrollbar {
    width: 6px;
    background-color: transparent
  }

  [data-v-592dad0c]::-webkit-scrollbar-thumb {
    background-color: #69778b;
    border-radius: 100px
  }

  [data-v-592dad0c]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(105, 119, 139, .54)
  }
}

@supports (-moz-appearance:none) {
  [data-v-592dad0c] {
    scrollbar-width: thin
  }
}

.team-header__title[data-v-592dad0c] {
  width: 33.3%;
  overflow: hidden
}

[data-v-40fc33be]:export {
  fontSizeXS: .85714rem;
  fontSizeS: 1rem;
  colorAfrodite: #f3d113;
  colorSmokey300: #b6bcc6;
  colorLicorice600: #2d3745;
  colorLicorice600Rgb: 45, 55, 69;
  colorSteel800: #1c2026;
  colorSteel800Rgb: 28, 32, 38;
  colorEastBay400: #48576f;
  colorWhiteSnow: #fff;
  colorWhiteSnowRgb: 255, 255, 255;
  colorCloudBurst: #374456;
  colorDirtySnow100: #eceff1;
  colorDirtySnow100Rgb: 236, 239, 241;
  colorDarkSnow200: #e0e4ea;
  coloDarkSteel900: #101419;
  colorSlate: #69778b;
  colorMars: #f0506e;
  colorMoon: #1b67da;
  colorMoonBaseLight: #6db9ff;
  colorPearl700: #232b36;
  colorPearl700Rgb: 35, 43, 54;
  colorPorcelain: #f6f8f9;
  colorSpecialCompetition: #8a1538;
  colorHermesLight: #bca9ff;
  colorRaspberry: #e70161;
  colorSilverMist: #d1d7e0
}

.color-smokey-300[data-v-40fc33be] {
  color: #b6bcc6
}

.color-slate[data-v-40fc33be] {
  color: #69778b
}

.color-steel-800[data-v-40fc33be] {
  color: #1c2026
}

.color-east-bay-400[data-v-40fc33be] {
  color: #48576f
}

[data-v-40fc33be]:export {
  opacityFull: 1;
  opacityXxl: .95;
  opacityXl: .87;
  opacityL: .54;
  opacityM: .38;
  opacityS: .17;
  opacityXs: .05;
  opacityZero: 0
}

.opacity-xl[data-v-40fc33be] {
  opacity: .87
}

@media screen and (min-width:1025px) {
  [data-v-40fc33be]::-webkit-scrollbar {
    width: 6px;
    background-color: transparent
  }

  [data-v-40fc33be]::-webkit-scrollbar-thumb {
    background-color: #69778b;
    border-radius: 100px
  }

  [data-v-40fc33be]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(105, 119, 139, .54)
  }
}

@supports (-moz-appearance:none) {
  [data-v-40fc33be] {
    scrollbar-width: thin
  }
}

.columns-values[data-v-40fc33be] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 66.6%
}

[data-v-a145aeaa]:export {
  fontSizeXS: .85714rem;
  fontSizeS: 1rem;
  colorAfrodite: #f3d113;
  colorSmokey300: #b6bcc6;
  colorLicorice600: #2d3745;
  colorLicorice600Rgb: 45, 55, 69;
  colorSteel800: #1c2026;
  colorSteel800Rgb: 28, 32, 38;
  colorEastBay400: #48576f;
  colorWhiteSnow: #fff;
  colorWhiteSnowRgb: 255, 255, 255;
  colorCloudBurst: #374456;
  colorDirtySnow100: #eceff1;
  colorDirtySnow100Rgb: 236, 239, 241;
  colorDarkSnow200: #e0e4ea;
  coloDarkSteel900: #101419;
  colorSlate: #69778b;
  colorMars: #f0506e;
  colorMoon: #1b67da;
  colorMoonBaseLight: #6db9ff;
  colorPearl700: #232b36;
  colorPearl700Rgb: 35, 43, 54;
  colorPorcelain: #f6f8f9;
  colorSpecialCompetition: #8a1538;
  colorHermesLight: #bca9ff;
  colorRaspberry: #e70161;
  colorSilverMist: #d1d7e0
}

.color-smokey-300[data-v-a145aeaa] {
  color: #b6bcc6
}

.color-slate[data-v-a145aeaa] {
  color: #69778b
}

.color-steel-800[data-v-a145aeaa] {
  color: #1c2026
}

.color-east-bay-400[data-v-a145aeaa] {
  color: #48576f
}

[data-v-a145aeaa]:export {
  opacityFull: 1;
  opacityXxl: .95;
  opacityXl: .87;
  opacityL: .54;
  opacityM: .38;
  opacityS: .17;
  opacityXs: .05;
  opacityZero: 0
}

.opacity-xl[data-v-a145aeaa] {
  opacity: .87
}

@media screen and (min-width:1025px) {
  [data-v-a145aeaa]::-webkit-scrollbar {
    width: 6px;
    background-color: transparent
  }

  [data-v-a145aeaa]::-webkit-scrollbar-thumb {
    background-color: #69778b;
    border-radius: 100px
  }

  [data-v-a145aeaa]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(105, 119, 139, .54)
  }
}

@supports (-moz-appearance:none) {
  [data-v-a145aeaa] {
    scrollbar-width: thin
  }
}

.row-info[data-v-a145aeaa] {
  display: flex;
  align-items: center;
  text-decoration: none;
  width: 33.3%;
  --tw-text-opacity: 1;
  color: rgb(28 32 38/var(--tw-text-opacity))
}

.tw-dark .row-info[data-v-a145aeaa] {
  --tw-text-opacity: 1;
  color: rgb(236 239 241/var(--tw-text-opacity))
}

[data-v-796d4cde]:export {
  fontSizeXS: .85714rem;
  fontSizeS: 1rem;
  colorAfrodite: #f3d113;
  colorSmokey300: #b6bcc6;
  colorLicorice600: #2d3745;
  colorLicorice600Rgb: 45, 55, 69;
  colorSteel800: #1c2026;
  colorSteel800Rgb: 28, 32, 38;
  colorEastBay400: #48576f;
  colorWhiteSnow: #fff;
  colorWhiteSnowRgb: 255, 255, 255;
  colorCloudBurst: #374456;
  colorDirtySnow100: #eceff1;
  colorDirtySnow100Rgb: 236, 239, 241;
  colorDarkSnow200: #e0e4ea;
  coloDarkSteel900: #101419;
  colorSlate: #69778b;
  colorMars: #f0506e;
  colorMoon: #1b67da;
  colorMoonBaseLight: #6db9ff;
  colorPearl700: #232b36;
  colorPearl700Rgb: 35, 43, 54;
  colorPorcelain: #f6f8f9;
  colorSpecialCompetition: #8a1538;
  colorHermesLight: #bca9ff;
  colorRaspberry: #e70161;
  colorSilverMist: #d1d7e0
}

.color-smokey-300[data-v-796d4cde] {
  color: #b6bcc6
}

.color-slate[data-v-796d4cde] {
  color: #69778b
}

.color-steel-800[data-v-796d4cde] {
  color: #1c2026
}

.color-east-bay-400[data-v-796d4cde] {
  color: #48576f
}

[data-v-796d4cde]:export {
  opacityFull: 1;
  opacityXxl: .95;
  opacityXl: .87;
  opacityL: .54;
  opacityM: .38;
  opacityS: .17;
  opacityXs: .05;
  opacityZero: 0
}

.opacity-xl[data-v-796d4cde] {
  opacity: .87
}

@media screen and (min-width:1025px) {
  [data-v-796d4cde]::-webkit-scrollbar {
    width: 6px;
    background-color: transparent
  }

  [data-v-796d4cde]::-webkit-scrollbar-thumb {
    background-color: #69778b;
    border-radius: 100px
  }

  [data-v-796d4cde]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(105, 119, 139, .54)
  }
}

@supports (-moz-appearance:none) {
  [data-v-796d4cde] {
    scrollbar-width: thin
  }
}

.load-more[data-v-796d4cde] {
  margin-top: 12px;
  width: 100%;
  cursor: pointer;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  padding-top: 8px;
  padding-bottom: 8px;
  text-align: center;
  font-weight: 700
}

.tw-dark .load-more[data-v-796d4cde] {
  --tw-bg-opacity: 1;
  background-color: rgb(35 43 54/var(--tw-bg-opacity))
}

[data-v-038645b8]:export {
  fontSizeXS: .85714rem;
  fontSizeS: 1rem;
  colorAfrodite: #f3d113;
  colorSmokey300: #b6bcc6;
  colorLicorice600: #2d3745;
  colorLicorice600Rgb: 45, 55, 69;
  colorSteel800: #1c2026;
  colorSteel800Rgb: 28, 32, 38;
  colorEastBay400: #48576f;
  colorWhiteSnow: #fff;
  colorWhiteSnowRgb: 255, 255, 255;
  colorCloudBurst: #374456;
  colorDirtySnow100: #eceff1;
  colorDirtySnow100Rgb: 236, 239, 241;
  colorDarkSnow200: #e0e4ea;
  coloDarkSteel900: #101419;
  colorSlate: #69778b;
  colorMars: #f0506e;
  colorMoon: #1b67da;
  colorMoonBaseLight: #6db9ff;
  colorPearl700: #232b36;
  colorPearl700Rgb: 35, 43, 54;
  colorPorcelain: #f6f8f9;
  colorSpecialCompetition: #8a1538;
  colorHermesLight: #bca9ff;
  colorRaspberry: #e70161;
  colorSilverMist: #d1d7e0
}

.color-smokey-300[data-v-038645b8] {
  color: #b6bcc6
}

.color-slate[data-v-038645b8] {
  color: #69778b
}

.color-steel-800[data-v-038645b8] {
  color: #1c2026
}

.color-east-bay-400[data-v-038645b8] {
  color: #48576f
}

[data-v-038645b8]:export {
  opacityFull: 1;
  opacityXxl: .95;
  opacityXl: .87;
  opacityL: .54;
  opacityM: .38;
  opacityS: .17;
  opacityXs: .05;
  opacityZero: 0
}

.opacity-xl[data-v-038645b8] {
  opacity: .87
}

@media screen and (min-width:1025px) {
  [data-v-038645b8]::-webkit-scrollbar {
    width: 6px;
    background-color: transparent
  }

  [data-v-038645b8]::-webkit-scrollbar-thumb {
    background-color: #69778b;
    border-radius: 100px
  }

  [data-v-038645b8]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(105, 119, 139, .54)
  }
}

@supports (-moz-appearance:none) {
  [data-v-038645b8] {
    scrollbar-width: thin
  }
}

.multi-market[data-v-038645b8] {
  font-size: .8571428571428571rem;
  line-height: 16px
}

[data-v-1d7207c0]:export {
  fontSizeXS: .85714rem;
  fontSizeS: 1rem;
  colorAfrodite: #f3d113;
  colorSmokey300: #b6bcc6;
  colorLicorice600: #2d3745;
  colorLicorice600Rgb: 45, 55, 69;
  colorSteel800: #1c2026;
  colorSteel800Rgb: 28, 32, 38;
  colorEastBay400: #48576f;
  colorWhiteSnow: #fff;
  colorWhiteSnowRgb: 255, 255, 255;
  colorCloudBurst: #374456;
  colorDirtySnow100: #eceff1;
  colorDirtySnow100Rgb: 236, 239, 241;
  colorDarkSnow200: #e0e4ea;
  coloDarkSteel900: #101419;
  colorSlate: #69778b;
  colorMars: #f0506e;
  colorMoon: #1b67da;
  colorMoonBaseLight: #6db9ff;
  colorPearl700: #232b36;
  colorPearl700Rgb: 35, 43, 54;
  colorPorcelain: #f6f8f9;
  colorSpecialCompetition: #8a1538;
  colorHermesLight: #bca9ff;
  colorRaspberry: #e70161;
  colorSilverMist: #d1d7e0
}

.color-smokey-300[data-v-1d7207c0] {
  color: #b6bcc6
}

.color-slate[data-v-1d7207c0] {
  color: #69778b
}

.color-steel-800[data-v-1d7207c0] {
  color: #1c2026
}

.color-east-bay-400[data-v-1d7207c0] {
  color: #48576f
}

[data-v-1d7207c0]:export {
  opacityFull: 1;
  opacityXxl: .95;
  opacityXl: .87;
  opacityL: .54;
  opacityM: .38;
  opacityS: .17;
  opacityXs: .05;
  opacityZero: 0
}

.opacity-xl[data-v-1d7207c0] {
  opacity: .87
}

@media screen and (min-width:1025px) {
  [data-v-1d7207c0]::-webkit-scrollbar {
    width: 6px;
    background-color: transparent
  }

  [data-v-1d7207c0]::-webkit-scrollbar-thumb {
    background-color: #69778b;
    border-radius: 100px
  }

  [data-v-1d7207c0]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(105, 119, 139, .54)
  }
}

@supports (-moz-appearance:none) {
  [data-v-1d7207c0] {
    scrollbar-width: thin
  }
}

.handicap[data-v-1d7207c0] {
  width: 20%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500
}

.handicap__dropdown[data-v-1d7207c0] {
  width: 60px;
  text-align: center;
  font-family: Ubuntu, sans-serif;
  border: none;
  font-size: inherit;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(28 32 38/var(--tw-text-opacity));
  outline: 2px solid transparent;
  outline-offset: 2px
}

.tw-dark .handicap__dropdown[data-v-1d7207c0] {
  --tw-bg-opacity: 1;
  background-color: rgb(35 43 54/var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(236 239 241/var(--tw-text-opacity))
}

.handicap-option[data-v-1d7207c0] {
  font-weight: 500
}

[data-v-570bc2fa]:export {
  fontSizeXS: .85714rem;
  fontSizeS: 1rem;
  colorAfrodite: #f3d113;
  colorSmokey300: #b6bcc6;
  colorLicorice600: #2d3745;
  colorLicorice600Rgb: 45, 55, 69;
  colorSteel800: #1c2026;
  colorSteel800Rgb: 28, 32, 38;
  colorEastBay400: #48576f;
  colorWhiteSnow: #fff;
  colorWhiteSnowRgb: 255, 255, 255;
  colorCloudBurst: #374456;
  colorDirtySnow100: #eceff1;
  colorDirtySnow100Rgb: 236, 239, 241;
  colorDarkSnow200: #e0e4ea;
  coloDarkSteel900: #101419;
  colorSlate: #69778b;
  colorMars: #f0506e;
  colorMoon: #1b67da;
  colorMoonBaseLight: #6db9ff;
  colorPearl700: #232b36;
  colorPearl700Rgb: 35, 43, 54;
  colorPorcelain: #f6f8f9;
  colorSpecialCompetition: #8a1538;
  colorHermesLight: #bca9ff;
  colorRaspberry: #e70161;
  colorSilverMist: #d1d7e0
}

.color-smokey-300[data-v-570bc2fa] {
  color: #b6bcc6
}

.color-slate[data-v-570bc2fa] {
  color: #69778b
}

.color-steel-800[data-v-570bc2fa] {
  color: #1c2026
}

.color-east-bay-400[data-v-570bc2fa] {
  color: #48576f
}

[data-v-570bc2fa]:export {
  opacityFull: 1;
  opacityXxl: .95;
  opacityXl: .87;
  opacityL: .54;
  opacityM: .38;
  opacityS: .17;
  opacityXs: .05;
  opacityZero: 0
}

.opacity-xl[data-v-570bc2fa] {
  opacity: .87
}

@media screen and (min-width:1025px) {
  [data-v-570bc2fa]::-webkit-scrollbar {
    width: 6px;
    background-color: transparent
  }

  [data-v-570bc2fa]::-webkit-scrollbar-thumb {
    background-color: #69778b;
    border-radius: 100px
  }

  [data-v-570bc2fa]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(105, 119, 139, .54)
  }
}

@supports (-moz-appearance:none) {
  [data-v-570bc2fa] {
    scrollbar-width: thin
  }
}

.column-area__handicap[data-v-570bc2fa] {
  width: 20%;
  word-break: break-all;
  text-align: center
}

[data-v-3495051c]:export {
  fontSizeXS: .85714rem;
  fontSizeS: 1rem;
  colorAfrodite: #f3d113;
  colorSmokey300: #b6bcc6;
  colorLicorice600: #2d3745;
  colorLicorice600Rgb: 45, 55, 69;
  colorSteel800: #1c2026;
  colorSteel800Rgb: 28, 32, 38;
  colorEastBay400: #48576f;
  colorWhiteSnow: #fff;
  colorWhiteSnowRgb: 255, 255, 255;
  colorCloudBurst: #374456;
  colorDirtySnow100: #eceff1;
  colorDirtySnow100Rgb: 236, 239, 241;
  colorDarkSnow200: #e0e4ea;
  coloDarkSteel900: #101419;
  colorSlate: #69778b;
  colorMars: #f0506e;
  colorMoon: #1b67da;
  colorMoonBaseLight: #6db9ff;
  colorPearl700: #232b36;
  colorPearl700Rgb: 35, 43, 54;
  colorPorcelain: #f6f8f9;
  colorSpecialCompetition: #8a1538;
  colorHermesLight: #bca9ff;
  colorRaspberry: #e70161;
  colorSilverMist: #d1d7e0
}

.color-smokey-300[data-v-3495051c] {
  color: #b6bcc6
}

.color-slate[data-v-3495051c] {
  color: #69778b
}

.color-steel-800[data-v-3495051c] {
  color: #1c2026
}

.color-east-bay-400[data-v-3495051c] {
  color: #48576f
}

[data-v-3495051c]:export {
  opacityFull: 1;
  opacityXxl: .95;
  opacityXl: .87;
  opacityL: .54;
  opacityM: .38;
  opacityS: .17;
  opacityXs: .05;
  opacityZero: 0
}

.opacity-xl[data-v-3495051c] {
  opacity: .87
}

@media screen and (min-width:1025px) {
  [data-v-3495051c]::-webkit-scrollbar {
    width: 6px;
    background-color: transparent
  }

  [data-v-3495051c]::-webkit-scrollbar-thumb {
    background-color: #69778b;
    border-radius: 100px
  }

  [data-v-3495051c]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(105, 119, 139, .54)
  }
}

@supports (-moz-appearance:none) {
  [data-v-3495051c] {
    scrollbar-width: thin
  }
}

.table-break[data-v-3495051c] {
  width: 100%;
  flex-wrap: wrap;
  display: flex
}

.table-break .header-wrapper[data-v-3495051c],
.table-break .row-wrapper[data-v-3495051c] {
  width: 100%;
  display: grid;
  grid-template-columns: var(--grid-template-columns)
}

[data-v-0da78fc0]:export {
  fontSizeXS: .85714rem;
  fontSizeS: 1rem;
  colorAfrodite: #f3d113;
  colorSmokey300: #b6bcc6;
  colorLicorice600: #2d3745;
  colorLicorice600Rgb: 45, 55, 69;
  colorSteel800: #1c2026;
  colorSteel800Rgb: 28, 32, 38;
  colorEastBay400: #48576f;
  colorWhiteSnow: #fff;
  colorWhiteSnowRgb: 255, 255, 255;
  colorCloudBurst: #374456;
  colorDirtySnow100: #eceff1;
  colorDirtySnow100Rgb: 236, 239, 241;
  colorDarkSnow200: #e0e4ea;
  coloDarkSteel900: #101419;
  colorSlate: #69778b;
  colorMars: #f0506e;
  colorMoon: #1b67da;
  colorMoonBaseLight: #6db9ff;
  colorPearl700: #232b36;
  colorPearl700Rgb: 35, 43, 54;
  colorPorcelain: #f6f8f9;
  colorSpecialCompetition: #8a1538;
  colorHermesLight: #bca9ff;
  colorRaspberry: #e70161;
  colorSilverMist: #d1d7e0
}

.color-smokey-300[data-v-0da78fc0] {
  color: #b6bcc6
}

.color-slate[data-v-0da78fc0] {
  color: #69778b
}

.color-steel-800[data-v-0da78fc0] {
  color: #1c2026
}

.color-east-bay-400[data-v-0da78fc0] {
  color: #48576f
}

[data-v-0da78fc0]:export {
  opacityFull: 1;
  opacityXxl: .95;
  opacityXl: .87;
  opacityL: .54;
  opacityM: .38;
  opacityS: .17;
  opacityXs: .05;
  opacityZero: 0
}

.opacity-xl[data-v-0da78fc0] {
  opacity: .87
}

@media screen and (min-width:1025px) {
  [data-v-0da78fc0]::-webkit-scrollbar {
    width: 6px;
    background-color: transparent
  }

  [data-v-0da78fc0]::-webkit-scrollbar-thumb {
    background-color: #69778b;
    border-radius: 100px
  }

  [data-v-0da78fc0]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(105, 119, 139, .54)
  }
}

@supports (-moz-appearance:none) {
  [data-v-0da78fc0] {
    scrollbar-width: thin
  }
}

.multi-outcome[data-v-0da78fc0] {
  font-size: .8571428571428571rem;
  line-height: 16px
}

.no-second-to-last-border-bottom .team:last-of-type .row[data-v-0da78fc0]:nth-last-child(2) {
  border-bottom: none
}

[data-v-73f10a9e]:export {
  fontSizeXS: .85714rem;
  fontSizeS: 1rem;
  colorAfrodite: #f3d113;
  colorSmokey300: #b6bcc6;
  colorLicorice600: #2d3745;
  colorLicorice600Rgb: 45, 55, 69;
  colorSteel800: #1c2026;
  colorSteel800Rgb: 28, 32, 38;
  colorEastBay400: #48576f;
  colorWhiteSnow: #fff;
  colorWhiteSnowRgb: 255, 255, 255;
  colorCloudBurst: #374456;
  colorDirtySnow100: #eceff1;
  colorDirtySnow100Rgb: 236, 239, 241;
  colorDarkSnow200: #e0e4ea;
  coloDarkSteel900: #101419;
  colorSlate: #69778b;
  colorMars: #f0506e;
  colorMoon: #1b67da;
  colorMoonBaseLight: #6db9ff;
  colorPearl700: #232b36;
  colorPearl700Rgb: 35, 43, 54;
  colorPorcelain: #f6f8f9;
  colorSpecialCompetition: #8a1538;
  colorHermesLight: #bca9ff;
  colorRaspberry: #e70161;
  colorSilverMist: #d1d7e0
}

.color-smokey-300[data-v-73f10a9e] {
  color: #b6bcc6
}

.color-slate[data-v-73f10a9e] {
  color: #69778b
}

.color-steel-800[data-v-73f10a9e] {
  color: #1c2026
}

.color-east-bay-400[data-v-73f10a9e] {
  color: #48576f
}

[data-v-73f10a9e]:export {
  opacityFull: 1;
  opacityXxl: .95;
  opacityXl: .87;
  opacityL: .54;
  opacityM: .38;
  opacityS: .17;
  opacityXs: .05;
  opacityZero: 0
}

.opacity-xl[data-v-73f10a9e] {
  opacity: .87
}

@media screen and (min-width:1025px) {
  [data-v-73f10a9e]::-webkit-scrollbar {
    width: 6px;
    background-color: transparent
  }

  [data-v-73f10a9e]::-webkit-scrollbar-thumb {
    background-color: #69778b;
    border-radius: 100px
  }

  [data-v-73f10a9e]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(105, 119, 139, .54)
  }
}

@supports (-moz-appearance:none) {
  [data-v-73f10a9e] {
    scrollbar-width: thin
  }
}

.column-area[data-v-73f10a9e] {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  text-align: center;
  width: 50%
}

@media screen and (min-width:825px) {
  .column-area[data-v-73f10a9e] {
    width: 66.6%
  }
}

[data-v-4cfda230]:export {
  fontSizeXS: .85714rem;
  fontSizeS: 1rem;
  colorAfrodite: #f3d113;
  colorSmokey300: #b6bcc6;
  colorLicorice600: #2d3745;
  colorLicorice600Rgb: 45, 55, 69;
  colorSteel800: #1c2026;
  colorSteel800Rgb: 28, 32, 38;
  colorEastBay400: #48576f;
  colorWhiteSnow: #fff;
  colorWhiteSnowRgb: 255, 255, 255;
  colorCloudBurst: #374456;
  colorDirtySnow100: #eceff1;
  colorDirtySnow100Rgb: 236, 239, 241;
  colorDarkSnow200: #e0e4ea;
  coloDarkSteel900: #101419;
  colorSlate: #69778b;
  colorMars: #f0506e;
  colorMoon: #1b67da;
  colorMoonBaseLight: #6db9ff;
  colorPearl700: #232b36;
  colorPearl700Rgb: 35, 43, 54;
  colorPorcelain: #f6f8f9;
  colorSpecialCompetition: #8a1538;
  colorHermesLight: #bca9ff;
  colorRaspberry: #e70161;
  colorSilverMist: #d1d7e0
}

.color-smokey-300[data-v-4cfda230] {
  color: #b6bcc6
}

.color-slate[data-v-4cfda230] {
  color: #69778b
}

.color-steel-800[data-v-4cfda230] {
  color: #1c2026
}

.color-east-bay-400[data-v-4cfda230] {
  color: #48576f
}

[data-v-4cfda230]:export {
  opacityFull: 1;
  opacityXxl: .95;
  opacityXl: .87;
  opacityL: .54;
  opacityM: .38;
  opacityS: .17;
  opacityXs: .05;
  opacityZero: 0
}

.opacity-xl[data-v-4cfda230] {
  opacity: .87
}

@media screen and (min-width:1025px) {
  [data-v-4cfda230]::-webkit-scrollbar {
    width: 6px;
    background-color: transparent
  }

  [data-v-4cfda230]::-webkit-scrollbar-thumb {
    background-color: #69778b;
    border-radius: 100px
  }

  [data-v-4cfda230]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(105, 119, 139, .54)
  }
}

@supports (-moz-appearance:none) {
  [data-v-4cfda230] {
    scrollbar-width: thin
  }
}

.team-header__title[data-v-4cfda230] {
  width: 50%
}

@media screen and (min-width:825px) {
  .team-header__title[data-v-4cfda230] {
    width: 33.3%;
    overflow: hidden
  }
}

[data-v-1903958a]:export {
  fontSizeXS: .85714rem;
  fontSizeS: 1rem;
  colorAfrodite: #f3d113;
  colorSmokey300: #b6bcc6;
  colorLicorice600: #2d3745;
  colorLicorice600Rgb: 45, 55, 69;
  colorSteel800: #1c2026;
  colorSteel800Rgb: 28, 32, 38;
  colorEastBay400: #48576f;
  colorWhiteSnow: #fff;
  colorWhiteSnowRgb: 255, 255, 255;
  colorCloudBurst: #374456;
  colorDirtySnow100: #eceff1;
  colorDirtySnow100Rgb: 236, 239, 241;
  colorDarkSnow200: #e0e4ea;
  coloDarkSteel900: #101419;
  colorSlate: #69778b;
  colorMars: #f0506e;
  colorMoon: #1b67da;
  colorMoonBaseLight: #6db9ff;
  colorPearl700: #232b36;
  colorPearl700Rgb: 35, 43, 54;
  colorPorcelain: #f6f8f9;
  colorSpecialCompetition: #8a1538;
  colorHermesLight: #bca9ff;
  colorRaspberry: #e70161;
  colorSilverMist: #d1d7e0
}

.color-smokey-300[data-v-1903958a] {
  color: #b6bcc6
}

.color-slate[data-v-1903958a] {
  color: #69778b
}

.color-steel-800[data-v-1903958a] {
  color: #1c2026
}

.color-east-bay-400[data-v-1903958a] {
  color: #48576f
}

[data-v-1903958a]:export {
  opacityFull: 1;
  opacityXxl: .95;
  opacityXl: .87;
  opacityL: .54;
  opacityM: .38;
  opacityS: .17;
  opacityXs: .05;
  opacityZero: 0
}

.opacity-xl[data-v-1903958a] {
  opacity: .87
}

@media screen and (min-width:1025px) {
  [data-v-1903958a]::-webkit-scrollbar {
    width: 6px;
    background-color: transparent
  }

  [data-v-1903958a]::-webkit-scrollbar-thumb {
    background-color: #69778b;
    border-radius: 100px
  }

  [data-v-1903958a]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(105, 119, 139, .54)
  }
}

@supports (-moz-appearance:none) {
  [data-v-1903958a] {
    scrollbar-width: thin
  }
}

.column-area__titles[data-v-1903958a] {
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: var(--grid-template-columns);
  justify-items: center;
  grid-gap: 8px;
  padding-left: 8px;
  align-items: center;
  width: 50%;
  font-weight: 700
}

[data-v-7e75ea8c]:export {
  fontSizeXS: .85714rem;
  fontSizeS: 1rem;
  colorAfrodite: #f3d113;
  colorSmokey300: #b6bcc6;
  colorLicorice600: #2d3745;
  colorLicorice600Rgb: 45, 55, 69;
  colorSteel800: #1c2026;
  colorSteel800Rgb: 28, 32, 38;
  colorEastBay400: #48576f;
  colorWhiteSnow: #fff;
  colorWhiteSnowRgb: 255, 255, 255;
  colorCloudBurst: #374456;
  colorDirtySnow100: #eceff1;
  colorDirtySnow100Rgb: 236, 239, 241;
  colorDarkSnow200: #e0e4ea;
  coloDarkSteel900: #101419;
  colorSlate: #69778b;
  colorMars: #f0506e;
  colorMoon: #1b67da;
  colorMoonBaseLight: #6db9ff;
  colorPearl700: #232b36;
  colorPearl700Rgb: 35, 43, 54;
  colorPorcelain: #f6f8f9;
  colorSpecialCompetition: #8a1538;
  colorHermesLight: #bca9ff;
  colorRaspberry: #e70161;
  colorSilverMist: #d1d7e0
}

.color-smokey-300[data-v-7e75ea8c] {
  color: #b6bcc6
}

.color-slate[data-v-7e75ea8c] {
  color: #69778b
}

.color-steel-800[data-v-7e75ea8c] {
  color: #1c2026
}

.color-east-bay-400[data-v-7e75ea8c] {
  color: #48576f
}

[data-v-7e75ea8c]:export {
  opacityFull: 1;
  opacityXxl: .95;
  opacityXl: .87;
  opacityL: .54;
  opacityM: .38;
  opacityS: .17;
  opacityXs: .05;
  opacityZero: 0
}

.opacity-xl[data-v-7e75ea8c] {
  opacity: .87
}

@media screen and (min-width:1025px) {
  [data-v-7e75ea8c]::-webkit-scrollbar {
    width: 6px;
    background-color: transparent
  }

  [data-v-7e75ea8c]::-webkit-scrollbar-thumb {
    background-color: #69778b;
    border-radius: 100px
  }

  [data-v-7e75ea8c]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(105, 119, 139, .54)
  }
}

@supports (-moz-appearance:none) {
  [data-v-7e75ea8c] {
    scrollbar-width: thin
  }
}

.column-area__stat-headers__stat-header[data-v-7e75ea8c] {
  width: 25%;
  word-break: break-all;
  text-align: center
}

.column-area__stat-headers__stat-header--bold[data-v-7e75ea8c] {
  font-weight: 700
}

@media screen and (min-width:825px) {
  .column-area__stat-headers__stat-header[data-v-7e75ea8c] {
    width: 20%
  }

  .column-area__stat-headers__stat-header--bold[data-v-7e75ea8c] {
    font-weight: 700
  }
}

.statistics-preview .tooltip-content,
.statistics-preview .v-popper__inner {
  max-width: none !important;
  padding: 0;
  min-width: 320px;
  border-radius: 12px;
  border-color: #e0e4ea !important
}

.statistics-preview .v-popper__arrow-outer {
  border-color: #e0e4ea !important
}

.statistics-preview .v-popper__arrow-inner {
  left: -1.5px
}

[data-v-4e867fa8]:export {
  fontSizeXS: .85714rem;
  fontSizeS: 1rem;
  colorAfrodite: #f3d113;
  colorSmokey300: #b6bcc6;
  colorLicorice600: #2d3745;
  colorLicorice600Rgb: 45, 55, 69;
  colorSteel800: #1c2026;
  colorSteel800Rgb: 28, 32, 38;
  colorEastBay400: #48576f;
  colorWhiteSnow: #fff;
  colorWhiteSnowRgb: 255, 255, 255;
  colorCloudBurst: #374456;
  colorDirtySnow100: #eceff1;
  colorDirtySnow100Rgb: 236, 239, 241;
  colorDarkSnow200: #e0e4ea;
  coloDarkSteel900: #101419;
  colorSlate: #69778b;
  colorMars: #f0506e;
  colorMoon: #1b67da;
  colorMoonBaseLight: #6db9ff;
  colorPearl700: #232b36;
  colorPearl700Rgb: 35, 43, 54;
  colorPorcelain: #f6f8f9;
  colorSpecialCompetition: #8a1538;
  colorHermesLight: #bca9ff;
  colorRaspberry: #e70161;
  colorSilverMist: #d1d7e0
}

.color-smokey-300[data-v-4e867fa8] {
  color: #b6bcc6
}

.color-slate[data-v-4e867fa8] {
  color: #69778b
}

.color-steel-800[data-v-4e867fa8] {
  color: #1c2026
}

.color-east-bay-400[data-v-4e867fa8] {
  color: #48576f
}

[data-v-4e867fa8]:export {
  opacityFull: 1;
  opacityXxl: .95;
  opacityXl: .87;
  opacityL: .54;
  opacityM: .38;
  opacityS: .17;
  opacityXs: .05;
  opacityZero: 0
}

.opacity-xl[data-v-4e867fa8] {
  opacity: .87
}

@media screen and (min-width:1025px) {
  [data-v-4e867fa8]::-webkit-scrollbar {
    width: 6px;
    background-color: transparent
  }

  [data-v-4e867fa8]::-webkit-scrollbar-thumb {
    background-color: #69778b;
    border-radius: 100px
  }

  [data-v-4e867fa8]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(105, 119, 139, .54)
  }
}

@supports (-moz-appearance:none) {
  [data-v-4e867fa8] {
    scrollbar-width: thin
  }
}

.row-info__icon[data-v-4e867fa8] {
  margin-right: 8px;
  flex-shrink: 0
}

[data-v-021ce2f1]:export {
  fontSizeXS: .85714rem;
  fontSizeS: 1rem;
  colorAfrodite: #f3d113;
  colorSmokey300: #b6bcc6;
  colorLicorice600: #2d3745;
  colorLicorice600Rgb: 45, 55, 69;
  colorSteel800: #1c2026;
  colorSteel800Rgb: 28, 32, 38;
  colorEastBay400: #48576f;
  colorWhiteSnow: #fff;
  colorWhiteSnowRgb: 255, 255, 255;
  colorCloudBurst: #374456;
  colorDirtySnow100: #eceff1;
  colorDirtySnow100Rgb: 236, 239, 241;
  colorDarkSnow200: #e0e4ea;
  coloDarkSteel900: #101419;
  colorSlate: #69778b;
  colorMars: #f0506e;
  colorMoon: #1b67da;
  colorMoonBaseLight: #6db9ff;
  colorPearl700: #232b36;
  colorPearl700Rgb: 35, 43, 54;
  colorPorcelain: #f6f8f9;
  colorSpecialCompetition: #8a1538;
  colorHermesLight: #bca9ff;
  colorRaspberry: #e70161;
  colorSilverMist: #d1d7e0
}

.color-smokey-300[data-v-021ce2f1] {
  color: #b6bcc6
}

.color-slate[data-v-021ce2f1] {
  color: #69778b
}

.color-steel-800[data-v-021ce2f1] {
  color: #1c2026
}

.color-east-bay-400[data-v-021ce2f1] {
  color: #48576f
}

[data-v-021ce2f1]:export {
  opacityFull: 1;
  opacityXxl: .95;
  opacityXl: .87;
  opacityL: .54;
  opacityM: .38;
  opacityS: .17;
  opacityXs: .05;
  opacityZero: 0
}

.opacity-xl[data-v-021ce2f1] {
  opacity: .87
}

@media screen and (min-width:1025px) {
  [data-v-021ce2f1]::-webkit-scrollbar {
    width: 6px;
    background-color: transparent
  }

  [data-v-021ce2f1]::-webkit-scrollbar-thumb {
    background-color: #69778b;
    border-radius: 100px
  }

  [data-v-021ce2f1]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(105, 119, 139, .54)
  }
}

@supports (-moz-appearance:none) {
  [data-v-021ce2f1] {
    scrollbar-width: thin
  }
}

.columns-values[data-v-021ce2f1] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 50%
}

@media screen and (min-width:825px) {
  .columns-values[data-v-021ce2f1] {
    width: 66.6%
  }
}

[data-v-66a0348d]:export {
  fontSizeXS: .85714rem;
  fontSizeS: 1rem;
  colorAfrodite: #f3d113;
  colorSmokey300: #b6bcc6;
  colorLicorice600: #2d3745;
  colorLicorice600Rgb: 45, 55, 69;
  colorSteel800: #1c2026;
  colorSteel800Rgb: 28, 32, 38;
  colorEastBay400: #48576f;
  colorWhiteSnow: #fff;
  colorWhiteSnowRgb: 255, 255, 255;
  colorCloudBurst: #374456;
  colorDirtySnow100: #eceff1;
  colorDirtySnow100Rgb: 236, 239, 241;
  colorDarkSnow200: #e0e4ea;
  coloDarkSteel900: #101419;
  colorSlate: #69778b;
  colorMars: #f0506e;
  colorMoon: #1b67da;
  colorMoonBaseLight: #6db9ff;
  colorPearl700: #232b36;
  colorPearl700Rgb: 35, 43, 54;
  colorPorcelain: #f6f8f9;
  colorSpecialCompetition: #8a1538;
  colorHermesLight: #bca9ff;
  colorRaspberry: #e70161;
  colorSilverMist: #d1d7e0
}

.color-smokey-300[data-v-66a0348d] {
  color: #b6bcc6
}

.color-slate[data-v-66a0348d] {
  color: #69778b
}

.color-steel-800[data-v-66a0348d] {
  color: #1c2026
}

.color-east-bay-400[data-v-66a0348d] {
  color: #48576f
}

[data-v-66a0348d]:export {
  opacityFull: 1;
  opacityXxl: .95;
  opacityXl: .87;
  opacityL: .54;
  opacityM: .38;
  opacityS: .17;
  opacityXs: .05;
  opacityZero: 0
}

.opacity-xl[data-v-66a0348d] {
  opacity: .87
}

@media screen and (min-width:1025px) {
  [data-v-66a0348d]::-webkit-scrollbar {
    width: 6px;
    background-color: transparent
  }

  [data-v-66a0348d]::-webkit-scrollbar-thumb {
    background-color: #69778b;
    border-radius: 100px
  }

  [data-v-66a0348d]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(105, 119, 139, .54)
  }
}

@supports (-moz-appearance:none) {
  [data-v-66a0348d] {
    scrollbar-width: thin
  }
}

.row-info[data-v-66a0348d] {
  display: flex;
  align-items: center;
  text-decoration: none;
  width: 50%;
  --tw-text-opacity: 1;
  color: rgb(28 32 38/var(--tw-text-opacity))
}

.tw-dark .row-info[data-v-66a0348d] {
  --tw-text-opacity: 1;
  color: rgb(236 239 241/var(--tw-text-opacity))
}

@media screen and (min-width:825px) {
  .row-info[data-v-66a0348d] {
    width: 33.3%
  }
}

[data-v-ca45e5b2]:export {
  fontSizeXS: .85714rem;
  fontSizeS: 1rem;
  colorAfrodite: #f3d113;
  colorSmokey300: #b6bcc6;
  colorLicorice600: #2d3745;
  colorLicorice600Rgb: 45, 55, 69;
  colorSteel800: #1c2026;
  colorSteel800Rgb: 28, 32, 38;
  colorEastBay400: #48576f;
  colorWhiteSnow: #fff;
  colorWhiteSnowRgb: 255, 255, 255;
  colorCloudBurst: #374456;
  colorDirtySnow100: #eceff1;
  colorDirtySnow100Rgb: 236, 239, 241;
  colorDarkSnow200: #e0e4ea;
  coloDarkSteel900: #101419;
  colorSlate: #69778b;
  colorMars: #f0506e;
  colorMoon: #1b67da;
  colorMoonBaseLight: #6db9ff;
  colorPearl700: #232b36;
  colorPearl700Rgb: 35, 43, 54;
  colorPorcelain: #f6f8f9;
  colorSpecialCompetition: #8a1538;
  colorHermesLight: #bca9ff;
  colorRaspberry: #e70161;
  colorSilverMist: #d1d7e0
}

.color-smokey-300[data-v-ca45e5b2] {
  color: #b6bcc6
}

.color-slate[data-v-ca45e5b2] {
  color: #69778b
}

.color-steel-800[data-v-ca45e5b2] {
  color: #1c2026
}

.color-east-bay-400[data-v-ca45e5b2] {
  color: #48576f
}

[data-v-ca45e5b2]:export {
  opacityFull: 1;
  opacityXxl: .95;
  opacityXl: .87;
  opacityL: .54;
  opacityM: .38;
  opacityS: .17;
  opacityXs: .05;
  opacityZero: 0
}

.opacity-xl[data-v-ca45e5b2] {
  opacity: .87
}

@media screen and (min-width:1025px) {
  [data-v-ca45e5b2]::-webkit-scrollbar {
    width: 6px;
    background-color: transparent
  }

  [data-v-ca45e5b2]::-webkit-scrollbar-thumb {
    background-color: #69778b;
    border-radius: 100px
  }

  [data-v-ca45e5b2]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(105, 119, 139, .54)
  }
}

@supports (-moz-appearance:none) {
  [data-v-ca45e5b2] {
    scrollbar-width: thin
  }
}

.table-layout-row-stat-header-wrapper[data-v-ca45e5b2] {
  width: 25%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700
}

.table-layout-row-stat-header-wrapper--regular[data-v-ca45e5b2] {
  font-weight: 400
}

@media screen and (min-width:825px) {
  .table-layout-row-stat-header-wrapper[data-v-ca45e5b2] {
    width: 20%
  }
}

.team-jersey {
  container-type: inline-size
}

.team-jersey__number {
  paint-order: stroke fill;
  -webkit-text-stroke: 6cqw #101419
}

.jersey-font-small {
  font-size: 30cqw
}

.jersey-font-medium {
  font-size: 32cqw
}

.jersey-font-large {
  font-size: 34cqw
}

#jerseyBorder {
  fill: var(--08675f88)
}

[data-v-ea6703a0]:export {
  fontSizeXS: .85714rem;
  fontSizeS: 1rem;
  colorAfrodite: #f3d113;
  colorSmokey300: #b6bcc6;
  colorLicorice600: #2d3745;
  colorLicorice600Rgb: 45, 55, 69;
  colorSteel800: #1c2026;
  colorSteel800Rgb: 28, 32, 38;
  colorEastBay400: #48576f;
  colorWhiteSnow: #fff;
  colorWhiteSnowRgb: 255, 255, 255;
  colorCloudBurst: #374456;
  colorDirtySnow100: #eceff1;
  colorDirtySnow100Rgb: 236, 239, 241;
  colorDarkSnow200: #e0e4ea;
  coloDarkSteel900: #101419;
  colorSlate: #69778b;
  colorMars: #f0506e;
  colorMoon: #1b67da;
  colorMoonBaseLight: #6db9ff;
  colorPearl700: #232b36;
  colorPearl700Rgb: 35, 43, 54;
  colorPorcelain: #f6f8f9;
  colorSpecialCompetition: #8a1538;
  colorHermesLight: #bca9ff;
  colorRaspberry: #e70161;
  colorSilverMist: #d1d7e0
}

.color-smokey-300[data-v-ea6703a0] {
  color: #b6bcc6
}

.color-slate[data-v-ea6703a0] {
  color: #69778b
}

.color-steel-800[data-v-ea6703a0] {
  color: #1c2026
}

.color-east-bay-400[data-v-ea6703a0] {
  color: #48576f
}

[data-v-ea6703a0]:export {
  opacityFull: 1;
  opacityXxl: .95;
  opacityXl: .87;
  opacityL: .54;
  opacityM: .38;
  opacityS: .17;
  opacityXs: .05;
  opacityZero: 0
}

.opacity-xl[data-v-ea6703a0] {
  opacity: .87
}

@media screen and (min-width:1025px) {
  [data-v-ea6703a0]::-webkit-scrollbar {
    width: 6px;
    background-color: transparent
  }

  [data-v-ea6703a0]::-webkit-scrollbar-thumb {
    background-color: #69778b;
    border-radius: 100px
  }

  [data-v-ea6703a0]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(105, 119, 139, .54)
  }
}

@supports (-moz-appearance:none) {
  [data-v-ea6703a0] {
    scrollbar-width: thin
  }
}

.drawer--preview-mode[data-v-ea6703a0] {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, .54);
  transition: opacity .2s linear
}

.drawer--dark-theme .drawer-content[data-v-ea6703a0] {
  background: #1c2026;
  color: #fff
}

.drawer--dark-theme .drawer-content .drawer-header[data-v-ea6703a0] {
  background: transparent
}

.drawer--dark-theme .drawer-content .drawer-header__close[data-v-ea6703a0] {
  background: #48576f
}

.drawer-content[data-v-ea6703a0] {
  position: fixed;
  left: 0;
  width: 100%;
  background: #fff;
  color: #1c2026;
  z-index: 2000;
  overflow: hidden;
  box-shadow: 0 0 24px 4px rgba(0, 0, 0, .54);
  transform: translateY(0);
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: stretch
}

.drawer-header[data-v-ea6703a0] {
  background: transparent
}

.drawer-header__close[data-v-ea6703a0] {
  height: 8px;
  width: 96px;
  border-radius: 8px;
  background: #e0e4ea;
  margin: 8px auto
}

.drawer .drawer-enter-active[data-v-ea6703a0],
.drawer .drawer-leave-active[data-v-ea6703a0] {
  transition: transform .5s
}

.drawer .drawer-enter[data-v-ea6703a0],
.drawer .drawer-leave-to[data-v-ea6703a0] {
  transform: translateY(100%)
}

[data-v-1e38e320]:export {
  fontSizeXS: .85714rem;
  fontSizeS: 1rem;
  colorAfrodite: #f3d113;
  colorSmokey300: #b6bcc6;
  colorLicorice600: #2d3745;
  colorLicorice600Rgb: 45, 55, 69;
  colorSteel800: #1c2026;
  colorSteel800Rgb: 28, 32, 38;
  colorEastBay400: #48576f;
  colorWhiteSnow: #fff;
  colorWhiteSnowRgb: 255, 255, 255;
  colorCloudBurst: #374456;
  colorDirtySnow100: #eceff1;
  colorDirtySnow100Rgb: 236, 239, 241;
  colorDarkSnow200: #e0e4ea;
  coloDarkSteel900: #101419;
  colorSlate: #69778b;
  colorMars: #f0506e;
  colorMoon: #1b67da;
  colorMoonBaseLight: #6db9ff;
  colorPearl700: #232b36;
  colorPearl700Rgb: 35, 43, 54;
  colorPorcelain: #f6f8f9;
  colorSpecialCompetition: #8a1538;
  colorHermesLight: #bca9ff;
  colorRaspberry: #e70161;
  colorSilverMist: #d1d7e0
}

.color-smokey-300[data-v-1e38e320] {
  color: #b6bcc6
}

.color-slate[data-v-1e38e320] {
  color: #69778b
}

.color-steel-800[data-v-1e38e320] {
  color: #1c2026
}

.color-east-bay-400[data-v-1e38e320] {
  color: #48576f
}

[data-v-1e38e320]:export {
  opacityFull: 1;
  opacityXxl: .95;
  opacityXl: .87;
  opacityL: .54;
  opacityM: .38;
  opacityS: .17;
  opacityXs: .05;
  opacityZero: 0
}

.opacity-xl[data-v-1e38e320] {
  opacity: .87
}

@media screen and (min-width:1025px) {
  [data-v-1e38e320]::-webkit-scrollbar {
    width: 6px;
    background-color: transparent
  }

  [data-v-1e38e320]::-webkit-scrollbar-thumb {
    background-color: #69778b;
    border-radius: 100px
  }

  [data-v-1e38e320]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(105, 119, 139, .54)
  }
}

@supports (-moz-appearance:none) {
  [data-v-1e38e320] {
    scrollbar-width: thin
  }
}

.content-wrapper[data-v-1e38e320] {
  width: 100%;
  overflow: auto;
  padding-top: 16px;
  padding-bottom: 16px
}

.content-header[data-v-1e38e320] {
  display: flex;
  width: 100%;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  --tw-border-opacity: 1;
  border-bottom: 1px;
  border-color: rgb(224 228 234/var(--tw-border-opacity));
  border-style: solid;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  padding-bottom: 8px;
  padding-top: 4px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 16px;
  --tw-text-opacity: 1;
  color: rgb(28 32 38/var(--tw-text-opacity))
}

[data-v-203e5022]:export {
  fontSizeXS: .85714rem;
  fontSizeS: 1rem;
  colorAfrodite: #f3d113;
  colorSmokey300: #b6bcc6;
  colorLicorice600: #2d3745;
  colorLicorice600Rgb: 45, 55, 69;
  colorSteel800: #1c2026;
  colorSteel800Rgb: 28, 32, 38;
  colorEastBay400: #48576f;
  colorWhiteSnow: #fff;
  colorWhiteSnowRgb: 255, 255, 255;
  colorCloudBurst: #374456;
  colorDirtySnow100: #eceff1;
  colorDirtySnow100Rgb: 236, 239, 241;
  colorDarkSnow200: #e0e4ea;
  coloDarkSteel900: #101419;
  colorSlate: #69778b;
  colorMars: #f0506e;
  colorMoon: #1b67da;
  colorMoonBaseLight: #6db9ff;
  colorPearl700: #232b36;
  colorPearl700Rgb: 35, 43, 54;
  colorPorcelain: #f6f8f9;
  colorSpecialCompetition: #8a1538;
  colorHermesLight: #bca9ff;
  colorRaspberry: #e70161;
  colorSilverMist: #d1d7e0
}

.color-smokey-300[data-v-203e5022] {
  color: #b6bcc6
}

.color-slate[data-v-203e5022] {
  color: #69778b
}

.color-steel-800[data-v-203e5022] {
  color: #1c2026
}

.color-east-bay-400[data-v-203e5022] {
  color: #48576f
}

[data-v-203e5022]:export {
  opacityFull: 1;
  opacityXxl: .95;
  opacityXl: .87;
  opacityL: .54;
  opacityM: .38;
  opacityS: .17;
  opacityXs: .05;
  opacityZero: 0
}

.opacity-xl[data-v-203e5022] {
  opacity: .87
}

@media screen and (min-width:1025px) {
  [data-v-203e5022]::-webkit-scrollbar {
    width: 6px;
    background-color: transparent
  }

  [data-v-203e5022]::-webkit-scrollbar-thumb {
    background-color: #69778b;
    border-radius: 100px
  }

  [data-v-203e5022]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(105, 119, 139, .54)
  }
}

@supports (-moz-appearance:none) {
  [data-v-203e5022] {
    scrollbar-width: thin
  }
}

.column-area[data-v-203e5022] {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  text-align: center;
  width: 100%
}

[data-v-3eac160f]:export {
  fontSizeXS: .85714rem;
  fontSizeS: 1rem;
  colorAfrodite: #f3d113;
  colorSmokey300: #b6bcc6;
  colorLicorice600: #2d3745;
  colorLicorice600Rgb: 45, 55, 69;
  colorSteel800: #1c2026;
  colorSteel800Rgb: 28, 32, 38;
  colorEastBay400: #48576f;
  colorWhiteSnow: #fff;
  colorWhiteSnowRgb: 255, 255, 255;
  colorCloudBurst: #374456;
  colorDirtySnow100: #eceff1;
  colorDirtySnow100Rgb: 236, 239, 241;
  colorDarkSnow200: #e0e4ea;
  coloDarkSteel900: #101419;
  colorSlate: #69778b;
  colorMars: #f0506e;
  colorMoon: #1b67da;
  colorMoonBaseLight: #6db9ff;
  colorPearl700: #232b36;
  colorPearl700Rgb: 35, 43, 54;
  colorPorcelain: #f6f8f9;
  colorSpecialCompetition: #8a1538;
  colorHermesLight: #bca9ff;
  colorRaspberry: #e70161;
  colorSilverMist: #d1d7e0
}

.color-smokey-300[data-v-3eac160f] {
  color: #b6bcc6
}

.color-slate[data-v-3eac160f] {
  color: #69778b
}

.color-steel-800[data-v-3eac160f] {
  color: #1c2026
}

.color-east-bay-400[data-v-3eac160f] {
  color: #48576f
}

[data-v-3eac160f]:export {
  opacityFull: 1;
  opacityXxl: .95;
  opacityXl: .87;
  opacityL: .54;
  opacityM: .38;
  opacityS: .17;
  opacityXs: .05;
  opacityZero: 0
}

.opacity-xl[data-v-3eac160f] {
  opacity: .87
}

@media screen and (min-width:1025px) {
  [data-v-3eac160f]::-webkit-scrollbar {
    width: 6px;
    background-color: transparent
  }

  [data-v-3eac160f]::-webkit-scrollbar-thumb {
    background-color: #69778b;
    border-radius: 100px
  }

  [data-v-3eac160f]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(105, 119, 139, .54)
  }
}

@supports (-moz-appearance:none) {
  [data-v-3eac160f] {
    scrollbar-width: thin
  }
}

.columns-values[data-v-3eac160f] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%
}

[data-v-3b4da326]:export {
  fontSizeXS: .85714rem;
  fontSizeS: 1rem;
  colorAfrodite: #f3d113;
  colorSmokey300: #b6bcc6;
  colorLicorice600: #2d3745;
  colorLicorice600Rgb: 45, 55, 69;
  colorSteel800: #1c2026;
  colorSteel800Rgb: 28, 32, 38;
  colorEastBay400: #48576f;
  colorWhiteSnow: #fff;
  colorWhiteSnowRgb: 255, 255, 255;
  colorCloudBurst: #374456;
  colorDirtySnow100: #eceff1;
  colorDirtySnow100Rgb: 236, 239, 241;
  colorDarkSnow200: #e0e4ea;
  coloDarkSteel900: #101419;
  colorSlate: #69778b;
  colorMars: #f0506e;
  colorMoon: #1b67da;
  colorMoonBaseLight: #6db9ff;
  colorPearl700: #232b36;
  colorPearl700Rgb: 35, 43, 54;
  colorPorcelain: #f6f8f9;
  colorSpecialCompetition: #8a1538;
  colorHermesLight: #bca9ff;
  colorRaspberry: #e70161;
  colorSilverMist: #d1d7e0
}

.color-smokey-300[data-v-3b4da326] {
  color: #b6bcc6
}

.color-slate[data-v-3b4da326] {
  color: #69778b
}

.color-steel-800[data-v-3b4da326] {
  color: #1c2026
}

.color-east-bay-400[data-v-3b4da326] {
  color: #48576f
}

[data-v-3b4da326]:export {
  opacityFull: 1;
  opacityXxl: .95;
  opacityXl: .87;
  opacityL: .54;
  opacityM: .38;
  opacityS: .17;
  opacityXs: .05;
  opacityZero: 0
}

.opacity-xl[data-v-3b4da326] {
  opacity: .87
}

@media screen and (min-width:1025px) {
  [data-v-3b4da326]::-webkit-scrollbar {
    width: 6px;
    background-color: transparent
  }

  [data-v-3b4da326]::-webkit-scrollbar-thumb {
    background-color: #69778b;
    border-radius: 100px
  }

  [data-v-3b4da326]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(105, 119, 139, .54)
  }
}

@supports (-moz-appearance:none) {
  [data-v-3b4da326] {
    scrollbar-width: thin
  }
}

.untitled-table-layout[data-v-3b4da326] {
  font-size: .7857142857142857rem;
  line-height: 12px
}

[data-v-17c9a38b]:export {
  fontSizeXS: .85714rem;
  fontSizeS: 1rem;
  colorAfrodite: #f3d113;
  colorSmokey300: #b6bcc6;
  colorLicorice600: #2d3745;
  colorLicorice600Rgb: 45, 55, 69;
  colorSteel800: #1c2026;
  colorSteel800Rgb: 28, 32, 38;
  colorEastBay400: #48576f;
  colorWhiteSnow: #fff;
  colorWhiteSnowRgb: 255, 255, 255;
  colorCloudBurst: #374456;
  colorDirtySnow100: #eceff1;
  colorDirtySnow100Rgb: 236, 239, 241;
  colorDarkSnow200: #e0e4ea;
  coloDarkSteel900: #101419;
  colorSlate: #69778b;
  colorMars: #f0506e;
  colorMoon: #1b67da;
  colorMoonBaseLight: #6db9ff;
  colorPearl700: #232b36;
  colorPearl700Rgb: 35, 43, 54;
  colorPorcelain: #f6f8f9;
  colorSpecialCompetition: #8a1538;
  colorHermesLight: #bca9ff;
  colorRaspberry: #e70161;
  colorSilverMist: #d1d7e0
}

.color-smokey-300[data-v-17c9a38b] {
  color: #b6bcc6
}

.color-slate[data-v-17c9a38b] {
  color: #69778b
}

.color-steel-800[data-v-17c9a38b] {
  color: #1c2026
}

.color-east-bay-400[data-v-17c9a38b] {
  color: #48576f
}

[data-v-17c9a38b]:export {
  opacityFull: 1;
  opacityXxl: .95;
  opacityXl: .87;
  opacityL: .54;
  opacityM: .38;
  opacityS: .17;
  opacityXs: .05;
  opacityZero: 0
}

.opacity-xl[data-v-17c9a38b] {
  opacity: .87
}

@media screen and (min-width:1025px) {
  [data-v-17c9a38b]::-webkit-scrollbar {
    width: 6px;
    background-color: transparent
  }

  [data-v-17c9a38b]::-webkit-scrollbar-thumb {
    background-color: #69778b;
    border-radius: 100px
  }

  [data-v-17c9a38b]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(105, 119, 139, .54)
  }
}

@supports (-moz-appearance:none) {
  [data-v-17c9a38b] {
    scrollbar-width: thin
  }
}

.table-layout-container[data-v-17c9a38b] {
  margin-bottom: 8px;
  border-radius: 12px;
  --tw-border-opacity: 1;
  border: 1px solid rgb(224 228 234/var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  padding-top: 12px;
  padding-bottom: 12px;
  font-size: 1rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(28 32 38/var(--tw-text-opacity))
}

.tw-dark .table-layout-container[data-v-17c9a38b] {
  --tw-border-opacity: 1;
  border-color: rgb(45 55 69/var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(35 43 54/var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(236 239 241/var(--tw-text-opacity))
}

.table-layout-container[data-v-17c9a38b]:last-child {
  margin-bottom: 0
}

[data-v-bdc02d58]:export {
  fontSizeXS: .85714rem;
  fontSizeS: 1rem;
  colorAfrodite: #f3d113;
  colorSmokey300: #b6bcc6;
  colorLicorice600: #2d3745;
  colorLicorice600Rgb: 45, 55, 69;
  colorSteel800: #1c2026;
  colorSteel800Rgb: 28, 32, 38;
  colorEastBay400: #48576f;
  colorWhiteSnow: #fff;
  colorWhiteSnowRgb: 255, 255, 255;
  colorCloudBurst: #374456;
  colorDirtySnow100: #eceff1;
  colorDirtySnow100Rgb: 236, 239, 241;
  colorDarkSnow200: #e0e4ea;
  coloDarkSteel900: #101419;
  colorSlate: #69778b;
  colorMars: #f0506e;
  colorMoon: #1b67da;
  colorMoonBaseLight: #6db9ff;
  colorPearl700: #232b36;
  colorPearl700Rgb: 35, 43, 54;
  colorPorcelain: #f6f8f9;
  colorSpecialCompetition: #8a1538;
  colorHermesLight: #bca9ff;
  colorRaspberry: #e70161;
  colorSilverMist: #d1d7e0
}

.color-smokey-300[data-v-bdc02d58] {
  color: #b6bcc6
}

.color-slate[data-v-bdc02d58] {
  color: #69778b
}

.color-steel-800[data-v-bdc02d58] {
  color: #1c2026
}

.color-east-bay-400[data-v-bdc02d58] {
  color: #48576f
}

[data-v-bdc02d58]:export {
  opacityFull: 1;
  opacityXxl: .95;
  opacityXl: .87;
  opacityL: .54;
  opacityM: .38;
  opacityS: .17;
  opacityXs: .05;
  opacityZero: 0
}

.opacity-xl[data-v-bdc02d58] {
  opacity: .87
}

@media screen and (min-width:1025px) {
  [data-v-bdc02d58]::-webkit-scrollbar {
    width: 6px;
    background-color: transparent
  }

  [data-v-bdc02d58]::-webkit-scrollbar-thumb {
    background-color: #69778b;
    border-radius: 100px
  }

  [data-v-bdc02d58]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(105, 119, 139, .54)
  }
}

@supports (-moz-appearance:none) {
  [data-v-bdc02d58] {
    scrollbar-width: thin
  }
}

.corner-race-market[data-v-bdc02d58] {
  font-size: .7857142857142857rem;
  line-height: 12px
}

[data-v-ca2f0402]:export {
  fontSizeXS: .85714rem;
  fontSizeS: 1rem;
  colorAfrodite: #f3d113;
  colorSmokey300: #b6bcc6;
  colorLicorice600: #2d3745;
  colorLicorice600Rgb: 45, 55, 69;
  colorSteel800: #1c2026;
  colorSteel800Rgb: 28, 32, 38;
  colorEastBay400: #48576f;
  colorWhiteSnow: #fff;
  colorWhiteSnowRgb: 255, 255, 255;
  colorCloudBurst: #374456;
  colorDirtySnow100: #eceff1;
  colorDirtySnow100Rgb: 236, 239, 241;
  colorDarkSnow200: #e0e4ea;
  coloDarkSteel900: #101419;
  colorSlate: #69778b;
  colorMars: #f0506e;
  colorMoon: #1b67da;
  colorMoonBaseLight: #6db9ff;
  colorPearl700: #232b36;
  colorPearl700Rgb: 35, 43, 54;
  colorPorcelain: #f6f8f9;
  colorSpecialCompetition: #8a1538;
  colorHermesLight: #bca9ff;
  colorRaspberry: #e70161;
  colorSilverMist: #d1d7e0
}

.color-smokey-300[data-v-ca2f0402] {
  color: #b6bcc6
}

.color-slate[data-v-ca2f0402] {
  color: #69778b
}

.color-steel-800[data-v-ca2f0402] {
  color: #1c2026
}

.color-east-bay-400[data-v-ca2f0402] {
  color: #48576f
}

[data-v-ca2f0402]:export {
  opacityFull: 1;
  opacityXxl: .95;
  opacityXl: .87;
  opacityL: .54;
  opacityM: .38;
  opacityS: .17;
  opacityXs: .05;
  opacityZero: 0
}

.opacity-xl[data-v-ca2f0402] {
  opacity: .87
}

@media screen and (min-width:1025px) {
  [data-v-ca2f0402]::-webkit-scrollbar {
    width: 6px;
    background-color: transparent
  }

  [data-v-ca2f0402]::-webkit-scrollbar-thumb {
    background-color: #69778b;
    border-radius: 100px
  }

  [data-v-ca2f0402]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(105, 119, 139, .54)
  }
}

@supports (-moz-appearance:none) {
  [data-v-ca2f0402] {
    scrollbar-width: thin
  }
}

.row-title[data-v-ca2f0402] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  overflow: hidden
}

.row-title__text[data-v-ca2f0402] {
  width: 100%;
  max-width: 145px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .8571428571428571rem;
  line-height: 16px;
  --tw-text-opacity: 1;
  color: rgb(45 55 69/var(--tw-text-opacity))
}

.tw-dark .row-title__text[data-v-ca2f0402] {
  --tw-text-opacity: 1;
  color: rgb(236 239 241/var(--tw-text-opacity))
}

.row-title__subtitle[data-v-ca2f0402] {
  margin-top: 4px;
  font-size: .7142857142857143rem;
  font-weight: 300;
  line-height: 12px;
  --tw-text-opacity: 1;
  color: rgb(45 55 69/var(--tw-text-opacity))
}

.tw-dark .row-title__subtitle[data-v-ca2f0402] {
  --tw-text-opacity: 1;
  color: rgb(224 228 234/var(--tw-text-opacity))
}

[data-v-038eca8b]:export {
  fontSizeXS: .85714rem;
  fontSizeS: 1rem;
  colorAfrodite: #f3d113;
  colorSmokey300: #b6bcc6;
  colorLicorice600: #2d3745;
  colorLicorice600Rgb: 45, 55, 69;
  colorSteel800: #1c2026;
  colorSteel800Rgb: 28, 32, 38;
  colorEastBay400: #48576f;
  colorWhiteSnow: #fff;
  colorWhiteSnowRgb: 255, 255, 255;
  colorCloudBurst: #374456;
  colorDirtySnow100: #eceff1;
  colorDirtySnow100Rgb: 236, 239, 241;
  colorDarkSnow200: #e0e4ea;
  coloDarkSteel900: #101419;
  colorSlate: #69778b;
  colorMars: #f0506e;
  colorMoon: #1b67da;
  colorMoonBaseLight: #6db9ff;
  colorPearl700: #232b36;
  colorPearl700Rgb: 35, 43, 54;
  colorPorcelain: #f6f8f9;
  colorSpecialCompetition: #8a1538;
  colorHermesLight: #bca9ff;
  colorRaspberry: #e70161;
  colorSilverMist: #d1d7e0
}

.color-smokey-300[data-v-038eca8b] {
  color: #b6bcc6
}

.color-slate[data-v-038eca8b] {
  color: #69778b
}

.color-steel-800[data-v-038eca8b] {
  color: #1c2026
}

.color-east-bay-400[data-v-038eca8b] {
  color: #48576f
}

[data-v-038eca8b]:export {
  opacityFull: 1;
  opacityXxl: .95;
  opacityXl: .87;
  opacityL: .54;
  opacityM: .38;
  opacityS: .17;
  opacityXs: .05;
  opacityZero: 0
}

.opacity-xl[data-v-038eca8b] {
  opacity: .87
}

@media screen and (min-width:1025px) {
  [data-v-038eca8b]::-webkit-scrollbar {
    width: 6px;
    background-color: transparent
  }

  [data-v-038eca8b]::-webkit-scrollbar-thumb {
    background-color: #69778b;
    border-radius: 100px
  }

  [data-v-038eca8b]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(105, 119, 139, .54)
  }
}

@supports (-moz-appearance:none) {
  [data-v-038eca8b] {
    scrollbar-width: thin
  }
}

.multi-market[data-v-038eca8b] {
  font-size: .8571428571428571rem;
  line-height: 16px
}

[data-v-10ae7be6]:export {
  fontSizeXS: .85714rem;
  fontSizeS: 1rem;
  colorAfrodite: #f3d113;
  colorSmokey300: #b6bcc6;
  colorLicorice600: #2d3745;
  colorLicorice600Rgb: 45, 55, 69;
  colorSteel800: #1c2026;
  colorSteel800Rgb: 28, 32, 38;
  colorEastBay400: #48576f;
  colorWhiteSnow: #fff;
  colorWhiteSnowRgb: 255, 255, 255;
  colorCloudBurst: #374456;
  colorDirtySnow100: #eceff1;
  colorDirtySnow100Rgb: 236, 239, 241;
  colorDarkSnow200: #e0e4ea;
  coloDarkSteel900: #101419;
  colorSlate: #69778b;
  colorMars: #f0506e;
  colorMoon: #1b67da;
  colorMoonBaseLight: #6db9ff;
  colorPearl700: #232b36;
  colorPearl700Rgb: 35, 43, 54;
  colorPorcelain: #f6f8f9;
  colorSpecialCompetition: #8a1538;
  colorHermesLight: #bca9ff;
  colorRaspberry: #e70161;
  colorSilverMist: #d1d7e0
}

.color-smokey-300[data-v-10ae7be6] {
  color: #b6bcc6
}

.color-slate[data-v-10ae7be6] {
  color: #69778b
}

.color-steel-800[data-v-10ae7be6] {
  color: #1c2026
}

.color-east-bay-400[data-v-10ae7be6] {
  color: #48576f
}

[data-v-10ae7be6]:export {
  opacityFull: 1;
  opacityXxl: .95;
  opacityXl: .87;
  opacityL: .54;
  opacityM: .38;
  opacityS: .17;
  opacityXs: .05;
  opacityZero: 0
}

.opacity-xl[data-v-10ae7be6] {
  opacity: .87
}

@media screen and (min-width:1025px) {
  [data-v-10ae7be6]::-webkit-scrollbar {
    width: 6px;
    background-color: transparent
  }

  [data-v-10ae7be6]::-webkit-scrollbar-thumb {
    background-color: #69778b;
    border-radius: 100px
  }

  [data-v-10ae7be6]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(105, 119, 139, .54)
  }
}

@supports (-moz-appearance:none) {
  [data-v-10ae7be6] {
    scrollbar-width: thin
  }
}

.v-enter-active[data-v-10ae7be6] {
  transform-origin: top;
  animation: growDown-10ae7be6 .2s ease-in-out forwards
}

.v-leave-active[data-v-10ae7be6] {
  transform-origin: top;
  animation: growUp-10ae7be6 .2s ease-in-out forwards
}

@keyframes growDown-10ae7be6 {
  0% {
    transform: scaleY(0)
  }

  80% {
    transform: scaleY(1.05)
  }

  to {
    transform: scaleY(1)
  }
}

@keyframes growUp-10ae7be6 {
  0% {
    transform: scaleY(1)
  }

  20% {
    transform: scaleY(1.05)
  }

  to {
    transform: scaleY(0)
  }
}

[data-v-78defab8]:export {
  fontSizeXS: .85714rem;
  fontSizeS: 1rem;
  colorAfrodite: #f3d113;
  colorSmokey300: #b6bcc6;
  colorLicorice600: #2d3745;
  colorLicorice600Rgb: 45, 55, 69;
  colorSteel800: #1c2026;
  colorSteel800Rgb: 28, 32, 38;
  colorEastBay400: #48576f;
  colorWhiteSnow: #fff;
  colorWhiteSnowRgb: 255, 255, 255;
  colorCloudBurst: #374456;
  colorDirtySnow100: #eceff1;
  colorDirtySnow100Rgb: 236, 239, 241;
  colorDarkSnow200: #e0e4ea;
  coloDarkSteel900: #101419;
  colorSlate: #69778b;
  colorMars: #f0506e;
  colorMoon: #1b67da;
  colorMoonBaseLight: #6db9ff;
  colorPearl700: #232b36;
  colorPearl700Rgb: 35, 43, 54;
  colorPorcelain: #f6f8f9;
  colorSpecialCompetition: #8a1538;
  colorHermesLight: #bca9ff;
  colorRaspberry: #e70161;
  colorSilverMist: #d1d7e0
}

.color-smokey-300[data-v-78defab8] {
  color: #b6bcc6
}

.color-slate[data-v-78defab8] {
  color: #69778b
}

.color-steel-800[data-v-78defab8] {
  color: #1c2026
}

.color-east-bay-400[data-v-78defab8] {
  color: #48576f
}

[data-v-78defab8]:export {
  opacityFull: 1;
  opacityXxl: .95;
  opacityXl: .87;
  opacityL: .54;
  opacityM: .38;
  opacityS: .17;
  opacityXs: .05;
  opacityZero: 0
}

.opacity-xl[data-v-78defab8] {
  opacity: .87
}

@media screen and (min-width:1025px) {
  [data-v-78defab8]::-webkit-scrollbar {
    width: 6px;
    background-color: transparent
  }

  [data-v-78defab8]::-webkit-scrollbar-thumb {
    background-color: #69778b;
    border-radius: 100px
  }

  [data-v-78defab8]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(105, 119, 139, .54)
  }
}

@supports (-moz-appearance:none) {
  [data-v-78defab8] {
    scrollbar-width: thin
  }
}

.multi-outcome[data-v-78defab8] {
  font-size: .8571428571428571rem;
  line-height: 16px
}

.no-second-to-last-border-bottom .team:last-of-type .row[data-v-78defab8]:nth-last-child(2) {
  border-bottom: none
}

[data-v-c63831a2]:export {
  fontSizeXS: .85714rem;
  fontSizeS: 1rem;
  colorAfrodite: #f3d113;
  colorSmokey300: #b6bcc6;
  colorLicorice600: #2d3745;
  colorLicorice600Rgb: 45, 55, 69;
  colorSteel800: #1c2026;
  colorSteel800Rgb: 28, 32, 38;
  colorEastBay400: #48576f;
  colorWhiteSnow: #fff;
  colorWhiteSnowRgb: 255, 255, 255;
  colorCloudBurst: #374456;
  colorDirtySnow100: #eceff1;
  colorDirtySnow100Rgb: 236, 239, 241;
  colorDarkSnow200: #e0e4ea;
  coloDarkSteel900: #101419;
  colorSlate: #69778b;
  colorMars: #f0506e;
  colorMoon: #1b67da;
  colorMoonBaseLight: #6db9ff;
  colorPearl700: #232b36;
  colorPearl700Rgb: 35, 43, 54;
  colorPorcelain: #f6f8f9;
  colorSpecialCompetition: #8a1538;
  colorHermesLight: #bca9ff;
  colorRaspberry: #e70161;
  colorSilverMist: #d1d7e0
}

.color-smokey-300[data-v-c63831a2] {
  color: #b6bcc6
}

.color-slate[data-v-c63831a2] {
  color: #69778b
}

.color-steel-800[data-v-c63831a2] {
  color: #1c2026
}

.color-east-bay-400[data-v-c63831a2] {
  color: #48576f
}

[data-v-c63831a2]:export {
  opacityFull: 1;
  opacityXxl: .95;
  opacityXl: .87;
  opacityL: .54;
  opacityM: .38;
  opacityS: .17;
  opacityXs: .05;
  opacityZero: 0
}

.opacity-xl[data-v-c63831a2] {
  opacity: .87
}

@media screen and (min-width:1025px) {
  [data-v-c63831a2]::-webkit-scrollbar {
    width: 6px;
    background-color: transparent
  }

  [data-v-c63831a2]::-webkit-scrollbar-thumb {
    background-color: #69778b;
    border-radius: 100px
  }

  [data-v-c63831a2]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(105, 119, 139, .54)
  }
}

@supports (-moz-appearance:none) {
  [data-v-c63831a2] {
    scrollbar-width: thin
  }
}

.multi-outcome-multi-lines[data-v-c63831a2] {
  font-size: .8571428571428571rem;
  line-height: 16px
}

.no-second-to-last-border-bottom .team:last-of-type .row[data-v-c63831a2]:nth-last-child(2) {
  border-bottom: none
}

[data-v-406e8187]:export {
  fontSizeXS: .85714rem;
  fontSizeS: 1rem;
  colorAfrodite: #f3d113;
  colorSmokey300: #b6bcc6;
  colorLicorice600: #2d3745;
  colorLicorice600Rgb: 45, 55, 69;
  colorSteel800: #1c2026;
  colorSteel800Rgb: 28, 32, 38;
  colorEastBay400: #48576f;
  colorWhiteSnow: #fff;
  colorWhiteSnowRgb: 255, 255, 255;
  colorCloudBurst: #374456;
  colorDirtySnow100: #eceff1;
  colorDirtySnow100Rgb: 236, 239, 241;
  colorDarkSnow200: #e0e4ea;
  coloDarkSteel900: #101419;
  colorSlate: #69778b;
  colorMars: #f0506e;
  colorMoon: #1b67da;
  colorMoonBaseLight: #6db9ff;
  colorPearl700: #232b36;
  colorPearl700Rgb: 35, 43, 54;
  colorPorcelain: #f6f8f9;
  colorSpecialCompetition: #8a1538;
  colorHermesLight: #bca9ff;
  colorRaspberry: #e70161;
  colorSilverMist: #d1d7e0
}

.color-smokey-300[data-v-406e8187] {
  color: #b6bcc6
}

.color-slate[data-v-406e8187] {
  color: #69778b
}

.color-steel-800[data-v-406e8187] {
  color: #1c2026
}

.color-east-bay-400[data-v-406e8187] {
  color: #48576f
}

[data-v-406e8187]:export {
  opacityFull: 1;
  opacityXxl: .95;
  opacityXl: .87;
  opacityL: .54;
  opacityM: .38;
  opacityS: .17;
  opacityXs: .05;
  opacityZero: 0
}

.opacity-xl[data-v-406e8187] {
  opacity: .87
}

@media screen and (min-width:1025px) {
  [data-v-406e8187]::-webkit-scrollbar {
    width: 6px;
    background-color: transparent
  }

  [data-v-406e8187]::-webkit-scrollbar-thumb {
    background-color: #69778b;
    border-radius: 100px
  }

  [data-v-406e8187]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(105, 119, 139, .54)
  }
}

@supports (-moz-appearance:none) {
  [data-v-406e8187] {
    scrollbar-width: thin
  }
}

.row--indicator[data-v-406e8187]:before {
  content: "";
  background-color: #40beac;
  position: absolute;
  bottom: 0;
  top: 0;
  width: 4px;
  border-radius: 16px;
  left: -8px
}

.row-url[data-v-406e8187] {
  text-decoration: none;
  cursor: pointer;
  color: #1c2026
}

[data-v-b4260142]:export {
  fontSizeXS: .85714rem;
  fontSizeS: 1rem;
  colorAfrodite: #f3d113;
  colorSmokey300: #b6bcc6;
  colorLicorice600: #2d3745;
  colorLicorice600Rgb: 45, 55, 69;
  colorSteel800: #1c2026;
  colorSteel800Rgb: 28, 32, 38;
  colorEastBay400: #48576f;
  colorWhiteSnow: #fff;
  colorWhiteSnowRgb: 255, 255, 255;
  colorCloudBurst: #374456;
  colorDirtySnow100: #eceff1;
  colorDirtySnow100Rgb: 236, 239, 241;
  colorDarkSnow200: #e0e4ea;
  coloDarkSteel900: #101419;
  colorSlate: #69778b;
  colorMars: #f0506e;
  colorMoon: #1b67da;
  colorMoonBaseLight: #6db9ff;
  colorPearl700: #232b36;
  colorPearl700Rgb: 35, 43, 54;
  colorPorcelain: #f6f8f9;
  colorSpecialCompetition: #8a1538;
  colorHermesLight: #bca9ff;
  colorRaspberry: #e70161;
  colorSilverMist: #d1d7e0
}

.color-smokey-300[data-v-b4260142] {
  color: #b6bcc6
}

.color-slate[data-v-b4260142] {
  color: #69778b
}

.color-steel-800[data-v-b4260142] {
  color: #1c2026
}

.color-east-bay-400[data-v-b4260142] {
  color: #48576f
}

[data-v-b4260142]:export {
  opacityFull: 1;
  opacityXxl: .95;
  opacityXl: .87;
  opacityL: .54;
  opacityM: .38;
  opacityS: .17;
  opacityXs: .05;
  opacityZero: 0
}

.opacity-xl[data-v-b4260142] {
  opacity: .87
}

@media screen and (min-width:1025px) {
  [data-v-b4260142]::-webkit-scrollbar {
    width: 6px;
    background-color: transparent
  }

  [data-v-b4260142]::-webkit-scrollbar-thumb {
    background-color: #69778b;
    border-radius: 100px
  }

  [data-v-b4260142]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(105, 119, 139, .54)
  }
}

@supports (-moz-appearance:none) {
  [data-v-b4260142] {
    scrollbar-width: thin
  }
}

.untitled-table-layout[data-v-b4260142] {
  font-size: .7857142857142857rem;
  line-height: 12px
}

.table-layout-container--dark {
  margin-bottom: 8px;
  border-radius: 12px;
  --tw-border-opacity: 1;
  border: 1px solid rgb(224 228 234/var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  padding-top: 12px;
  padding-bottom: 12px;
  font-size: 1rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(28 32 38/var(--tw-text-opacity))
}

.tw-dark .table-layout-container--dark {
  --tw-border-opacity: 1;
  border-color: rgb(45 55 69/var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(35 43 54/var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(236 239 241/var(--tw-text-opacity))
}

.table-layout-container--dark:last-child {
  margin-bottom: 0
}

.table-layout-container--dark .team:last-of-type .row:last-of-type {
  border-bottom-width: 0
}

[data-v-645d0aa5]:export {
  fontSizeXS: .85714rem;
  fontSizeS: 1rem;
  colorAfrodite: #f3d113;
  colorSmokey300: #b6bcc6;
  colorLicorice600: #2d3745;
  colorLicorice600Rgb: 45, 55, 69;
  colorSteel800: #1c2026;
  colorSteel800Rgb: 28, 32, 38;
  colorEastBay400: #48576f;
  colorWhiteSnow: #fff;
  colorWhiteSnowRgb: 255, 255, 255;
  colorCloudBurst: #374456;
  colorDirtySnow100: #eceff1;
  colorDirtySnow100Rgb: 236, 239, 241;
  colorDarkSnow200: #e0e4ea;
  coloDarkSteel900: #101419;
  colorSlate: #69778b;
  colorMars: #f0506e;
  colorMoon: #1b67da;
  colorMoonBaseLight: #6db9ff;
  colorPearl700: #232b36;
  colorPearl700Rgb: 35, 43, 54;
  colorPorcelain: #f6f8f9;
  colorSpecialCompetition: #8a1538;
  colorHermesLight: #bca9ff;
  colorRaspberry: #e70161;
  colorSilverMist: #d1d7e0
}

.color-smokey-300[data-v-645d0aa5] {
  color: #b6bcc6
}

.color-slate[data-v-645d0aa5] {
  color: #69778b
}

.color-steel-800[data-v-645d0aa5] {
  color: #1c2026
}

.color-east-bay-400[data-v-645d0aa5] {
  color: #48576f
}

[data-v-645d0aa5]:export {
  opacityFull: 1;
  opacityXxl: .95;
  opacityXl: .87;
  opacityL: .54;
  opacityM: .38;
  opacityS: .17;
  opacityXs: .05;
  opacityZero: 0
}

.opacity-xl[data-v-645d0aa5] {
  opacity: .87
}

@media screen and (min-width:1025px) {
  [data-v-645d0aa5]::-webkit-scrollbar {
    width: 6px;
    background-color: transparent
  }

  [data-v-645d0aa5]::-webkit-scrollbar-thumb {
    background-color: #69778b;
    border-radius: 100px
  }

  [data-v-645d0aa5]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(105, 119, 139, .54)
  }
}

@supports (-moz-appearance:none) {
  [data-v-645d0aa5] {
    scrollbar-width: thin
  }
}

.corner-race-market[data-v-645d0aa5] {
  font-size: .7857142857142857rem;
  line-height: 12px
}

[data-v-2f1105ec]:export {
  fontSizeXS: .85714rem;
  fontSizeS: 1rem;
  colorAfrodite: #f3d113;
  colorSmokey300: #b6bcc6;
  colorLicorice600: #2d3745;
  colorLicorice600Rgb: 45, 55, 69;
  colorSteel800: #1c2026;
  colorSteel800Rgb: 28, 32, 38;
  colorEastBay400: #48576f;
  colorWhiteSnow: #fff;
  colorWhiteSnowRgb: 255, 255, 255;
  colorCloudBurst: #374456;
  colorDirtySnow100: #eceff1;
  colorDirtySnow100Rgb: 236, 239, 241;
  colorDarkSnow200: #e0e4ea;
  coloDarkSteel900: #101419;
  colorSlate: #69778b;
  colorMars: #f0506e;
  colorMoon: #1b67da;
  colorMoonBaseLight: #6db9ff;
  colorPearl700: #232b36;
  colorPearl700Rgb: 35, 43, 54;
  colorPorcelain: #f6f8f9;
  colorSpecialCompetition: #8a1538;
  colorHermesLight: #bca9ff;
  colorRaspberry: #e70161;
  colorSilverMist: #d1d7e0
}

.color-smokey-300[data-v-2f1105ec] {
  color: #b6bcc6
}

.color-slate[data-v-2f1105ec] {
  color: #69778b
}

.color-steel-800[data-v-2f1105ec] {
  color: #1c2026
}

.color-east-bay-400[data-v-2f1105ec] {
  color: #48576f
}

[data-v-2f1105ec]:export {
  opacityFull: 1;
  opacityXxl: .95;
  opacityXl: .87;
  opacityL: .54;
  opacityM: .38;
  opacityS: .17;
  opacityXs: .05;
  opacityZero: 0
}

.opacity-xl[data-v-2f1105ec] {
  opacity: .87
}

@media screen and (min-width:1025px) {
  [data-v-2f1105ec]::-webkit-scrollbar {
    width: 6px;
    background-color: transparent
  }

  [data-v-2f1105ec]::-webkit-scrollbar-thumb {
    background-color: #69778b;
    border-radius: 100px
  }

  [data-v-2f1105ec]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(105, 119, 139, .54)
  }
}

@supports (-moz-appearance:none) {
  [data-v-2f1105ec] {
    scrollbar-width: thin
  }
}

.multi-market[data-v-2f1105ec] {
  font-size: .8571428571428571rem;
  line-height: 16px
}

[data-v-7f5fc0d2]:export {
  fontSizeXS: .85714rem;
  fontSizeS: 1rem;
  colorAfrodite: #f3d113;
  colorSmokey300: #b6bcc6;
  colorLicorice600: #2d3745;
  colorLicorice600Rgb: 45, 55, 69;
  colorSteel800: #1c2026;
  colorSteel800Rgb: 28, 32, 38;
  colorEastBay400: #48576f;
  colorWhiteSnow: #fff;
  colorWhiteSnowRgb: 255, 255, 255;
  colorCloudBurst: #374456;
  colorDirtySnow100: #eceff1;
  colorDirtySnow100Rgb: 236, 239, 241;
  colorDarkSnow200: #e0e4ea;
  coloDarkSteel900: #101419;
  colorSlate: #69778b;
  colorMars: #f0506e;
  colorMoon: #1b67da;
  colorMoonBaseLight: #6db9ff;
  colorPearl700: #232b36;
  colorPearl700Rgb: 35, 43, 54;
  colorPorcelain: #f6f8f9;
  colorSpecialCompetition: #8a1538;
  colorHermesLight: #bca9ff;
  colorRaspberry: #e70161;
  colorSilverMist: #d1d7e0
}

.color-smokey-300[data-v-7f5fc0d2] {
  color: #b6bcc6
}

.color-slate[data-v-7f5fc0d2] {
  color: #69778b
}

.color-steel-800[data-v-7f5fc0d2] {
  color: #1c2026
}

.color-east-bay-400[data-v-7f5fc0d2] {
  color: #48576f
}

[data-v-7f5fc0d2]:export {
  opacityFull: 1;
  opacityXxl: .95;
  opacityXl: .87;
  opacityL: .54;
  opacityM: .38;
  opacityS: .17;
  opacityXs: .05;
  opacityZero: 0
}

.opacity-xl[data-v-7f5fc0d2] {
  opacity: .87
}

@media screen and (min-width:1025px) {
  [data-v-7f5fc0d2]::-webkit-scrollbar {
    width: 6px;
    background-color: transparent
  }

  [data-v-7f5fc0d2]::-webkit-scrollbar-thumb {
    background-color: #69778b;
    border-radius: 100px
  }

  [data-v-7f5fc0d2]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(105, 119, 139, .54)
  }
}

@supports (-moz-appearance:none) {
  [data-v-7f5fc0d2] {
    scrollbar-width: thin
  }
}

.multi-outcome[data-v-7f5fc0d2] {
  font-size: .8571428571428571rem;
  line-height: 16px
}

.no-second-to-last-border-bottom .team:last-of-type .row[data-v-7f5fc0d2]:nth-last-child(2) {
  border-bottom: none
}

.single-outcome,
.single-outcome-no-grouping {
  font-size: .8571428571428571rem;
  line-height: 16px
}

.no-second-to-last-border-bottom .team:last-of-type .row:nth-last-child(2) {
  border-bottom: none
}

[data-v-bf1c89fa]:export {
  fontSizeXS: .85714rem;
  fontSizeS: 1rem;
  colorAfrodite: #f3d113;
  colorSmokey300: #b6bcc6;
  colorLicorice600: #2d3745;
  colorLicorice600Rgb: 45, 55, 69;
  colorSteel800: #1c2026;
  colorSteel800Rgb: 28, 32, 38;
  colorEastBay400: #48576f;
  colorWhiteSnow: #fff;
  colorWhiteSnowRgb: 255, 255, 255;
  colorCloudBurst: #374456;
  colorDirtySnow100: #eceff1;
  colorDirtySnow100Rgb: 236, 239, 241;
  colorDarkSnow200: #e0e4ea;
  coloDarkSteel900: #101419;
  colorSlate: #69778b;
  colorMars: #f0506e;
  colorMoon: #1b67da;
  colorMoonBaseLight: #6db9ff;
  colorPearl700: #232b36;
  colorPearl700Rgb: 35, 43, 54;
  colorPorcelain: #f6f8f9;
  colorSpecialCompetition: #8a1538;
  colorHermesLight: #bca9ff;
  colorRaspberry: #e70161;
  colorSilverMist: #d1d7e0
}

.color-smokey-300[data-v-bf1c89fa] {
  color: #b6bcc6
}

.color-slate[data-v-bf1c89fa] {
  color: #69778b
}

.color-steel-800[data-v-bf1c89fa] {
  color: #1c2026
}

.color-east-bay-400[data-v-bf1c89fa] {
  color: #48576f
}

[data-v-bf1c89fa]:export {
  opacityFull: 1;
  opacityXxl: .95;
  opacityXl: .87;
  opacityL: .54;
  opacityM: .38;
  opacityS: .17;
  opacityXs: .05;
  opacityZero: 0
}

.opacity-xl[data-v-bf1c89fa] {
  opacity: .87
}

@media screen and (min-width:1025px) {
  [data-v-bf1c89fa]::-webkit-scrollbar {
    width: 6px;
    background-color: transparent
  }

  [data-v-bf1c89fa]::-webkit-scrollbar-thumb {
    background-color: #69778b;
    border-radius: 100px
  }

  [data-v-bf1c89fa]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(105, 119, 139, .54)
  }
}

@supports (-moz-appearance:none) {
  [data-v-bf1c89fa] {
    scrollbar-width: thin
  }
}

.untitled-table-layout[data-v-bf1c89fa] {
  font-size: .7857142857142857rem;
  line-height: 12px
}

[data-v-9add8216]:export {
  fontSizeXS: .85714rem;
  fontSizeS: 1rem;
  colorAfrodite: #f3d113;
  colorSmokey300: #b6bcc6;
  colorLicorice600: #2d3745;
  colorLicorice600Rgb: 45, 55, 69;
  colorSteel800: #1c2026;
  colorSteel800Rgb: 28, 32, 38;
  colorEastBay400: #48576f;
  colorWhiteSnow: #fff;
  colorWhiteSnowRgb: 255, 255, 255;
  colorCloudBurst: #374456;
  colorDirtySnow100: #eceff1;
  colorDirtySnow100Rgb: 236, 239, 241;
  colorDarkSnow200: #e0e4ea;
  coloDarkSteel900: #101419;
  colorSlate: #69778b;
  colorMars: #f0506e;
  colorMoon: #1b67da;
  colorMoonBaseLight: #6db9ff;
  colorPearl700: #232b36;
  colorPearl700Rgb: 35, 43, 54;
  colorPorcelain: #f6f8f9;
  colorSpecialCompetition: #8a1538;
  colorHermesLight: #bca9ff;
  colorRaspberry: #e70161;
  colorSilverMist: #d1d7e0
}

.color-smokey-300[data-v-9add8216] {
  color: #b6bcc6
}

.color-slate[data-v-9add8216] {
  color: #69778b
}

.color-steel-800[data-v-9add8216] {
  color: #1c2026
}

.color-east-bay-400[data-v-9add8216] {
  color: #48576f
}

[data-v-9add8216]:export {
  opacityFull: 1;
  opacityXxl: .95;
  opacityXl: .87;
  opacityL: .54;
  opacityM: .38;
  opacityS: .17;
  opacityXs: .05;
  opacityZero: 0
}

.opacity-xl[data-v-9add8216] {
  opacity: .87
}

@media screen and (min-width:1025px) {
  [data-v-9add8216]::-webkit-scrollbar {
    width: 6px;
    background-color: transparent
  }

  [data-v-9add8216]::-webkit-scrollbar-thumb {
    background-color: #69778b;
    border-radius: 100px
  }

  [data-v-9add8216]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(105, 119, 139, .54)
  }
}

@supports (-moz-appearance:none) {
  [data-v-9add8216] {
    scrollbar-width: thin
  }
}

.table-layout-container[data-v-9add8216] {
  margin-bottom: 8px;
  border-radius: 12px;
  --tw-border-opacity: 1;
  border: 1px solid rgb(224 228 234/var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  padding-top: 12px;
  padding-bottom: 12px;
  font-size: 1rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(28 32 38/var(--tw-text-opacity))
}

.tw-dark .table-layout-container[data-v-9add8216] {
  --tw-border-opacity: 1;
  border-color: rgb(45 55 69/var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(35 43 54/var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(236 239 241/var(--tw-text-opacity))
}

.table-layout-container[data-v-9add8216]:last-child {
  margin-bottom: 0
}

.chat-button-container--mobile {
  position: relative
}

@media screen and (min-width:825px) {
  .chat-button-container:not(.chat-button-container--mobile) .control-button {
    display: flex;
    align-items: center
  }
}

.v-popper__popper.event-offers-poppup {
  z-index: 5
}

[data-v-c0ecdeee]:export {
  fontSizeXS: .85714rem;
  fontSizeS: 1rem;
  colorAfrodite: #f3d113;
  colorSmokey300: #b6bcc6;
  colorLicorice600: #2d3745;
  colorLicorice600Rgb: 45, 55, 69;
  colorSteel800: #1c2026;
  colorSteel800Rgb: 28, 32, 38;
  colorEastBay400: #48576f;
  colorWhiteSnow: #fff;
  colorWhiteSnowRgb: 255, 255, 255;
  colorCloudBurst: #374456;
  colorDirtySnow100: #eceff1;
  colorDirtySnow100Rgb: 236, 239, 241;
  colorDarkSnow200: #e0e4ea;
  coloDarkSteel900: #101419;
  colorSlate: #69778b;
  colorMars: #f0506e;
  colorMoon: #1b67da;
  colorMoonBaseLight: #6db9ff;
  colorPearl700: #232b36;
  colorPearl700Rgb: 35, 43, 54;
  colorPorcelain: #f6f8f9;
  colorSpecialCompetition: #8a1538;
  colorHermesLight: #bca9ff;
  colorRaspberry: #e70161;
  colorSilverMist: #d1d7e0
}

.color-smokey-300[data-v-c0ecdeee] {
  color: #b6bcc6
}

.color-slate[data-v-c0ecdeee] {
  color: #69778b
}

.color-steel-800[data-v-c0ecdeee] {
  color: #1c2026
}

.color-east-bay-400[data-v-c0ecdeee] {
  color: #48576f
}

[data-v-c0ecdeee]:export {
  opacityFull: 1;
  opacityXxl: .95;
  opacityXl: .87;
  opacityL: .54;
  opacityM: .38;
  opacityS: .17;
  opacityXs: .05;
  opacityZero: 0
}

.opacity-xl[data-v-c0ecdeee] {
  opacity: .87
}

@media screen and (min-width:1025px) {
  [data-v-c0ecdeee]::-webkit-scrollbar {
    width: 6px;
    background-color: transparent
  }

  [data-v-c0ecdeee]::-webkit-scrollbar-thumb {
    background-color: #69778b;
    border-radius: 100px
  }

  [data-v-c0ecdeee]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(105, 119, 139, .54)
  }
}

@supports (-moz-appearance:none) {
  [data-v-c0ecdeee] {
    scrollbar-width: thin
  }
}

.participants-separator--light[data-v-c0ecdeee] {
  color: #69778b
}

.participants-separator--dark[data-v-c0ecdeee] {
  color: #b6bcc6
}

.participants-separator--normal[data-v-c0ecdeee] {
  font-weight: 400
}

.participants-separator--space-left[data-v-c0ecdeee] {
  padding-left: 4px
}

.league-block__header {
  display: flex;
  cursor: pointer;
  flex-direction: row;
  align-items: flex-start;
  padding: 16px 10px 8px
}

.league-block__header__title {
  display: flex;
  flex: 1 1 0%;
  flex-direction: row;
  align-items: center;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-right: 6px
}

.league-block__header__title__name {
  font-size: 1rem;
  font-weight: 700;
  line-height: 16px;
  --tw-text-opacity: 1;
  color: rgb(28 32 38/var(--tw-text-opacity))
}

.league-block__header__title--spacing {
  margin-left: 8px
}

.league-block__events .event {
  border-radius: 12px;
  --tw-border-opacity: 1;
  border: 1px solid rgb(224 228 234/var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  padding: 12px
}

.league-block__events .event__header {
  display: flex;
  cursor: pointer;
  flex-direction: row;
  align-items: flex-start
}

.league-block__events .event__header__title {
  display: flex;
  flex: 1 1 0%;
  flex-direction: row;
  align-items: center;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-right: 8px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 16px
}

.league-block__events .event__header__title__link {
  --tw-text-opacity: 1;
  color: rgb(28 32 38/var(--tw-text-opacity));
  -webkit-text-decoration-line: none;
  text-decoration-line: none
}

.league-block__events .event__header__title__link:hover {
  color: #1b67da;
  text-decoration: underline
}

.league-block__events .event__markets {
  margin: 8px 0 0
}

.league-block--blocks-tabs {
  margin: 0;
  padding: 8px 8px 16px
}

.popular-bets-selection .selections__selection {
  max-width: 100%
}

.language-picker {
  display: flex;
  margin: 0 16px;
  padding: 2px;
  background-color: #fff;
  border-radius: 16px
}

.language-picker__item {
  font-size: .85714rem;
  text-decoration: none;
  color: #1c2026;
  padding: 4px 8px;
  cursor: pointer
}

.language-picker__item--selected,
.language-picker__item.router-link-exact-active {
  background-color: #1c2026;
  border-radius: 16px;
  color: #fff;
  font-weight: 700
}

.article-content {
  max-width: 825px;
  line-height: 20px;
  padding: 0 16px;
  margin: 16px auto
}

@media screen and (min-width:1920px) {
  .article-content {
    max-width: 1025px
  }
}

.article-content__header {
  display: flex;
  margin: 16px 0;
  position: relative;
  align-items: center
}

.article-content__header__back {
  display: flex;
  align-items: center;
  padding-right: 8px;
  margin-right: 8px;
  font-size: .85714rem;
  line-height: 24px;
  font-weight: 700;
  border-right: 1px solid #b6bcc6;
  cursor: pointer
}

.article-content__title {
  flex: 1;
  font-size: 1.71429rem;
  line-height: 24px;
  font-weight: 700
}

.article-content__lead {
  font-size: 1.14286rem;
  line-height: 20px;
  font-weight: 700;
  margin: 4px 0
}

.article-content__image {
  max-width: 100%;
  margin: 16px 0
}

.article-content__body {
  padding-right: 16px;
  font-size: 1.14286rem;
  line-height: 20px
}

.article-content__body__additional-title {
  display: inline-block;
  font-weight: 700;
  cursor: pointer
}

.article-content__body h1 {
  font-size: 1.71429rem;
  line-height: 24px;
  font-weight: 700;
  margin: 24px 0 16px
}

.article-content__body h2 {
  font-size: 1.42857rem;
  line-height: 24px;
  font-weight: 700;
  margin: 16px 0 8px
}

.article-content__body h3 {
  font-size: 1.14286rem;
  line-height: 20px;
  font-weight: 700;
  margin: 16px 0 8px
}

.article-content__body p {
  font-size: 1.14286rem;
  line-height: 20px;
  margin: 8px 0
}

.article-content__body p [name] {
  position: relative;
  top: -60px
}

.article-content__body ol {
  list-style: none;
  counter-reset: item;
  position: relative;
  padding-left: 32px
}

.article-content__body ol>li {
  counter-increment: item;
  margin-bottom: 16px
}

.article-content__body ol>li:before {
  position: absolute;
  left: 0;
  content: counter(item);
  background: #fff;
  border-radius: 100%;
  width: 24px;
  height: 24px;
  text-align: center;
  font-size: .78571rem;
  line-height: 24px;
  font-weight: 700
}

.article-content__body ul {
  list-style: disc;
  margin: 16px 8px
}

.article-content__body ul li {
  font-size: 1.14286rem;
  line-height: 20px;
  margin: 8px
}

.article-content__body strong {
  font-weight: 700
}

.article-content__body em {
  font-style: italic
}

.article-content__body a,
.article-content__body a:visited {
  color: #1774b5
}

.article-content__body img {
  max-width: 100%
}

.article-content__body table {
  border: 1px solid #1c2026
}

.article-content__body table tbody td {
  border: 1px solid #1c2026;
  padding: 0 4px
}

.article-content--seo-blog {
  background: #fff;
  border-radius: 16px;
  padding: 16px 8px;
  box-shadow: 0 0 8px rgba(35, 43, 54, .06), 0 3px 3px -1px rgba(35, 43, 54, .1)
}

@media screen and (min-width:825px) {
  .article-content--seo-blog {
    padding: 16px
  }
}

.article-content--seo-blog .article-content__body {
  padding-right: 0
}

.article-content--seo-blog .language-picker {
  display: none
}

.article-wrapper:has(.article-content--seo-blog) {
  margin-left: 8px;
  margin-right: 8px
}

@media screen and (min-width:825px) {
  .article-wrapper:has(.article-content--seo-blog) {
    margin-right: 0
  }
}

[data-v-0282cbe8]:export {
  fontSizeXS: .85714rem;
  fontSizeS: 1rem;
  colorAfrodite: #f3d113;
  colorSmokey300: #b6bcc6;
  colorLicorice600: #2d3745;
  colorLicorice600Rgb: 45, 55, 69;
  colorSteel800: #1c2026;
  colorSteel800Rgb: 28, 32, 38;
  colorEastBay400: #48576f;
  colorWhiteSnow: #fff;
  colorWhiteSnowRgb: 255, 255, 255;
  colorCloudBurst: #374456;
  colorDirtySnow100: #eceff1;
  colorDirtySnow100Rgb: 236, 239, 241;
  colorDarkSnow200: #e0e4ea;
  coloDarkSteel900: #101419;
  colorSlate: #69778b;
  colorMars: #f0506e;
  colorMoon: #1b67da;
  colorMoonBaseLight: #6db9ff;
  colorPearl700: #232b36;
  colorPearl700Rgb: 35, 43, 54;
  colorPorcelain: #f6f8f9;
  colorSpecialCompetition: #8a1538;
  colorHermesLight: #bca9ff;
  colorRaspberry: #e70161;
  colorSilverMist: #d1d7e0
}

.color-smokey-300[data-v-0282cbe8] {
  color: #b6bcc6
}

.color-slate[data-v-0282cbe8] {
  color: #69778b
}

.color-steel-800[data-v-0282cbe8] {
  color: #1c2026
}

.color-east-bay-400[data-v-0282cbe8] {
  color: #48576f
}

[data-v-0282cbe8]:export {
  opacityFull: 1;
  opacityXxl: .95;
  opacityXl: .87;
  opacityL: .54;
  opacityM: .38;
  opacityS: .17;
  opacityXs: .05;
  opacityZero: 0
}

.opacity-xl[data-v-0282cbe8] {
  opacity: .87
}

@media screen and (min-width:1025px) {
  [data-v-0282cbe8]::-webkit-scrollbar {
    width: 6px;
    background-color: transparent
  }

  [data-v-0282cbe8]::-webkit-scrollbar-thumb {
    background-color: #69778b;
    border-radius: 100px
  }

  [data-v-0282cbe8]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(105, 119, 139, .54)
  }
}

@supports (-moz-appearance:none) {
  [data-v-0282cbe8] {
    scrollbar-width: thin
  }
}

.promo-market-list[data-v-0282cbe8] {
  margin: 8px
}

.promo-market-list__item[data-v-0282cbe8] {
  display: flex;
  flex-direction: column;
  flex: 1;
  height: auto;
  margin-right: 8px
}

.promo-market-list__item[data-v-0282cbe8]:last-child {
  margin-right: 0
}

@media screen and (min-width:825px) {
  .promo-market-list__item[data-v-0282cbe8] {
    max-width: 50%
  }
}

.promo-market-list__item--append-margin[data-v-0282cbe8]:last-child {
  margin-right: 8px
}

[data-v-947e23fe]:export {
  fontSizeXS: .85714rem;
  fontSizeS: 1rem;
  colorAfrodite: #f3d113;
  colorSmokey300: #b6bcc6;
  colorLicorice600: #2d3745;
  colorLicorice600Rgb: 45, 55, 69;
  colorSteel800: #1c2026;
  colorSteel800Rgb: 28, 32, 38;
  colorEastBay400: #48576f;
  colorWhiteSnow: #fff;
  colorWhiteSnowRgb: 255, 255, 255;
  colorCloudBurst: #374456;
  colorDirtySnow100: #eceff1;
  colorDirtySnow100Rgb: 236, 239, 241;
  colorDarkSnow200: #e0e4ea;
  coloDarkSteel900: #101419;
  colorSlate: #69778b;
  colorMars: #f0506e;
  colorMoon: #1b67da;
  colorMoonBaseLight: #6db9ff;
  colorPearl700: #232b36;
  colorPearl700Rgb: 35, 43, 54;
  colorPorcelain: #f6f8f9;
  colorSpecialCompetition: #8a1538;
  colorHermesLight: #bca9ff;
  colorRaspberry: #e70161;
  colorSilverMist: #d1d7e0
}

.color-smokey-300[data-v-947e23fe] {
  color: #b6bcc6
}

.color-slate[data-v-947e23fe] {
  color: #69778b
}

.color-steel-800[data-v-947e23fe] {
  color: #1c2026
}

.color-east-bay-400[data-v-947e23fe] {
  color: #48576f
}

[data-v-947e23fe]:export {
  opacityFull: 1;
  opacityXxl: .95;
  opacityXl: .87;
  opacityL: .54;
  opacityM: .38;
  opacityS: .17;
  opacityXs: .05;
  opacityZero: 0
}

.opacity-xl[data-v-947e23fe] {
  opacity: .87
}

@media screen and (min-width:1025px) {
  [data-v-947e23fe]::-webkit-scrollbar {
    width: 6px;
    background-color: transparent
  }

  [data-v-947e23fe]::-webkit-scrollbar-thumb {
    background-color: #69778b;
    border-radius: 100px
  }

  [data-v-947e23fe]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(105, 119, 139, .54)
  }
}

@supports (-moz-appearance:none) {
  [data-v-947e23fe] {
    scrollbar-width: thin
  }
}

.tab-row[data-v-947e23fe] {
  position: relative;
  padding: 8px 0;
  background: var(--tab-row-bg)
}

.tab-row--horizontal-space[data-v-947e23fe] {
  padding: 8px
}

.tab-row--special-competition[data-v-947e23fe] {
  margin: 0 8px
}

.tab-row__list[data-v-947e23fe] {
  display: flex;
  align-items: center;
  gap: 8px
}

[data-v-5883ebc0]:export {
  fontSizeXS: .85714rem;
  fontSizeS: 1rem;
  colorAfrodite: #f3d113;
  colorSmokey300: #b6bcc6;
  colorLicorice600: #2d3745;
  colorLicorice600Rgb: 45, 55, 69;
  colorSteel800: #1c2026;
  colorSteel800Rgb: 28, 32, 38;
  colorEastBay400: #48576f;
  colorWhiteSnow: #fff;
  colorWhiteSnowRgb: 255, 255, 255;
  colorCloudBurst: #374456;
  colorDirtySnow100: #eceff1;
  colorDirtySnow100Rgb: 236, 239, 241;
  colorDarkSnow200: #e0e4ea;
  coloDarkSteel900: #101419;
  colorSlate: #69778b;
  colorMars: #f0506e;
  colorMoon: #1b67da;
  colorMoonBaseLight: #6db9ff;
  colorPearl700: #232b36;
  colorPearl700Rgb: 35, 43, 54;
  colorPorcelain: #f6f8f9;
  colorSpecialCompetition: #8a1538;
  colorHermesLight: #bca9ff;
  colorRaspberry: #e70161;
  colorSilverMist: #d1d7e0
}

.color-smokey-300[data-v-5883ebc0] {
  color: #b6bcc6
}

.color-slate[data-v-5883ebc0] {
  color: #69778b
}

.color-steel-800[data-v-5883ebc0] {
  color: #1c2026
}

.color-east-bay-400[data-v-5883ebc0] {
  color: #48576f
}

[data-v-5883ebc0]:export {
  opacityFull: 1;
  opacityXxl: .95;
  opacityXl: .87;
  opacityL: .54;
  opacityM: .38;
  opacityS: .17;
  opacityXs: .05;
  opacityZero: 0
}

.opacity-xl[data-v-5883ebc0] {
  opacity: .87
}

@media screen and (min-width:1025px) {
  [data-v-5883ebc0]::-webkit-scrollbar {
    width: 6px;
    background-color: transparent
  }

  [data-v-5883ebc0]::-webkit-scrollbar-thumb {
    background-color: #69778b;
    border-radius: 100px
  }

  [data-v-5883ebc0]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(105, 119, 139, .54)
  }
}

@supports (-moz-appearance:none) {
  [data-v-5883ebc0] {
    scrollbar-width: thin
  }
}

.tab-underlined[data-v-5883ebc0] {
  flex-basis: 100%;
  color: var(--tab-item-color);
  list-style: none;
  cursor: pointer;
  text-align: center;
  font-size: .85714rem;
  line-height: 16px;
  position: relative;
  padding-bottom: 4px
}

.tab-underlined__title[data-v-5883ebc0] {
  padding: 0 8px;
  display: inline-block;
  position: relative
}

.tab-underlined__title[data-v-5883ebc0]:after {
  content: "";
  display: block;
  margin: 0 auto;
  width: 100%;
  background: var(--tab-item-indicator-color);
  height: 2px;
  position: absolute;
  left: 0;
  bottom: -4px;
  transition: transform .3s ease-out;
  transform: scaleX(0)
}

.tab-underlined .selected-tab[data-v-5883ebc0]:after {
  transform: scaleX(1)
}

.tab-underlined--selected[data-v-5883ebc0] {
  font-weight: 700;
  cursor: default
}

.tab-underlined--disabled[data-v-5883ebc0] {
  color: var(--tab-item-disabled-color);
  cursor: default
}

.tab-underlined--aligned-left[data-v-5883ebc0] {
  flex-basis: auto
}

[data-v-e0172254]:export {
  fontSizeXS: .85714rem;
  fontSizeS: 1rem;
  colorAfrodite: #f3d113;
  colorSmokey300: #b6bcc6;
  colorLicorice600: #2d3745;
  colorLicorice600Rgb: 45, 55, 69;
  colorSteel800: #1c2026;
  colorSteel800Rgb: 28, 32, 38;
  colorEastBay400: #48576f;
  colorWhiteSnow: #fff;
  colorWhiteSnowRgb: 255, 255, 255;
  colorCloudBurst: #374456;
  colorDirtySnow100: #eceff1;
  colorDirtySnow100Rgb: 236, 239, 241;
  colorDarkSnow200: #e0e4ea;
  coloDarkSteel900: #101419;
  colorSlate: #69778b;
  colorMars: #f0506e;
  colorMoon: #1b67da;
  colorMoonBaseLight: #6db9ff;
  colorPearl700: #232b36;
  colorPearl700Rgb: 35, 43, 54;
  colorPorcelain: #f6f8f9;
  colorSpecialCompetition: #8a1538;
  colorHermesLight: #bca9ff;
  colorRaspberry: #e70161;
  colorSilverMist: #d1d7e0
}

.color-smokey-300[data-v-e0172254] {
  color: #b6bcc6
}

.color-slate[data-v-e0172254] {
  color: #69778b
}

.color-steel-800[data-v-e0172254] {
  color: #1c2026
}

.color-east-bay-400[data-v-e0172254] {
  color: #48576f
}

[data-v-e0172254]:export {
  opacityFull: 1;
  opacityXxl: .95;
  opacityXl: .87;
  opacityL: .54;
  opacityM: .38;
  opacityS: .17;
  opacityXs: .05;
  opacityZero: 0
}

.opacity-xl[data-v-e0172254] {
  opacity: .87
}

@media screen and (min-width:1025px) {
  [data-v-e0172254]::-webkit-scrollbar {
    width: 6px;
    background-color: transparent
  }

  [data-v-e0172254]::-webkit-scrollbar-thumb {
    background-color: #69778b;
    border-radius: 100px
  }

  [data-v-e0172254]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(105, 119, 139, .54)
  }
}

@supports (-moz-appearance:none) {
  [data-v-e0172254] {
    scrollbar-width: thin
  }
}

.smooth-reflow[data-v-e0172254] {
  display: flex
}

.cross-selling-banners {
  scrollbar-width: none;
  -ms-overflow-style: none
}

.cross-selling-banners::-webkit-scrollbar {
  display: none
}

.cross-selling-banners {
  padding: 8px 0 0 8px;
  display: flex;
  background: #eceff1;
  overflow-x: auto;
  overflow-y: hidden
}

.cross-selling-banners-item {
  margin-right: 8px;
  flex: 0 0 160px
}

.cross-selling-banners-item__image {
  border-radius: 4px;
  max-width: 100%
}

.cross-selling-banners-item__image:last-child {
  margin-right: 8px
}

[data-v-3b83102f]:export {
  fontSizeXS: .85714rem;
  fontSizeS: 1rem;
  colorAfrodite: #f3d113;
  colorSmokey300: #b6bcc6;
  colorLicorice600: #2d3745;
  colorLicorice600Rgb: 45, 55, 69;
  colorSteel800: #1c2026;
  colorSteel800Rgb: 28, 32, 38;
  colorEastBay400: #48576f;
  colorWhiteSnow: #fff;
  colorWhiteSnowRgb: 255, 255, 255;
  colorCloudBurst: #374456;
  colorDirtySnow100: #eceff1;
  colorDirtySnow100Rgb: 236, 239, 241;
  colorDarkSnow200: #e0e4ea;
  coloDarkSteel900: #101419;
  colorSlate: #69778b;
  colorMars: #f0506e;
  colorMoon: #1b67da;
  colorMoonBaseLight: #6db9ff;
  colorPearl700: #232b36;
  colorPearl700Rgb: 35, 43, 54;
  colorPorcelain: #f6f8f9;
  colorSpecialCompetition: #8a1538;
  colorHermesLight: #bca9ff;
  colorRaspberry: #e70161;
  colorSilverMist: #d1d7e0
}

.color-smokey-300[data-v-3b83102f] {
  color: #b6bcc6
}

.color-slate[data-v-3b83102f] {
  color: #69778b
}

.color-steel-800[data-v-3b83102f] {
  color: #1c2026
}

.color-east-bay-400[data-v-3b83102f] {
  color: #48576f
}

[data-v-3b83102f]:export {
  opacityFull: 1;
  opacityXxl: .95;
  opacityXl: .87;
  opacityL: .54;
  opacityM: .38;
  opacityS: .17;
  opacityXs: .05;
  opacityZero: 0
}

.opacity-xl[data-v-3b83102f] {
  opacity: .87
}

@media screen and (min-width:1025px) {
  [data-v-3b83102f]::-webkit-scrollbar {
    width: 6px;
    background-color: transparent
  }

  [data-v-3b83102f]::-webkit-scrollbar-thumb {
    background-color: #69778b;
    border-radius: 100px
  }

  [data-v-3b83102f]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(105, 119, 139, .54)
  }
}

@supports (-moz-appearance:none) {
  [data-v-3b83102f] {
    scrollbar-width: thin
  }
}

.navigation-item[data-v-3b83102f] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 72px;
  height: 56px;
  cursor: pointer;
  border-radius: 8px 2px;
  gap: 4px;
  padding: 8px 4px 4px;
  transition: .1s cubic-bezier(.64, 0, .35, 1)
}

.navigation-item--active[data-v-3b83102f] {
  background-color: #69778b
}

.navigation-item__title[data-v-3b83102f] {
  font-size: .85714rem;
  line-height: 16px;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: top;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  text-align: center
}

.navigation-item__title--active[data-v-3b83102f] {
  color: #fff
}

.navigation-item--active.navigation-item--sc[data-v-3b83102f] {
  background-color: #8a1538
}

[data-v-1df183d0]:export {
  fontSizeXS: .85714rem;
  fontSizeS: 1rem;
  colorAfrodite: #f3d113;
  colorSmokey300: #b6bcc6;
  colorLicorice600: #2d3745;
  colorLicorice600Rgb: 45, 55, 69;
  colorSteel800: #1c2026;
  colorSteel800Rgb: 28, 32, 38;
  colorEastBay400: #48576f;
  colorWhiteSnow: #fff;
  colorWhiteSnowRgb: 255, 255, 255;
  colorCloudBurst: #374456;
  colorDirtySnow100: #eceff1;
  colorDirtySnow100Rgb: 236, 239, 241;
  colorDarkSnow200: #e0e4ea;
  coloDarkSteel900: #101419;
  colorSlate: #69778b;
  colorMars: #f0506e;
  colorMoon: #1b67da;
  colorMoonBaseLight: #6db9ff;
  colorPearl700: #232b36;
  colorPearl700Rgb: 35, 43, 54;
  colorPorcelain: #f6f8f9;
  colorSpecialCompetition: #8a1538;
  colorHermesLight: #bca9ff;
  colorRaspberry: #e70161;
  colorSilverMist: #d1d7e0
}

.color-smokey-300[data-v-1df183d0] {
  color: #b6bcc6
}

.color-slate[data-v-1df183d0] {
  color: #69778b
}

.color-steel-800[data-v-1df183d0] {
  color: #1c2026
}

.color-east-bay-400[data-v-1df183d0] {
  color: #48576f
}

[data-v-1df183d0]:export {
  opacityFull: 1;
  opacityXxl: .95;
  opacityXl: .87;
  opacityL: .54;
  opacityM: .38;
  opacityS: .17;
  opacityXs: .05;
  opacityZero: 0
}

.opacity-xl[data-v-1df183d0] {
  opacity: .87
}

@media screen and (min-width:1025px) {
  [data-v-1df183d0]::-webkit-scrollbar {
    width: 6px;
    background-color: transparent
  }

  [data-v-1df183d0]::-webkit-scrollbar-thumb {
    background-color: #69778b;
    border-radius: 100px
  }

  [data-v-1df183d0]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(105, 119, 139, .54)
  }
}

.navigation-list[data-v-1df183d0] {
  scrollbar-width: none;
  -ms-overflow-style: none
}

.navigation-list[data-v-1df183d0]::-webkit-scrollbar {
  display: none
}

@supports (-moz-appearance:none) {
  [data-v-1df183d0] {
    scrollbar-width: thin
  }
}

.navigation-list-wrapper[data-v-1df183d0] {
  background: #fff;
  padding: 4px;
  height: 64px
}

.navigation-list-wrapper.top-sticky[data-v-1df183d0] {
  box-shadow: 0 0 8px rgba(35, 43, 54, .06), 0 3px 3px -1px rgba(35, 43, 54, .1)
}

.navigation-list[data-v-1df183d0] {
  display: flex;
  overflow: scroll
}

.navigation-list__item[data-v-1df183d0] {
  margin-right: 8px
}

.navigation-list__item__link[data-v-1df183d0] {
  display: flex;
  flex-direction: column;
  justify-items: center;
  align-items: center;
  text-decoration: none;
  min-width: 64px;
  white-space: nowrap;
  color: #101419
}

.root-wrapper[class*=sc-] .selections__selection {
  background: #f4f2e4;
  border-radius: 8px 2px
}

.root-wrapper[class*=sc-] .selections__selection__odd {
  color: #8a1538;
  font-weight: 700
}

.root-wrapper[class*=sc-] .selections__selection__original-odd {
  color: #69778b
}

.root-wrapper[class*=sc-] .selections__selection__title {
  color: #1c2026
}

.root-wrapper[class*=sc-] .selections__selection:hover {
  background: #e8e6d8
}

.root-wrapper[class*=sc-] .selections__selection--active {
  background: #8a1538
}

.root-wrapper[class*=sc-] .selections__selection--active .selections__selection__odd,
.root-wrapper[class*=sc-] .selections__selection--active .selections__selection__title {
  color: #fff
}

.root-wrapper[class*=sc-] .selections__selection--active .selections__selection__original-odd {
  color: #e8e6d8
}

.root-wrapper[class*=sc-] .selections__selection--active:hover {
  background: #8a1538
}

.root-wrapper[class*=sc-] .selections__selection--progress-state:after,
.root-wrapper[class*=sc-] .selections__selection--progress-state:before {
  background-color: #8a1538
}

.root-wrapper[class*=sc-] .selections__selection--progress-state .selections__selection__odd,
.root-wrapper[class*=sc-] .selections__selection--progress-state .selections__selection__title {
  color: #fff
}

.root-wrapper[class*=sc-] .selections__selection--progress-state .selections__selection__original-odd {
  color: #e8e6d8
}

.root-wrapper[class*=sc-] .offerbanner__unified-offers-container {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0;
  padding: 16px;
  gap: 8px;
  width: 100%
}

.root-wrapper[class*=sc-] .offerbanner__unified-offers-container__title {
  font-size: 1.42857rem;
  line-height: 24px
}

.root-wrapper[class*=sc-] .offerbanner__unified-offers-container__subtitle {
  font-size: 1rem;
  line-height: 16px;
  height: 100%;
  position: relative;
  padding-left: 12px;
  word-break: break-word;
  color: #fff
}

.root-wrapper[class*=sc-] .offerbanner__unified-offers-container__subtitle:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 4px;
  background: #40beac;
  height: 100%
}

.root-wrapper[class*=sc-] .offerbanner__image {
  background-color: #8a1538
}

.root-wrapper[class*=sc-] .offerbanner__image-unified-offers--overlay {
  background: none
}

.root-wrapper[class*=sc-] .zero-rake {
  color: #9f7657;
  background-color: transparent;
  border: 1px solid #9f7657
}

.root-wrapper[class*=sc-] .anchor {
  position: relative;
  top: -150px
}

@media screen and (min-width:825px) {
  .root-wrapper[class*=sc-] .anchor {
    top: -90px
  }
}

.root-wrapper[class*=sc-] .slider--bod.swiper-container {
  padding: 8px 0 8px 8px;
  margin: 0;
  background: #eceff1
}

@media screen and (min-width:1281px) {

  .root-wrapper[class*=sc-] .slider--bod.swiper-container .swiper-button-next,
  .root-wrapper[class*=sc-] .slider--bod.swiper-container .swiper-button-prev {
    display: flex
  }
}

.root-wrapper[class*=sc-] .slider--bod.swiper-container .swiper-button-next.swiper-button-disabled,
.root-wrapper[class*=sc-] .slider--bod.swiper-container .swiper-button-prev.swiper-button-disabled {
  display: none
}

.root-wrapper[class*=sc-] .bod {
  border-radius: 8px 2px
}

.root-wrapper[class*=sc-] .bod:before {
  background-image: linear-gradient(180deg, rgba(28, 32, 38, .34) 44.06%, rgba(45, 55, 69, .77))
}

.root-wrapper[class*=sc-] .bod--no-shadow:before {
  opacity: .17
}

.root-wrapper[class*=sc-] .bod .market--live .selections__selection--active {
  background: #8a1538
}

.root-wrapper[class*=sc-] .bet-activity-section {
  background: #eceff1;
  padding-left: 0
}

.root-wrapper[class*=sc-] .events-list__grid {
  border-spacing: 0 8px;
  border-collapse: separate;
  background: none
}

.root-wrapper[class*=sc-] .events-list__grid__header {
  display: table-row
}

.root-wrapper[class*=sc-] .events-list__grid__header__item {
  display: none;
  background: none;
  padding-bottom: 0;
  padding-top: 0;
  border: none
}

@media screen and (min-width:1281px) {
  .root-wrapper[class*=sc-] .events-list__grid__header__item {
    display: table-cell
  }
}

.root-wrapper[class*=sc-] .events-list__grid__header__item--main {
  display: table-cell
}

.root-wrapper[class*=sc-] .events-list__grid__event {
  margin-bottom: 8px;
  border-radius: 8px;
  border: none;
  box-shadow: 0 0 8px rgba(35, 43, 54, .06), 0 3px 3px -1px rgba(35, 43, 54, .1)
}

.root-wrapper[class*=sc-] .events-list__grid__event:hover {
  background: #fff
}

@media screen and (min-width:1281px) {

  .root-wrapper[class*=sc-] .events-list__grid__event,
  .root-wrapper[class*=sc-] .events-list__grid__event:hover {
    background: none
  }
}

.root-wrapper[class*=sc-] .events-list__grid__event td,
.root-wrapper[class*=sc-] .events-list__grid__event th {
  background: #fff
}

.root-wrapper[class*=sc-] .events-list__grid__event th:first-child {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px
}

@media screen and (min-width:1281px) {
  .root-wrapper[class*=sc-] .events-list__grid__event th:first-child {
    border-bottom-left-radius: 8px;
    border-top-right-radius: 0
  }
}

.root-wrapper[class*=sc-] .events-list__grid__event td:nth-child(2) {
  border-bottom-left-radius: 8px
}

@media screen and (min-width:1281px) {
  .root-wrapper[class*=sc-] .events-list__grid__event td:nth-child(2) {
    border-bottom-left-radius: 0
  }
}

.root-wrapper[class*=sc-] .events-list__grid__event td:last-child {
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px
}

@media screen and (min-width:1281px) {
  .root-wrapper[class*=sc-] .events-list__grid__event td:last-child {
    border-top-right-radius: 8px;
    border-bottom-left-radius: 0
  }
}

.root-wrapper[class*=sc-] .events-list__grid__info__datetime {
  padding: 12px 8px
}

.root-wrapper[class*=sc-] .events-list__grid__info__main__actions__venue {
  display: none
}

.root-wrapper[class*=sc-] .event-icons svg path,
.root-wrapper[class*=sc-] .event-icons svg polygon,
.root-wrapper[class*=sc-] .event-icons svg rect,
.root-wrapper[class*=sc-] .event-icons svg svg path,
.root-wrapper[class*=sc-] .event-icons svg svg polygon,
.root-wrapper[class*=sc-] .event-icons svg svg rect {
  fill: #9f7657;
  transition: .1s cubic-bezier(.64, 0, .35, 1)
}

.root-wrapper[class*=sc-] .markets__market {
  border-radius: 8px;
  padding: 4px 8px
}

.root-wrapper[class*=sc-] .markets__market:last-child {
  margin-bottom: 4px
}

.root-wrapper[class*=sc-] .table-layout-container {
  padding: 4px 0
}

.root-wrapper[class*=sc-] .table-layout-container:last-child {
  margin-bottom: 4px
}

.root-wrapper[class*=sc-] .multi-market {
  border-radius: 8px
}

.root-wrapper[class*=sc-] .preview-mode__close {
  background: #0996a0;
  color: #fff
}

.root-wrapper[class*=sc-] .preview-mode__close__bar {
  background: #e0e4ea
}

.root-wrapper[class*=sc-] .league-block {
  margin: 0 8px 16px;
  border-radius: 16px;
  background: #f6f8f9;
  padding: 8px
}

@media screen and (min-width:1281px) {
  .root-wrapper[class*=sc-] .league-block {
    padding: 8px 16px 16px
  }
}

.root-wrapper[class*=sc-] .league-block--blocks-tabs {
  background-color: transparent;
  margin: 0;
  padding: 0 0 8px
}

@media screen and (min-width:480px) {
  .root-wrapper[class*=sc-] .league-block--blocks-tabs {
    padding-left: 8px;
    padding-right: 8px
  }
}

.root-wrapper[class*=sc-] .league-block--blocks-tabs .league-block__events .event__header__title__link {
  font-weight: 700;
  color: #8a1538
}

.root-wrapper[class*=sc-] .league-block__header {
  border-radius: 8px 8px 0 0;
  color: #8a1538;
  padding-left: 0;
  border: none
}

.root-wrapper[class*=sc-] .league-block__header:hover {
  background-color: transparent
}

.root-wrapper[class*=sc-] .league-block__header__title__name {
  margin-left: 0;
  font-weight: 700;
  font-size: 1.14286rem;
  line-height: 20px
}

@media screen and (min-width:1281px) {
  .root-wrapper[class*=sc-] .league-block__header__title__name {
    font-size: 1.42857rem;
    line-height: 24px
  }
}

.root-wrapper[class*=sc-] .league-block__body,
.root-wrapper[class*=sc-] .league-block__body--event-list {
  background: none
}

.root-wrapper[class*=sc-] .league-block .event {
  border-radius: 8px;
  margin-bottom: 0;
  background: none
}

.root-wrapper[class*=sc-] .league-block__events {
  padding: 0
}

.root-wrapper[class*=sc-] .league-block .event__header {
  padding-left: 0
}

.root-wrapper[class*=sc-] .league-block .event__header:hover {
  background-color: transparent
}

.root-wrapper[class*=sc-] .league-block .event__markets {
  padding: 0;
  border-radius: 16px;
  background-color: #fff;
  box-shadow: 0 0 8px rgba(35, 43, 54, .06), 0 3px 3px -1px rgba(35, 43, 54, .1)
}

.root-wrapper[class*=sc-] .league-block .event__markets .load-more,
.root-wrapper[class*=sc-] .league-block .event__markets .multi-outcome,
.root-wrapper[class*=sc-] .league-block .event__markets .single-outcome-no-grouping,
.root-wrapper[class*=sc-] .league-block .event__markets .table-market-header {
  background-color: transparent
}

.root-wrapper[class*=sc-] .events-list-toggle {
  margin: 0 16px
}

.root-wrapper[class*=sc-] .events-list-toggle--blocks-tabs {
  margin: 0
}

@media screen and (min-width:480px) {
  .root-wrapper[class*=sc-] .events-list-toggle--blocks-tabs {
    margin: 0 8px
  }
}

.root-wrapper[class*=sc-] .events-list-toggle .toggle-switch input:checked+.toggle-switch__slider {
  background-color: #8a1538
}

.root-wrapper[class*=sc-] .group-statistics {
  padding: 0 8px 8px;
  margin: 0
}

.root-wrapper[class*=sc-] .group-statistics .markets__market__header {
  display: none
}

.root-wrapper[class*=sc-] .group-statistics .markets__market .table div.table__row:last-child {
  border: none
}

.root-wrapper[class*=sc-] .group-statistics .markets__market .table div.table__row:nth-child(2) .table__cell,
.root-wrapper[class*=sc-] .group-statistics .markets__market .table div.table__row:nth-child(3) .table__cell,
.root-wrapper[class*=sc-] .group-statistics .markets__market .table div.table__row:nth-child(4) .table__cell {
  position: relative
}

.root-wrapper[class*=sc-] .group-statistics .markets__market .table div.table__row:nth-child(2) .table__cell__title:before,
.root-wrapper[class*=sc-] .group-statistics .markets__market .table div.table__row:nth-child(3) .table__cell__title:before,
.root-wrapper[class*=sc-] .group-statistics .markets__market .table div.table__row:nth-child(4) .table__cell__title:before {
  display: block;
  content: "";
  width: 4px;
  height: 48px;
  position: absolute;
  top: 0;
  left: -8px
}

.root-wrapper[class*=sc-] .group-statistics .markets__market .table div.table__row:nth-child(2):nth-child(2) .table__cell__title:before,
.root-wrapper[class*=sc-] .group-statistics .markets__market .table div.table__row:nth-child(2):nth-child(3) .table__cell__title:before,
.root-wrapper[class*=sc-] .group-statistics .markets__market .table div.table__row:nth-child(3):nth-child(2) .table__cell__title:before,
.root-wrapper[class*=sc-] .group-statistics .markets__market .table div.table__row:nth-child(3):nth-child(3) .table__cell__title:before,
.root-wrapper[class*=sc-] .group-statistics .markets__market .table div.table__row:nth-child(4):nth-child(2) .table__cell__title:before,
.root-wrapper[class*=sc-] .group-statistics .markets__market .table div.table__row:nth-child(4):nth-child(3) .table__cell__title:before {
  background: #06c
}

.root-wrapper[class*=sc-] .group-statistics .markets__market .table div.table__row:nth-child(2):nth-child(4) .table__cell__title:before,
.root-wrapper[class*=sc-] .group-statistics .markets__market .table div.table__row:nth-child(3):nth-child(4) .table__cell__title:before,
.root-wrapper[class*=sc-] .group-statistics .markets__market .table div.table__row:nth-child(4):nth-child(4) .table__cell__title:before {
  background: #f60
}

.root-wrapper[class*=sc-] .table__markets__market {
  padding: 8px
}

.root-wrapper[class*=sc-] .slider--bod .swiper-button-next,
.root-wrapper[class*=sc-] .slider--bod .swiper-button-prev,
.root-wrapper[class*=sc-] .special-competition-group .swiper-button-next,
.root-wrapper[class*=sc-] .special-competition-group .swiper-button-prev,
.root-wrapper[class*=sc-] .special-competition-guides .swiper-button-next,
.root-wrapper[class*=sc-] .special-competition-guides .swiper-button-prev,
.root-wrapper[class*=sc-] .special-competition-hot>:not(:first-child) .swiper-button-next,
.root-wrapper[class*=sc-] .special-competition-hot>:not(:first-child) .swiper-button-prev,
.root-wrapper[class*=sc-] .special-competition-matches .swiper-button-next,
.root-wrapper[class*=sc-] .special-competition-matches .swiper-button-prev,
.root-wrapper[class*=sc-] .special-competition-offers .swiper-button-next,
.root-wrapper[class*=sc-] .special-competition-offers .swiper-button-prev,
.root-wrapper[class*=sc-] .special-competition-players .swiper-button-next,
.root-wrapper[class*=sc-] .special-competition-players .swiper-button-prev,
.root-wrapper[class*=sc-] .special-competition-statistics .swiper-button-next,
.root-wrapper[class*=sc-] .special-competition-statistics .swiper-button-prev,
.root-wrapper[class*=sc-] .special-competition-teams .swiper-button-next,
.root-wrapper[class*=sc-] .special-competition-teams .swiper-button-prev {
  display: none;
  background-color: #f4f2e4;
  border-radius: 50%;
  border: 1px solid #9f7657;
  opacity: .38;
  transition: opacity .3s ease-out
}

.root-wrapper[class*=sc-] .slider--bod .swiper-button-next svg,
.root-wrapper[class*=sc-] .slider--bod .swiper-button-prev svg,
.root-wrapper[class*=sc-] .special-competition-group .swiper-button-next svg,
.root-wrapper[class*=sc-] .special-competition-group .swiper-button-prev svg,
.root-wrapper[class*=sc-] .special-competition-guides .swiper-button-next svg,
.root-wrapper[class*=sc-] .special-competition-guides .swiper-button-prev svg,
.root-wrapper[class*=sc-] .special-competition-hot>:not(:first-child) .swiper-button-next svg,
.root-wrapper[class*=sc-] .special-competition-hot>:not(:first-child) .swiper-button-prev svg,
.root-wrapper[class*=sc-] .special-competition-matches .swiper-button-next svg,
.root-wrapper[class*=sc-] .special-competition-matches .swiper-button-prev svg,
.root-wrapper[class*=sc-] .special-competition-offers .swiper-button-next svg,
.root-wrapper[class*=sc-] .special-competition-offers .swiper-button-prev svg,
.root-wrapper[class*=sc-] .special-competition-players .swiper-button-next svg,
.root-wrapper[class*=sc-] .special-competition-players .swiper-button-prev svg,
.root-wrapper[class*=sc-] .special-competition-statistics .swiper-button-next svg,
.root-wrapper[class*=sc-] .special-competition-statistics .swiper-button-prev svg,
.root-wrapper[class*=sc-] .special-competition-teams .swiper-button-next svg,
.root-wrapper[class*=sc-] .special-competition-teams .swiper-button-prev svg {
  width: 32px;
  height: 32px
}

.root-wrapper[class*=sc-] .slider--bod .swiper-button-next svg path,
.root-wrapper[class*=sc-] .slider--bod .swiper-button-next svg polygon,
.root-wrapper[class*=sc-] .slider--bod .swiper-button-next svg rect,
.root-wrapper[class*=sc-] .slider--bod .swiper-button-next svg svg path,
.root-wrapper[class*=sc-] .slider--bod .swiper-button-next svg svg polygon,
.root-wrapper[class*=sc-] .slider--bod .swiper-button-next svg svg rect,
.root-wrapper[class*=sc-] .slider--bod .swiper-button-prev svg path,
.root-wrapper[class*=sc-] .slider--bod .swiper-button-prev svg polygon,
.root-wrapper[class*=sc-] .slider--bod .swiper-button-prev svg rect,
.root-wrapper[class*=sc-] .slider--bod .swiper-button-prev svg svg path,
.root-wrapper[class*=sc-] .slider--bod .swiper-button-prev svg svg polygon,
.root-wrapper[class*=sc-] .slider--bod .swiper-button-prev svg svg rect,
.root-wrapper[class*=sc-] .special-competition-group .swiper-button-next svg path,
.root-wrapper[class*=sc-] .special-competition-group .swiper-button-next svg polygon,
.root-wrapper[class*=sc-] .special-competition-group .swiper-button-next svg rect,
.root-wrapper[class*=sc-] .special-competition-group .swiper-button-next svg svg path,
.root-wrapper[class*=sc-] .special-competition-group .swiper-button-next svg svg polygon,
.root-wrapper[class*=sc-] .special-competition-group .swiper-button-next svg svg rect,
.root-wrapper[class*=sc-] .special-competition-group .swiper-button-prev svg path,
.root-wrapper[class*=sc-] .special-competition-group .swiper-button-prev svg polygon,
.root-wrapper[class*=sc-] .special-competition-group .swiper-button-prev svg rect,
.root-wrapper[class*=sc-] .special-competition-group .swiper-button-prev svg svg path,
.root-wrapper[class*=sc-] .special-competition-group .swiper-button-prev svg svg polygon,
.root-wrapper[class*=sc-] .special-competition-group .swiper-button-prev svg svg rect,
.root-wrapper[class*=sc-] .special-competition-guides .swiper-button-next svg path,
.root-wrapper[class*=sc-] .special-competition-guides .swiper-button-next svg polygon,
.root-wrapper[class*=sc-] .special-competition-guides .swiper-button-next svg rect,
.root-wrapper[class*=sc-] .special-competition-guides .swiper-button-next svg svg path,
.root-wrapper[class*=sc-] .special-competition-guides .swiper-button-next svg svg polygon,
.root-wrapper[class*=sc-] .special-competition-guides .swiper-button-next svg svg rect,
.root-wrapper[class*=sc-] .special-competition-guides .swiper-button-prev svg path,
.root-wrapper[class*=sc-] .special-competition-guides .swiper-button-prev svg polygon,
.root-wrapper[class*=sc-] .special-competition-guides .swiper-button-prev svg rect,
.root-wrapper[class*=sc-] .special-competition-guides .swiper-button-prev svg svg path,
.root-wrapper[class*=sc-] .special-competition-guides .swiper-button-prev svg svg polygon,
.root-wrapper[class*=sc-] .special-competition-guides .swiper-button-prev svg svg rect,
.root-wrapper[class*=sc-] .special-competition-hot>:not(:first-child) .swiper-button-next svg path,
.root-wrapper[class*=sc-] .special-competition-hot>:not(:first-child) .swiper-button-next svg polygon,
.root-wrapper[class*=sc-] .special-competition-hot>:not(:first-child) .swiper-button-next svg rect,
.root-wrapper[class*=sc-] .special-competition-hot>:not(:first-child) .swiper-button-next svg svg path,
.root-wrapper[class*=sc-] .special-competition-hot>:not(:first-child) .swiper-button-next svg svg polygon,
.root-wrapper[class*=sc-] .special-competition-hot>:not(:first-child) .swiper-button-next svg svg rect,
.root-wrapper[class*=sc-] .special-competition-hot>:not(:first-child) .swiper-button-prev svg path,
.root-wrapper[class*=sc-] .special-competition-hot>:not(:first-child) .swiper-button-prev svg polygon,
.root-wrapper[class*=sc-] .special-competition-hot>:not(:first-child) .swiper-button-prev svg rect,
.root-wrapper[class*=sc-] .special-competition-hot>:not(:first-child) .swiper-button-prev svg svg path,
.root-wrapper[class*=sc-] .special-competition-hot>:not(:first-child) .swiper-button-prev svg svg polygon,
.root-wrapper[class*=sc-] .special-competition-hot>:not(:first-child) .swiper-button-prev svg svg rect,
.root-wrapper[class*=sc-] .special-competition-matches .swiper-button-next svg path,
.root-wrapper[class*=sc-] .special-competition-matches .swiper-button-next svg polygon,
.root-wrapper[class*=sc-] .special-competition-matches .swiper-button-next svg rect,
.root-wrapper[class*=sc-] .special-competition-matches .swiper-button-next svg svg path,
.root-wrapper[class*=sc-] .special-competition-matches .swiper-button-next svg svg polygon,
.root-wrapper[class*=sc-] .special-competition-matches .swiper-button-next svg svg rect,
.root-wrapper[class*=sc-] .special-competition-matches .swiper-button-prev svg path,
.root-wrapper[class*=sc-] .special-competition-matches .swiper-button-prev svg polygon,
.root-wrapper[class*=sc-] .special-competition-matches .swiper-button-prev svg rect,
.root-wrapper[class*=sc-] .special-competition-matches .swiper-button-prev svg svg path,
.root-wrapper[class*=sc-] .special-competition-matches .swiper-button-prev svg svg polygon,
.root-wrapper[class*=sc-] .special-competition-matches .swiper-button-prev svg svg rect,
.root-wrapper[class*=sc-] .special-competition-offers .swiper-button-next svg path,
.root-wrapper[class*=sc-] .special-competition-offers .swiper-button-next svg polygon,
.root-wrapper[class*=sc-] .special-competition-offers .swiper-button-next svg rect,
.root-wrapper[class*=sc-] .special-competition-offers .swiper-button-next svg svg path,
.root-wrapper[class*=sc-] .special-competition-offers .swiper-button-next svg svg polygon,
.root-wrapper[class*=sc-] .special-competition-offers .swiper-button-next svg svg rect,
.root-wrapper[class*=sc-] .special-competition-offers .swiper-button-prev svg path,
.root-wrapper[class*=sc-] .special-competition-offers .swiper-button-prev svg polygon,
.root-wrapper[class*=sc-] .special-competition-offers .swiper-button-prev svg rect,
.root-wrapper[class*=sc-] .special-competition-offers .swiper-button-prev svg svg path,
.root-wrapper[class*=sc-] .special-competition-offers .swiper-button-prev svg svg polygon,
.root-wrapper[class*=sc-] .special-competition-offers .swiper-button-prev svg svg rect,
.root-wrapper[class*=sc-] .special-competition-players .swiper-button-next svg path,
.root-wrapper[class*=sc-] .special-competition-players .swiper-button-next svg polygon,
.root-wrapper[class*=sc-] .special-competition-players .swiper-button-next svg rect,
.root-wrapper[class*=sc-] .special-competition-players .swiper-button-next svg svg path,
.root-wrapper[class*=sc-] .special-competition-players .swiper-button-next svg svg polygon,
.root-wrapper[class*=sc-] .special-competition-players .swiper-button-next svg svg rect,
.root-wrapper[class*=sc-] .special-competition-players .swiper-button-prev svg path,
.root-wrapper[class*=sc-] .special-competition-players .swiper-button-prev svg polygon,
.root-wrapper[class*=sc-] .special-competition-players .swiper-button-prev svg rect,
.root-wrapper[class*=sc-] .special-competition-players .swiper-button-prev svg svg path,
.root-wrapper[class*=sc-] .special-competition-players .swiper-button-prev svg svg polygon,
.root-wrapper[class*=sc-] .special-competition-players .swiper-button-prev svg svg rect,
.root-wrapper[class*=sc-] .special-competition-statistics .swiper-button-next svg path,
.root-wrapper[class*=sc-] .special-competition-statistics .swiper-button-next svg polygon,
.root-wrapper[class*=sc-] .special-competition-statistics .swiper-button-next svg rect,
.root-wrapper[class*=sc-] .special-competition-statistics .swiper-button-next svg svg path,
.root-wrapper[class*=sc-] .special-competition-statistics .swiper-button-next svg svg polygon,
.root-wrapper[class*=sc-] .special-competition-statistics .swiper-button-next svg svg rect,
.root-wrapper[class*=sc-] .special-competition-statistics .swiper-button-prev svg path,
.root-wrapper[class*=sc-] .special-competition-statistics .swiper-button-prev svg polygon,
.root-wrapper[class*=sc-] .special-competition-statistics .swiper-button-prev svg rect,
.root-wrapper[class*=sc-] .special-competition-statistics .swiper-button-prev svg svg path,
.root-wrapper[class*=sc-] .special-competition-statistics .swiper-button-prev svg svg polygon,
.root-wrapper[class*=sc-] .special-competition-statistics .swiper-button-prev svg svg rect,
.root-wrapper[class*=sc-] .special-competition-teams .swiper-button-next svg path,
.root-wrapper[class*=sc-] .special-competition-teams .swiper-button-next svg polygon,
.root-wrapper[class*=sc-] .special-competition-teams .swiper-button-next svg rect,
.root-wrapper[class*=sc-] .special-competition-teams .swiper-button-next svg svg path,
.root-wrapper[class*=sc-] .special-competition-teams .swiper-button-next svg svg polygon,
.root-wrapper[class*=sc-] .special-competition-teams .swiper-button-next svg svg rect,
.root-wrapper[class*=sc-] .special-competition-teams .swiper-button-prev svg path,
.root-wrapper[class*=sc-] .special-competition-teams .swiper-button-prev svg polygon,
.root-wrapper[class*=sc-] .special-competition-teams .swiper-button-prev svg rect,
.root-wrapper[class*=sc-] .special-competition-teams .swiper-button-prev svg svg path,
.root-wrapper[class*=sc-] .special-competition-teams .swiper-button-prev svg svg polygon,
.root-wrapper[class*=sc-] .special-competition-teams .swiper-button-prev svg svg rect {
  fill: #9f7657;
  transition: .1s cubic-bezier(.64, 0, .35, 1)
}

.root-wrapper[class*=sc-] .slider--bod .swiper-button-next:hover,
.root-wrapper[class*=sc-] .slider--bod .swiper-button-prev:hover,
.root-wrapper[class*=sc-] .special-competition-group .swiper-button-next:hover,
.root-wrapper[class*=sc-] .special-competition-group .swiper-button-prev:hover,
.root-wrapper[class*=sc-] .special-competition-guides .swiper-button-next:hover,
.root-wrapper[class*=sc-] .special-competition-guides .swiper-button-prev:hover,
.root-wrapper[class*=sc-] .special-competition-hot>:not(:first-child) .swiper-button-next:hover,
.root-wrapper[class*=sc-] .special-competition-hot>:not(:first-child) .swiper-button-prev:hover,
.root-wrapper[class*=sc-] .special-competition-matches .swiper-button-next:hover,
.root-wrapper[class*=sc-] .special-competition-matches .swiper-button-prev:hover,
.root-wrapper[class*=sc-] .special-competition-offers .swiper-button-next:hover,
.root-wrapper[class*=sc-] .special-competition-offers .swiper-button-prev:hover,
.root-wrapper[class*=sc-] .special-competition-players .swiper-button-next:hover,
.root-wrapper[class*=sc-] .special-competition-players .swiper-button-prev:hover,
.root-wrapper[class*=sc-] .special-competition-statistics .swiper-button-next:hover,
.root-wrapper[class*=sc-] .special-competition-statistics .swiper-button-prev:hover,
.root-wrapper[class*=sc-] .special-competition-teams .swiper-button-next:hover,
.root-wrapper[class*=sc-] .special-competition-teams .swiper-button-prev:hover {
  opacity: 1
}

@media screen and (min-width:1281px) {

  .root-wrapper[class*=sc-] .slider--bod .swiper-container:hover .swiper-button-next,
  .root-wrapper[class*=sc-] .slider--bod .swiper-container:hover .swiper-button-prev,
  .root-wrapper[class*=sc-] .special-competition-group .swiper-container:hover .swiper-button-next,
  .root-wrapper[class*=sc-] .special-competition-group .swiper-container:hover .swiper-button-prev,
  .root-wrapper[class*=sc-] .special-competition-guides .swiper-container:hover .swiper-button-next,
  .root-wrapper[class*=sc-] .special-competition-guides .swiper-container:hover .swiper-button-prev,
  .root-wrapper[class*=sc-] .special-competition-hot>:not(:first-child) .swiper-container:hover .swiper-button-next,
  .root-wrapper[class*=sc-] .special-competition-hot>:not(:first-child) .swiper-container:hover .swiper-button-prev,
  .root-wrapper[class*=sc-] .special-competition-matches .swiper-container:hover .swiper-button-next,
  .root-wrapper[class*=sc-] .special-competition-matches .swiper-container:hover .swiper-button-prev,
  .root-wrapper[class*=sc-] .special-competition-offers .swiper-container:hover .swiper-button-next,
  .root-wrapper[class*=sc-] .special-competition-offers .swiper-container:hover .swiper-button-prev,
  .root-wrapper[class*=sc-] .special-competition-players .swiper-container:hover .swiper-button-next,
  .root-wrapper[class*=sc-] .special-competition-players .swiper-container:hover .swiper-button-prev,
  .root-wrapper[class*=sc-] .special-competition-statistics .swiper-container:hover .swiper-button-next,
  .root-wrapper[class*=sc-] .special-competition-statistics .swiper-container:hover .swiper-button-prev,
  .root-wrapper[class*=sc-] .special-competition-teams .swiper-container:hover .swiper-button-next,
  .root-wrapper[class*=sc-] .special-competition-teams .swiper-container:hover .swiper-button-prev {
    display: flex
  }
}

.root-wrapper[class*=sc-] .slider--bod .swiper-container:hover .swiper-button-next.swiper-button-disabled,
.root-wrapper[class*=sc-] .slider--bod .swiper-container:hover .swiper-button-prev.swiper-button-disabled,
.root-wrapper[class*=sc-] .special-competition-group .swiper-container:hover .swiper-button-next.swiper-button-disabled,
.root-wrapper[class*=sc-] .special-competition-group .swiper-container:hover .swiper-button-prev.swiper-button-disabled,
.root-wrapper[class*=sc-] .special-competition-guides .swiper-container:hover .swiper-button-next.swiper-button-disabled,
.root-wrapper[class*=sc-] .special-competition-guides .swiper-container:hover .swiper-button-prev.swiper-button-disabled,
.root-wrapper[class*=sc-] .special-competition-hot>:not(:first-child) .swiper-container:hover .swiper-button-next.swiper-button-disabled,
.root-wrapper[class*=sc-] .special-competition-hot>:not(:first-child) .swiper-container:hover .swiper-button-prev.swiper-button-disabled,
.root-wrapper[class*=sc-] .special-competition-matches .swiper-container:hover .swiper-button-next.swiper-button-disabled,
.root-wrapper[class*=sc-] .special-competition-matches .swiper-container:hover .swiper-button-prev.swiper-button-disabled,
.root-wrapper[class*=sc-] .special-competition-offers .swiper-container:hover .swiper-button-next.swiper-button-disabled,
.root-wrapper[class*=sc-] .special-competition-offers .swiper-container:hover .swiper-button-prev.swiper-button-disabled,
.root-wrapper[class*=sc-] .special-competition-players .swiper-container:hover .swiper-button-next.swiper-button-disabled,
.root-wrapper[class*=sc-] .special-competition-players .swiper-container:hover .swiper-button-prev.swiper-button-disabled,
.root-wrapper[class*=sc-] .special-competition-statistics .swiper-container:hover .swiper-button-next.swiper-button-disabled,
.root-wrapper[class*=sc-] .special-competition-statistics .swiper-container:hover .swiper-button-prev.swiper-button-disabled,
.root-wrapper[class*=sc-] .special-competition-teams .swiper-container:hover .swiper-button-next.swiper-button-disabled,
.root-wrapper[class*=sc-] .special-competition-teams .swiper-container:hover .swiper-button-prev.swiper-button-disabled {
  display: none
}

.root-wrapper[class*=sc-matches] .events-list-toggle {
  margin: 0 8px
}

.root-wrapper[class*=sc-matches] .league-block {
  padding: 0 0 16px
}

@media screen and (min-width:1281px) {
  .root-wrapper[class*=sc-matches] .league-block {
    padding: 0 8px 16px
  }
}

.root-wrapper[class*=sc-matches] .sc-tab-container .events-tabs {
  padding-top: 8px
}

.root-wrapper[class*=sc-matches] .league-block__header {
  display: none
}

.root-wrapper[class*=sc-matches] .event__header__title__link {
  color: #8a1538;
  font-weight: 700
}

.root-wrapper[class*=sc-matches] .league-block__events .event__markets {
  margin-bottom: 8px
}

.root-wrapper[class*=sc-matches] .markets__market__header__title {
  padding-top: 8px
}

.root-wrapper[class*=sc-landing] .bet-activity-section {
  padding-top: 0
}

.root-wrapper[class*=sc-landing] .events-list-toggle {
  padding: 8px;
  margin: 0 8px
}

@media screen and (min-width:480px) {
  .root-wrapper[class*=sc-landing] .events-list-toggle {
    margin: 0 16px
  }
}

.root-wrapper[class*=sc-landing] .league-block {
  padding: 0 8px 8px;
  margin: 0
}

@media screen and (min-width:480px) {
  .root-wrapper[class*=sc-landing] .league-block {
    padding: 0 16px 16px
  }
}

@media screen and (min-width:1281px) {
  .root-wrapper[class*=sc-landing] .league-block {
    padding: 0 8px 8px
  }
}

.root-wrapper[class*=sc-landing] .expandable-block:not(:last-child) {
  margin-bottom: 16px
}

.root-wrapper[class*=sc-landing] .expandable-block:last-child {
  margin-bottom: 0
}

@media screen and (min-width:480px) {
  .root-wrapper[class*=sc-landing] .expandable-block:last-child {
    margin-bottom: 8px
  }
}

.root-wrapper[class*=sc-landing] .expandable-header {
  align-items: center;
  margin-bottom: 0
}

@media screen and (min-width:480px) {
  .root-wrapper[class*=sc-landing] .expandable-header {
    padding: 0 16px
  }
}

@media screen and (min-width:1281px) {
  .root-wrapper[class*=sc-landing] .expandable-header {
    padding: 0 8px
  }
}

.root-wrapper[class*=sc-landing] .expandable-header-title__name {
  font-size: 1.14286rem;
  line-height: 20px
}

@media screen and (min-width:480px) {
  .root-wrapper[class*=sc-landing] .expandable-header-title__name {
    font-size: 1.42857rem;
    line-height: 24px
  }
}

.root-wrapper[class*=sc-landing] .expandable-header .sb-arrow path,
.root-wrapper[class*=sc-landing] .expandable-header .sb-arrow polygon,
.root-wrapper[class*=sc-landing] .expandable-header .sb-arrow rect,
.root-wrapper[class*=sc-landing] .expandable-header .sb-arrow svg path,
.root-wrapper[class*=sc-landing] .expandable-header .sb-arrow svg polygon,
.root-wrapper[class*=sc-landing] .expandable-header .sb-arrow svg rect {
  fill: #000;
  transition: .1s cubic-bezier(.64, 0, .35, 1)
}

.root-wrapper[class*=sc-landing] .league-block__header {
  display: none
}

.root-wrapper[class*=sc-match-odds] .breadcrumbs-container--light {
  background-color: initial
}

.root-wrapper[class*=sc-match-odds] .event-details__container {
  background-image: url(assets/static/css-images/special-competition/pre-event-bg.png?v=1) !important;
  background-size: cover;
  background-repeat: no-repeat
}

@media screen and (min-width:825px) {
  .root-wrapper[class*=sc-match-odds] .event-details__container {
    margin: 0 8px;
    border-radius: 8px
  }
}

.root-wrapper[class*=sc-match-odds] .event-details__info {
  background: #fff;
  border-radius: 8px 8px 0 0;
  box-shadow: none
}

.root-wrapper[class*=sc-match-odds] .event-details__teams {
  background: #eceff1;
  margin: 0
}

.root-wrapper[class*=sc-match-odds] .event-details__teams__team {
  padding: 0
}

.root-wrapper[class*=sc-match-odds] .event-details__bottom {
  background: hsla(0, 0%, 100%, .54);
  border-radius: 0 0 8px 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 8px
}

.root-wrapper[class*=sc-match-odds] .event-details__bottom__item {
  font-size: .78571rem;
  line-height: 12px;
  color: #69778b
}

.root-wrapper[class*=sc-match-odds] .tabs-navigation {
  margin-bottom: 4px
}

.root-wrapper[class*=sc-guides] .expandable-block {
  padding: 8px;
  background-color: #f6f8f9;
  border-radius: 16px
}

.root-wrapper[class*=sc-guides] .expandable-header {
  height: auto;
  min-height: 40px;
  padding: 8px 0;
  margin-bottom: 8px
}

.root-wrapper[class*=sc-guides] .expandable-header .sb-arrow {
  align-self: baseline
}

.root-wrapper[class*=sc-guides] .expandable-header .sb-arrow path,
.root-wrapper[class*=sc-guides] .expandable-header .sb-arrow polygon,
.root-wrapper[class*=sc-guides] .expandable-header .sb-arrow rect,
.root-wrapper[class*=sc-guides] .expandable-header .sb-arrow svg path,
.root-wrapper[class*=sc-guides] .expandable-header .sb-arrow svg polygon,
.root-wrapper[class*=sc-guides] .expandable-header .sb-arrow svg rect {
  fill: #000;
  transition: .1s cubic-bezier(.64, 0, .35, 1)
}

.router-link-active,
.router-link-exact-active {
  text-decoration: none
}

.sb-chevron-icon {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  transition: transform .1s linear
}

.sb-chevron-icon path,
.sb-chevron-icon polygon,
.sb-chevron-icon rect,
.sb-chevron-icon svg path,
.sb-chevron-icon svg polygon,
.sb-chevron-icon svg rect {
  fill: currentcolor;
  transition: .1s cubic-bezier(.64, 0, .35, 1)
}

.sb-chevron-icon--top {
  transform: rotate(-90deg)
}

.sb-chevron-icon--bottom,
.sb-chevron-icon--top-reversed {
  transform: rotate(-270deg)
}

.sb-chevron-icon--bottom-reversed {
  transform: rotate(-90deg)
}

.sb-chevron-icon--left {
  transform: rotate(-180deg)
}

.sb-chevron-icon--left-reversed {
  transform: rotate(0deg)
}

.sb-chevron-icon--right {
  transform: rotate(0)
}

.sb-chevron-icon--right-reversed {
  transform: rotate(-180deg)
}

[data-v-51268e68]:export {
  fontSizeXS: .85714rem;
  fontSizeS: 1rem;
  colorAfrodite: #f3d113;
  colorSmokey300: #b6bcc6;
  colorLicorice600: #2d3745;
  colorLicorice600Rgb: 45, 55, 69;
  colorSteel800: #1c2026;
  colorSteel800Rgb: 28, 32, 38;
  colorEastBay400: #48576f;
  colorWhiteSnow: #fff;
  colorWhiteSnowRgb: 255, 255, 255;
  colorCloudBurst: #374456;
  colorDirtySnow100: #eceff1;
  colorDirtySnow100Rgb: 236, 239, 241;
  colorDarkSnow200: #e0e4ea;
  coloDarkSteel900: #101419;
  colorSlate: #69778b;
  colorMars: #f0506e;
  colorMoon: #1b67da;
  colorMoonBaseLight: #6db9ff;
  colorPearl700: #232b36;
  colorPearl700Rgb: 35, 43, 54;
  colorPorcelain: #f6f8f9;
  colorSpecialCompetition: #8a1538;
  colorHermesLight: #bca9ff;
  colorRaspberry: #e70161;
  colorSilverMist: #d1d7e0
}

.color-smokey-300[data-v-51268e68] {
  color: #b6bcc6
}

.color-slate[data-v-51268e68] {
  color: #69778b
}

.color-steel-800[data-v-51268e68] {
  color: #1c2026
}

.color-east-bay-400[data-v-51268e68] {
  color: #48576f
}

[data-v-51268e68]:export {
  opacityFull: 1;
  opacityXxl: .95;
  opacityXl: .87;
  opacityL: .54;
  opacityM: .38;
  opacityS: .17;
  opacityXs: .05;
  opacityZero: 0
}

.opacity-xl[data-v-51268e68] {
  opacity: .87
}

@media screen and (min-width:1025px) {
  [data-v-51268e68]::-webkit-scrollbar {
    width: 6px;
    background-color: transparent
  }

  [data-v-51268e68]::-webkit-scrollbar-thumb {
    background-color: #69778b;
    border-radius: 100px
  }

  [data-v-51268e68]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(105, 119, 139, .54)
  }
}

@supports (-moz-appearance:none) {
  [data-v-51268e68] {
    scrollbar-width: thin
  }
}

.drag-handle[data-v-51268e68] {
  cursor: grab
}

.dragging .drag-handle[data-v-51268e68] {
  cursor: grabbing
}

.draggable-dockable[data-v-51268e68] {
  border-radius: 8px;
  background: #fff;
  transition: transform .2s;
  position: fixed;
  overflow: hidden;
  border: 1px solid #e0e4ea
}

.draggable-dockable--docked[data-v-51268e68] {
  border: 0;
  position: relative;
  flex: 1;
  transform: translate(0) !important
}

.draggable-dockable.dragging[data-v-51268e68] {
  transition: none
}

.draggable-dockable-container--docked[data-v-51268e68] {
  transition: 1s;
  position: relative;
  justify-content: center;
  display: flex;
  margin: 8px
}

[data-v-51268e68] .resize-handle {
  position: absolute;
  right: -999px
}

[data-v-51268e68] .resize-handle-br {
  bottom: 0;
  right: 0;
  cursor: se-resize;
  display: block !important;
  z-index: 1000
}

[data-v-a6c7db18]:export {
  fontSizeXS: .85714rem;
  fontSizeS: 1rem;
  colorAfrodite: #f3d113;
  colorSmokey300: #b6bcc6;
  colorLicorice600: #2d3745;
  colorLicorice600Rgb: 45, 55, 69;
  colorSteel800: #1c2026;
  colorSteel800Rgb: 28, 32, 38;
  colorEastBay400: #48576f;
  colorWhiteSnow: #fff;
  colorWhiteSnowRgb: 255, 255, 255;
  colorCloudBurst: #374456;
  colorDirtySnow100: #eceff1;
  colorDirtySnow100Rgb: 236, 239, 241;
  colorDarkSnow200: #e0e4ea;
  coloDarkSteel900: #101419;
  colorSlate: #69778b;
  colorMars: #f0506e;
  colorMoon: #1b67da;
  colorMoonBaseLight: #6db9ff;
  colorPearl700: #232b36;
  colorPearl700Rgb: 35, 43, 54;
  colorPorcelain: #f6f8f9;
  colorSpecialCompetition: #8a1538;
  colorHermesLight: #bca9ff;
  colorRaspberry: #e70161;
  colorSilverMist: #d1d7e0
}

.color-smokey-300[data-v-a6c7db18] {
  color: #b6bcc6
}

.color-slate[data-v-a6c7db18] {
  color: #69778b
}

.color-steel-800[data-v-a6c7db18] {
  color: #1c2026
}

.color-east-bay-400[data-v-a6c7db18] {
  color: #48576f
}

[data-v-a6c7db18]:export {
  opacityFull: 1;
  opacityXxl: .95;
  opacityXl: .87;
  opacityL: .54;
  opacityM: .38;
  opacityS: .17;
  opacityXs: .05;
  opacityZero: 0
}

.opacity-xl[data-v-a6c7db18] {
  opacity: .87
}

@media screen and (min-width:1025px) {
  [data-v-a6c7db18]::-webkit-scrollbar {
    width: 6px;
    background-color: transparent
  }

  [data-v-a6c7db18]::-webkit-scrollbar-thumb {
    background-color: #69778b;
    border-radius: 100px
  }

  [data-v-a6c7db18]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(105, 119, 139, .54)
  }
}

@supports (-moz-appearance:none) {
  [data-v-a6c7db18] {
    scrollbar-width: thin
  }
}

.base-autosize-input-container[data-v-a6c7db18] {
  display: flex;
  justify-content: space-around;
  height: 72px;
  align-items: center;
  margin: 0 16px
}

.base-autosize-input__field[data-v-a6c7db18] {
  font-family: Ubuntu, sans-serif;
  flex: 1;
  height: 40px;
  background: var(--chat-input-background-color);
  border: 1px solid var(--chat-input-background-border-color);
  color: var(--chat-input-text-color);
  border-radius: 8px;
  padding: 8px;
  box-sizing: border-box;
  font-size: 1rem;
  line-height: 20px;
  max-height: 57px
}

.base-autosize-input__field--light.chat-box-input[data-v-a6c7db18]::-webkit-input-placeholder {
  color: #69778b
}

.base-autosize-input__field.chat-box-input[data-v-a6c7db18] {
  max-height: 40px;
  padding: 12px 8px;
  line-height: 16px;
  outline: unset
}

.base-autosize-input__field.chat-box-input[data-v-a6c7db18]::-webkit-input-placeholder {
  color: #b6bcc6;
  white-space: nowrap
}

.base-autosize-input__cta[data-v-a6c7db18] {
  border-radius: 8px;
  cursor: pointer;
  margin-left: 8px
}

.base-autosize-input__cta[data-v-a6c7db18]:disabled {
  cursor: default
}

[data-v-e38e8318]:export {
  fontSizeXS: .85714rem;
  fontSizeS: 1rem;
  colorAfrodite: #f3d113;
  colorSmokey300: #b6bcc6;
  colorLicorice600: #2d3745;
  colorLicorice600Rgb: 45, 55, 69;
  colorSteel800: #1c2026;
  colorSteel800Rgb: 28, 32, 38;
  colorEastBay400: #48576f;
  colorWhiteSnow: #fff;
  colorWhiteSnowRgb: 255, 255, 255;
  colorCloudBurst: #374456;
  colorDirtySnow100: #eceff1;
  colorDirtySnow100Rgb: 236, 239, 241;
  colorDarkSnow200: #e0e4ea;
  coloDarkSteel900: #101419;
  colorSlate: #69778b;
  colorMars: #f0506e;
  colorMoon: #1b67da;
  colorMoonBaseLight: #6db9ff;
  colorPearl700: #232b36;
  colorPearl700Rgb: 35, 43, 54;
  colorPorcelain: #f6f8f9;
  colorSpecialCompetition: #8a1538;
  colorHermesLight: #bca9ff;
  colorRaspberry: #e70161;
  colorSilverMist: #d1d7e0
}

.color-smokey-300[data-v-e38e8318] {
  color: #b6bcc6
}

.color-slate[data-v-e38e8318] {
  color: #69778b
}

.color-steel-800[data-v-e38e8318] {
  color: #1c2026
}

.color-east-bay-400[data-v-e38e8318] {
  color: #48576f
}

[data-v-e38e8318]:export {
  opacityFull: 1;
  opacityXxl: .95;
  opacityXl: .87;
  opacityL: .54;
  opacityM: .38;
  opacityS: .17;
  opacityXs: .05;
  opacityZero: 0
}

.opacity-xl[data-v-e38e8318] {
  opacity: .87
}

@media screen and (min-width:1025px) {
  [data-v-e38e8318]::-webkit-scrollbar {
    width: 6px;
    background-color: transparent
  }

  [data-v-e38e8318]::-webkit-scrollbar-thumb {
    background-color: #69778b;
    border-radius: 100px
  }

  [data-v-e38e8318]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(105, 119, 139, .54)
  }
}

@supports (-moz-appearance:none) {
  [data-v-e38e8318] {
    scrollbar-width: thin
  }
}

.chat-box-header[data-v-e38e8318] {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex: 1;
  margin: 0 8px
}

.chat-box-header__title[data-v-e38e8318] {
  flex: 1;
  font-size: 1.14286rem;
  font-weight: 700;
  padding: 0 8px
}

.draggable-chat__close-chat[data-v-e38e8318],
.draggable-chat__toggle-draggable[data-v-e38e8318] {
  padding: 4px
}

.draggable-chat__toggle-draggable[data-v-e38e8318] {
  transition: .3s
}

.draggable-chat__close-chat[data-v-e38e8318],
.draggable-chat__toggle-draggable[data-v-e38e8318] {
  cursor: pointer
}

.draggable-chat__toggle-draggable--active[data-v-e38e8318] {
  transform: rotate(180deg)
}

[data-v-5cd1b02a]:export {
  fontSizeXS: .85714rem;
  fontSizeS: 1rem;
  colorAfrodite: #f3d113;
  colorSmokey300: #b6bcc6;
  colorLicorice600: #2d3745;
  colorLicorice600Rgb: 45, 55, 69;
  colorSteel800: #1c2026;
  colorSteel800Rgb: 28, 32, 38;
  colorEastBay400: #48576f;
  colorWhiteSnow: #fff;
  colorWhiteSnowRgb: 255, 255, 255;
  colorCloudBurst: #374456;
  colorDirtySnow100: #eceff1;
  colorDirtySnow100Rgb: 236, 239, 241;
  colorDarkSnow200: #e0e4ea;
  coloDarkSteel900: #101419;
  colorSlate: #69778b;
  colorMars: #f0506e;
  colorMoon: #1b67da;
  colorMoonBaseLight: #6db9ff;
  colorPearl700: #232b36;
  colorPearl700Rgb: 35, 43, 54;
  colorPorcelain: #f6f8f9;
  colorSpecialCompetition: #8a1538;
  colorHermesLight: #bca9ff;
  colorRaspberry: #e70161;
  colorSilverMist: #d1d7e0
}

.color-smokey-300[data-v-5cd1b02a] {
  color: #b6bcc6
}

.color-slate[data-v-5cd1b02a] {
  color: #69778b
}

.color-steel-800[data-v-5cd1b02a] {
  color: #1c2026
}

.color-east-bay-400[data-v-5cd1b02a] {
  color: #48576f
}

[data-v-5cd1b02a]:export {
  opacityFull: 1;
  opacityXxl: .95;
  opacityXl: .87;
  opacityL: .54;
  opacityM: .38;
  opacityS: .17;
  opacityXs: .05;
  opacityZero: 0
}

.opacity-xl[data-v-5cd1b02a] {
  opacity: .87
}

@media screen and (min-width:1025px) {
  [data-v-5cd1b02a]::-webkit-scrollbar {
    width: 6px;
    background-color: transparent
  }

  [data-v-5cd1b02a]::-webkit-scrollbar-thumb {
    background-color: #69778b;
    border-radius: 100px
  }

  [data-v-5cd1b02a]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(105, 119, 139, .54)
  }
}

@supports (-moz-appearance:none) {
  [data-v-5cd1b02a] {
    scrollbar-width: thin
  }
}

.chat-notification-area-description[data-v-5cd1b02a] {
  font-size: 1rem;
  line-height: 16px;
  text-align: center;
  color: var(--chat-notification-color)
}

[data-v-a939da26]:export {
  fontSizeXS: .85714rem;
  fontSizeS: 1rem;
  colorAfrodite: #f3d113;
  colorSmokey300: #b6bcc6;
  colorLicorice600: #2d3745;
  colorLicorice600Rgb: 45, 55, 69;
  colorSteel800: #1c2026;
  colorSteel800Rgb: 28, 32, 38;
  colorEastBay400: #48576f;
  colorWhiteSnow: #fff;
  colorWhiteSnowRgb: 255, 255, 255;
  colorCloudBurst: #374456;
  colorDirtySnow100: #eceff1;
  colorDirtySnow100Rgb: 236, 239, 241;
  colorDarkSnow200: #e0e4ea;
  coloDarkSteel900: #101419;
  colorSlate: #69778b;
  colorMars: #f0506e;
  colorMoon: #1b67da;
  colorMoonBaseLight: #6db9ff;
  colorPearl700: #232b36;
  colorPearl700Rgb: 35, 43, 54;
  colorPorcelain: #f6f8f9;
  colorSpecialCompetition: #8a1538;
  colorHermesLight: #bca9ff;
  colorRaspberry: #e70161;
  colorSilverMist: #d1d7e0
}

.color-smokey-300[data-v-a939da26] {
  color: #b6bcc6
}

.color-slate[data-v-a939da26] {
  color: #69778b
}

.color-steel-800[data-v-a939da26] {
  color: #1c2026
}

.color-east-bay-400[data-v-a939da26] {
  color: #48576f
}

[data-v-a939da26]:export {
  opacityFull: 1;
  opacityXxl: .95;
  opacityXl: .87;
  opacityL: .54;
  opacityM: .38;
  opacityS: .17;
  opacityXs: .05;
  opacityZero: 0
}

.opacity-xl[data-v-a939da26] {
  opacity: .87
}

@media screen and (min-width:1025px) {
  [data-v-a939da26]::-webkit-scrollbar {
    width: 6px;
    background-color: transparent
  }

  [data-v-a939da26]::-webkit-scrollbar-thumb {
    background-color: #69778b;
    border-radius: 100px
  }

  [data-v-a939da26]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(105, 119, 139, .54)
  }
}

@supports (-moz-appearance:none) {
  [data-v-a939da26] {
    scrollbar-width: thin
  }
}

.chat-notification-area-img[data-v-a939da26] {
  margin-top: 4px;
  margin-bottom: 16px
}

.chat-notification-area-img svg path[data-v-a939da26] {
  fill: var(--chat-notification-color)
}

[data-v-1698411d]:export {
  fontSizeXS: .85714rem;
  fontSizeS: 1rem;
  colorAfrodite: #f3d113;
  colorSmokey300: #b6bcc6;
  colorLicorice600: #2d3745;
  colorLicorice600Rgb: 45, 55, 69;
  colorSteel800: #1c2026;
  colorSteel800Rgb: 28, 32, 38;
  colorEastBay400: #48576f;
  colorWhiteSnow: #fff;
  colorWhiteSnowRgb: 255, 255, 255;
  colorCloudBurst: #374456;
  colorDirtySnow100: #eceff1;
  colorDirtySnow100Rgb: 236, 239, 241;
  colorDarkSnow200: #e0e4ea;
  coloDarkSteel900: #101419;
  colorSlate: #69778b;
  colorMars: #f0506e;
  colorMoon: #1b67da;
  colorMoonBaseLight: #6db9ff;
  colorPearl700: #232b36;
  colorPearl700Rgb: 35, 43, 54;
  colorPorcelain: #f6f8f9;
  colorSpecialCompetition: #8a1538;
  colorHermesLight: #bca9ff;
  colorRaspberry: #e70161;
  colorSilverMist: #d1d7e0
}

.color-smokey-300[data-v-1698411d] {
  color: #b6bcc6
}

.color-slate[data-v-1698411d] {
  color: #69778b
}

.color-steel-800[data-v-1698411d] {
  color: #1c2026
}

.color-east-bay-400[data-v-1698411d] {
  color: #48576f
}

[data-v-1698411d]:export {
  opacityFull: 1;
  opacityXxl: .95;
  opacityXl: .87;
  opacityL: .54;
  opacityM: .38;
  opacityS: .17;
  opacityXs: .05;
  opacityZero: 0
}

.opacity-xl[data-v-1698411d] {
  opacity: .87
}

@media screen and (min-width:1025px) {
  [data-v-1698411d]::-webkit-scrollbar {
    width: 6px;
    background-color: transparent
  }

  [data-v-1698411d]::-webkit-scrollbar-thumb {
    background-color: #69778b;
    border-radius: 100px
  }

  [data-v-1698411d]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(105, 119, 139, .54)
  }
}

@supports (-moz-appearance:none) {
  [data-v-1698411d] {
    scrollbar-width: thin
  }
}

.chat-notification-area-title[data-v-1698411d] {
  font-size: 1rem;
  line-height: 16px;
  text-align: center;
  color: var(--chat-notification-color)
}

.chat-notification-area-title .error-title[data-v-1698411d] {
  display: inline-block;
  margin-bottom: 16px
}

[data-v-32220d12]:export {
  fontSizeXS: .85714rem;
  fontSizeS: 1rem;
  colorAfrodite: #f3d113;
  colorSmokey300: #b6bcc6;
  colorLicorice600: #2d3745;
  colorLicorice600Rgb: 45, 55, 69;
  colorSteel800: #1c2026;
  colorSteel800Rgb: 28, 32, 38;
  colorEastBay400: #48576f;
  colorWhiteSnow: #fff;
  colorWhiteSnowRgb: 255, 255, 255;
  colorCloudBurst: #374456;
  colorDirtySnow100: #eceff1;
  colorDirtySnow100Rgb: 236, 239, 241;
  colorDarkSnow200: #e0e4ea;
  coloDarkSteel900: #101419;
  colorSlate: #69778b;
  colorMars: #f0506e;
  colorMoon: #1b67da;
  colorMoonBaseLight: #6db9ff;
  colorPearl700: #232b36;
  colorPearl700Rgb: 35, 43, 54;
  colorPorcelain: #f6f8f9;
  colorSpecialCompetition: #8a1538;
  colorHermesLight: #bca9ff;
  colorRaspberry: #e70161;
  colorSilverMist: #d1d7e0
}

.color-smokey-300[data-v-32220d12] {
  color: #b6bcc6
}

.color-slate[data-v-32220d12] {
  color: #69778b
}

.color-steel-800[data-v-32220d12] {
  color: #1c2026
}

.color-east-bay-400[data-v-32220d12] {
  color: #48576f
}

[data-v-32220d12]:export {
  opacityFull: 1;
  opacityXxl: .95;
  opacityXl: .87;
  opacityL: .54;
  opacityM: .38;
  opacityS: .17;
  opacityXs: .05;
  opacityZero: 0
}

.opacity-xl[data-v-32220d12] {
  opacity: .87
}

@media screen and (min-width:1025px) {
  [data-v-32220d12]::-webkit-scrollbar {
    width: 6px;
    background-color: transparent
  }

  [data-v-32220d12]::-webkit-scrollbar-thumb {
    background-color: #69778b;
    border-radius: 100px
  }

  [data-v-32220d12]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(105, 119, 139, .54)
  }
}

@supports (-moz-appearance:none) {
  [data-v-32220d12] {
    scrollbar-width: thin
  }
}

.chat-notification-area-container[data-v-32220d12] {
  display: flex;
  height: 100%;
  vertical-align: middle;
  align-items: center;
  text-align: center;
  padding: 16px;
  color: #69778b;
  align-self: center;
  justify-content: center
}

.chat-notification-area-content[data-v-32220d12] {
  align-self: center
}

.chat-notification-area-content-wrapper[data-v-32220d12],
.chat-notification-area-content[data-v-32220d12] {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center
}

[data-v-d682821a]:export {
  fontSizeXS: .85714rem;
  fontSizeS: 1rem;
  colorAfrodite: #f3d113;
  colorSmokey300: #b6bcc6;
  colorLicorice600: #2d3745;
  colorLicorice600Rgb: 45, 55, 69;
  colorSteel800: #1c2026;
  colorSteel800Rgb: 28, 32, 38;
  colorEastBay400: #48576f;
  colorWhiteSnow: #fff;
  colorWhiteSnowRgb: 255, 255, 255;
  colorCloudBurst: #374456;
  colorDirtySnow100: #eceff1;
  colorDirtySnow100Rgb: 236, 239, 241;
  colorDarkSnow200: #e0e4ea;
  coloDarkSteel900: #101419;
  colorSlate: #69778b;
  colorMars: #f0506e;
  colorMoon: #1b67da;
  colorMoonBaseLight: #6db9ff;
  colorPearl700: #232b36;
  colorPearl700Rgb: 35, 43, 54;
  colorPorcelain: #f6f8f9;
  colorSpecialCompetition: #8a1538;
  colorHermesLight: #bca9ff;
  colorRaspberry: #e70161;
  colorSilverMist: #d1d7e0
}

.color-smokey-300[data-v-d682821a] {
  color: #b6bcc6
}

.color-slate[data-v-d682821a] {
  color: #69778b
}

.color-steel-800[data-v-d682821a] {
  color: #1c2026
}

.color-east-bay-400[data-v-d682821a] {
  color: #48576f
}

[data-v-d682821a]:export {
  opacityFull: 1;
  opacityXxl: .95;
  opacityXl: .87;
  opacityL: .54;
  opacityM: .38;
  opacityS: .17;
  opacityXs: .05;
  opacityZero: 0
}

.opacity-xl[data-v-d682821a] {
  opacity: .87
}

@media screen and (min-width:1025px) {
  [data-v-d682821a]::-webkit-scrollbar {
    width: 6px;
    background-color: transparent
  }

  [data-v-d682821a]::-webkit-scrollbar-thumb {
    background-color: #69778b;
    border-radius: 100px
  }

  [data-v-d682821a]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(105, 119, 139, .54)
  }
}

@supports (-moz-appearance:none) {
  [data-v-d682821a] {
    scrollbar-width: thin
  }
}

.draggable-header[data-v-d682821a] {
  background: #fff;
  display: flex;
  height: 56px;
  position: sticky;
  flex-direction: row;
  align-items: center;
  box-shadow: 0 0 8px rgba(35, 43, 54, .06), 0 3px 3px -1px rgba(35, 43, 54, .1)
}

.countdown-timer__close {
  cursor: pointer
}

.countdown-timer__wrapper {
  position: relative;
  height: 24px;
  width: 24px;
  text-align: center
}

.countdown-timer__number {
  font-weight: 700;
  font-size: .85714rem;
  line-height: 16px;
  cursor: default;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

.countdown-timer__circle {
  position: relative;
  top: 0;
  right: 0;
  width: 24px;
  height: 24px;
  transform: rotateY(-180deg) rotate(-90deg)
}

.countdown-timer__circle-warning {
  stroke: #faa05a
}

.countdown-timer__circle-danger {
  stroke: #f0506e
}

.countdown-timer__circle>circle {
  stroke-dashoffset: 0px;
  stroke-linecap: round;
  stroke-width: 2px;
  transition: all 1s linear;
  fill: none
}

.disable-background-scroll {
  overflow: hidden
}

.alert-class {
  position: relative;
  margin-bottom: 8px;
  padding: 16px 30px 16px 16px;
  background: transparent;
  color: #1c2026;
  display: inline-block;
  border-radius: 2px;
  font-size: 1rem;
  line-height: 16px;
  max-width: 640px
}

.alert-class--in-element {
  text-align: left;
  max-width: unset;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px;
  font-size: .85714rem;
  line-height: 16px
}

.alert-class--in-element i {
  cursor: pointer
}

.alert-class--in-element .alert-close {
  position: static;
  margin-left: 16px;
  flex: 0 0 auto
}

.alert-class--no-icon {
  padding: 16px
}

*+.alert-class {
  margin-top: 8px
}

.alert-class>:last-child {
  margin-bottom: 0
}

.alert-close {
  position: absolute;
  top: 8px;
  right: 8px;
  margin-top: 5px;
  cursor: pointer
}

.alert-close:first-child+* {
  margin-top: 0
}

.alert-close:focus,
.alert-close:hover {
  color: inherit;
  opacity: .8
}

.alert-primary {
  background: #cedef7;
  color: #1b67da
}

.alert-success {
  background: #dbf8e8;
  color: #13ce66
}

.alert-success path {
  fill: #13ce66
}

.alert-warning {
  background: #fef5ee;
  color: #faa05a
}

.alert-warning path {
  fill: #faa05a
}

.alert-danger {
  background: #fef4f6;
  color: #f0506e
}

.alert-danger path {
  fill: #f0506e
}

.alert--in-element {
  text-align: left;
  max-width: unset;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px;
  font-size: .85714rem;
  line-height: 16px
}

.alert-neutral {
  background: #cedef7;
  color: #1b67da
}

.alert-neutral path {
  fill: #1b67da
}

.responsible-gaming-wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 8px;
  z-index: 8000
}

.responsible-gaming-wrapper .responsible-gaming {
  padding: 8px 0;
  border-radius: 2px;
  display: flex;
  flex: 1
}

.responsible-gaming-wrapper .responsible-gaming__info {
  margin: 4px 8px
}

.responsible-gaming-wrapper .responsible-gaming__message {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1;
  font-size: .85714rem;
  line-height: 16px
}

.responsible-gaming-wrapper .responsible-gaming__message-danger {
  color: #f0506e
}

.responsible-gaming-wrapper .responsible-gaming__message-warning {
  color: #faa05a
}

.responsible-gaming-wrapper .responsible-gaming__message_limits {
  margin-top: 2px;
  cursor: pointer;
  color: #1b67da;
  font-weight: 700;
  display: block;
  text-decoration: none
}

.responsible-gaming-wrapper .responsible-gaming__timer {
  display: flex;
  justify-content: flex-end;
  margin: 4px 8px
}

.responsible-gaming-wrapper .responsible-gaming-danger {
  background-color: #fef4f6
}

.responsible-gaming-wrapper .responsible-gaming-warning {
  background-color: #fef5ee
}

.color-smokey-300 {
  color: #b6bcc6
}

.color-slate {
  color: #69778b
}

.color-steel-800 {
  color: #1c2026
}

.color-east-bay-400 {
  color: #48576f
}

.opacity-xl {
  opacity: .87
}

@media screen and (min-width:1025px) {
  ::-webkit-scrollbar {
    width: 6px;
    background-color: transparent
  }

  ::-webkit-scrollbar-thumb {
    background-color: #69778b;
    border-radius: 100px
  }

  ::-webkit-scrollbar-thumb:hover {
    background-color: rgba(105, 119, 139, .54)
  }
}

@supports (-moz-appearance:none) {
  * {
    scrollbar-width: thin
  }
}

.vertical-overflow-container {
  margin: 0 8px
}

.vertical-overflow-container>:first-child {
  height: 100%
}

.vertical-overflow-container--enabled {
  overflow-x: hidden;
  overflow-y: auto
}

.vertical-overflow-container--no-space {
  margin: 0
}

.vertical-overflow-container--hide-scrollbar {
  scrollbar-width: none;
  -ms-overflow-style: none
}

.vertical-overflow-container--hide-scrollbar::-webkit-scrollbar {
  display: none
}

[data-v-a328a878]:export {
  fontSizeXS: .85714rem;
  fontSizeS: 1rem;
  colorAfrodite: #f3d113;
  colorSmokey300: #b6bcc6;
  colorLicorice600: #2d3745;
  colorLicorice600Rgb: 45, 55, 69;
  colorSteel800: #1c2026;
  colorSteel800Rgb: 28, 32, 38;
  colorEastBay400: #48576f;
  colorWhiteSnow: #fff;
  colorWhiteSnowRgb: 255, 255, 255;
  colorCloudBurst: #374456;
  colorDirtySnow100: #eceff1;
  colorDirtySnow100Rgb: 236, 239, 241;
  colorDarkSnow200: #e0e4ea;
  coloDarkSteel900: #101419;
  colorSlate: #69778b;
  colorMars: #f0506e;
  colorMoon: #1b67da;
  colorMoonBaseLight: #6db9ff;
  colorPearl700: #232b36;
  colorPearl700Rgb: 35, 43, 54;
  colorPorcelain: #f6f8f9;
  colorSpecialCompetition: #8a1538;
  colorHermesLight: #bca9ff;
  colorRaspberry: #e70161;
  colorSilverMist: #d1d7e0
}

.color-smokey-300[data-v-a328a878] {
  color: #b6bcc6
}

.color-slate[data-v-a328a878] {
  color: #69778b
}

.color-steel-800[data-v-a328a878] {
  color: #1c2026
}

.color-east-bay-400[data-v-a328a878] {
  color: #48576f
}

[data-v-a328a878]:export {
  opacityFull: 1;
  opacityXxl: .95;
  opacityXl: .87;
  opacityL: .54;
  opacityM: .38;
  opacityS: .17;
  opacityXs: .05;
  opacityZero: 0
}

.opacity-xl[data-v-a328a878] {
  opacity: .87
}

@use "sass:math";
@media screen and (min-width:1025px) {
  [data-v-a328a878]::-webkit-scrollbar {
    width: 6px;
    background-color: transparent
  }

  [data-v-a328a878]::-webkit-scrollbar-thumb {
    background-color: #69778b;
    border-radius: 100px
  }

  [data-v-a328a878]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(105, 119, 139, .54)
  }
}

@supports (-moz-appearance:none) {
  [data-v-a328a878] {
    scrollbar-width: thin
  }
}

.sidebar-wrapper[data-v-a328a878] {
  display: none
}

@media screen and (min-width:825px) {
  .sidebar-wrapper[data-v-a328a878] {
    display: block
  }
}


.outli
{
    border: 1px solid rgb(72 87 111/1) !important;
}


@import url('https://fonts.googleapis.com/css?family=Inter:100,200,300,400,500,600,700,800,900&display=swap');

* { 
    --tw-ring-offset-shadow: 0 0 #0000; 
    --tw-ring-shadow: 0 0 #0000; 
    --tw-shadow: 0 0 #0000; 
    box-sizing: border-box; 
    border-width: 0; 
    border-style: solid; 
    border-color: #9ca3af4d;
    scrollbar-color: color-mix(in oklch,currentColor 35%,transparent) transparent;
}

*:hover { 
    scrollbar-color: color-mix(in oklch,currentColor 60%,transparent) transparent;
    text-decoration: none !important;
}

.brave-flex { 
    display: flex;
}

.brave-flex-col { 
    flex-direction: column;
}

.brave-gap-4 { 
    gap: 1rem;
}

@media (min-width: 768px) { 
    .brave-md-col-span-8 { 
        grid-column: span 8 / span 8;
    } 
}

.brave-grid { 
    display: grid;
}

@media (min-width: 768px) { 
    .brave-md-grid-cols-12 { 
        grid-template-columns: repeat(12,minmax(0,1fr));
    } 
}

.brave-card { 
    position: relative; 
    display: flex; 
    flex-direction: column; 
    border-radius: var(--rounded-box, 1rem);
}

.brave-bg-base-300 { 
    --tw-bg-opacity: 1; 
    background-color: #fff;
}

.brave-p-4 { 
    padding: 1rem;
}

.brave-grid-cols-10 { 
    grid-template-columns: repeat(10,minmax(0,1fr));
}

.brave-items-center { 
    align-items: center;
}

.brave-gap-2 { 
    gap: .5rem;
}

@media (min-width: 768px) { 
    .brave-md-grid-cols-11 { 
        grid-template-columns: repeat(11,minmax(0,1fr));
    } 
}

a { 
    color: inherit; 
    text-decoration: inherit;
}

.brave-col-span-4 { 
    grid-column: span 4 / span 4;
}

@media (min-width: 768px) { 
    .brave-md-col-span-5 { 
        grid-column: span 5 / span 5;
    } 
}

.brave-col-span-2 { 
    grid-column: span 2 / span 2;
}

.brave-text-center { 
    text-align: center;
}

@media (min-width: 768px) { 
    .brave-md-col-span-1 { 
        grid-column: span 1 / span 1;
    } 
}

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

@media (min-width: 768px) { 
    .brave-md-flex-row { 
        flex-direction: row;
    }
    .brave-md-col-span-2 { 
        grid-column: span 2 / span 2;
    } 
}

.brave-hidden { 
    display: none;
}

@media (min-width: 768px) { 
    .brave-md-block { 
        display: block;
    } 
}

.brave-ml-auto { 
    margin-left: auto;
}

.brave-text-right { 
    text-align: right;
}

img { 
    display: block; 
    vertical-align: middle;
    max-width: 100%; 
    height: auto;
}

.brave-h-6 { 
    height: 1.5rem;
}

.brave-w-6 { 
    width: 1.5rem;
}

svg { 
    display: block; 
    vertical-align: middle;
}

.brave-icon-sm { 
    display: inline; 
    width: 1rem; 
    height: 1rem; 
    flex-shrink: 0;
}

.brave-btn-prediction-calendar { 
    line-height: 1.2; 
    position: relative; 
    display: flex; 
    flex-direction: column; 
    border-radius: var(--rounded-box, 1rem);
    height: 42px; 
    width: 100%; 
    align-items: center; 
    justify-content: center; 
    border-radius: .5rem; 
    --tw-bg-opacity: 1; 
    padding: .25rem .5rem; 
    text-align: center; 
    font-size: .75rem; 
    line-height: 1rem; 
    font-style: italic;
}

@media (min-width: 768px) { 
    .brave-btn-prediction-calendar { 
        width: auto; 
        padding-left: 1rem; 
        padding-right: 1rem; 
        font-size: .875rem; 
        line-height: 1.25rem;
    } 
}

button { 
    font-family: inherit; 
    font-feature-settings: inherit; 
    font-variation-settings: inherit; 
    font-size: 100%; 
    font-weight: inherit; 
    line-height: inherit; 
    letter-spacing: inherit; 
    color: inherit; 
    margin: 0; 
    padding: 0;
    text-transform: none;
    -webkit-appearance: button; 
    background-color: transparent; 
    background-image: none;
    cursor: pointer;
}

.brave-btn { 
    display: inline-flex; 
    height: 3rem; 
    min-height: 3rem; 
    flex-shrink: 0; 
    cursor: pointer; 
    -webkit-user-select: none; 
    -moz-user-select: none; 
    user-select: none; 
    flex-wrap: wrap; 
    align-items: center; 
    justify-content: center; 
    padding-left: 1rem; 
    padding-right: 1rem; 
    text-align: center; 
    font-size: .875rem; 
    line-height: 1em; 
    gap: .5rem; 
    font-weight: 600; 
    text-decoration-line: none; 
    transition-duration: .2s; 
    transition-timing-function: cubic-bezier(0,0,.2,1); 
    transition-property: color,background-color,border-color,opacity,box-shadow,transform; 
    --tw-text-opacity: 1; 
    color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))); 
    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05); 
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); 
    --tw-bg-opacity: 1; 
    --tw-border-opacity: 1;
}

@media (prefers-reduced-motion: no-preference) { 
    .brave-btn { 
        animation: button-pop var(--animation-btn, .25s) ease-out;
    } 
}

.brave-font-bold { 
    font-weight: 700;
}

.brave-text-success { 
    --tw-text-opacity: 1; 
    color: var(--fallback-su,oklch(var(--su)/var(--tw-text-opacity, 1)));
}

.brave-btn:not(.brave-btn-circle, .brave-btn-block) { 
    width: -moz-max-content; 
    width: max-content;
}

.brave-btn:not(.brave-btn-sm):not(.brave-btn-lg):not(.brave-btn-xs):not(.brave-btn-circle) { 
    height: 2.5rem; 
    min-height: 2.5rem;
}

@media (hover: hover) { 
    .brave-btn:hover { 
        --tw-border-opacity: 1; 
        border-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-border-opacity))); 
        --tw-bg-opacity: 1; 
        background-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity)));
        background-color: color-mix(in oklab,oklch(var(--btn-color, var(--b2)) / var(--tw-bg-opacity, 1)) 90%,black); 
        border-color: color-mix(in oklab,oklch(var(--btn-color, var(--b2)) / var(--tw-border-opacity, 1)) 90%,black);
    } 
}

.brave-btn:active:hover { 
    animation: button-pop 0s ease-out; 
    transform: scale(var(--btn-focus-scale, .97));
}

.brave-btn-secondary { 
    --btn-color: var(--s);
    --tw-text-opacity: 1; 
    color: var(--fallback-sc,oklch(var(--sc)/var(--tw-text-opacity))); 
    outline-color: var(--fallback-s,oklch(var(--s)/1));
}

.brave-btn-block { 
    width: 100%;
}

.brave-text-sm { 
    font-size: .875rem; 
    line-height: 1.25rem;
}

p { 
    margin: 0;
}

.brave-lowercase { 
    text-transform: lowercase;
}

@media (min-width: 768px) { 
    .brave-md-hidden { 
        display: none;
    } 
}

.brave-size-4 { 
    width: 1rem; 
    height: 1rem;
}

@media (min-width: 768px) { 
    .brave-md-size-6 { 
        width: 1.5rem; 
        height: 1.5rem;
    } 
}

@keyframes button-pop { 
    0% {  
        transform: scale(var(--btn-focus-scale, .98)); 
    }  
    40% {  
        transform: scale(1.02); 
    }  
    100% {  
        transform: scale(1); 
    }  
}

.color-m
{
  background-color: #c2ff1f;
}

.rounded-full {
  border-radius: 9999px;
}
.size-4 {
  width: 1rem;
  height: 1rem;
}
@media (min-width: 768px) {
  .md\:size-6 {
    width: 1.5rem;
    height: 1.5rem;
  }
}


      /* Component-specific container styles */
      .league-flex {
        display: flex;
    }
    .league-flex-col {
        flex-direction: column;
    }
    .league-gap-2 {
        gap: .5rem;
    }
    .league-py-2 {
        padding-top: .5rem;
        padding-bottom: .5rem;
    }
    .league-md-px-2 {
        padding-left: .5rem;
        padding-right: .5rem;
    }

    /* Link styles */
    .league-items-center {
        align-items: center;
    }
    .league-gap-4 {
        gap: 1rem;
    }
    .league-rounded-xl {
        border-radius: .75rem;
    }
    .league-px-4 {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .league-has-hover {
        transition-property: all;
        transition-timing-function: cubic-bezier(.4,0,.2,1);
        transition-duration: .15s;
    }
    .league-has-hover:hover {
        background-color: oklch(19.9775% .012942 264.223071);
    }

    /* Image styles */
    .league-size-8 {
        width: 2rem;
        height: 2rem;
    }
    .league-rounded-full {
        border-radius: 9999px;
    }
    .league-md-size-14 {
        width: 3.5rem;
        height: 3.5rem;
    }

    /* SVG icon styles */
    .league-ml-auto {
        margin-left: auto;
    }
    .league-icon-sm {
        display: inline;
        width: 1rem;
        height: 1rem;
        flex-shrink: 0;
    }

    /* Text styles */
    .league-line-clamp-1 {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
    }
    .league-text-xs {
        font-size: .75rem;
        line-height: 1rem;
    }
    .league-md-text-sm {
        font-size: .875rem;
        line-height: 1.25rem;
    }

    /* Media queries for responsive styles */
    @media (min-width: 768px) {
        .league-md-px-2 {
            padding-left: .5rem;
            padding-right: .5rem;
        }
        .league-md-size-14 {
            width: 3.5rem;
            height: 3.5rem;
        }
        .league-md-text-sm {
            font-size: .875rem;
            line-height: 1.25rem;
        }
    }



.sts_ftr_outer {
  width:100%;
  color:#fff
}
@media(min-width:992px) {
  .sts_ftr_outer {
    padding-top:60px;
    padding-bottom:56px
  }
}
.sts_ftr_outer a {
  color:#fff
}
.sts_ftr_outer h2 {
  font-size:13px;
  font-weight:500;
  color:#fff;
  margin-bottom:15px
}
.sts_ftr_outer h2 a {
  color:#fff
}
.sts_ftr_outer p {
  font-size:13px;
  font-weight:400;
  line-height:19px;
  margin-bottom:16px
}
.sts_ftr_outer p:last-child {
  margin-bottom:0
}
.sts_ftr_outer ul li {
  font-size:13px;
  line-height:16px;
  margin:0 0 17px
}
.sts_ftr_outer ul li:last-child {
  margin-bottom:0
}
.sts_ftr_outer ul li a {
  font-weight:400;
  color:#fff;
  margin-bottom:18px
}
.sts_ftr_badges {
  margin-bottom:6px;
  display:inline-block
}
.sts_ftr_btm {
  width:100%;
  display:flex;
  align-items:center;
  align-content:center;
  justify-content:space-between;
  color:#fff
}
.sts_ftr_btm p {
  font-size:12px;
  font-weight:400;
  margin:0
}
.sts_ftr_btm_drop {
  min-width:112px;
  display:inline-flex;
  font-size:12px;
  line-height:18px;
  align-content:center;
  align-items:center;
  justify-content:center
}
.sts_ftr_btm_drop .dropdown-toggle {
  font-weight:500;
  color:#fff;
  display:block;
  width:100%;
  height:32px;
  padding:6px;
  border:1px solid #272323;
  border-radius:50px;
  text-align:center
}
.sts_ftr_btm_drop .dropdown-toggle:after {
  content:"";
  font-family:icomoon!important;
  margin:0 0 0 10px;
  border:0;
  font-size:10px;
  line-height:0;
  vertical-align:middle
}
.sts_ftr_btm_drop .dropdown-toggle:hover {
  border-color:#fff;
  color:#fff
}
.sts_ftr_btm_drop .dropdown-menu {
  font-size:12px;
  line-height:18px;
  max-height:105px;
  overflow-y:auto;
  min-width:132px;
  width:100%
}
@media(min-width:992px) {
  .sts_ftr_btm_drop .dropdown-menu {
    top:auto;
    bottom:100%;
    max-height:80vh
  }
}
.sts_ftr_btm_drop .dropdown-menu .drop_link,
.sts_ftr_btm_drop .dropdown-menu a,
.sts_ftr_btm_drop .dropdown-menu p {
  color:#fff
}
.sts_ftr_btm_drop .dropdown-menu .drop_link:hover,
.sts_ftr_btm_drop .dropdown-menu a:hover,
.sts_ftr_btm_drop .dropdown-menu p:hover {
  color:#fff;
  background-color:#f8f9fa
}
.sts_ftr_btm_drop .dropdown-menu .drop_link,
.sts_ftr_btm_drop .dropdown-menu p {
  cursor:pointer;
  display:block;
  padding:4px 24px
}
.sts_ftr_btm_drop .dropdown-menu .drop_link.active,
.sts_ftr_btm_drop .dropdown-menu p.active {
  background-color:#007bff;
  color:#fff
}
.sts_ftr_top {
  display:flex;
  border-bottom:1px solid #ccc;
  padding-bottom:9px;
  margin-bottom:9px;
  flex-wrap:wrap
}
@media(min-width:768px) {
  .sts_ftr_top {
    padding-bottom:30px
  }
}
@media(min-width:992px) {
  .sts_ftr_top {
    flex-wrap:nowrap;
    padding-bottom:50px
  }
}
@media(min-width:1200px) {
  .sts_ftr_top {
    padding-bottom:79px
  }
}
.sts_ftr_top .ftr-top-lft {
  width:100%;
  margin-bottom:30px
}
@media(min-width:992px) {
  .sts_ftr_top .ftr-top-lft {
    width:28%;
    margin-bottom:0
  }
}
@media(max-width:576px) {
  .sts_ftr_top .ftr-top-lft {
    margin-top:20px
  }
}
@media(min-width:1400px) {
  .sts_ftr_top .ftr-top-lft {
    width:25%
  }
}
.sts_ftr_top .ftr-top-rgt {
  width:100%
}
@media(min-width:768px) {
  .sts_ftr_top .ftr-top-rgt {
    width:129px
  }
}
.sts_ftr_top .ftr-top-rgt h2 {
  margin-bottom:19px
}
.ftr-nav {
  display:flex;
  flex-wrap:wrap;
  flex-grow:1;
  padding:0 15px 0 0;
  margin:0 -10px 20px
}
@media(min-width:768px) {
  .ftr-nav {
    margin:0 -10px
  }
}
@media(min-width:992px) {
  .ftr-nav {
    padding:0 15px 0 9%;
    margin:0
  }
}
@media(min-width:1400px) {
  .ftr-nav {
    padding:0 15px 0 14.5%
  }
}
.ftr-nav h2 {
  margin-bottom:17px
}
.ftr-nav-col {
  width:30%;
  padding:0 10px;
  margin-bottom:10px
}
@media(min-width:576px) {
  .ftr-nav-col {
    width:50%;
    margin-bottom:0
  }
}
.ftr-nav-col:nth-child(2) {
  flex-grow:1;
  width:auto
}
@media(min-width:576px) {
  .ftr-nav-col:nth-child(3) {
    width:29%
  }
}
.mobile-footer {
  background:#fff;
  position:fixed;
  bottom:0;
  left:0;
  right:0;
  padding:10px 15px;
  z-index:3
}
.mobile-footer .footer-links-list {
  display:flex;
  justify-content:space-between;
  align-items:center
}
.mobile-footer .footer-links-list li {
  margin-bottom:0;
  font-size:10px;
  line-height:14px;
  font-weight:400;
  text-transform:uppercase;
  padding-right:4px
}
.mobile-footer .footer-links-list li.active .ft-bt-wrap {
  color:#f37022;
  font-weight:500
}
.mobile-footer .footer-links-list li:last-child {
  padding-right:0
}
.mobile-footer .footer-links-list li .ft-bt-wrap {
  display:flex;
  flex-direction:column;
  justify-content:center;
  color:#4a4949;
  margin-bottom:0
}
.mobile-footer .footer-links-list li .ft-bt-wrap:hover {
  color:#fff
}
.mobile-footer .footer-links-list li .ft-bt-wrap .ico-wrap {
  width:28px;
  display:flex;
  align-items:center;
  justify-content:end;
  margin:0 auto 5px;
  position:relative
}
.mobile-footer .footer-links-list li .ft-bt-wrap .ico-wrap .ico {
  font-size:18px
}
.mobile-footer .footer-links-list li .ft-bt-wrap .ico-wrap .point-tag {
  border-radius:10px;
  background:#f37022;
  color:#fff;
  font-size:9px;
  padding:4px 6px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:600;
  overflow:hidden;
  position:absolute;
  top:-3px;
  left:100%;
  font-family: 'Rubik', 'Rubik Fallback', sans-serif;
}
.lst_wrp {
  margin-bottom:25px
}
.nav-link {
  cursor:pointer
}