.jjeSQO.jjeSQO { font-family: var(--font-icons); font-size: 24px; line-height: 100%; }
.jjeSTo.jjeSTo { font-family: var(--font-icons); font-size: 40px; line-height: 100%; }
.jjeSSh.jjeSSh { font-family: var(--font-icons); font-size: 32px; line-height: 100%; }
.jjeSPD.jjeSPD { font-family: var(--font-icons); font-size: 16px; line-height: 100%; }
.jjeSSL.jjeSSL { font-family: var(--font-icons); font-size: 21px; line-height: 100%; }
.jjeSSg.jjeSSg { font-family: var(--font-icons); font-size: 22px; line-height: 100%; }
.jjeSTq.jjeSTq { font-family: var(--font-icons); font-size: 20px; line-height: 100%; }
.jjeSPH.jjeSPH { font-family: var(--font-icons); font-size: 56px; line-height: 100%; }
.lhtDjz { max-width: 1474px; width: 100%; padding: 0px 40px; margin: 0px auto; position: relative; }
.lhtDjz .widget { height: 300px; margin-bottom: 16px; }
@media (max-width: 1016px) {
  .lhtDjz .widget { height: 80vh; }
}

/* LevelUp mobile providers: keep both card columns inside the 96px card. */
@media (max-width: 658px) {
  [data-testid="providers-slider"] [data-testid="provider-card"] > .content,
  [data-testid="providers-slider"] [data-testid="provider-card"] > .banner {
    height: 96px !important;
    min-height: 0 !important;
    box-sizing: border-box !important;
  }

  [data-testid="providers-slider"] [data-testid="provider-card"] > .content > a {
    display: none !important;
  }

  [data-testid="providers-slider"] .slider > .snap-item {
    flex: 0 0 90.9091% !important;
    width: 90.9091% !important;
    min-width: 0 !important;
  }
}


/* LevelUp mobile topics: restore the offsite two-card horizontal slider. */
@media (max-width: 767px) {
  [data-testid="topics-slider"] {
    height: 258px !important;
    min-height: 258px !important;
  }

  [data-testid="topics-slider"] .slider {
    display: flex !important;
    width: 100% !important;
    height: 208px !important;
    min-height: 208px !important;
    gap: 16px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }

  [data-testid="topics-slider"] .slider::-webkit-scrollbar {
    display: none;
  }

  [data-testid="topics-slider"] .slider > .snap-item {
    display: grid !important;
    flex: 0 0 90.9091% !important;
    width: 90.9091% !important;
    height: 208px !important;
    min-width: 0 !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: repeat(2, 96px) !important;
    gap: 16px !important;
    scroll-snap-align: start;
  }

  [data-testid="topics-slider"] .styled__ScTopicCard-sc-a248ecce-1 {
    position: relative !important;
    display: grid !important;
    width: 100% !important;
    height: 96px !important;
    min-height: 96px !important;
    grid-template-columns: minmax(0, 1fr) 132px !important;
    gap: 8px !important;
    overflow: hidden !important;
    border-radius: 12px !important;
    background: rgb(28, 28, 30) !important;
  }

  [data-testid="topics-slider"] .styled__ScTopicCard-sc-a248ecce-1 > .text {
    display: flex !important;
    width: auto !important;
    height: 96px !important;
    box-sizing: border-box !important;
    flex-direction: column !important;
    justify-content: center !important;
    padding: 16px 0 16px 24px !important;
    margin: 0 !important;
  }

  [data-testid="topics-slider"] .styled__ScTopicCard-sc-a248ecce-1 .topic-card__title {
    display: flow-root !important;
    width: 146px !important;
    max-width: 100% !important;
    max-height: 40px !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    color: rgb(255, 255, 255) !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 20px !important;
    text-transform: uppercase !important;
  }

  [data-testid="topics-slider"] .styled__ScTopicCard-sc-a248ecce-1 > .text > a {
    position: absolute !important;
    inset: 0 !important;
    z-index: 5 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
  }

  [data-testid="topics-slider"] .styled__ScTopicCard-sc-a248ecce-1 > .text > a > button {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    opacity: 0 !important;
  }

  [data-testid="topics-slider"] .styled__ScTopicCard-sc-a248ecce-1 > .content {
    display: flex !important;
    width: 132px !important;
    height: 96px !important;
    gap: 8px !important;
    align-items: stretch !important;
    justify-content: flex-end !important;
  }

  [data-testid="topics-slider"] .styled__ScTopicCard-sc-a248ecce-1 .topic-img {
    display: block !important;
    flex: 0 0 96px !important;
    width: 96px !important;
    height: 96px !important;
    object-fit: contain !important;
  }

  [data-testid="topics-slider"] .styled__ScTopicCard-sc-a248ecce-1 .arrow {
    display: flex !important;
    flex: 0 0 16px !important;
    width: 16px !important;
    height: 96px !important;
    margin: 0 12px 0 0 !important;
    align-items: center !important;
    justify-content: center !important;
  }

  [data-testid="topics-slider"] .styled__ScTopicCard-sc-a248ecce-1 .arrow .icon-whiteArrowRight {
    width: 20px !important;
    height: 20px !important;
    color: rgb(142, 142, 147) !important;
    font-size: 20px !important;
    line-height: 20px !important;
  }

  [data-testid="topics-slider"] .all-btn {
    min-width: 83px !important;
    height: 32px !important;
    padding: 0 16px 1px !important;
    display: block !important;
    align-self: flex-start !important;
  }

  [data-testid="topics-slider"] .hvzRGH {
    align-items: normal !important;
  }

  [data-testid="topics-slider"] .hvzRGH > div {
    width: 83.28125px !important;
    height: 50px !important;
    align-items: normal !important;
  }
}

@media (max-width: 1474px) {
  .lhtDjz { max-width: 1168px; }
}
@media (max-width: 1168px) {
  .lhtDjz { max-width: 1016px; }
}
@media (max-width: 1016px) {
  .lhtDjz { max-width: 658px; padding: 0px 16px; }
}
@media (max-width: 658px) {
  .lhtDjz { max-width: 488px; }
}
.dBbcMz { max-width: 1474px; width: 100%; padding: 0px 40px; margin: 0px auto; }
.dBbcMz .widget { height: 300px; margin-bottom: 16px; }
@media (max-width: 1016px) {
  .dBbcMz .widget { height: 80vh; }
}
@media (max-width: 1474px) {
  .dBbcMz { max-width: 1168px; }
}
@media (max-width: 1168px) {
  .dBbcMz { max-width: 1016px; }
}
@media (max-width: 1016px) {
  .dBbcMz { max-width: 658px; padding: 0px 16px; }
}
@media (max-width: 658px) {
  .dBbcMz { max-width: 488px; }
}
.gvUcCQ { color: rgb(255, 255, 255); }
@media (max-width: 1016px) {
  .gvUcCQ { margin-top: 16px; }
}
.gvUcCQ .without-margin-top { margin-top: 0px !important; }
.gvUcCQ h1 { text-transform: uppercase; margin-bottom: 32px; font-size: 32px; font-weight: 700; line-height: 40px; letter-spacing: 0.03em; }
@media (max-width: 1016px) {
  .gvUcCQ h1 { font-size: 28px; line-height: 36px; }
  .gvUcCQ h1.h1.de { font-size: 21px; }
}
.gvUcCQ h2 { font-size: 20px; font-weight: 700; line-height: 26px; letter-spacing: 0.02em; margin-top: 64px; margin-bottom: 32px; }
@media (max-width: 1016px) {
  .gvUcCQ h2 { font-size: 18px; line-height: 26px; }
}
.gvUcCQ .static-main h2 { text-align: center; font-size: 22px; font-weight: 700; line-height: 28px; letter-spacing: 0.02em; }
@media (max-width: 1016px) {
  .gvUcCQ .static-main h2 { font-size: 20px; font-weight: 700; line-height: 26px; letter-spacing: 0.02em; }
}
@media (max-width: 1016px) {
  .gvUcCQ h2, .gvUcCQ .payment { text-align: center; }
}
.gvUcCQ h4 { margin-top: 24px; }
.gvUcCQ p, .gvUcCQ td, .gvUcCQ th { color: rgba(255, 255, 255, 0.6); margin-top: 16px; font-size: 16px; font-weight: 400; line-height: 24px; letter-spacing: normal; }
.gvUcCQ p > strong:first-child, .gvUcCQ li > strong:first-child { color: rgb(255, 255, 255); }
.gvUcCQ th { font-weight: 400; }
.gvUcCQ ul, .gvUcCQ ol { font-size: 16px; font-weight: 400; line-height: 24px; letter-spacing: normal; color: rgba(255, 255, 255, 0.6); margin: 32px 0px 32px 32px; }
.gvUcCQ ul > li:not(:last-child), .gvUcCQ ol > li:not(:last-child) { margin-bottom: 32px; }
.gvUcCQ .horizontal-scroll { overflow-x: auto; }
.gvUcCQ table { width: 100%; border-collapse: collapse; }
.gvUcCQ th, .gvUcCQ td { border: 1px solid rgba(255, 255, 255, 0.6); padding: 8px; text-align: left; }
.gvUcCQ p a, .gvUcCQ ul a, .gvUcCQ ol a { color: rgb(234, 91, 12); }
.gvUcCQ ul { list-style-type: none; }
.gvUcCQ .paymentsText { max-width: 50%; margin: auto auto 64px; text-align: center; }
@media (max-width: 1016px) {
  .gvUcCQ .paymentsText { max-width: 100%; }
}
.gvUcCQ .paymentsText h1 { margin-bottom: 16px; }
.gvUcCQ .paymentsText * { color: white; }
.gvUcCQ .categories-container { margin-bottom: -32px; }
.gvUcCQ b { color: rgb(255, 255, 255) !important; }
.gvUcCQ .static-no-margin-top { margin-top: -32px; }
.iYFJhd { display: flex; flex-direction: column; row-gap: 48px; width: calc(100% + 0vw); overflow: hidden; margin-bottom: 48px; }
@media (max-width: 1168px) {
  .iYFJhd { row-gap: 32px; }
}
.eCpRTU { -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; position: relative; border: 2px solid rgb(37, 170, 214); font-weight: bold; text-transform: uppercase; border-radius: 50px; cursor: pointer; transition: box-shadow 0.3s, background-color 0.3s, border-color 0.3s, color 0.3s; padding: 0px 16px 1px; z-index: 0; overflow: hidden; font-size: 14px; min-width: 128px; height: 40px; display: block; width: 100%; background-color: rgb(37, 170, 214); color: rgb(255, 255, 255); }
.eCpRTU .text { position: relative; z-index: 1; }
.eCpRTU .text .play-btn-content { display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 8px; color: rgb(255, 255, 255); text-transform: uppercase; font-weight: bold; font-size: 14px; border-radius: 40px; }
.eCpRTU .text .play-btn-content > img { width: 15%; height: 37.5%; max-width: 16px; max-height: 18px; }
@media (max-width: 408px) {
  .eCpRTU .text .play-btn-content > img { width: 20%; height: 50%; }
}
.eCpRTU .text .play-btn-content > span { flex-shrink: 0; }
@media (max-width: 1168px) {
  .eCpRTU .text .play-btn-content { font-size: 16px; }
}
@media (max-width: 488px) {
  .eCpRTU .text .play-btn-content { font-size: 14px; }
}
.eCpRTU .awareWrap { inset: 0px; width: auto; height: auto; border-radius: 50px; position: absolute; overflow: hidden; display: flex; }
@media (max-width: 991px) {
  .eCpRTU .awareWrap { display: none; }
}
.eCpRTU .aware { position: absolute; display: block; width: 0px; height: 0px; border-radius: 50px; transform: translate(-50%, -50%); transition: width 0.3s linear, height 0.3s linear, background-color 0.3s; z-index: 0; }
.eCpRTU:hover .aware { width: 250%; height: 250%; }
.eCpRTU:active { opacity: 0.8; }
.eCpRTU .text { position: relative; z-index: 1; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
.eCpRTU .aware { background-color: rgb(66, 199, 243); }
.eCpRTU:hover { background-color: rgb(37, 170, 214); border-color: rgb(66, 199, 243); }
.eCpRTU:active { opacity: 1; border-color: rgb(2, 142, 188); }
.eCpRTU:active .text { opacity: 0.8; }
.eCpRTU:active .aware { background-color: rgb(2, 142, 188); }
.eCpRTU:disabled { cursor: not-allowed; opacity: 0.4; }
.eCpRTU:disabled .awareWrap { display: none; }
.ieFlpy { -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; position: relative; border: 2px solid rgb(234, 91, 12); font-weight: bold; text-transform: uppercase; border-radius: 50px; cursor: pointer; transition: box-shadow 0.3s, background-color 0.3s, border-color 0.3s, color 0.3s; padding: 0px 16px 1px; z-index: 0; overflow: hidden; font-size: 14px; min-width: 128px; height: 40px; display: block; width: 100%; background-color: rgb(234, 91, 12); color: rgb(255, 255, 255); }
.ieFlpy .text { position: relative; z-index: 1; }
.ieFlpy .text .play-btn-content { display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 8px; color: rgb(255, 255, 255); text-transform: uppercase; font-weight: bold; font-size: 14px; border-radius: 40px; }
.ieFlpy .text .play-btn-content > img { width: 15%; height: 37.5%; max-width: 16px; max-height: 18px; }
@media (max-width: 408px) {
  .ieFlpy .text .play-btn-content > img { width: 20%; height: 50%; }
}
.ieFlpy .text .play-btn-content > span { flex-shrink: 0; }
@media (max-width: 1168px) {
  .ieFlpy .text .play-btn-content { font-size: 16px; }
}
@media (max-width: 488px) {
  .ieFlpy .text .play-btn-content { font-size: 14px; }
}
.ieFlpy .awareWrap { inset: 0px; width: auto; height: auto; border-radius: 50px; position: absolute; overflow: hidden; display: flex; }
@media (max-width: 991px) {
  .ieFlpy .awareWrap { display: none; }
}
.ieFlpy .aware { position: absolute; display: block; width: 0px; height: 0px; border-radius: 50px; transform: translate(-50%, -50%); transition: width 0.3s linear, height 0.3s linear, background-color 0.3s; z-index: 0; }
.ieFlpy:hover .aware { width: 250%; height: 250%; }
.ieFlpy:active { opacity: 0.8; }
.ieFlpy .text { position: relative; z-index: 1; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
.ieFlpy::before { inset: 0px; content: ""; background-color: transparent; position: absolute; border-radius: 50px; }
.ieFlpy .aware { background-color: rgb(255, 114, 38); }
.ieFlpy:hover { border-color: rgb(255, 114, 38); }
.ieFlpy:active { opacity: 1; border-color: rgb(227, 82, 2); }
.ieFlpy:active .text { opacity: 0.8; }
.ieFlpy:active .aware { background-color: rgb(227, 82, 2); }
.ieFlpy:disabled { cursor: not-allowed; opacity: 0.4; }
.ieFlpy:disabled .awareWrap { display: none; }
.JOLSU { -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; position: relative; border: 2px solid rgb(0, 0, 0); font-weight: bold; text-transform: uppercase; border-radius: 50px; cursor: pointer; transition: box-shadow 0.3s, background-color 0.3s, border-color 0.3s, color 0.3s; padding: 0px 16px 1px; z-index: 0; overflow: hidden; font-size: 14px; min-width: 144px; height: 48px; display: block; width: 100%; background-color: transparent; color: rgb(0, 0, 0); }
.JOLSU .text { position: relative; z-index: 1; }
.JOLSU .text .play-btn-content { display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 8px; color: rgb(255, 255, 255); text-transform: uppercase; font-weight: bold; font-size: 14px; border-radius: 40px; }
.JOLSU .text .play-btn-content > img { width: 15%; height: 37.5%; max-width: 16px; max-height: 18px; }
@media (max-width: 408px) {
  .JOLSU .text .play-btn-content > img { width: 20%; height: 50%; }
}
.JOLSU .text .play-btn-content > span { flex-shrink: 0; }
@media (max-width: 1168px) {
  .JOLSU .text .play-btn-content { font-size: 16px; }
}
@media (max-width: 488px) {
  .JOLSU .text .play-btn-content { font-size: 14px; }
}
.JOLSU .awareWrap { inset: 0px; width: auto; height: auto; border-radius: 50px; position: absolute; overflow: hidden; display: flex; }
@media (max-width: 991px) {
  .JOLSU .awareWrap { display: none; }
}
.JOLSU .aware { position: absolute; display: block; width: 0px; height: 0px; border-radius: 50px; transform: translate(-50%, -50%); transition: width 0.3s linear, height 0.3s linear, background-color 0.3s; z-index: 0; }
.JOLSU:hover .aware { width: 250%; height: 250%; }
.JOLSU:active { opacity: 0.8; }
.JOLSU .text { position: relative; z-index: 1; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
.JOLSU .aware { background-color: white; }
.JOLSU:not(:disabled):hover { color: rgb(0, 0, 0); }
@media (max-width: 1016px) {
  .JOLSU:not(:disabled):hover { background-color: transparent; color: rgb(255, 255, 255); }
}
.JOLSU .aware { background-color: rgb(0, 0, 0); }
.JOLSU:not(:disabled):hover { color: rgb(255, 255, 255); animation: 0.3s ease 0s 1 normal none running efICDK; }
@media (max-width: 991px) {
  .JOLSU:not(:disabled):hover { color: rgb(0, 0, 0); }
}
.JOLSU:disabled { cursor: not-allowed; opacity: 0.4; }
.JOLSU:disabled .awareWrap { display: none; }
.dNXfIJ { -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; position: relative; border: 2px solid rgb(234, 91, 12); font-weight: bold; text-transform: uppercase; border-radius: 50px; cursor: pointer; transition: box-shadow 0.3s, background-color 0.3s, border-color 0.3s, color 0.3s; padding: 0px 16px 1px; z-index: 0; overflow: hidden; font-size: 14px; min-width: 128px; height: 40px; display: block; width: 100%; background-color: rgb(234, 91, 12); color: rgb(255, 255, 255); }
.dNXfIJ .text { position: relative; z-index: 1; }
.dNXfIJ .text .play-btn-content { display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 8px; color: rgb(255, 255, 255); text-transform: uppercase; font-weight: bold; font-size: 14px; border-radius: 40px; }
.dNXfIJ .text .play-btn-content > img { width: 15%; height: 37.5%; max-width: 16px; max-height: 18px; }
@media (max-width: 408px) {
  .dNXfIJ .text .play-btn-content > img { width: 20%; height: 50%; }
}
.dNXfIJ .text .play-btn-content > span { flex-shrink: 0; }
@media (max-width: 1168px) {
  .dNXfIJ .text .play-btn-content { font-size: 16px; }
}
@media (max-width: 488px) {
  .dNXfIJ .text .play-btn-content { font-size: 14px; }
}
.dNXfIJ .awareWrap { inset: 0px; width: auto; height: auto; border-radius: 50px; position: absolute; overflow: hidden; display: flex; }
@media (max-width: 991px) {
  .dNXfIJ .awareWrap { display: none; }
}
.dNXfIJ .aware { position: absolute; display: block; width: 0px; height: 0px; border-radius: 50px; transform: translate(-50%, -50%); transition: width 0.3s linear, height 0.3s linear, background-color 0.3s; z-index: 0; }
.dNXfIJ:hover .aware { width: 250%; height: 250%; }
.dNXfIJ:active { opacity: 0.8; }
.dNXfIJ .text { position: relative; z-index: 1; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
.dNXfIJ::before { inset: 0px; content: ""; background-color: transparent; position: absolute; border-radius: 50px; }
.dNXfIJ .aware { background-color: rgb(255, 114, 38); }
.dNXfIJ:hover { border-color: rgb(255, 114, 38); }
.dNXfIJ:active { opacity: 1; border-color: rgb(227, 82, 2); }
.dNXfIJ:active .text { opacity: 0.8; }
.dNXfIJ:active .aware { background-color: rgb(227, 82, 2); }
.dNXfIJ:disabled { cursor: not-allowed; opacity: 0.4; }
.dNXfIJ:disabled .awareWrap { display: none; }
.iFRevN { display: inline-block; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; position: relative; border: 2px solid rgb(255, 255, 255); font-weight: bold; text-transform: uppercase; border-radius: 50px; cursor: pointer; transition: box-shadow 0.3s, background-color 0.3s, border-color 0.3s, color 0.3s; padding: 0px 8px 1px; z-index: 0; overflow: hidden; font-size: 14px; height: 32px; min-width: auto; background-color: transparent; color: rgb(255, 255, 255); }
.iFRevN .text { position: relative; z-index: 1; }
.iFRevN .text .play-btn-content { display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 8px; color: rgb(255, 255, 255); text-transform: uppercase; font-weight: bold; font-size: 14px; border-radius: 40px; }
.iFRevN .text .play-btn-content > img { width: 15%; height: 37.5%; max-width: 16px; max-height: 18px; }
@media (max-width: 408px) {
  .iFRevN .text .play-btn-content > img { width: 20%; height: 50%; }
}
.iFRevN .text .play-btn-content > span { flex-shrink: 0; }
@media (max-width: 1168px) {
  .iFRevN .text .play-btn-content { font-size: 16px; }
}
@media (max-width: 488px) {
  .iFRevN .text .play-btn-content { font-size: 14px; }
}
.iFRevN .awareWrap { inset: 0px; width: auto; height: auto; border-radius: 50px; position: absolute; overflow: hidden; display: flex; }
@media (max-width: 991px) {
  .iFRevN .awareWrap { display: none; }
}
.iFRevN .aware { position: absolute; display: block; width: 0px; height: 0px; border-radius: 50px; transform: translate(-50%, -50%); transition: width 0.3s linear, height 0.3s linear, background-color 0.3s; z-index: 0; }
.iFRevN:hover .aware { width: 250%; height: 250%; }
.iFRevN:active { opacity: 0.8; }
.iFRevN .text { position: relative; z-index: 1; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
.iFRevN .aware { background-color: white; }
.iFRevN:not(:disabled):hover { color: rgb(0, 0, 0); }
@media (max-width: 1016px) {
  .iFRevN:not(:disabled):hover { background-color: transparent; color: rgb(255, 255, 255); }
}
.iFRevN:disabled { cursor: not-allowed; opacity: 0.4; }
.iFRevN:disabled .awareWrap { display: none; }
.iULixT { display: inline-block; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; position: relative; border: 2px solid rgb(255, 255, 255); font-weight: bold; text-transform: uppercase; border-radius: 50px; cursor: pointer; transition: box-shadow 0.3s, background-color 0.3s, border-color 0.3s, color 0.3s; padding: 0px 44px 1px; z-index: 0; overflow: hidden; font-size: 14px; min-width: 128px; height: 40px; background-color: transparent; color: rgb(255, 255, 255); }
.iULixT .text { position: relative; z-index: 1; }
.iULixT .text .play-btn-content { display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 8px; color: rgb(255, 255, 255); text-transform: uppercase; font-weight: bold; font-size: 14px; border-radius: 40px; }
.iULixT .text .play-btn-content > img { width: 15%; height: 37.5%; max-width: 16px; max-height: 18px; }
@media (max-width: 408px) {
  .iULixT .text .play-btn-content > img { width: 20%; height: 50%; }
}
.iULixT .text .play-btn-content > span { flex-shrink: 0; }
@media (max-width: 1168px) {
  .iULixT .text .play-btn-content { font-size: 16px; }
}
@media (max-width: 488px) {
  .iULixT .text .play-btn-content { font-size: 14px; }
}
.iULixT .awareWrap { inset: 0px; width: auto; height: auto; border-radius: 50px; position: absolute; overflow: hidden; display: flex; }
@media (max-width: 991px) {
  .iULixT .awareWrap { display: none; }
}
.iULixT .aware { position: absolute; display: block; width: 0px; height: 0px; border-radius: 50px; transform: translate(-50%, -50%); transition: width 0.3s linear, height 0.3s linear, background-color 0.3s; z-index: 0; }
.iULixT:hover .aware { width: 250%; height: 250%; }
.iULixT:active { opacity: 0.8; }
.iULixT .text { position: relative; z-index: 1; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
.iULixT .aware { background-color: white; }
.iULixT:not(:disabled):hover { color: rgb(0, 0, 0); }
@media (max-width: 1016px) {
  .iULixT:not(:disabled):hover { background-color: transparent; color: rgb(255, 255, 255); }
}
.iULixT:disabled { cursor: not-allowed; opacity: 0.4; }
.iULixT:disabled .awareWrap { display: none; }
.jgjteq { -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; position: relative; border: 2px solid rgb(255, 255, 255); font-weight: bold; text-transform: uppercase; border-radius: 50px; cursor: pointer; transition: box-shadow 0.3s, background-color 0.3s, border-color 0.3s, color 0.3s; padding: 0px 16px 1px; z-index: 0; overflow: hidden; font-size: 14px; min-width: 128px; height: 40px; display: block; width: 100%; background-color: transparent; color: rgb(255, 255, 255); }
.jgjteq .text { position: relative; z-index: 1; }
.jgjteq .text .play-btn-content { display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 8px; color: rgb(255, 255, 255); text-transform: uppercase; font-weight: bold; font-size: 14px; border-radius: 40px; }
.jgjteq .text .play-btn-content > img { width: 15%; height: 37.5%; max-width: 16px; max-height: 18px; }
@media (max-width: 408px) {
  .jgjteq .text .play-btn-content > img { width: 20%; height: 50%; }
}
.jgjteq .text .play-btn-content > span { flex-shrink: 0; }
@media (max-width: 1168px) {
  .jgjteq .text .play-btn-content { font-size: 16px; }
}
@media (max-width: 488px) {
  .jgjteq .text .play-btn-content { font-size: 14px; }
}
.jgjteq .awareWrap { inset: 0px; width: auto; height: auto; border-radius: 50px; position: absolute; overflow: hidden; display: flex; }
@media (max-width: 991px) {
  .jgjteq .awareWrap { display: none; }
}
.jgjteq .aware { position: absolute; display: block; width: 0px; height: 0px; border-radius: 50px; transform: translate(-50%, -50%); transition: width 0.3s linear, height 0.3s linear, background-color 0.3s; z-index: 0; }
.jgjteq:hover .aware { width: 250%; height: 250%; }
.jgjteq:active { opacity: 0.8; }
.jgjteq .text { position: relative; z-index: 1; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
.jgjteq .aware { background-color: white; }
.jgjteq:not(:disabled):hover { color: rgb(0, 0, 0); }
@media (max-width: 1016px) {
  .jgjteq:not(:disabled):hover { background-color: transparent; color: rgb(255, 255, 255); }
}
.jgjteq:disabled { cursor: not-allowed; opacity: 0.4; }
.jgjteq:disabled .awareWrap { display: none; }
.gCQQGJ { display: inline-block; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; position: relative; border: 2px solid rgb(255, 255, 255); font-weight: bold; text-transform: uppercase; border-radius: 50px; cursor: pointer; transition: box-shadow 0.3s, background-color 0.3s, border-color 0.3s, color 0.3s; padding: 0px 16px 1px; z-index: 0; overflow: hidden; font-size: 14px; height: 32px; min-width: auto; background-color: transparent; color: rgb(255, 255, 255); }
.gCQQGJ .text { position: relative; z-index: 1; }
.gCQQGJ .text .play-btn-content { display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 8px; color: rgb(255, 255, 255); text-transform: uppercase; font-weight: bold; font-size: 14px; border-radius: 40px; }
.gCQQGJ .text .play-btn-content > img { width: 15%; height: 37.5%; max-width: 16px; max-height: 18px; }
@media (max-width: 408px) {
  .gCQQGJ .text .play-btn-content > img { width: 20%; height: 50%; }
}
.gCQQGJ .text .play-btn-content > span { flex-shrink: 0; }
@media (max-width: 1168px) {
  .gCQQGJ .text .play-btn-content { font-size: 16px; }
}
@media (max-width: 488px) {
  .gCQQGJ .text .play-btn-content { font-size: 14px; }
}
.gCQQGJ .awareWrap { inset: 0px; width: auto; height: auto; border-radius: 50px; position: absolute; overflow: hidden; display: flex; }
@media (max-width: 991px) {
  .gCQQGJ .awareWrap { display: none; }
}
.gCQQGJ .aware { position: absolute; display: block; width: 0px; height: 0px; border-radius: 50px; transform: translate(-50%, -50%); transition: width 0.3s linear, height 0.3s linear, background-color 0.3s; z-index: 0; }
.gCQQGJ:hover .aware { width: 250%; height: 250%; }
.gCQQGJ:active { opacity: 0.8; }
.gCQQGJ .text { position: relative; z-index: 1; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
.gCQQGJ .aware { background-color: white; }
.gCQQGJ:not(:disabled):hover { color: rgb(0, 0, 0); }
@media (max-width: 1016px) {
  .gCQQGJ:not(:disabled):hover { background-color: transparent; color: rgb(255, 255, 255); }
}
.gCQQGJ:disabled { cursor: not-allowed; opacity: 0.4; }
.gCQQGJ:disabled .awareWrap { display: none; }
.eYgthE { display: inline-block; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; position: relative; border: 2px solid rgb(234, 91, 12); font-weight: bold; text-transform: uppercase; border-radius: 50px; cursor: pointer; transition: box-shadow 0.3s, background-color 0.3s, border-color 0.3s, color 0.3s; padding: 0px 16px 1px; z-index: 0; overflow: hidden; font-size: 14px; min-width: 128px; height: 40px; background-color: rgb(234, 91, 12); color: rgb(255, 255, 255); }
.eYgthE .text { position: relative; z-index: 1; }
.eYgthE .text .play-btn-content { display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 8px; color: rgb(255, 255, 255); text-transform: uppercase; font-weight: bold; font-size: 14px; border-radius: 40px; }
.eYgthE .text .play-btn-content > img { width: 15%; height: 37.5%; max-width: 16px; max-height: 18px; }
@media (max-width: 408px) {
  .eYgthE .text .play-btn-content > img { width: 20%; height: 50%; }
}
.eYgthE .text .play-btn-content > span { flex-shrink: 0; }
@media (max-width: 1168px) {
  .eYgthE .text .play-btn-content { font-size: 16px; }
}
@media (max-width: 488px) {
  .eYgthE .text .play-btn-content { font-size: 14px; }
}
.eYgthE .awareWrap { inset: 0px; width: auto; height: auto; border-radius: 50px; position: absolute; overflow: hidden; display: flex; }
@media (max-width: 991px) {
  .eYgthE .awareWrap { display: none; }
}
.eYgthE .aware { position: absolute; display: block; width: 0px; height: 0px; border-radius: 50px; transform: translate(-50%, -50%); transition: width 0.3s linear, height 0.3s linear, background-color 0.3s; z-index: 0; }
.eYgthE:hover .aware { width: 250%; height: 250%; }
.eYgthE:active { opacity: 0.8; }
.eYgthE .text { position: relative; z-index: 1; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
.eYgthE::before { inset: 0px; content: ""; background-color: transparent; position: absolute; border-radius: 50px; }
.eYgthE .aware { background-color: rgb(255, 114, 38); }
.eYgthE:hover { border-color: rgb(255, 114, 38); }
.eYgthE:active { opacity: 1; border-color: rgb(227, 82, 2); }
.eYgthE:active .text { opacity: 0.8; }
.eYgthE:active .aware { background-color: rgb(227, 82, 2); }
.eYgthE:disabled { cursor: not-allowed; opacity: 0.4; }
.eYgthE:disabled .awareWrap { display: none; }
.gebhSW { -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; position: relative; border: 2px solid rgb(234, 91, 12); font-weight: bold; text-transform: uppercase; border-radius: 50px; cursor: pointer; transition: box-shadow 0.3s, background-color 0.3s, border-color 0.3s, color 0.3s; padding: 0px 16px 1px; z-index: 0; overflow: hidden; font-size: 16px; min-width: 192px; height: 48px; display: block; width: 100%; background-color: rgb(234, 91, 12); color: rgb(255, 255, 255); }
.gebhSW .text { position: relative; z-index: 1; }
.gebhSW .text .play-btn-content { display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 8px; color: rgb(255, 255, 255); text-transform: uppercase; font-weight: bold; font-size: 14px; border-radius: 40px; }
.gebhSW .text .play-btn-content > img { width: 15%; height: 37.5%; max-width: 16px; max-height: 18px; }
@media (max-width: 408px) {
  .gebhSW .text .play-btn-content > img { width: 20%; height: 50%; }
}
.gebhSW .text .play-btn-content > span { flex-shrink: 0; }
@media (max-width: 1168px) {
  .gebhSW .text .play-btn-content { font-size: 16px; }
}
@media (max-width: 488px) {
  .gebhSW .text .play-btn-content { font-size: 14px; }
}
.gebhSW .awareWrap { inset: 0px; width: auto; height: auto; border-radius: 50px; position: absolute; overflow: hidden; display: flex; }
@media (max-width: 991px) {
  .gebhSW .awareWrap { display: none; }
}
.gebhSW .aware { position: absolute; display: block; width: 0px; height: 0px; border-radius: 50px; transform: translate(-50%, -50%); transition: width 0.3s linear, height 0.3s linear, background-color 0.3s; z-index: 0; }
.gebhSW:hover .aware { width: 250%; height: 250%; }
.gebhSW:active { opacity: 0.8; }
.gebhSW .text { position: relative; z-index: 1; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
.gebhSW::before { inset: 0px; content: ""; background-color: transparent; position: absolute; border-radius: 50px; }
.gebhSW .aware { background-color: rgb(255, 114, 38); }
.gebhSW:hover { border-color: rgb(255, 114, 38); }
.gebhSW:active { opacity: 1; border-color: rgb(227, 82, 2); }
.gebhSW:active .text { opacity: 0.8; }
.gebhSW:active .aware { background-color: rgb(227, 82, 2); }
.gebhSW:disabled { cursor: not-allowed; opacity: 0.4; }
.gebhSW:disabled .awareWrap { display: none; }
.cOCNgc { -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; position: relative; border: 2px solid rgb(255, 255, 255); font-weight: bold; text-transform: uppercase; border-radius: 50px; cursor: pointer; transition: box-shadow 0.3s, background-color 0.3s, border-color 0.3s, color 0.3s; padding: 0px 16px 1px; z-index: 0; overflow: hidden; font-size: 14px; min-width: 144px; height: 48px; display: block; width: 100%; background-color: transparent; color: rgb(255, 255, 255); }
.cOCNgc .text { position: relative; z-index: 1; }
.cOCNgc .text .play-btn-content { display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 8px; color: rgb(255, 255, 255); text-transform: uppercase; font-weight: bold; font-size: 14px; border-radius: 40px; }
.cOCNgc .text .play-btn-content > img { width: 15%; height: 37.5%; max-width: 16px; max-height: 18px; }
@media (max-width: 408px) {
  .cOCNgc .text .play-btn-content > img { width: 20%; height: 50%; }
}
.cOCNgc .text .play-btn-content > span { flex-shrink: 0; }
@media (max-width: 1168px) {
  .cOCNgc .text .play-btn-content { font-size: 16px; }
}
@media (max-width: 488px) {
  .cOCNgc .text .play-btn-content { font-size: 14px; }
}
.cOCNgc .awareWrap { inset: 0px; width: auto; height: auto; border-radius: 50px; position: absolute; overflow: hidden; display: flex; }
@media (max-width: 991px) {
  .cOCNgc .awareWrap { display: none; }
}
.cOCNgc .aware { position: absolute; display: block; width: 0px; height: 0px; border-radius: 50px; transform: translate(-50%, -50%); transition: width 0.3s linear, height 0.3s linear, background-color 0.3s; z-index: 0; }
.cOCNgc:hover .aware { width: 250%; height: 250%; }
.cOCNgc:active { opacity: 0.8; }
.cOCNgc .text { position: relative; z-index: 1; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
.cOCNgc .aware { background-color: white; }
.cOCNgc:not(:disabled):hover { color: rgb(0, 0, 0); }
@media (max-width: 1016px) {
  .cOCNgc:not(:disabled):hover { background-color: transparent; color: rgb(255, 255, 255); }
}
.cOCNgc:disabled { cursor: not-allowed; opacity: 0.4; }
.cOCNgc:disabled .awareWrap { display: none; }
.cCwGWM { display: inline-block; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; position: relative; border: 2px solid rgb(255, 255, 255); font-weight: bold; text-transform: uppercase; border-radius: 50px; cursor: pointer; transition: box-shadow 0.3s, background-color 0.3s, border-color 0.3s, color 0.3s; padding: 0px 16px 1px; z-index: 0; overflow: hidden; font-size: 14px; height: 40px; min-width: auto; background-color: transparent; color: rgb(255, 255, 255); }
.cCwGWM .text { position: relative; z-index: 1; }
.cCwGWM .text .play-btn-content { display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 8px; color: rgb(255, 255, 255); text-transform: uppercase; font-weight: bold; font-size: 14px; border-radius: 40px; }
.cCwGWM .text .play-btn-content > img { width: 15%; height: 37.5%; max-width: 16px; max-height: 18px; }
@media (max-width: 408px) {
  .cCwGWM .text .play-btn-content > img { width: 20%; height: 50%; }
}
.cCwGWM .text .play-btn-content > span { flex-shrink: 0; }
@media (max-width: 1168px) {
  .cCwGWM .text .play-btn-content { font-size: 16px; }
}
@media (max-width: 488px) {
  .cCwGWM .text .play-btn-content { font-size: 14px; }
}
.cCwGWM .awareWrap { inset: 0px; width: auto; height: auto; border-radius: 50px; position: absolute; overflow: hidden; display: flex; }
@media (max-width: 991px) {
  .cCwGWM .awareWrap { display: none; }
}
.cCwGWM .aware { position: absolute; display: block; width: 0px; height: 0px; border-radius: 50px; transform: translate(-50%, -50%); transition: width 0.3s linear, height 0.3s linear, background-color 0.3s; z-index: 0; }
.cCwGWM:hover .aware { width: 250%; height: 250%; }
.cCwGWM:active { opacity: 0.8; }
.cCwGWM .text { position: relative; z-index: 1; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
.cCwGWM .aware { background-color: white; }
.cCwGWM:not(:disabled):hover { color: rgb(0, 0, 0); }
@media (max-width: 1016px) {
  .cCwGWM:not(:disabled):hover { background-color: transparent; color: rgb(255, 255, 255); }
}
.cCwGWM:disabled { cursor: not-allowed; opacity: 0.4; }
.cCwGWM:disabled .awareWrap { display: none; }
* { padding: 0px; margin: 0px; box-sizing: border-box; }
body { background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); }
#chatra:not(.chatra--expanded) { pointer-events: none; visibility: hidden !important; opacity: 0 !important; }
.close { color: rgb(0, 0, 0); }
#root { display: flex; flex-direction: column; height: 100%; min-height: 100vh; }
input, button, textarea { font-family: inherit; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: none; }
input:focus, button:focus, textarea:focus { outline: none; }
img { vertical-align: middle; }
a { text-decoration: none; color: rgb(37, 170, 214); }
:focus, :active { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
@media (max-width: 658px) {
  .tournament-iframe { overflow-x: auto; }
  .tournament-iframe iframe { min-width: 450px; }
}
.intercom-namespace .intercom-messenger-frame { bottom: 36px !important; }
.ezQhpJ { background-color: rgb(0, 0, 0); border-radius: 24px 24px 0px 0px; box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 10px 8px, rgba(0, 0, 0, 0.4) 0px 0px 20px 8px; position: relative; z-index: 4; }
.bjBriU { transition: margin-top 0.3s; position: relative; display: flex; flex-direction: column; height: 100%; min-height: 100vh; }
.bbijxa { height: 100%; margin-top: 0px; }
.bbijxa > main { height: 100%; }
.hBvEIH { width: 100%; z-index: 23; border-radius: 0px 0px 24px 24px; top: 0px; position: fixed; left: 50%; transform: translateX(-50%); padding-top: 8px; transition: padding-top 0.3s; }
.hBvEIH::before { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgb(0, 0, 0); z-index: -1; border-radius: 0px; opacity: 0; }
.hBvEIH > div { padding: 8px 8px 8px 16px; position: relative; }
.hBvEIH > div::before { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgb(0, 0, 0); border-radius: 74px; z-index: -1; }
@media (max-width: 1016px) {
  .hBvEIH { top: 0px; padding-top: 1px; background-color: transparent; }
  .hBvEIH::before { border-radius: 0px 0px 24px 24px; }
  .hBvEIH > div { padding: 8px; }
  .hBvEIH > div::before { content: none; }
}
.csPaNq { width: 100%; z-index: 23; border-radius: 0px 0px 24px 24px; top: 0px; position: fixed; left: 50%; transform: translateX(-50%); padding-top: 8px; transition: padding-top 0.3s; }
.csPaNq::before { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgb(0, 0, 0); z-index: -1; border-radius: 0px; opacity: 1; box-shadow: rgba(0, 0, 0, 0.3) 0px -8px 8px 12px; }
.csPaNq > div { padding: 8px 8px 8px 16px; position: relative; }
.csPaNq > div::before { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgb(0, 0, 0); border-radius: 74px; z-index: -1; }
@media (max-width: 1016px) {
  .csPaNq { top: 0px; padding-top: 1px; background-color: rgb(0, 0, 0); }
  .csPaNq::before { border-radius: 0px 0px 24px 24px; }
  .csPaNq > div { padding: 8px; }
  .csPaNq > div::before { content: none; }
}
.fEqrOL { width: 100%; z-index: 23; border-radius: 0px 0px 24px 24px; top: 0px; position: fixed; left: 50%; transform: translateX(-50%); padding-top: 8px; transition: padding-top 0.3s; }
.fEqrOL::before { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgb(0, 0, 0); z-index: -1; border-radius: 0px; opacity: 1; box-shadow: rgba(0, 0, 0, 0.3) 0px -8px 8px 12px; }
.fEqrOL > div { padding: 8px 8px 8px 16px; position: static; }
.fEqrOL > div::before { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgb(0, 0, 0); border-radius: 74px; z-index: -1; }
@media (max-width: 1016px) {
  .fEqrOL { top: 0px; padding-top: 1px; background-color: transparent; }
  .fEqrOL::before { border-radius: 0px 0px 24px 24px; }
  .fEqrOL > div { padding: 8px; }
  .fEqrOL > div::before { content: none; }
}
.hOjOdh { display: block; }
@media (max-width: 1168px) {
  .hOjOdh { display: none; }
}
.kLDNZg { display: none; }
@media (max-width: 1168px) {
  .kLDNZg { display: block; }
}
.ctoJxq { pointer-events: auto; display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; gap: 4px; width: calc(100% - 16px); position: relative; margin: 0px auto; }
.gGStap { display: flex; flex-flow: row; -webkit-box-align: center; align-items: center; gap: 16px; -webkit-box-pack: justify; justify-content: space-between; }
.gGStap > .reg-btns { width: 100%; display: flex; gap: 8px; }
.gGStap > .panel { display: flex; gap: 8px; -webkit-box-align: center; align-items: center; }
.ktUNbn { display: flex; flex-flow: row; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: center; align-items: center; }
.ilJfdH > a { max-width: 140px; width: fit-content; height: 40px; display: block; place-content: center; }
.ilJfdH > a > img { object-fit: cover; }
@media (max-width: 1016px) {
  .ilJfdH > a { max-width: 48px; }
  .ilJfdH > a > img { object-fit: contain; }
}
.kpauZF { display: flex; flex-flow: row; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: center; align-items: center; gap: 8px; }
.cLpGwl { position: relative; z-index: 15; display: flex; flex-flow: row; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }
.FcCqV { list-style: none; display: flex; flex-wrap: nowrap; overflow: hidden auto; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: center; align-items: center; margin-left: 32px; position: relative; gap: 8px; }
@media (max-width: 1474px) {
  .FcCqV { margin-left: 16px; }
}
@media (max-width: 1168px) {
  .FcCqV { flex-direction: column; gap: 8px; margin: 16px 0px 0px; }
}
.FcCqV > li { position: relative; }
.FcCqV > li > button { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: none; }
@media (max-width: 1168px) {
  .FcCqV > li { width: 100%; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 12px; padding: 15px 12px 15px 16px; display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; }
}
.FcCqV > li .notification { content: ""; position: absolute; right: 36px; width: 8px; height: 8px; top: 50%; transform: translateY(-50%); background-color: rgb(222, 46, 7); border-radius: 50%; }
.FcCqV > li > a, .FcCqV > li > button { display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; color: rgb(255, 255, 255); text-decoration: none; text-transform: uppercase; font-weight: 700; font-size: 14px; line-height: 20px; letter-spacing: 0.01em; position: relative; height: 35px; transition: color 0.3s; width: 100%; }
@media (max-width: 1474px) {
  .FcCqV > li > a.de, .FcCqV > li > button.de { padding: 0px 4px; }
}
@media (max-width: 1168px) {
  .FcCqV > li > a, .FcCqV > li > button { -webkit-box-pack: start; justify-content: flex-start; font-size: 16px; line-height: 20px; padding: 0px; height: auto; }
}
.FcCqV > li > a i, .FcCqV > li > button i { position: relative; margin: 0px 8px; z-index: -1; font-weight: 400; transition: fill 0.3s; }
@media (max-width: 1168px) {
  .FcCqV > li > a i, .FcCqV > li > button i { margin-left: 0px; }
}
@media (hover: hover) {
  .FcCqV > li > a:hover, .FcCqV > li > button:hover { color: rgb(234, 91, 12); }
  @media (max-width: 1016px) {
  .FcCqV > li > a:hover, .FcCqV > li > button:hover { color: rgb(255, 255, 255); }
}
  .FcCqV > li > a:hover i, .FcCqV > li > button:hover i { color: rgb(234, 91, 12); }
}
.FcCqV > li.active > a, .FcCqV > li.active > button { color: rgb(234, 91, 12); }
.FcCqV > li.active > a i, .FcCqV > li.active > button i { color: rgb(234, 91, 12); }
.FcCqV > li.active > a i:first-child, .FcCqV > li.active > button i:first-child { color: rgb(234, 91, 12); }
.FcCqV > li .arrow { flex-shrink: 0; width: 16px; height: 100%; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }
.estPiQ { display: inline-block; height: 56px; width: 100%; border-radius: 8px; background: linear-gradient(to right, rgb(28, 28, 30) 8%, rgb(19, 19, 20) 18%, rgb(28, 28, 30) 33%) 0% 0% / 200% 100%; animation: 3s ease 0s infinite normal none running tBfxT; }
.roYYs { display: inline-block; height: 1020px; width: 100%; border-radius: 8px; background: linear-gradient(to right, rgb(28, 28, 30) 8%, rgb(19, 19, 20) 18%, rgb(28, 28, 30) 33%) 0% 0% / 200% 100%; animation: 3s ease 0s infinite normal none running tBfxT; }
.lnjxTP { display: inline-block; height: 40px; width: 100%; border-radius: 8px; background: linear-gradient(to right, rgb(28, 28, 30) 8%, rgb(19, 19, 20) 18%, rgb(28, 28, 30) 33%) 0% 0% / 200% 100%; animation: 3s ease 0s infinite normal none running tBfxT; }
.hfFiRA { display: inline-block; height: 40px; width: 250px; border-radius: 8px; background: linear-gradient(to right, rgb(28, 28, 30) 8%, rgb(19, 19, 20) 18%, rgb(28, 28, 30) 33%) 0% 0% / 200% 100%; animation: 3s ease 0s infinite normal none running tBfxT; }
.jJZaHE { display: inline-block; height: 32px; width: 170px; border-radius: 8px; background: linear-gradient(to right, rgb(28, 28, 30) 8%, rgb(19, 19, 20) 18%, rgb(28, 28, 30) 33%) 0% 0% / 200% 100%; animation: 3s ease 0s infinite normal none running tBfxT; }
.eLHkJM { display: inline-block; height: 218px; width: 100%; border-radius: 8px; background: linear-gradient(to right, rgb(28, 28, 30) 8%, rgb(19, 19, 20) 18%, rgb(28, 28, 30) 33%) 0% 0% / 200% 100%; animation: 3s ease 0s infinite normal none running tBfxT; }
.beXkrU { display: inline-block; height: 128px; width: 100%; border-radius: 8px; background: linear-gradient(to right, rgb(28, 28, 30) 8%, rgb(19, 19, 20) 18%, rgb(28, 28, 30) 33%) 0% 0% / 200% 100%; animation: 3s ease 0s infinite normal none running tBfxT; }
.iafOdT { display: inline-block; height: 176px; width: 100%; border-radius: 8px; background: linear-gradient(to right, rgb(28, 28, 30) 8%, rgb(19, 19, 20) 18%, rgb(28, 28, 30) 33%) 0% 0% / 200% 100%; animation: 3s ease 0s infinite normal none running tBfxT; }
.hHuwJo { display: inline-block; height: 120px; width: 100%; border-radius: 8px; background: linear-gradient(to right, rgb(28, 28, 30) 8%, rgb(19, 19, 20) 18%, rgb(28, 28, 30) 33%) 0% 0% / 200% 100%; animation: 3s ease 0s infinite normal none running tBfxT; }
.etMfrk { position: relative; z-index: 12; background-color: rgb(28, 28, 30); display: flex; flex-flow: row; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: center; align-items: center; height: 40px; width: 100%; max-width: 192px; box-sizing: border-box; border-radius: 28px; font-size: 16px; line-height: 24px; color: rgb(142, 142, 147); transition: border-color 0.2s; cursor: pointer; }
.etMfrk .providerLogo { position: absolute; width: 40px; left: 0px; top: 0px; bottom: 0px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
.etMfrk .providerLogo > img { width: 20px; height: 20px; object-fit: contain; vertical-align: bottom; }
@media (hover: hover) {
  .etMfrk:hover { color: rgb(255, 255, 255); }
  .etMfrk:hover > .arrow .arrow-icon { color: rgb(255, 255, 255); }
}
.etMfrk > .value { font-size: 16px; line-height: 24px; padding: 0px 48px 0px 16px; white-space: nowrap; text-align: left; text-overflow: ellipsis; overflow: hidden; transition: 0.2s; }
.etMfrk > .arrow { position: absolute; right: 16px; top: 10px; transition: transform 0.2s; transform: rotate(0deg); }
.etMfrk > .arrow i { transform: rotate(90deg); display: block; color: rgb(99, 99, 102); }
.haQvzR { position: relative; width: 48px; height: 48px; border-radius: 50%; background: rgba(255, 255, 255, 0); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; cursor: pointer; overflow: hidden; transition: 0.3s; }
.haQvzR .tuple { position: absolute; left: 0%; width: 200%; top: 0px; bottom: 0px; display: flex; flex-flow: row; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; transition: 0.2s; }
.haQvzR .tuple .tuple_item { position: relative; width: 100%; height: 100%; display: flex; flex-direction: row; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }
.haQvzR .tuple .tuple_item .button-icon { font-size: 40px; color: rgb(255, 255, 255); }
@media (max-width: 1016px) {
  .haQvzR { width: 40px; height: 40px; }
}
@media (hover: hover) {
  .haQvzR:hover { background: rgb(28, 28, 30); }
  @media (max-width: 1016px) {
  .haQvzR:hover { background: rgba(255, 255, 255, 0); }
}
}
.JMUut { position: relative; width: 48px; height: 48px; border-radius: 50%; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; cursor: pointer; overflow: hidden; transition: 0.3s; background: transparent; }
.JMUut .button-icon { color: rgb(255, 255, 255); }
@media (max-width: 1016px) {
  .JMUut { display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; width: 40px; height: 40px; }
}
@media (hover: hover) {
  .JMUut:hover { background: rgb(28, 28, 30); }
  @media (max-width: 1016px) {
  .JMUut:hover { background: rgba(255, 255, 255, 0); }
}
}
.fEXDgx { position: relative; display: flex; width: max-content; z-index: 1; }
@media (max-width: 1016px) {
  .fEXDgx { z-index: 1; width: 100%; }
}
.lbRuOd { display: flex; flex-flow: row; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: center; align-items: center; background: rgb(28, 28, 30); border-radius: 24px; color: rgb(255, 255, 255); width: 84px; height: 48px; text-transform: uppercase; cursor: pointer; text-align: left; position: relative; padding: 4px; font-size: 16px; font-weight: 700; line-height: 24px; letter-spacing: 0.16px; }
@media (max-width: 658px) {
  .lbRuOd { width: 100%; }
}
@media (hover: hover) {
  .lbRuOd:hover > .arrow i { color: rgb(255, 255, 255); }
}
.lbRuOd > .arrow { position: absolute; right: 16px; top: 18px; }
.lbRuOd > .arrow i { display: block; transition: transform 0.2s; transform: rotate(90deg); color: rgb(99, 99, 102); }
.lbRuOd > .flag img { border-radius: 50%; object-fit: cover; object-position: center center; }
.lbRuOd > .value { margin-left: 8px; padding-top: 2px; }
.TVtUy { display: flex; flex-flow: row; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: center; align-items: center; background: rgb(28, 28, 30); border-radius: 24px; color: rgb(255, 255, 255); width: 160px; height: 40px; text-transform: uppercase; cursor: pointer; text-align: left; position: relative; padding: 0px 16px 3px; font-size: 16px; font-weight: 700; line-height: 24px; letter-spacing: 0.16px; }
@media (max-width: 658px) {
  .TVtUy { width: 100%; }
}
@media (hover: hover) {
  .TVtUy:hover > .arrow i { color: rgb(255, 255, 255); }
}
.TVtUy > .arrow { position: absolute; right: 16px; top: 10px; }
.TVtUy > .arrow i { display: block; transition: transform 0.2s; transform: rotate(90deg); color: rgb(99, 99, 102); }
.TVtUy > .flag img { border-radius: 50%; object-fit: cover; object-position: center center; }
.TVtUy > .value { margin-left: 8px; padding-top: 2px; }
.kupwEr { white-space: nowrap; width: 100%; }
.kupwEr button { min-width: auto; }
.hYqDMM { width: 48px; height: 40px; background: url("/_a/assets/icon-logomin-275098e7e3.svg") center center / contain no-repeat; }
.lgUdTq { width: 100%; min-height: 25px; background-color: rgb(242, 242, 244); color: rgb(0, 0, 0); display: flex; flex-direction: column; border-radius: 8px; overflow: hidden; }
.lgUdTq > .question { color: rgb(0, 0, 0); font-weight: bold; font-size: 16px; line-height: 24px; cursor: pointer; padding: 16px; position: relative; display: flex; flex-direction: row; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; transition: 0.2s; column-gap: 16px; z-index: 2; }
@media (hover: hover) {
  .lgUdTq > .question:hover { color: rgb(234, 91, 12); }
  .lgUdTq > .question:hover > .open-close-btn::before, .lgUdTq > .question:hover > .open-close-btn::after { background-color: rgb(0, 0, 0); }
  .lgUdTq > .question:hover .arrow > i { color: rgb(0, 0, 0); }
}
.lgUdTq > .question > .arrow { display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; width: 16px; height: 16px; transform: rotate(90deg); }
.lgUdTq > .question > .arrow > i { color: rgb(142, 142, 147); }
.lgUdTq > .question > .open-close-btn { width: 21px; height: 21px; flex-shrink: 0; position: relative; }
.lgUdTq > .question > .open-close-btn::before, .lgUdTq > .question > .open-close-btn::after { content: ""; display: block; background-color: rgb(142, 142, 147); position: absolute; transition: transform 500ms; }
.lgUdTq > .question > .open-close-btn::before { width: 100%; height: 1px; left: 0px; top: 50%; transform: rotate(0deg); }
.lgUdTq > .question > .open-close-btn::after { width: 1px; height: 100%; left: 50%; top: 0px; transform: rotate(0deg); }
.lgUdTq > .answer-box { display: grid; grid-template-rows: 0fr; transition: grid-template-rows 0.2s; }
.lgUdTq > .answer-box > .answer { font-size: 16px; line-height: 24px; padding: 0px 16px; overflow: hidden; z-index: 2; }
.lgUdTq > .answer-box > .answer > p { padding-bottom: 16px; white-space: pre-line; }
.hclRDb { position: relative; display: flex; flex-direction: column; gap: 4px; }
.hclRDb .content { position: relative; }
.hclRDb .content .addons { position: absolute; height: 100%; top: 0px; right: 4px; display: flex; -webkit-box-align: center; align-items: center; gap: 4px; }
.hclRDb .content .addons > .icon { width: 32px; height: 32px; object-fit: contain; }
.hclRDb .content .addons > .icon.error-icon { background: url("/_a/assets/icon-tickcircledeclineicon-663c33719b.svg") center center no-repeat; }
.hclRDb .content .addons > .icon.success-icon { background: url("/_a/assets/icon-tickcircleicon-297823ce6f.svg") center center no-repeat; }
.hclRDb > .info, .hclRDb > .error, .hclRDb .content > .error { font-size: 12px; line-height: 18px; padding: 0px 16px; position: relative; }
.hclRDb > .info { color: rgb(0, 0, 0); }
.hclRDb .content > .error, .hclRDb > .error { color: rgb(222, 46, 7); }
.hclRDb input::-webkit-input-placeholder { color: rgb(142, 142, 147); }
.hclRDb input::placeholder { color: rgb(142, 142, 147); }
.hiuyhD { font-size: 16px; line-height: 24px; color: rgb(0, 0, 0); height: 40px; width: 100%; border: 2px solid transparent; border-radius: 24px; padding: 8px 16px; background-color: rgb(242, 242, 244); transition: padding 0.2s, border-color 0.3s; appearance: none; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; text-decoration: none; }
.hiuyhD:focus { border-color: rgb(211, 211, 217); color: rgb(0, 0, 0); }
.hiuyhD:disabled { color: rgba(0, 0, 0, 0.4); }
.hiuyhD::-webkit-search-decoration, .hiuyhD::-webkit-search-cancel-button, .hiuyhD::-webkit-search-results-button, .hiuyhD::-webkit-search-results-decoration { display: none; }
.hiuyhD:focus::-webkit-input-placeholder { color: rgb(0, 0, 0); }
.hiuyhD:focus::placeholder { color: rgb(0, 0, 0); }
@media (hover: none) {
  .hiuyhD:focus[name="search"]::-webkit-input-placeholder { color: rgb(142, 142, 147); }
}
@media (hover: none) {
}
@media (hover: none) {
}
@media (hover: none) {
  .hiuyhD:focus[name="search"]::placeholder { color: rgb(142, 142, 147); }
}
.hiuyhD:disabled::-webkit-input-placeholder { color: rgb(142, 142, 147); }
.hiuyhD:disabled::placeholder { color: rgb(142, 142, 147); }
@media (hover: hover) {
  .hiuyhD:hover:not(:disabled)::-webkit-input-placeholder { color: rgb(0, 0, 0); }
}
@media (hover: hover) {
}
@media (hover: hover) {
}
@media (hover: hover) {
  .hiuyhD:hover:not(:disabled)::placeholder { color: rgb(0, 0, 0); }
}
.irMQFi { font-size: 16px; line-height: 24px; color: rgb(0, 0, 0); height: 40px; width: 100%; border: 2px solid transparent; border-radius: 24px; padding: 8px 8px 8px 16px; background-color: rgb(242, 242, 244); transition: padding 0.2s, border-color 0.3s; appearance: none; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; text-decoration: none; }
.irMQFi:focus { border-color: rgb(211, 211, 217); color: rgb(0, 0, 0); }
.irMQFi:disabled { color: rgba(0, 0, 0, 0.4); }
.irMQFi::-webkit-search-decoration, .irMQFi::-webkit-search-cancel-button, .irMQFi::-webkit-search-results-button, .irMQFi::-webkit-search-results-decoration { display: none; }
.irMQFi::-webkit-input-placeholder { color: rgb(142, 142, 147); transition: color 0.3s; }
.irMQFi::placeholder { color: rgb(142, 142, 147); transition: color 0.3s; }
.irMQFi:focus::-webkit-input-placeholder { color: rgb(0, 0, 0); }
.irMQFi:focus::placeholder { color: rgb(0, 0, 0); }
@media (hover: none) {
  .irMQFi:focus[name="search"]::-webkit-input-placeholder { color: rgb(142, 142, 147); }
}
@media (hover: none) {
}
@media (hover: none) {
}
@media (hover: none) {
  .irMQFi:focus[name="search"]::placeholder { color: rgb(142, 142, 147); }
}
.irMQFi:disabled::-webkit-input-placeholder { color: rgb(142, 142, 147); }
.irMQFi:disabled::placeholder { color: rgb(142, 142, 147); }
@media (hover: hover) {
  .irMQFi:hover:not(:disabled)::-webkit-input-placeholder { color: rgb(0, 0, 0); }
}
@media (hover: hover) {
}
@media (hover: hover) {
}
@media (hover: hover) {
  .irMQFi:hover:not(:disabled)::placeholder { color: rgb(0, 0, 0); }
}
.cfSIVk { position: relative; z-index: 0; }
.cfSIVk > .select-button { position: relative; z-index: 1; display: flex; flex-flow: row; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: center; align-items: center; min-width: 0px; font-size: 16px; line-height: 24px; font-weight: 400; color: rgb(0, 0, 0); height: 40px; width: 100%; border: 2px solid transparent; border-radius: 24px; padding: 8px 16px; background-color: rgb(242, 242, 244); transition: border-color 0.2s; cursor: pointer; }
.cfSIVk > .select-button > .value { padding-right: 30px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 20ch; opacity: 1; }
.cfSIVk > .select-button > .value.with-icon { position: relative; }
.cfSIVk > .select-button > .value.with-icon img { width: 24px; height: 24px; border-radius: 50%; margin-right: 8px; }
.cfSIVk > .select-button > .value .placeholder { color: rgb(142, 142, 147); }
.cfSIVk > .select-button > .arrow { position: absolute; right: 12px; top: 50%; transition: transform 0.5s; transform: translateY(-50%) rotate(180deg); }
.cfSIVk > .select-button > .arrow i { transform: rotate(-90deg); display: block; margin-right: -2px; color: rgb(99, 99, 102); opacity: 1; }
@media (hover: hover) {
  .cfSIVk > .select-button:hover { border-color: rgb(211, 211, 217); }
  .cfSIVk > .select-button:hover > .value .placeholder { color: rgb(0, 0, 0); }
  .cfSIVk > .select-button:hover > .arrow i { color: rgb(0, 0, 0); }
}
.hNejpx { display: flex; flex-flow: row; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: center; align-items: center; position: relative; }
.hNejpx label { font-size: 12px; line-height: 18px; display: flex; gap: 12px; -webkit-box-align: center; align-items: center; }
@media (max-width: 1016px) {
  .hNejpx label { line-height: 18px; }
}
.hNejpx label a { color: rgb(37, 170, 214); text-decoration: none; }
.hNejpx .tooltip { width: 20px; height: 20px; position: relative; margin-left: 4px; z-index: 0; text-align: center; font-size: 14px; font-weight: 400; line-height: 20px; }
.hNejpx .tooltip .tooltip-icon { display: block; margin-top: -2px; margin-left: -2px; color: rgb(0, 0, 0); }
.hNejpx .tooltip > .tooltip-content { position: absolute; border-radius: 12px; left: 50%; transform: translateX(-50%); bottom: 24px; text-align: center; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 10px 0px, rgba(0, 0, 0, 0.4) 0px 0px 20px 0px; display: none; width: 240px; padding: 12px; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }
@media (max-width: 658px) {
  .hNejpx .tooltip > .tooltip-content { width: 200px; left: auto; right: 0px; transform: translateX(0px); }
}
.hNejpx .tooltip:hover > .tooltip-content { display: flex; }
.jAbFBp { width: 20px; height: 20px; min-width: 20px; display: block; }
.jAbFBp .checkbox { display: block; border-radius: 4px; background: rgb(255, 255, 255); width: 100%; height: 100%; cursor: pointer; }
.jAbFBp input { display: none !important; }
.jAbFBp span { border-width: 1px; border-style: solid; border-color: rgb(142, 142, 147); box-sizing: border-box; transition: background-color 0.3s, border-color 0.3s; }
.jAbFBp input:checked ~ span { background: url("/_a/assets/icon-tickicon-ba84af7d5e.svg") center center no-repeat, rgb(234, 91, 12); border-color: rgb(234, 91, 12); }
@media (max-width: 1016px) {
  .jAbFBp input:checked ~ span { background-size: 16px; }
}
@media (hover: hover) {
  .jAbFBp:hover span { border-color: rgb(234, 91, 12); }
  .jAbFBp:hover input:checked ~ span { background-color: rgb(255, 114, 38); border-color: rgb(255, 114, 38); }
}
.kRRKnk { transition: all; }
.kRRKnk > .button-search { width: 192px; height: 40px; border-radius: 28px; background-color: rgb(28, 28, 30); cursor: pointer; transition: 0.2s; display: flex; flex-wrap: nowrap; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: center; align-items: center; font-size: 16px; line-height: 24px; color: rgb(142, 142, 147); }
.kRRKnk > .button-search svg { vertical-align: middle; display: inline-block; }
.kRRKnk > .button-search > .value { flex: 1 1 auto; padding: 0px 0px 0px 16px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-align: left; }
.kRRKnk > .button-search > .icon { margin-right: 4px; width: 40px; height: 40px; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }
@media (hover: hover) {
  .kRRKnk > .button-search:hover > .value { color: rgb(255, 255, 255); }
  .kRRKnk > .button-search:hover .magnifier-icon { color: rgb(255, 255, 255); }
}
@media (max-width: 658px) {
  .kRRKnk > .button-search { width: auto; border-radius: 50%; max-width: 100%; }
  .kRRKnk > .button-search > .icon { margin: 0px; }
  .kRRKnk > .button-search > .value { display: none; }
}
.OIbNh { display: flex; width: 100%; min-width: 101px; height: calc(100% - 36px); padding: 0px 12px; flex-direction: column; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 12px; flex-shrink: 0; border-radius: 12px; }
.OIbNh.black { background-color: rgb(0, 0, 0); }
.OIbNh.dark { background-color: rgb(28, 28, 30); }
.OIbNh.light { background-color: rgb(242, 242, 244); }
.OIbNh img { filter: invert(0); }
.bsfqOc { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; pointer-events: none; border-radius: 3px; width: 24px; height: 24px; background: rgba(25, 25, 25, 0.8); backdrop-filter: blur(5px); }
@media (max-width: 1168px) {
  .bsfqOc { width: 20px; height: 20px; }
}
.iXspSm { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; pointer-events: none; border-radius: 3px; width: 32px; gap: 10px; align-self: stretch; background: rgb(14, 194, 119); box-shadow: rgba(0, 0, 0, 0.12) 0px 2px 4px 0px; color: rgb(255, 255, 255); font-size: 10px; font-style: italic; font-weight: 600; line-height: 16px; letter-spacing: 0px; text-transform: uppercase; }
.KFyCH { display: flex; flex-direction: column; gap: 4px; position: absolute; top: -4px; left: -4px; pointer-events: none; }
.KFyCH .new { order: -1; }
.ihniLw { display: flex; position: absolute; bottom: 0px; -webkit-box-pack: end; justify-content: end; flex-direction: column; -webkit-box-align: center; align-items: center; width: 100%; color: rgb(255, 255, 255); }
.ihniLw .bottom-badge { backdrop-filter: none; width: 100%; border-radius: 0px 0px 12px 12px; padding: 12px 0px 2px; font-size: 11px; font-style: normal; font-weight: bold; height: auto; }
.ihniLw .hot-badge { background: linear-gradient(0deg, rgb(248, 13, 13) 0%, rgb(249, 47, 47) 44.23%, rgba(212, 48, 40, 0) 100%); }
.ihniLw .cold-badge { background: linear-gradient(0deg, rgb(81, 182, 209) 0%, rgb(71, 121, 212) 44.23%, rgba(71, 121, 212, 0) 100%); }
.gXuSFf { display: flex; width: 52px; height: 52px; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 8px; flex-shrink: 0; aspect-ratio: 1 / 1; border-radius: 360px; background-color: rgb(234, 91, 12); cursor: pointer; transition: scale 0.5s ease-out, box-shadow 0.5s ease-out, background-color 0.5s ease-out; }
@media (hover: hover) {
  .gXuSFf:hover { scale: 1.1; box-shadow: rgba(234, 91, 12, 0.1) 0px 0px 0px 10px, rgba(234, 91, 12, 0.3) 0px 0px 0px 5px; }
}
.gXuSFf:active { background-color: rgb(227, 82, 2); scale: 1; }
.kAokwO { display: block; font-size: 12px; font-weight: 700; line-height: 18px; letter-spacing: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.kwuuUj { font-size: 10px; font-weight: 400; line-height: 14px; letter-spacing: 0px; overflow: hidden; text-overflow: ellipsis; }
@media (max-width: 1168px) {
  .kwuuUj { display: block; white-space: nowrap; }
}
.fisATX { min-width: 101px; max-width: 100%; }
.fisATX .bottom { margin-top: 4px; }
.fisATX .styled__ScGameCardTitle-sc-841dd1c3-0 { color: rgb(255, 255, 255); }
.fisATX .styled__ScGameCardProvider-sc-841dd1c3-1 { color: rgba(255, 255, 255, 0.6); transition: color 0.2s ease-in-out; }
@media (hover: hover) {
  .fisATX .styled__ScGameCardProvider-sc-841dd1c3-1:hover { color: rgb(255, 255, 255); }
}
.jVaVWQ .tournament-bottom { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; gap: 4px; position: absolute; height: 20px; width: 100%; bottom: 0px; border-radius: 0px 0px 11px 11px; background: rgba(25, 25, 25, 0.8); backdrop-filter: blur(5px); }
@container game-card (min-width: 141px) {
  .jVaVWQ .tournament-bottom { height: 24px; }
}
.jVaVWQ .tournament-bottom span { font-size: 10px; line-height: 14px; letter-spacing: 0px; font-weight: 700; color: rgb(255, 255, 255); }
@container game-card (min-width: 141px) {
  .jVaVWQ .tournament-bottom span { font-size: 12px; line-height: 18px; }
}
.jVaVWQ .tournament-bottom .tournament-image { width: 14px; height: 14px; }
.dZPOhR { position: relative; display: none; width: 100%; height: 100%; padding: 0px 8px; flex-direction: column; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; border-radius: 12px; }
.dZPOhR .demo-link { font-size: 12px; font-weight: 700; line-height: 18px; letter-spacing: 0px; position: absolute; bottom: 12px; color: rgb(37, 170, 214); text-decoration: underline; transition: color 0.2s ease-in-out; }
@container game-card (max-width: 117px) {
  .dZPOhR .demo-link { bottom: 2px; }
}
@media (hover: hover) {
  .dZPOhR .demo-link:hover { color: rgb(66, 199, 243); }
}
@container game-card (max-width: 117px) {
  .dZPOhR .styled__ScButtonHeart-sc-199313ff-2 { width: 20px; height: 20px; }
}
@container game-card (max-width: 90px) {
  .dZPOhR .styled__ScPlayButton-sc-e709ce40-0 { width: 48px; height: 48px; }
  .dZPOhR .styled__ScButtonHeart-sc-199313ff-2, .dZPOhR .demo-link { display: none; }
}
.fnxpWY { container: game-card / inline-size; position: relative; width: 100%; aspect-ratio: 1 / 1; background: linear-gradient(90deg, rgb(19, 19, 20) 0%, rgb(28, 28, 30) 100%); border-radius: 12px; }
.fnxpWY .styled__ScGameCardBack-sc-5ad7597e-1 { background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.8) 100%); }
.fnxpWY .cover-image { border-radius: 12px; }
.fnxpWY .heart-image { position: absolute; top: -4px; right: -4px; }
.fnxpWY:hover .styled__ScGameCardFront-sc-5ad7597e-0 { display: none; }
.fnxpWY:hover .styled__ScGameCardBack-sc-5ad7597e-1 { display: flex; }
@media (max-width: 1016px) {
  .fnxpWY:hover .styled__ScPlayButton-sc-e709ce40-0, .fnxpWY:hover .demo-link { pointer-events: none; animation: 0.5s ease 0.5s 1 normal forwards running ierhvl; }
}
.eZMdFW { position: fixed; inset: auto -1px -2px; z-index: 113; display: none; }
@media (max-width: 1168px) {
  .eZMdFW { display: block; }
}
.eZMdFW > .body { background: rgb(28, 28, 30); display: flex; flex-flow: wrap; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; position: relative; border-radius: 24px 24px 0px 0px; padding: 8px 16px 20px; gap: 10px; box-shadow: rgba(0, 0, 0, 0.64) 0px -2px 10px 0px; }
@media (max-width: 488px) {
  .eZMdFW > .body { gap: 6px; }
}
.eZMdFW > .body::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 0, 0); z-index: -1; opacity: 0; }
.eZMdFW > .body .item { position: relative; height: 40px; }
.eZMdFW > .body .item .button-icon { opacity: 0.6; }
.eZMdFW > .body .item .tuple div:nth-child(2n) .button-icon, .eZMdFW > .body .item .active .button-icon { opacity: 1; }
.gBBYWn { display: none; flex-direction: column; margin-left: 32px; gap: 12px; }
.kLCipV { display: grid; grid-template-columns: 1.6fr 1fr; gap: 8px; margin-bottom: 5px; width: 100%; }
.edYnCe { position: relative; margin-bottom: 16px; margin-top: 0px; display: flex; flex-direction: column; gap: 4px; }
.edYnCe > h3 { font-size: 16px; font-weight: 700; line-height: 24px; letter-spacing: 0.16px; padding: 0px 16px; color: rgb(0, 0, 0); }
.edYnCe > div > .child:not(:last-child) { margin-bottom: 8px; }
.edYnCe > .addons { text-align: right; font-size: 12px; line-height: 20px; }
.edYnCe > .tooltip { text-align: left; font-size: 12px; line-height: 20px; color: rgb(211, 211, 217); }
.edYnCe .error { color: rgb(222, 46, 7); font-size: 12px; line-height: 18px; padding: 0px 16px; position: relative; }
.EYxzq { position: relative; margin-bottom: 16px; margin-top: 0px; display: flex; flex-direction: column; gap: 4px; min-width: 0px; }
.EYxzq > h3 { font-size: 16px; font-weight: 700; line-height: 24px; letter-spacing: 0.16px; padding: 0px 16px; color: rgb(0, 0, 0); }
.EYxzq > div > .child:not(:last-child) { margin-bottom: 8px; }
.EYxzq > .addons { text-align: right; font-size: 12px; line-height: 20px; }
.EYxzq > .tooltip { text-align: left; font-size: 12px; line-height: 20px; color: rgb(211, 211, 217); }
.EYxzq .error { color: rgb(222, 46, 7); font-size: 12px; line-height: 18px; padding: 0px 16px; position: relative; }
.gJOfEb { position: relative; margin-bottom: 8px; margin-top: 8px; display: flex; flex-direction: column; gap: 4px; }
.gJOfEb > h3 { font-size: 16px; font-weight: 700; line-height: 24px; letter-spacing: 0.16px; padding: 0px 16px; color: rgb(0, 0, 0); }
.gJOfEb > div > .child:not(:last-child) { margin-bottom: 8px; }
.gJOfEb > .addons { text-align: right; font-size: 12px; line-height: 20px; }
.gJOfEb > .tooltip { text-align: left; font-size: 12px; line-height: 20px; color: rgb(211, 211, 217); }
.gJOfEb .error { color: rgb(222, 46, 7); font-size: 12px; line-height: 18px; padding: 0px 16px; position: relative; }
.jKSFvJ { width: 100%; }
.jKSFvJ .checkbox-list { display: flex; flex-direction: column; gap: 12px; }
.jKSFvJ .label span { font-weight: 700; text-decoration: underline !important; }
@media (hover: hover) {
  .jKSFvJ .label span:hover { color: rgb(66, 199, 243); }
}
.jKSFvJ > :last-child { margin-bottom: 24px; }
.kNIdlD { color: rgb(37, 170, 214); cursor: pointer; }
.bbcNLT { position: relative; }
.kCzZkV { position: relative; }
.kCzZkV input { padding: 8px 48px 8px 16px; }
.heZiQu { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; width: 22px; height: 15px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; position: absolute; right: 16px; top: 20px; transform: translateY(-50%); cursor: pointer; background: none; }
.heZiQu .eye-icon { color: rgb(142, 142, 147); }
.heZiQu:hover .eye-icon { color: black; }
.lekkeY { position: relative; width: 100%; }
.lekkeY .close { background-color: rgb(0, 0, 0); filter: invert(1); border-radius: 50%; z-index: 12; }
.iRVglZ { position: absolute; height: 1px; top: -72px; }
@media (max-width: 1168px) {
  .iRVglZ { top: -64px; }
}
.lepctm { display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; background: rgb(0, 0, 0); gap: 16px; margin-bottom: 16px; padding: 16px 0px; transition: 0.3s; }
.ikTAtB { display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; background: rgb(0, 0, 0); gap: 16px; margin-bottom: 8px; padding: 16px 0px; transition: 0.3s; }
.kwctA { display: grid; width: max-content; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 8px; }
@media (max-width: 658px) {
  .kwctA { width: 100%; grid-template-columns: auto repeat(2, minmax(0px, 1fr)); }
}
.dViotE { position: relative; width: 100%; }
.dViotE .close { position: absolute; right: 4px; top: 0px; background-color: rgb(0, 0, 0); filter: invert(1); border-radius: 50%; z-index: 12; }
.ejzlZz { position: absolute; display: block; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: none; z-index: 2; width: 16px; height: 40px; top: 50%; transform: translateY(-50%) translateX(0px); margin-top: -18px; cursor: pointer; transition: 0.3s; opacity: 1; }
.fwvytU { inset: 191px 32px auto auto; }
@media (hover: hover) {
  .fwvytU:hover::before { transform: scale(1.2) rotate(-65deg); top: 34px; }
  .fwvytU:hover::after { transform: scale(1.2) rotate(65deg); top: 8px; }
}
.fwvytU::before { content: ""; display: block; width: 24px; height: 1px; background-color: rgb(255, 255, 255); position: absolute; top: 30px; left: -4px; transform: rotate(-50deg); transition: 0.3s; }
.fwvytU::after { content: ""; display: block; width: 24px; height: 1px; background-color: rgb(255, 255, 255); position: absolute; top: 12px; left: -4px; transform: rotate(50deg); transition: 0.3s; }
.trTcp { inset: 191px 32px auto auto; transform: translateY(-50%) translateX(-32px); opacity: 0; }
@media (hover: hover) {
  .trTcp:hover::before { transform: scale(1.2) rotate(-65deg); top: 34px; }
  .trTcp:hover::after { transform: scale(1.2) rotate(65deg); top: 8px; }
}
.trTcp::before { content: ""; display: block; width: 24px; height: 1px; background-color: rgb(255, 255, 255); position: absolute; top: 30px; left: -4px; transform: rotate(-50deg); transition: 0.3s; }
.trTcp::after { content: ""; display: block; width: 24px; height: 1px; background-color: rgb(255, 255, 255); position: absolute; top: 12px; left: -4px; transform: rotate(50deg); transition: 0.3s; }
.fIZoMN { inset: 191px auto auto 32px; }
@media (hover: hover) {
  .fIZoMN:hover::after { transform: scale(1.2) rotate(-65deg); top: 8px; }
  .fIZoMN:hover::before { transform: scale(1.2) rotate(65deg); top: 34px; }
}
.fIZoMN::before { content: ""; display: block; width: 24px; height: 1px; background-color: rgb(255, 255, 255); position: absolute; top: 30px; left: -4px; transform: rotate(50deg); transition: 0.3s; }
.fIZoMN::after { content: ""; display: block; width: 24px; height: 1px; background-color: rgb(255, 255, 255); position: absolute; top: 12px; left: -4px; transform: rotate(-50deg); transition: 0.3s; }
.fQeqYx { inset: 191px auto auto 32px; transform: translateY(-50%) translateX(32px); opacity: 0; }
@media (hover: hover) {
  .fQeqYx:hover::after { transform: scale(1.2) rotate(-65deg); top: 8px; }
  .fQeqYx:hover::before { transform: scale(1.2) rotate(65deg); top: 34px; }
}
.fQeqYx::before { content: ""; display: block; width: 24px; height: 1px; background-color: rgb(255, 255, 255); position: absolute; top: 30px; left: -4px; transform: rotate(50deg); transition: 0.3s; }
.fQeqYx::after { content: ""; display: block; width: 24px; height: 1px; background-color: rgb(255, 255, 255); position: absolute; top: 12px; left: -4px; transform: rotate(-50deg); transition: 0.3s; }
.hvzRGH { display: flex; -webkit-box-pack: justify; justify-content: space-between; gap: 16px; }
.hvzRGH > div { display: flex; gap: 8px; flex-shrink: 0; }
.hvzRGH > div > a, .hvzRGH > div > button { flex-shrink: 0; }
.dcqISP { display: grid; height: 100%; grid-template-rows: repeat(1, 1fr); grid-template-columns: repeat(1, 1fr); gap: 16px; }
@media (max-width: 658px) {
  .dcqISP > a div > .text h2 { max-width: 146px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
}
.kKCSss { display: grid; height: 100%; grid-template-rows: repeat(2, 1fr); grid-template-columns: repeat(1, 1fr); gap: 16px; }
@media (max-width: 658px) {
  .kKCSss > a div > .text h2 { max-width: 146px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
}
.brAcgc { display: grid; height: 100%; grid-template-rows: repeat(1, 1fr); grid-template-columns: repeat(2, 1fr); gap: 16px; }
@media (max-width: 658px) {
  .brAcgc > a div > .text h2 { max-width: 146px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
}
.ljpaYv { position: relative; overflow-x: scroll; display: flex; gap: 16px; scroll-snap-type: x mandatory; scrollbar-width: none; }
.ljpaYv::-webkit-scrollbar { display: none; height: 0px; width: 0px; }
.ljpaYv .snap-item { flex: 0 0 100%; scroll-snap-align: start; }
.gBldrg { position: relative; overflow-x: scroll; display: flex; gap: 16px; scroll-snap-type: x mandatory; scrollbar-width: none; }
.gBldrg::-webkit-scrollbar { display: none; height: 0px; width: 0px; }
.gBldrg .snap-item { flex: 0 0 90.9091%; scroll-snap-align: start; }
.edxiOo { position: relative; overflow: visible; z-index: 3; transition: height 0.3s ease-out; }
.edxiOo .pagination { display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; padding: 8px 40px 28px; position: absolute; inset: auto auto 0px 0px; width: 100%; z-index: 1; }
@media (max-width: 1016px) {
  .edxiOo .pagination { padding: 12px 40px 36px; }
}
.edxiOo .pagination-bullet { width: 100%; max-width: 48px; padding: 4px; cursor: pointer; }
.edxiOo .pagination-bullet::before { position: relative; content: ""; width: 100%; height: 4px; display: block; background: rgb(255, 255, 255); opacity: 0.2; border-radius: 20px; transition: 0.2s; }
@media (max-width: 1016px) {
  .edxiOo .pagination-bullet { max-width: 80px; }
}
.edxiOo .pagination-bullet:hover::before { opacity: 0.3; }
.edxiOo .pagination-bullet.active::before, .edxiOo .pagination-bullet.active:hover::before { opacity: 1; }
.gCDQwd { font-size: 14px; font-weight: 400; line-height: 20px; letter-spacing: normal; color: rgb(211, 211, 217); display: flex; -webkit-box-align: center; align-items: center; }
.gCDQwd::before, .gCDQwd::after { flex: 1 1 0%; content: ""; padding: 0.5px; background-color: rgb(142, 142, 147); }
.gCDQwd::before { margin-right: 12px; }
.gCDQwd::after { margin-left: 12px; }
.giAUag { display: flex; flex-direction: column; gap: 16px; margin-bottom: 16px; }
.giAUag .image { margin-right: 8px; }
.giAUag .text { font-size: 16px; }
.bZNOFN { position: relative; }
.bZNOFN .options { position: absolute; z-index: 6; left: 0px; right: 0px; }
.bZNOFN .correctionWarning { display: flex; padding: 4px 12px; margin-top: 4px; -webkit-box-align: center; align-items: center; gap: 8px; align-self: stretch; border-radius: 16px; background: rgba(79, 121, 171, 0.2); min-height: 32px; }
.bZNOFN .correctionWarning .link { text-decoration: underline; font-size: 12px; font-weight: 700; line-height: 18px; letter-spacing: normal; }
.bZNOFN .correctionWarning p { font-size: 12px; font-weight: 400; line-height: 18px; letter-spacing: normal; }
.bZNOFN .correctionWarning i { width: 16px; height: 16px; }
.rlqbJ { margin-top: 0px; width: 100%; display: grid; list-style: none; z-index: 2; gap: 16px; grid-template-columns: repeat(3, 1fr); padding-inline: 24px; }
@media (max-width: 1016px) {
  .rlqbJ { gap: 12px; grid-template-columns: 1fr; width: 228px; padding-inline: 0px; }
}
.jnQfBm { position: relative; display: flex; -webkit-box-align: center; align-items: center; font-size: 14px; font-style: normal; font-weight: 700; line-height: 18px; letter-spacing: 0.01em; text-transform: uppercase; white-space: normal; }
@media (max-width: 1016px) {
  .jnQfBm { font-size: 16px; line-height: 20px; }
}
.jnQfBm .icon { background-color: rgb(255, 255, 255); border-radius: 50%; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; flex-shrink: 0; margin-right: 8px; width: 32px; height: 32px; }
@media (max-width: 1016px) {
  .jnQfBm .icon { width: 48px; height: 48px; margin-right: 12px; }
}
.jnQfBm .icon img { width: 18px; height: 18px; object-fit: contain; }
@media (max-width: 1016px) {
  .jnQfBm .icon img { width: 28px; height: 28px; }
}
@media (max-width: 1016px) {
  .jnQfBm { white-space: normal; }
  .jnQfBm .label.fr-ca, .jnQfBm .label.fr-ch, .jnQfBm .label.de { font-size: 12px; }
}
.iaLYKb { position: relative; width: 100%; display: flex; height: 100%; background-color: rgb(0, 0, 0); min-height: 1020px; }
.iaLYKb > .slider-bg { position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; }
.iaLYKb > div { position: relative; padding-top: 104px; display: flex; -webkit-box-align: center; align-items: center; z-index: 1; }
@media (max-width: 1016px) {
  .iaLYKb { display: flex; }
  .iaLYKb > div { padding-top: 80px; }
}
.iaNaHb { position: relative; width: 100%; display: flex; height: 100%; background-color: rgb(0, 0, 0); min-height: 1204px; }
.iaNaHb > .slider-bg { position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; }
.iaNaHb > div { position: relative; padding-top: 104px; display: flex; -webkit-box-align: center; align-items: center; z-index: 1; }
@media (max-width: 1016px) {
  .iaNaHb { display: flex; }
  .iaNaHb > div { padding-top: 80px; }
}
.iaMATZ { position: relative; width: 100%; display: flex; height: 100%; background-color: rgb(0, 0, 0); min-height: 1026px; }
.iaMATZ > .slider-bg { position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; }
.iaMATZ > div { position: relative; padding-top: 104px; display: flex; -webkit-box-align: center; align-items: center; z-index: 1; }
@media (max-width: 1016px) {
  .iaMATZ { display: flex; }
  .iaMATZ > div { padding-top: 80px; }
}
.cBMPN { width: 100%; display: grid; grid-template-columns: 400px 1fr; margin-top: -32px; }
@media (max-width: 1168px) {
  .cBMPN { grid-template-columns: 350px 1fr; gap: 16px; margin-top: 0px; }
}
@media (max-width: 1016px) {
  .cBMPN { display: flex; flex-direction: column; height: 100%; -webkit-box-pack: justify; justify-content: space-between; padding-bottom: 172px; }
}
.hZKNbJ { display: flex; flex-direction: column; -webkit-box-pack: justify; justify-content: space-between; width: 100%; position: relative; -webkit-box-align: center; align-items: center; max-width: 720px; margin: 0px auto; }
.hZKNbJ > .character-image { position: absolute; bottom: 48px; width: min(100%, 677px); height: clamp(80px, 100%, 325px); object-fit: contain; mask-image: linear-gradient(rgb(0, 0, 0) 45%, rgba(0, 0, 0, 0) 100%); display: flex; }
.hZKNbJ > .character-image > .characters { object-fit: contain; }
@media (max-width: 1016px) {
  .hZKNbJ > .character-image { order: 1; max-height: 150px; height: 100%; width: 100%; mask-image: none; margin-top: 16px; align-self: normal; left: 50%; transform: translate(-50%); bottom: -1px; }
}
@media (max-width: 1016px) {
  .hZKNbJ { gap: 16px; position: static; }
}
.ilTZGg { text-align: center; text-transform: uppercase; color: rgb(240, 192, 24); font-size: 32px; font-style: normal; font-weight: 700; line-height: 40px; letter-spacing: 0.96px; }
@media (max-width: 1016px) {
  .ilTZGg { font-size: 20px; line-height: 26px; }
}
.cxPizy { padding: 24px 16px; border-radius: 24px; background: rgb(255, 255, 255); z-index: 3; margin-bottom: 0px; }
.cxPizy form { display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
.cxPizy form .reg-banner-btn { width: 100%; display: flex; flex-direction: column; -webkit-box-pack: center; justify-content: center; gap: 16px; }
.cxPizy form > div { color: rgb(0, 0, 0); }
.cxPizy form > div .row { display: grid; grid-template-columns: 1.6fr 1fr; gap: 8px; margin-bottom: 5px; width: 100%; }
.cxPizy form > div .row > * { width: 100%; }
.cxPizy form > div > div:last-child { margin: 0px 0px 24px; }
.cxPizy form .password-strength-checker { grid-template-columns: 1fr; }
@media (max-width: 1016px) {
  .cxPizy { margin-bottom: 0px; }
  .cxPizy form > div .row { display: block; margin-bottom: 24px; }
  .cxPizy form > div .row > :first-child { margin-right: 0px; }
  .cxPizy form .reg-banner-btn button { width: 100%; }
}
.SFGoG { position: absolute; transition: top 0.3s ease-out; width: 400px; top: calc(50% + 24px); transform: translateY(-50%); }
@media (max-width: 1168px) {
  .SFGoG { width: 350px; top: 290px; }
}
@media (max-width: 1016px) {
  .SFGoG { top: 314px; bottom: auto; left: 50%; transform: translateX(-50%); }
}
@media (max-width: 658px) {
  .SFGoG { width: calc(100% - 42px); }
}
.jDeyM { width: 100%; position: relative; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
@media (max-width: 1016px) {
  .jDeyM { position: static; transform: none; order: 2; }
}
.jURQWD { height: 409px; }
@media (max-width: 1016px) {
  .jURQWD { height: 0px; }
}
.gZdebn { width: 100%; overflow: hidden; position: relative; }
.eKmtwy { background-color: rgb(0, 0, 0); border-radius: 24px 24px 0px 0px; box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 10px 8px, rgba(0, 0, 0, 0.4) 0px 0px 20px 8px; position: relative; z-index: 4; margin-top: -24px; }
.ilqUWq { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(1, 1fr); gap: 16px; padding: 4px; }
@media (max-width: 1168px) {
  .ilqUWq { gap: 16px 8px; }
}
.ksKTus { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(3, 1fr); gap: 16px; padding: 4px; }
@media (max-width: 1168px) {
  .ksKTus { gap: 16px 8px; }
}
.hUnoIl { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(2, 1fr); gap: 16px; padding: 4px; }
@media (max-width: 1168px) {
  .hUnoIl { gap: 16px 8px; }
}
.cQnAtw:empty { display: none; }
.dNSjlH .slider { margin-top: 24px; }
.dNSjlH .title { font-size: 22px; font-weight: 700; line-height: 28px; letter-spacing: 0.02em; text-transform: uppercase; display: flex; -webkit-box-align: center; align-items: center; gap: 0px; }
.dNSjlH .title .icon { margin-left: 8px; display: flex; -webkit-box-align: center; align-items: center; }
@media (max-width: 1016px) {
  .dNSjlH .title { font-size: 20px; font-weight: 700; line-height: 26px; letter-spacing: 0.02em; }
}
.fyIPHA { position: sticky; right: 0px; bottom: 0px; z-index: 20; text-align: right; margin-top: 48px; }
@media (max-width: 1016px) {
  .fyIPHA { position: static; text-align: center; }
}
.fyIPHA .utc-clock { font-size: 14px; font-weight: 400; line-height: 20px; letter-spacing: normal; display: inline-flex; column-gap: 4px; color: rgb(255, 255, 255); border-radius: 16px 16px 0px 0px; padding: 8px 12px; transition: background-color 0.3s; background-color: rgba(0, 0, 0, 0.8); backdrop-filter: blur(5px); }
.fyIPHA .utc-clock > .label { color: rgb(142, 142, 147); }
.fyIPHA .utc-clock .utc { text-transform: capitalize; font-variant-numeric: tabular-nums; }
.fyIPHA .sentinel { height: 1px; visibility: hidden; margin-bottom: -2px; }
.itkELZ { position: relative; margin-top: auto; }
.itkELZ > div { margin-top: 24px; }
.kYGkaP { padding: 18px 0px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; position: relative; }
.kYGkaP:first-child { border-top: 1px solid rgba(255, 255, 255, 0.2); }
.kYGkaP:not(:last-child) { border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
.kYGkaP:last-child { flex-direction: column; }
@media (max-width: 1016px) {
  .kYGkaP { flex-direction: column; padding: 15px 0px; }
}
.llMzxX { flex-shrink: 0; }
.chghUi { font-size: 12px; line-height: 20px; color: rgb(142, 142, 147); text-align: center; padding: 50px 0px 9px; white-space: break-spaces; }
.chghUi p { margin-top: 16px; }
.chghUi p:last-of-type { margin-top: 0px; }
.chghUi p:nth-last-of-type(1), .chghUi p:nth-last-of-type(2) { color: rgb(222, 46, 7); }
.chghUi a { color: rgb(37, 170, 214); text-decoration: underline; cursor: pointer; font-weight: bold; transition: 0.3s; }
.chghUi a:hover { color: rgb(66, 199, 243) !important; }
@media (max-width: 1016px) {
  .chghUi { font-size: 10px; text-align: center; padding: 48px 0px 24px; }
}
.kabJWi { display: flex; align-self: center; flex-wrap: nowrap; gap: 12px; margin: 0px 0px 0px 65px; }
.kabJWi img { height: 40px; width: 135px; }
.kabJWi .ios-img { height: 40px; width: 144px; }
@media (max-width: 1016px) {
  .kabJWi { margin: 32px auto 0px; gap: 10px; }
}
.kabJWi a { display: block; transition: transform 0.2s ease-in-out, filter 0.2s ease-in-out; }
.kabJWi a img { max-width: 100%; }
@media (hover: hover) {
  .kabJWi a:hover { transform: scale(1.1); filter: contrast(1.5); }
}
.ehFQmH { display: flex; flex-wrap: nowrap; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; width: 100%; padding-top: 30px; }
@media (max-width: 1016px) {
  .ehFQmH { position: relative; }
}
@media (max-width: 1016px) {
  .ehFQmH { -webkit-box-pack: center; justify-content: center; flex-direction: column; }
}
.ehFQmH > button, .ehFQmH > a { z-index: 1; }
.ehFQmH > button:not(:last-child), .ehFQmH > a:not(:last-child) { margin-right: 16px; }
.ehFQmH > .icon_wrapper { display: flex; }
@media (max-width: 658px) {
  .ehFQmH > .icon_wrapper { flex-direction: column; -webkit-box-align: center; align-items: center; gap: 32px; }
}
@media (max-width: 488px) {
  .ehFQmH > .icon_wrapper { width: 100%; }
}
.iMUJTf { display: flex; flex-flow: row; -webkit-box-align: center; align-items: center; width: 100%; }
@media (max-width: 1016px) {
  .iMUJTf { -webkit-box-pack: center; justify-content: center; }
}
.gzuStU { display: flex; gap: 24px; flex-wrap: wrap; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; width: 100%; }
@media (max-width: 1016px) {
  .gzuStU { -webkit-box-pack: center; justify-content: center; }
  .gzuStU:has(> img) { gap: 12px 18px; }
  .gzuStU:has(> img) > img { width: calc(50% - 9px); }
}
.gzuStU a { display: flex; transition: transform 0.2s ease-in-out; }
@media (hover: hover) {
  .gzuStU a:hover { transform: scale(1.1); }
}
.gzuStU img { object-fit: contain; max-width: 100%; max-height: 60px; }
.dmNbqq { display: flex; gap: 24px; flex-wrap: wrap; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; width: 100%; }
@media (max-width: 1016px) {
  .dmNbqq { -webkit-box-pack: center; justify-content: center; }
  .dmNbqq:has(> img) { gap: 12px 18px; }
}
.dmNbqq a { display: flex; transition: transform 0.2s ease-in-out; }
@media (hover: hover) {
  .dmNbqq a:hover { transform: scale(1.1); }
}
.dmNbqq img { object-fit: contain; max-width: 100%; max-height: 60px; }
.gppPrl { list-style: none; display: flex; flex-flow: wrap; justify-content: space-around; -webkit-box-align: center; align-items: center; padding: 32px 0px 27px; width: 100%; margin: -8px; text-align: center; }
@media (max-width: 1016px) {
  .gppPrl { flex-direction: column; }
}
.gppPrl > li { padding: 8px; }
@media (max-width: 1016px) {
  .gppPrl > li { padding: 16px 8px; }
}
.gppPrl > li > button { background: none; cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; outline: none; }
@media (max-width: 1168px) {
  .gppPrl > li.active > a, .gppPrl > li.active > button { color: rgb(234, 91, 12); }
}
.gppPrl > li > a, .gppPrl > li button { display: inline-block; color: rgb(255, 255, 255); text-decoration: none; text-transform: uppercase; font-weight: 700; font-size: 16px; line-height: 19px; position: relative; transition: 0.2s; }
.gppPrl > li > a:hover, .gppPrl > li button:hover { color: rgb(234, 91, 12); }
@media (max-width: 1016px) {
  .gppPrl > li > a:hover, .gppPrl > li button:hover { color: rgb(255, 255, 255); }
}
@media (max-width: 1168px) {
  .gppPrl > li > a.active, .gppPrl > li button.active { color: rgb(234, 91, 12); }
}
.fDhSGm { display: flex; gap: 10px; -webkit-box-align: center; align-items: center; padding-left: 13px; font-size: 16px; line-height: 24px; color: rgb(255, 255, 255); white-space: nowrap; }
.fDhSGm a { transition: transform 0.2s ease-in-out; }
.fDhSGm a svg { display: block; }
@media (hover: hover) {
  .fDhSGm a:hover { transform: scale(1.1); }
}
@-webkit-keyframes tBfxT { 
  0% { background-position: 200% 0px; }
  100% { background-position: -200% 0px; }
}
@keyframes tBfxT { 
  0% { background-position: 200% 0px; }
  100% { background-position: -200% 0px; }
}
@-webkit-keyframes ierhvl { 
  100% { pointer-events: auto; }
}
@keyframes ierhvl { 
  100% { pointer-events: auto; }
}
@-webkit-keyframes efICDK { 
  0%, 99% { background-color: transparent; }
  100% { background-color: rgb(0, 0, 0); }
}
@keyframes efICDK { 
  0%, 99% { background-color: transparent; }
  100% { background-color: rgb(0, 0, 0); }
}
.dmLTLr { width: 100%; margin-top: 24px; }
.dmLTLr .styled__ScQuestionAnswerItem-sc-817ebe07-0 { background-color: transparent; border-bottom: 1px solid rgba(255, 255, 255, 0.2); border-radius: 0px; padding: 12px 16px; }
.dmLTLr .styled__ScQuestionAnswerItem-sc-817ebe07-0:first-child { border-top: 1px solid rgba(255, 255, 255, 0.2); }
.dmLTLr .styled__ScQuestionAnswerItem-sc-817ebe07-0 > .question { padding: 0px; }
.dmLTLr .styled__ScQuestionAnswerItem-sc-817ebe07-0 .question:hover > .open-close-btn::before, .dmLTLr .styled__ScQuestionAnswerItem-sc-817ebe07-0 .question:hover > .open-close-btn::after { background-color: rgb(255, 255, 255); }
.dmLTLr .styled__ScQuestionAnswerItem-sc-817ebe07-0[data-selected="true"] .open-close-btn::before, .dmLTLr .styled__ScQuestionAnswerItem-sc-817ebe07-0[data-selected="true"] .open-close-btn::after { background-color: rgb(255, 255, 255); }
.dmLTLr .styled__ScQuestionAnswerItem-sc-817ebe07-0[data-selected="true"] .answer { margin-top: 8px; }
.dmLTLr .styled__ScQuestionAnswerItem-sc-817ebe07-0 > .answer-box > .answer { padding: 0px; transition: margin-top 0.4s; }
.dmLTLr .styled__ScQuestionAnswerItem-sc-817ebe07-0 > .answer-box > .answer > * { font-size: 16px; font-weight: 400; line-height: 24px; letter-spacing: normal; color: rgb(142, 142, 147); margin: 0px; padding: 0px; }
.gIwqhA { position: relative; max-height: 280px; height: 100%; overflow-y: hidden; padding-bottom: 32px; }
.jVKDro { position: absolute; bottom: 0px; display: flex; -webkit-box-pack: center; justify-content: center; align-items: flex-end; height: 80px; width: 100%; background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 40%, rgb(0, 0, 0) 100%); }
.ggiouw * > * { color: rgb(255, 255, 255); }
.ggiouw .img-wrapper { border-radius: 8px; overflow: hidden; display: inline-block; margin: 16px 0px; max-width: 865px; width: 100%; }
.ggiouw img { height: 267px; width: 100%; border-radius: 8px; }
@media (max-width: 1016px) {
  .ggiouw img { height: 106px; }
}
.ggiouw hr { opacity: 0.5; }
.ggiouw h1 { margin: 0px 0px 8px; font-size: 22px; font-weight: 700; line-height: 28px; letter-spacing: 0.02em; }
@media (max-width: 1016px) {
  .ggiouw h1 { font-size: 20px; font-weight: 700; line-height: 26px; letter-spacing: 0.02em; }
}
.ggiouw blockquote { margin: 24px 8px; background-color: rgb(28, 28, 30); padding: 16px; display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; text-align: center; gap: 8px; border-radius: 8px; font-size: 14px; line-height: 20px; color: rgb(142, 142, 147); }
.ggiouw blockquote cite { font-size: 16px; line-height: 24px; font-weight: 700; font-style: normal; }
.ggiouw h2 { margin: 0.83em 0px 8px; }
.ggiouw h3 { margin: 1.17em 0px 8px; }
.ggiouw h4 { margin: 1.33em 0px 8px; }
.ggiouw h5 { margin: 1.67em 0px 8px; }
.ggiouw h6 { margin: 2.33em 0px 8px; }
.ggiouw p { margin: 1em 0px; }
.ggiouw h1 + p, .ggiouw h2 + p, .ggiouw h3 + p, .ggiouw h4 + p, .ggiouw h5 + p, .ggiouw h6 + p { margin-top: 0px; }
.ggiouw p, .ggiouw td, .ggiouw th { color: rgb(255, 255, 255); }
.ggiouw ul { list-style-type: disc; }
.ggiouw ul + div table { margin-top: 16px; }
.ggiouw ul, .ggiouw ol { margin: 0px 32px; }
.ggiouw ul li, .ggiouw ol li { margin: 0px !important; }
.ggiouw ul li p, .ggiouw ol li p { margin: 0px; padding: 0px; }
.gCuXfY { font-size: 50px; margin: 0px auto; z-index: 10; text-indent: -9999em; width: 50px; height: 50px; border-radius: 50%; background: linear-gradient(to right, rgb(234, 91, 12) 10%, rgba(255, 255, 255, 0) 42%); position: relative; top: auto; left: auto; animation: 1.4s linear 0s infinite normal none running fEWCgj; flex-shrink: 0; }
.gCuXfY::before { width: 50%; height: 50%; background: rgb(234, 91, 12); border-radius: 100% 0px 0px; position: absolute; top: 0px; left: 0px; content: ""; }
.gCuXfY::after { background: rgb(0, 0, 0); width: 75%; height: 75%; border-radius: 50%; content: ""; margin: auto; position: absolute; inset: 0px; }
.dpswYV { font-size: 30px; margin: 16px auto; z-index: 10; text-indent: -9999em; width: 30px; height: 30px; border-radius: 50%; background: linear-gradient(to right, rgb(234, 91, 12) 10%, rgba(255, 255, 255, 0) 42%); position: relative; top: auto; left: auto; animation: 1.4s linear 0s infinite normal none running fEWCgj; flex-shrink: 0; }
.dpswYV::before { width: 50%; height: 50%; background: rgb(234, 91, 12); border-radius: 100% 0px 0px; position: absolute; top: 0px; left: 0px; content: ""; }
.dpswYV::after { background: rgb(0, 0, 0); width: 75%; height: 75%; border-radius: 50%; content: ""; margin: auto; position: absolute; inset: 0px; }
.jOgrGW { z-index: 20; width: 40px; height: 40px; background-color: white; position: fixed; right: 32px; bottom: 32px; filter: drop-shadow(rgba(0, 0, 0, 0.4) 0px 0px 10px) drop-shadow(rgba(0, 0, 0, 0.4) 0px 0px 20px); border-radius: 40px; transition: 0.3s; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; cursor: pointer; }
.jOgrGW > .arrow { display: block; z-index: 2; transition: 0.3s; position: relative; width: 24px; height: 24px; transform: rotate(-90deg); }
.jOgrGW > .arrow::before, .jOgrGW > .arrow::after { content: ""; display: block; width: 10px; height: 1px; background-color: rgb(0, 0, 0); position: absolute; left: 7px; transition: 0.3s; }
.jOgrGW > .arrow::before { top: 15px; transform: rotate(-50deg); }
.jOgrGW > .arrow::after { bottom: 15px; transform: rotate(50deg); }
.jOgrGW:hover { transform: scale(1.1); }
.jOgrGW:hover > .arrow::before { transform: rotate(-65deg); top: 16px; }
.jOgrGW:hover > .arrow::after { transform: rotate(65deg); bottom: 16px; }
@media (max-width: 1168px) {
  .jOgrGW { bottom: 84px; }
  .jOgrGW:hover > .arrow::before { transform: rotate(-50deg); top: 15px; }
  .jOgrGW:hover > .arrow::after { transform: rotate(50deg); bottom: 15px; }
}
@media (max-width: 1016px) {
  .jOgrGW { right: 32px; }
}
.eIkLxH { width: 10px; height: 10px; position: relative; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
.eIkLxH > .red-dot, .eIkLxH > .pulse { position: absolute; height: 10px; width: 10px; border-radius: 18px; background-color: rgb(255, 65, 43); }
.eIkLxH > .pulse { animation: 2s ease 0s infinite normal none running bvpiIS; }
.eIkLxH > .pulse.two { animation-delay: 0.25s; }
.kyUnjt { text-transform: uppercase; margin-bottom: 24px; font-size: 22px; font-weight: 700; line-height: 28px; letter-spacing: 0.02em; display: flex; -webkit-box-align: center; align-items: center; }
.kyUnjt .title { display: flex; -webkit-box-align: center; align-items: center; }
.kyUnjt .after-title { margin-left: 8px; display: flex; -webkit-box-align: center; align-items: center; }
@media (max-width: 1016px) {
  .kyUnjt { font-size: 20px; font-weight: 700; line-height: 26px; letter-spacing: 0.02em; }
}
.fMRemT { container: show-all-game-card / inline-size; display: flex; width: 100%; height: calc(100% - 41px); padding: 0px 12px; flex-direction: column; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 12px; flex-shrink: 0; border-radius: 12px; background: url("/_a/assets/img-lobbyspins-fe57613bc6.webp") center center no-repeat; }
.fMRemT.black { background-color: rgb(0, 0, 0); }
.fMRemT.dark { background-color: rgb(28, 28, 30); }
.fMRemT.light { background-color: rgb(242, 242, 244); }
.fMRemT button { min-width: 100%; }
@media (max-width: 1168px) {
  .fMRemT { min-width: 101px; height: calc(100% - 36px); padding: 0px 8px; }
  .fMRemT > a { width: 100%; }
  .fMRemT button { padding: 0px 11px 1px; }
}
.ixflvE { position: absolute; left: 0px; width: 0px; bottom: 0px; height: 2px; border-radius: 4px; background-color: rgb(234, 91, 12); transition: 0.6s; }
.bSfHdh { width: 100%; }
.bSfHdh > .mob-full { width: 100%; position: relative; }
.bSfHdh > .mob-full > div { margin-bottom: 0px; }
@media (max-width: 1016px) {
  .bSfHdh > .mob-full { left: 0px; width: calc(16px + 100vw); }
}
.bSfHdh .btn-left, .bSfHdh .btn-right { position: absolute; z-index: 3; background: none; top: 50%; cursor: pointer; width: 24px; }
.bSfHdh .btn-left .arrow-icon, .bSfHdh .btn-right .arrow-icon { color: rgb(255, 255, 255); }
@media (max-width: 1016px) {
  .bSfHdh .btn-left, .bSfHdh .btn-right { display: none; }
}
.bSfHdh .btn-left { left: 0px; transform: translateY(calc(50% + 2px)); rotate: 180deg; }
.bSfHdh .btn-right { transform: translateY(calc(-50% + 2px)); right: 0px; }
.iSDVkc { width: 100%; }
.iSDVkc > .mob-full { width: 100%; position: relative; }
.iSDVkc > .mob-full > div { margin-bottom: 0px; }
@media (max-width: 1016px) {
  .iSDVkc > .mob-full { left: -238px; width: calc(16px + 100vw); }
}
.iSDVkc .btn-left, .iSDVkc .btn-right { position: absolute; z-index: 3; background: none; top: 50%; cursor: pointer; width: 24px; }
.iSDVkc .btn-left .arrow-icon, .iSDVkc .btn-right .arrow-icon { color: rgb(255, 255, 255); }
@media (max-width: 1016px) {
  .iSDVkc .btn-left, .iSDVkc .btn-right { display: none; }
}
.iSDVkc .btn-left { left: 0px; transform: translateY(calc(50% + 2px)); rotate: 180deg; }
.iSDVkc .btn-right { transform: translateY(calc(-50% + 2px)); right: 0px; }
.bYNdAQ { width: 100%; }
.bYNdAQ > .mob-full { width: 100%; position: relative; }
.bYNdAQ > .mob-full > div { margin-bottom: 0px; }
@media (max-width: 1016px) {
  .bYNdAQ > .mob-full { left: -32px; width: calc(16px + 100vw); }
}
.bYNdAQ .btn-left, .bYNdAQ .btn-right { position: absolute; z-index: 3; background: none; top: 50%; cursor: pointer; width: 24px; }
.bYNdAQ .btn-left .arrow-icon, .bYNdAQ .btn-right .arrow-icon { color: rgb(255, 255, 255); }
@media (max-width: 1016px) {
  .bYNdAQ .btn-left, .bYNdAQ .btn-right { display: none; }
}
.bYNdAQ .btn-left { left: 0px; transform: translateY(calc(50% + 2px)); rotate: 180deg; }
.bYNdAQ .btn-right { transform: translateY(calc(-50% + 2px)); right: 0px; }
.hvJRt { width: 100%; }
.hvJRt > .mob-full { width: 100%; position: relative; }
.hvJRt > .mob-full > div { margin-bottom: 0px; }
@media (max-width: 1016px) {
  .hvJRt > .mob-full { left: -16.5px; width: calc(16px + 100vw); }
}
.hvJRt .btn-left, .hvJRt .btn-right { position: absolute; z-index: 3; background: none; top: 50%; cursor: pointer; width: 24px; }
.hvJRt .btn-left .arrow-icon, .hvJRt .btn-right .arrow-icon { color: rgb(255, 255, 255); }
@media (max-width: 1016px) {
  .hvJRt .btn-left, .hvJRt .btn-right { display: none; }
}
.hvJRt .btn-left { left: 0px; transform: translateY(calc(50% + 2px)); rotate: 180deg; }
.hvJRt .btn-right { transform: translateY(calc(-50% + 2px)); right: 0px; }
.fJpxBg { width: 100%; }
.fJpxBg > .mob-full { width: 100%; position: relative; }
.fJpxBg > .mob-full > div { margin-bottom: 0px; }
@media (max-width: 1016px) {
  .fJpxBg > .mob-full { left: -39.5px; width: calc(16px + 100vw); }
}
.fJpxBg .btn-left, .fJpxBg .btn-right { position: absolute; z-index: 3; background: none; top: 50%; cursor: pointer; width: 24px; }
.fJpxBg .btn-left .arrow-icon, .fJpxBg .btn-right .arrow-icon { color: rgb(255, 255, 255); }
@media (max-width: 1016px) {
  .fJpxBg .btn-left, .fJpxBg .btn-right { display: none; }
}
.fJpxBg .btn-left { left: 0px; transform: translateY(calc(50% + 2px)); rotate: 180deg; }
.fJpxBg .btn-right { transform: translateY(calc(-50% + 2px)); right: 0px; }
.bUvoXi { width: 100%; }
.bUvoXi > .mob-full { width: 100%; position: relative; }
.bUvoXi > .mob-full > div { margin-bottom: 0px; }
@media (max-width: 1016px) {
  .bUvoXi > .mob-full { left: -40.5px; width: calc(16px + 100vw); }
}
.bUvoXi .btn-left, .bUvoXi .btn-right { position: absolute; z-index: 3; background: none; top: 50%; cursor: pointer; width: 24px; }
.bUvoXi .btn-left .arrow-icon, .bUvoXi .btn-right .arrow-icon { color: rgb(255, 255, 255); }
@media (max-width: 1016px) {
  .bUvoXi .btn-left, .bUvoXi .btn-right { display: none; }
}
.bUvoXi .btn-left { left: 0px; transform: translateY(calc(50% + 2px)); rotate: 180deg; }
.bUvoXi .btn-right { transform: translateY(calc(-50% + 2px)); right: 0px; }
.gfWVUE { overflow-x: auto; width: 100%; margin-bottom: 32px; min-height: 48px; padding-top: 4px; scrollbar-width: none; }
.gfWVUE::-webkit-scrollbar { display: none; width: 0px; height: 0px; }
.gfWVUE::after { content: ""; transform: translate(-100%); transition: 0.3s; background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%); position: absolute; left: -1px; top: 0px; bottom: 0px; width: 0px; z-index: 1; }
.gfWVUE::before { content: ""; transform: translate(100%); transition: 0.3s; background: linear-gradient(270deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%); position: absolute; right: -1px; top: 0px; bottom: 0px; width: 0px; z-index: 1; }
@media (max-width: 1016px) {
  .gfWVUE { position: relative; padding-left: 0px; padding-top: 4px; }
  .gfWVUE::before, .gfWVUE::after { display: none; }
}
.gfWVUE > div { margin: 0px auto; position: relative; scroll-snap-align: center; min-width: 900px; width: max-content; display: flex; flex-flow: row; -webkit-box-pack: justify; justify-content: space-between; background-color: rgb(28, 28, 30); border-radius: 24px; height: 40px; }
@media (max-width: 1016px) {
  .gfWVUE > div { min-width: max-content; }
  .gfWVUE > div::after { content: ""; display: block; position: absolute; height: 1px; }
}
@media (max-width: 658px) {
  .gfWVUE > div { margin: 0px 18px; }
}
.gfWVUE > div > .marker { position: absolute; height: calc(100% + 8px); top: -4px; left: 0px; width: 0px; background-color: rgb(255, 255, 255); border-radius: 24px; transition: 0.5s; z-index: 0; }
.kMVXUH { overflow-x: auto; width: 100%; margin-bottom: 32px; min-height: 48px; padding-top: 4px; scrollbar-width: none; }
.kMVXUH::-webkit-scrollbar { display: none; width: 0px; height: 0px; }
.kMVXUH::after { content: ""; transform: translate(-100%); transition: 0.3s; background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%); position: absolute; left: -1px; top: 0px; bottom: 0px; width: 0px; z-index: 1; }
.kMVXUH::before { content: ""; transform: translate(0px) scale(1.1); transition: 0.3s; background: linear-gradient(270deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%); position: absolute; right: -1px; top: 0px; bottom: 0px; width: 56px; z-index: 1; }
@media (max-width: 1016px) {
  .kMVXUH { position: relative; padding-left: 238px; padding-top: 4px; }
  .kMVXUH::before, .kMVXUH::after { display: none; }
}
.kMVXUH > div { margin: 0px auto; position: relative; scroll-snap-align: center; min-width: 900px; width: max-content; display: flex; flex-flow: row; -webkit-box-pack: justify; justify-content: space-between; background-color: rgb(28, 28, 30); border-radius: 24px; height: 40px; }
@media (max-width: 1016px) {
  .kMVXUH > div { min-width: max-content; }
  .kMVXUH > div::after { content: ""; display: block; position: absolute; right: -220px; width: 220px; height: 1px; }
}
.kMVXUH > div > .marker { position: absolute; height: calc(100% + 8px); top: -4px; left: 0px; width: 0px; background-color: rgb(255, 255, 255); border-radius: 24px; transition: 0.5s; z-index: 0; }
.dHJGmY { overflow-x: auto; width: 100%; margin-bottom: 32px; min-height: 48px; padding-top: 4px; scrollbar-width: none; }
.dHJGmY::-webkit-scrollbar { display: none; width: 0px; height: 0px; }
.dHJGmY::after { content: ""; transform: translate(-100%); transition: 0.3s; background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%); position: absolute; left: -1px; top: 0px; bottom: 0px; width: 0px; z-index: 1; }
.dHJGmY::before { content: ""; transform: translate(0px) scale(1.1); transition: 0.3s; background: linear-gradient(270deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%); position: absolute; right: -1px; top: 0px; bottom: 0px; width: 56px; z-index: 1; }
@media (max-width: 1016px) {
  .dHJGmY { position: relative; padding-left: 32px; padding-top: 4px; }
  .dHJGmY::before, .dHJGmY::after { display: none; }
}
.dHJGmY > div { margin: 0px auto; position: relative; scroll-snap-align: center; min-width: 900px; width: max-content; display: flex; flex-flow: row; -webkit-box-pack: justify; justify-content: space-between; background-color: rgb(28, 28, 30); border-radius: 24px; height: 40px; }
@media (max-width: 1016px) {
  .dHJGmY > div { min-width: max-content; }
  .dHJGmY > div::after { content: ""; display: block; position: absolute; right: -14px; width: 14px; height: 1px; }
}
.dHJGmY > div > .marker { position: absolute; height: calc(100% + 8px); top: -4px; left: 0px; width: 92px; background-color: rgb(255, 255, 255); border-radius: 24px; transition: 0.5s; z-index: 0; }
.ffLszR { overflow-x: auto; width: 100%; margin-bottom: 32px; min-height: 48px; padding-top: 4px; scrollbar-width: none; }
.ffLszR::-webkit-scrollbar { display: none; width: 0px; height: 0px; }
.ffLszR::after { content: ""; transform: translate(-100%); transition: 0.3s; background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%); position: absolute; left: -1px; top: 0px; bottom: 0px; width: 0px; z-index: 1; }
.ffLszR::before { content: ""; transform: translate(0px) scale(1.1); transition: 0.3s; background: linear-gradient(270deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%); position: absolute; right: -1px; top: 0px; bottom: 0px; width: 56px; z-index: 1; }
@media (max-width: 1016px) {
  .ffLszR { position: relative; padding-left: 16.5px; padding-top: 4px; }
  .ffLszR::before, .ffLszR::after { display: none; }
}
.ffLszR > div { margin: 0px auto; position: relative; scroll-snap-align: center; min-width: 900px; width: max-content; display: flex; flex-flow: row; -webkit-box-pack: justify; justify-content: space-between; background-color: rgb(28, 28, 30); border-radius: 24px; height: 40px; }
@media (max-width: 1016px) {
  .ffLszR > div { min-width: max-content; }
  .ffLszR > div::after { content: ""; display: block; position: absolute; height: 1px; }
}
.ffLszR > div > .marker { position: absolute; height: calc(100% + 8px); top: -4px; left: 0px; width: 92px; background-color: rgb(255, 255, 255); border-radius: 24px; transition: 0.5s; z-index: 0; }
.llLjBg { overflow-x: auto; width: 100%; margin-bottom: 32px; min-height: 48px; padding-top: 4px; scrollbar-width: none; }
.llLjBg::-webkit-scrollbar { display: none; width: 0px; height: 0px; }
.llLjBg::after { content: ""; transform: translate(-100%); transition: 0.3s; background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%); position: absolute; left: -1px; top: 0px; bottom: 0px; width: 0px; z-index: 1; }
.llLjBg::before { content: ""; transform: translate(0px) scale(1.1); transition: 0.3s; background: linear-gradient(270deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%); position: absolute; right: -1px; top: 0px; bottom: 0px; width: 56px; z-index: 1; }
@media (max-width: 1016px) {
  .llLjBg { position: relative; padding-left: 39.5px; padding-top: 4px; }
  .llLjBg::before, .llLjBg::after { display: none; }
}
.llLjBg > div { margin: 0px auto; position: relative; scroll-snap-align: center; min-width: 900px; width: max-content; display: flex; flex-flow: row; -webkit-box-pack: justify; justify-content: space-between; background-color: rgb(28, 28, 30); border-radius: 24px; height: 40px; }
@media (max-width: 1016px) {
  .llLjBg > div { min-width: max-content; }
  .llLjBg > div::after { content: ""; display: block; position: absolute; right: -21.5px; width: 21.5px; height: 1px; }
}
.llLjBg > div > .marker { position: absolute; height: calc(100% + 8px); top: -4px; left: 0px; width: 92px; background-color: rgb(255, 255, 255); border-radius: 24px; transition: 0.5s; z-index: 0; }
.iLxGji { overflow-x: auto; width: 100%; margin-bottom: 32px; min-height: 48px; padding-top: 4px; scrollbar-width: none; }
.iLxGji::-webkit-scrollbar { display: none; width: 0px; height: 0px; }
.iLxGji::after { content: ""; transform: translate(-100%); transition: 0.3s; background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%); position: absolute; left: -1px; top: 0px; bottom: 0px; width: 0px; z-index: 1; }
.iLxGji::before { content: ""; transform: translate(0px) scale(1.1); transition: 0.3s; background: linear-gradient(270deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%); position: absolute; right: -1px; top: 0px; bottom: 0px; width: 56px; z-index: 1; }
@media (max-width: 1016px) {
  .iLxGji { position: relative; padding-left: 40.5px; padding-top: 4px; }
  .iLxGji::before, .iLxGji::after { display: none; }
}
.iLxGji > div { margin: 0px auto; position: relative; scroll-snap-align: center; min-width: 900px; width: max-content; display: flex; flex-flow: row; -webkit-box-pack: justify; justify-content: space-between; background-color: rgb(28, 28, 30); border-radius: 24px; height: 40px; }
@media (max-width: 1016px) {
  .iLxGji > div { min-width: max-content; }
  .iLxGji > div::after { content: ""; display: block; position: absolute; right: -22.5px; width: 22.5px; height: 1px; }
}
.iLxGji > div > .marker { position: absolute; height: calc(100% + 8px); top: -4px; left: 0px; width: 92px; background-color: rgb(255, 255, 255); border-radius: 24px; transition: 0.5s; z-index: 0; }
.bJIpXl { width: max-content; white-space: nowrap; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; padding: 0px 1.2em; color: rgb(0, 0, 0); font-weight: bold; font-size: 16px; text-transform: uppercase; transition: color 0.3s ease-in; cursor: pointer; }
.bJIpXl > a { color: inherit; }
.bJIpXl > a, .bJIpXl > span { position: relative; display: flex; -webkit-box-align: center; align-items: center; gap: 8px; z-index: 2; }
.bJIpXl > a > .icon, .bJIpXl > span > .icon { display: inline-block; font-size: 20px; min-width: 20px; margin-left: 4px; }
.bJIpXl > a > svg, .bJIpXl > span > svg, .bJIpXl > a > img, .bJIpXl > span > img { transition: 0.3s; height: 24px; width: 24px; object-fit: contain; }
@media (hover: hover) and (pointer: fine) {
  .bJIpXl:hover { color: rgb(0, 0, 0); }
  .bJIpXl:hover > a { color: inherit; }
  .bJIpXl:hover svg, .bJIpXl:hover img { transform: scale(1.17); }
}
.cDrHsn { width: max-content; white-space: nowrap; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; padding: 0px 1.2em; color: rgb(142, 142, 147); font-weight: bold; font-size: 16px; text-transform: uppercase; transition: color 0.3s ease-in; cursor: pointer; }
.cDrHsn > a { color: inherit; }
.cDrHsn > a, .cDrHsn > span { position: relative; display: flex; -webkit-box-align: center; align-items: center; gap: 8px; z-index: 2; }
.cDrHsn > a > .icon, .cDrHsn > span > .icon { display: inline-block; font-size: 20px; min-width: 20px; margin-left: 4px; }
.cDrHsn > a > svg, .cDrHsn > span > svg, .cDrHsn > a > img, .cDrHsn > span > img { transition: 0.3s; height: 24px; width: 24px; object-fit: contain; }
@media (hover: hover) and (pointer: fine) {
  .cDrHsn:hover { color: rgb(255, 255, 255); }
  .cDrHsn:hover > a { color: inherit; }
  .cDrHsn:hover svg, .cDrHsn:hover img { transform: scale(1.17); }
}
.itjIRS { display: grid; grid-template-columns: 1fr auto; gap: 8px; border-radius: 12px; height: 96px; cursor: pointer; overflow: hidden; background-color: rgb(28, 28, 30); }
.itjIRS > .text { width: 100%; padding: 16px 0px 16px 24px; display: flex; flex-direction: column; -webkit-box-pack: center; justify-content: center; }
.itjIRS > .text h2 { font-size: 16px; line-height: 20px; letter-spacing: 0.01em; text-transform: uppercase; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 0px; }
@media (max-width: 658px) {
  .itjIRS > .text h2.topic-card__title { white-space: normal; }
}
.itjIRS > .text > a { margin-top: auto; }
.itjIRS > .text > a button { max-width: max-content; }
.itjIRS .content { width: 100%; display: flex; -webkit-box-pack: end; justify-content: flex-end; gap: 8px; }
.itjIRS .content .topic-img { height: 100%; object-fit: contain; object-position: center bottom; transition: transform 0.3s ease-in-out; }
.itjIRS .content .arrow { flex-shrink: 0; width: 16px; height: 100%; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; margin-right: 12px; }
.itjIRS .content .arrow > i { color: rgb(142, 142, 147); transition: transform 0.2s ease-in-out; transform: translateX(0px) scale(1); }
.itjIRS h2 { color: rgb(255, 255, 255); }
@media (hover: hover) {
  .itjIRS:hover > .content .topic-img { transform: scale(1.1); }
  .itjIRS:hover .arrow i { transform: translateY(-2px) scale(1.05); color: rgb(0, 0, 0); }
}
.jPyIXS { position: absolute; z-index: 3; inset: 16px 12px auto auto; border-radius: 8px; display: flex; column-gap: 4px; flex-wrap: nowrap; -webkit-box-align: center; align-items: center; height: 24px; padding-inline: 4px; }
@container tournament-card (width > 626px) {
  .jPyIXS { inset: auto auto 16px 16px; padding: 8px; column-gap: 8px; height: 48px; padding-inline: 16px; background-color: rgba(0, 0, 0, 0.4); }
}
.jPyIXS .label { position: relative; font-weight: 700; font-size: 10px; line-height: 100%; letter-spacing: 0.2px; text-transform: capitalize; white-space: pre-line; text-align: left; color: rgb(255, 255, 255); }
@container tournament-card (width > 626px) {
  .jPyIXS .label { font-size: 16px; letter-spacing: 0.48px; }
}
@media (max-width: 380px) {
  .jPyIXS .label.fr-CH, .jPyIXS .label.fr-CA { display: none; }
}
@media (max-width: 360px) {
  .jPyIXS .label.de { display: none; }
}
.jPyIXS .countdown { color: rgb(255, 255, 255); font-size: 14px; font-weight: 700; line-height: 100%; letter-spacing: 0.42px; font-variant-numeric: tabular-nums; display: flex; column-gap: 2px; }
@container tournament-card (width > 626px) {
  .jPyIXS .countdown { font-size: 20px; letter-spacing: 0.6px; }
}
.jPyIXS .countdown span { position: relative; display: inline-block; padding-bottom: 10px; text-align: center; }
.jPyIXS .countdown span::before { position: absolute; display: block; content: attr(attr-label); font-size: 10px; line-height: 100%; white-space: nowrap; left: 50%; transform: translateX(-50%); text-transform: lowercase; bottom: 0px; font-weight: 400; color: rgba(255, 255, 255, 0.6); }
.frjixw { display: flex; -webkit-box-pack: center; justify-content: center; gap: 16px; margin-top: 12px; }
@container tournament-card (width > 626px) {
  .frjixw { margin-top: 24px; max-width: 305px; margin-inline: auto; }
}
.frjixw:has(> :nth-child(2)) { -webkit-box-pack: justify; justify-content: space-between; }
.frjixw > .limit { display: flex; -webkit-box-align: center; align-items: center; gap: 8px; font-size: 12px; font-weight: 400; line-height: 18px; letter-spacing: 0px; color: rgba(255, 255, 255, 0.6); }
.frjixw > .limit > svg path { fill: rgba(255, 255, 255, 0.6); }
.izVpfx { container: tournament-card / inline-size; position: relative; border-radius: 16px; background-position: center -172px; background-size: 100% 172px; background-repeat: no-repeat; background-color: rgb(28, 28, 30); transition: background-position 0.2s ease-in-out; box-shadow: rgba(0, 0, 0, 0.6) 0px 0px 8px 0px, rgba(0, 0, 0, 0.8) 0px 0px 12px 0px; }
.izVpfx .tournament-card-wrapper { display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; padding: 54px 12px 8px; position: relative; height: 100%; -webkit-box-pack: justify; justify-content: space-between; }
@container tournament-card (width > 626px) {
  .izVpfx .tournament-card-wrapper { padding: 0px 64px 0px 32px; flex-direction: row; -webkit-box-pack: center; justify-content: center; column-gap: 8px; }
}
.izVpfx .card-additional-description { display: flex; padding: 12px 16px 16px; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 24px; border-radius: 0px 0px 16px 16px; background: linear-gradient(120deg, rgb(202, 72, 106) 34.84%, rgb(180, 24, 226) 103.6%); }
@media (max-width: 1016px) {
  .izVpfx .card-additional-description { gap: 8px; padding: 8px 12px 12px; }
  .izVpfx .card-additional-description .description-icon { width: 44px; height: 48px; }
}
.izVpfx .card-additional-description .description-text { font-size: 16px; font-weight: 400; line-height: 24px; letter-spacing: normal; }
@media (max-width: 1016px) {
  .izVpfx .card-additional-description .description-text { font-size: 14px; font-weight: 400; line-height: 20px; letter-spacing: normal; }
}
.izVpfx .in-house-badge { position: absolute; right: 16px; top: -16px; color: rgb(0, 0, 0); font-size: 14px; font-weight: 700; line-height: 100%; letter-spacing: 0.42px; text-transform: uppercase; padding: 1px 10px; border-radius: 4px 4px 0px 0px; background: rgb(240, 192, 24); box-shadow: rgba(0, 0, 0, 0.25) 0px -4px 4px 0px inset; }
@container tournament-card (width > 626px) {
  .izVpfx .in-house-badge { right: 32px; }
}
.izVpfx .styled__ScTournamentBadge-sc-bafe1228-0 { position: absolute; top: 12px; left: 12px; z-index: 1; }
@container tournament-card (width > 626px) {
  .izVpfx .styled__ScTournamentBadge-sc-bafe1228-0 { top: 18px; left: 16px; }
}
.izVpfx .banner { position: relative; display: flex; flex-direction: column; -webkit-box-pack: end; justify-content: flex-end; width: 320px; height: 200px; max-width: 100%; transition: scale 0.2s ease-in-out; transform-origin: center bottom; }
.izVpfx .banner > img { max-width: 100%; object-fit: cover; }
.izVpfx .banner > .bottom-gradient { position: relative; background-image: linear-gradient(0deg, rgb(28, 28, 30) 0%, rgba(28, 28, 30, 0.9) 29.31%, rgba(28, 28, 30, 0) 100%); width: 100%; height: 64px; z-index: 1; }
@container tournament-card (width > 626px) {
  .izVpfx .banner { width: 100%; max-width: 560px; height: 313px; transform-origin: center center; }
}
.izVpfx .card-footer { text-align: center; width: 100%; }
@container tournament-card (width > 626px) {
  .izVpfx .card-footer { padding-block: 80px 32px; max-width: 385px; }
}
.izVpfx .card-footer .name, .izVpfx .card-footer .prize { font-weight: 700; line-height: 100%; text-transform: uppercase; }
.izVpfx .card-footer .name { position: relative; color: rgb(37, 170, 214); font-size: 18px; margin-bottom: 4px; letter-spacing: 0.54px; height: 36px; z-index: 1; margin-top: -18px; display: flex; -webkit-box-align: end; align-items: end; -webkit-box-pack: center; justify-content: center; }
@container tournament-card (width < 626px) {
  .izVpfx .card-footer .name > p { text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
}
.izVpfx .card-footer .prize { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; font-size: 34px; letter-spacing: 1.02px; margin-bottom: 16px; }
@media (max-width: 1016px) {
  .izVpfx .card-footer .prize { font-size: 28px; font-weight: 700; line-height: 32px; letter-spacing: 0.03em; }
}
@container tournament-card (width > 626px) {
  .izVpfx .card-footer .prize { font-size: 44px; line-height: 44px; letter-spacing: 1.44px; margin-bottom: 40px; }
}
@container tournament-card (width > 626px) {
  .izVpfx .card-footer .cta-box > button { max-width: 305px; margin-inline: auto; }
}
.izVpfx.finished .banner, .izVpfx.finished .card-footer .name { filter: grayscale(1); }
.izVpfx.purple-gradient { background-image: linear-gradient(rgb(127, 67, 234) 0%, rgba(128, 68, 234, 0.32) 52.7%, rgba(127, 67, 234, 0) 100%); }
.izVpfx.gold-gradient { background-image: linear-gradient(rgb(210, 162, 21) 0%, rgba(241, 198, 66, 0.32) 52.7%, rgba(210, 162, 21, 0) 100%); }
.izVpfx.gold-gradient .card-footer .name { color: rgb(240, 192, 24); }
.izVpfx.red-gradient { background-image: linear-gradient(rgb(229, 56, 8) 0%, rgba(229, 56, 8, 0.3) 52.7%, rgba(229, 56, 8, 0) 100%); }
.izVpfx.blue-gradient { background-image: linear-gradient(rgb(50, 149, 237) 0%, rgba(72, 82, 235, 0.32) 52.7%, rgba(84, 51, 235, 0) 100%); }
.izVpfx.green-gradient { background-image: linear-gradient(rgb(22, 167, 83) 0%, rgba(7, 123, 64, 0.32) 52.7%, rgba(22, 167, 83, 0) 100%); }
.izVpfx.orange-gradient { background-image: linear-gradient(rgb(255, 158, 1) 0%, rgba(255, 158, 1, 0.32) 52.7%, rgba(127, 67, 234, 0) 100%); }
.izVpfx.pink-gradient { background-image: linear-gradient(rgb(202, 72, 106) 0%, rgba(118, 93, 157, 0.32) 52.7%, rgba(127, 67, 234, 0) 100%); }
.izVpfx:not(.without-hover):hover:not(.upcoming):not(.finished) { background-position: center 0px; }
.izVpfx:not(.without-hover):hover .banner { scale: 1.05; }
.eGURPT { position: relative; display: flex; flex-direction: column; -webkit-box-pack: end; justify-content: flex-end; -webkit-box-align: center; align-items: center; row-gap: 40px; border-radius: 16px; background-color: rgb(28, 28, 30); box-shadow: rgba(0, 0, 0, 0.6) 0px 0px 8px 0px, rgba(0, 0, 0, 0.8) 0px 0px 12px 0px; padding: 12px 12px 40px; overflow: hidden; }
.eGURPT .bg { position: absolute; top: -18px; left: 50%; transform: translateX(-50%); }
.eGURPT .main-img { position: relative; transition: scale 0.2s ease-in-out; transform-origin: center bottom; z-index: 1; }
.eGURPT > a { align-self: stretch; }
.eGURPT:hover .main-img { scale: 1.05; }
.dLrJM .styled__ScSlider-sc-b27ed562-0 { padding-top: 16px; margin-top: -16px; }
.eQThpO { width: 100%; height: 320px; background: linear-gradient(90deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 47.92%); overflow: hidden; border-radius: 12px; position: relative; display: flex; }
.eQThpO > .slider-bg { object-fit: cover; }
.eQThpO .characters { position: relative; height: 100%; width: 100%; }
.eQThpO .characters > img { object-fit: contain; object-position: left bottom; }
@media (max-width: 1474px) {
  .eQThpO { height: 384px; flex-direction: column; }
  .eQThpO > .slider-bg { object-position: left center; }
  .eQThpO .characters { max-height: 112px; width: 100%; }
  .eQThpO .characters > img { object-position: center bottom; }
}
.bnXvxI { position: relative; width: 288px; flex-shrink: 0; padding: 24px; display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; }
@media (max-width: 1474px) {
  .bnXvxI { width: 100%; min-height: 256px; padding: 16px; margin-top: 16px; }
}
.hRkiA { font-weight: 700; font-size: 16px; line-height: 20px; color: rgb(37, 170, 214); letter-spacing: 0.01em; text-transform: uppercase; text-align: center; }
.HtmzK { text-transform: uppercase; font-weight: 700; font-size: 22px; line-height: 28px; letter-spacing: 0.02em; text-align: center; }
.HtmzK.big-fs { font-size: 32px; line-height: 40px; }
@media (max-width: 1016px) {
  .HtmzK { font-size: 20px; line-height: 26px; }
}
.cBQtxg > button { min-width: 204px; }
.cIHdEc { display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; padding: 8px 40px 28px; position: absolute; inset: auto auto 0px 0px; width: 100%; z-index: 1; }
@media (max-width: 1016px) {
  .cIHdEc { padding: 12px 40px 36px; }
}
.cIHdEc button.pagination-bullet { width: 100%; max-width: 48px; padding: 4px; cursor: pointer; background: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; outline: none; }
@media (max-width: 1016px) {
  .cIHdEc button.pagination-bullet { max-width: 80px; }
}
.cIHdEc button.pagination-bullet::before { position: relative; content: ""; width: 100%; height: 4px; display: block; background: rgb(255, 255, 255); opacity: 0.2; border-radius: 20px; transition: 0.2s; }
.cIHdEc button.pagination-bullet:hover::before { opacity: 0.3; }
.cIHdEc button.pagination-bullet.active::before, .cIHdEc button.pagination-bullet.active:hover::before { opacity: 1; }
.jtSucF { position: relative; z-index: 3; transition: height 0.3s ease-out; }
.jtSucF .embla__viewport { overflow: hidden; width: 100%; max-width: 100%; }
.jtSucF .embla__container { display: flex; touch-action: pan-y pinch-zoom; margin-left: -16px; }
.jtSucF .embla__slide { min-width: 0px; padding-left: 16px; flex: 0 0 90.91%; }
.iNKAFD { position: relative; }
.iNKAFD .crystal-1, .iNKAFD .crystal-2 { position: absolute; top: 0px; left: 0px; }
.iNKAFD .crystal-2 { animation: 1.8s ease-in-out 0s infinite normal none running hghJEH; }
.fBdCsr { display: flex; align-items: flex-start; gap: 24px; width: 100%; }
@media (max-width: 1016px) {
  .fBdCsr { display: none; }
}
.RKhuw { position: relative; display: flex; flex-direction: column; flex: 1 1 0%; }
.RKhuw.inHitZone .badge { background: rgb(26, 178, 50); }
.RKhuw.winAnyMoment .badge { background: rgb(255, 114, 38); animation: 1.8s ease-in-out 0s infinite normal none running jRLVqH; }
.RKhuw.winAnyMoment .prize { animation: 1.8s ease-in-out 0s infinite normal none running jCnKge; }
.RKhuw.aboutToBlow .badge { background: rgb(255, 56, 38); animation: 0.9s ease-in-out 0s infinite normal none running jRLVqH; }
.RKhuw.aboutToBlow .prize { animation: 0.9s ease-in-out 0s infinite normal none running cVZbXQ; }
.RKhuw .inner { display: flex; -webkit-box-align: center; align-items: center; height: 100%; gap: 4px; }
.RKhuw .bottom { display: flex; -webkit-box-align: center; align-items: center; gap: 8px; flex-wrap: wrap; }
.RKhuw .hit-range { color: rgba(255, 255, 255, 0.8); font-size: 12px; line-height: 18px; font-weight: 400; letter-spacing: 0px; text-transform: none; white-space: nowrap; }
.RKhuw .badge { display: inline-flex; padding: 2px 6px; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; border-radius: 100px; color: rgb(255, 255, 255); font-size: 10px; font-weight: 700; line-height: 14px; letter-spacing: 0px; text-transform: none; white-space: nowrap; }
.RKhuw .icon { width: 72px; height: 72px; }
.deBSrW { font-weight: bold; line-height: 1.25; text-transform: uppercase; display: flex; flex-direction: column; -webkit-box-pack: center; justify-content: center; }
.deBSrW .title { font-size: 16px; letter-spacing: 0.01em; color: rgba(255, 255, 255, 0.6); white-space: nowrap; }
.deBSrW .prize { font-size: 32px; letter-spacing: 0.03em; color: rgb(255, 255, 255); text-transform: none; white-space: nowrap; }
.eFhYjb { cursor: pointer; width: 100%; max-height: 128px; display: flex; flex-direction: row; -webkit-box-pack: justify; justify-content: space-between; padding: 4px 24px; gap: 24px; border-radius: 12px; background-color: rgb(28, 28, 30); overflow: hidden; -webkit-box-align: center; align-items: center; position: relative; z-index: 1; }
.eFhYjb .btn { display: none; height: 40px; max-width: 280px; }
.eFhYjb .embla-slider-wrapper { width: 100%; display: none; }
.eFhYjb .embla-slider-wrapper .embla__viewport { margin-top: -24px; margin-bottom: 48px; }
.eFhYjb .embla-slider-wrapper .embla__slide.last { flex: 0 0 100%; }
.eFhYjb .embla-slider-wrapper .embla__slide.active { position: relative; padding-left: 48px; }
.eFhYjb .embla-slider-wrapper .embla__slide.active:not(:last-child)::after { position: absolute; content: ""; top: 0px; right: 0px; display: flex; width: 1px; height: 90px; align-items: flex-start; align-self: stretch; border-radius: 360px; background: radial-gradient(67.71% 84.17%, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); }
@media (max-width: 658px) {
  .eFhYjb .embla-slider-wrapper.lang-fr-CA .embla__slide.active { padding-left: 32px; }
}
@media (max-width: 400px) {
  .eFhYjb .embla-slider-wrapper .embla__slide { flex: 0 0 100%; }
  .eFhYjb .embla-slider-wrapper .embla__slide.active { padding-right: 16px; }
  .eFhYjb .embla-slider-wrapper .embla__slide.active:not(:last-child)::after { right: 12px; }
}
@media (max-width: 340px) {
  .eFhYjb .embla-slider-wrapper .embla__container { margin-left: -8px; }
  .eFhYjb .embla-slider-wrapper .embla__slide { flex: 0 0 100%; }
  .eFhYjb .embla-slider-wrapper .embla__slide.active { padding-left: 8px; }
  .eFhYjb .embla-slider-wrapper .embla__slide.active:not(:last-child)::after { }
  .eFhYjb .embla-slider-wrapper .embla__viewport { padding-left: 8px; }
}
.eFhYjb .styled__ScEmblaPagination-sc-209c2dc0-0 { padding: 0px; bottom: -22px; }
.eFhYjb > .bg { object-position: left center; z-index: -1; }
.eFhYjb .logo { max-width: 238px; width: 100%; display: flex; -webkit-box-align: center; align-items: center; }
.eFhYjb .logo img { width: 100%; object-fit: contain; }
@media (max-width: 1474px) {
  .eFhYjb .logo { max-width: 190px; }
}
.eFhYjb .levels-container { display: flex; gap: 12px; -webkit-box-align: center; align-items: center; }
.eFhYjb .bluredBlue, .eFhYjb .green, .eFhYjb .pink, .eFhYjb .blue, .eFhYjb .bluredPink, .eFhYjb .bluredGreen { position: absolute; aspect-ratio: 1 / 1; z-index: -1; }
.eFhYjb .pink { width: 200px; top: -135px; left: 1000px; animation: 7s ease-out 0s infinite normal none running dJwgKX; }
.eFhYjb .blue { width: 160px; top: -87px; left: 175px; animation: 7s ease-out 0s infinite normal none running ePSsgD; }
.eFhYjb .green { width: 160px; bottom: -95px; left: 685px; animation: 7s ease-out 0s infinite normal none running dJwgKX; }
.eFhYjb .bluredBlue { width: 450px; bottom: -270px; left: 260px; animation: 7s ease-out 0s infinite normal none running ePSsgD; }
.eFhYjb .bluredPink { width: 470px; top: -340px; left: 865px; animation: 7s ease-out 0s infinite normal none running ePSsgD; }
.eFhYjb .bluredGreen { display: none; width: 100%; height: 100%; left: -270px; bottom: -145px; animation: 7s ease-out 0s infinite normal none running ePSsgD; }
@media (max-width: 1168px) {
  .eFhYjb .logo { display: none; }
}
@media (max-width: 1016px) {
  .eFhYjb { flex-direction: column; border-radius: 12px; padding: 12px 0px; max-height: 344px; display: flex; -webkit-box-align: center; align-items: center; gap: 0px; }
  .eFhYjb .logo { display: block; max-width: 312px; margin-bottom: -34px; }
  .eFhYjb .btn { display: block; }
  .eFhYjb .embla-slider-wrapper { display: block; }
  .eFhYjb > .bg { object-fit: cover; object-position: center top; }
  .eFhYjb > .logo { max-width: 110px; margin-top: -34px; margin-bottom: 0px; }
  .eFhYjb .pink { position: absolute; aspect-ratio: 1 / 1; z-index: -1; }
  .eFhYjb .bluredBlue, .eFhYjb .green { display: none; }
  .eFhYjb .blue { width: 116px; height: 116px; top: 60px; right: -80px; left: unset; }
  .eFhYjb .pink { top: -130px; left: -110px; }
  .eFhYjb .bluredGreen { display: block; }
  .eFhYjb .bluredPink { inset: 150px auto auto 0px; }
}
@media (max-width: 320px) {
  .eFhYjb .blue { display: none; }
}
@-webkit-keyframes dJwgKX { 
  0% { transform: translateY(10%); }
  50% { transform: translateY(0px); }
  100% { transform: translateY(10%); }
}
@keyframes dJwgKX { 
  0% { transform: translateY(10%); }
  50% { transform: translateY(0px); }
  100% { transform: translateY(10%); }
}
@-webkit-keyframes ePSsgD { 
  0% { transform: translateY(0px); }
  50% { transform: translateY(10%); }
  100% { transform: translateY(0px); }
}
@keyframes ePSsgD { 
  0% { transform: translateY(0px); }
  50% { transform: translateY(10%); }
  100% { transform: translateY(0px); }
}
@-webkit-keyframes jRLVqH { 
  0%, 100% { opacity: 1; }
  50% { opacity: 0.6; }
}
@keyframes jRLVqH { 
  0%, 100% { opacity: 1; }
  50% { opacity: 0.6; }
}
@-webkit-keyframes jCnKge { 
  0%, 100% { color: rgb(255, 248, 213); text-shadow: rgb(245, 120, 50) 0px 0px 10px; }
  50% { color: rgb(255, 255, 255); text-shadow: none; }
}
@keyframes jCnKge { 
  0%, 100% { color: rgb(255, 248, 213); text-shadow: rgb(245, 120, 50) 0px 0px 10px; }
  50% { color: rgb(255, 255, 255); text-shadow: none; }
}
@-webkit-keyframes cVZbXQ { 
  0%, 100% { color: rgb(252, 238, 169); text-shadow: rgb(245, 120, 50) 0px 0px 10px; }
  50% { color: rgb(255, 255, 255); text-shadow: none; }
}
@keyframes cVZbXQ { 
  0%, 100% { color: rgb(252, 238, 169); text-shadow: rgb(245, 120, 50) 0px 0px 10px; }
  50% { color: rgb(255, 255, 255); text-shadow: none; }
}
@-webkit-keyframes hghJEH { 
  0%, 100% { opacity: 0; }
  50% { opacity: 1; }
}
@keyframes hghJEH { 
  0%, 100% { opacity: 0; }
  50% { opacity: 1; }
}
@media (max-width: 1168px) {
  .lhCfEJ .tournament-image { display: none; }
}
.idjILB { width: 100%; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; padding: 12px 0px; gap: 16px; height: 40px; background-color: rgb(28, 28, 30); margin-top: 24px; border-radius: 12px; text-transform: uppercase; font-size: 16px; font-weight: 700; line-height: 20px; letter-spacing: 0.01em; }
.idjILB .icon { margin-right: 16px; }
.idjILB .sum { display: flex; -webkit-box-align: center; align-items: center; }
@media (max-width: 658px) {
  .idjILB .sum { font-size: 20px; font-weight: 700; line-height: 26px; letter-spacing: 0.02em; }
}
@media (max-width: 658px) {
  .idjILB { flex-direction: column; height: auto; gap: 2px; padding-block: 8px; }
  .idjILB .icon { margin-right: 8px; }
}
@-webkit-keyframes fEWCgj { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes fEWCgj { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.ehTaBN { padding: 30px 0px 48px; display: flex; gap: 40px; flex-direction: column; -webkit-box-align: center; align-items: center; width: 100%; overflow: hidden; }
.ehTaBN .styled__ScGameCardContainer-sc-841dd1c3-2 { width: 100%; }
@media (max-width: 1016px) {
  .ehTaBN { gap: 32px; }
}
.ehTaBN .random-zone { left: 0px; position: relative; height: 100%; display: flex; -webkit-box-pack: center; justify-content: center; gap: 8px; transition: 1.5s ease-in-out; animation: 10s ease-in-out 0s infinite normal both running giyiJk; }
.ehTaBN .btn-content { display: flex; gap: 8px; -webkit-box-align: center; align-items: center; }
.ehTaBN .btn-content i { font-weight: 400; }
.ehTaBN .btn-content img { width: 24px; height: auto; }
.ehTaBN .selected { transition: left 0.3s ease-in-out; z-index: 3; }
.ehTaBN .selected::before, .ehTaBN .selected::after { content: ""; width: 112px; height: 100%; position: absolute; top: 0px; background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 32.81%, rgb(0, 0, 0) 100%); }
@media (max-width: 440px) {
  .ehTaBN .selected::before, .ehTaBN .selected::after { width: 66px; }
}
.ehTaBN .selected::before { right: calc(100% - 1px); }
.ehTaBN .selected::after { left: calc(100% - 1px); transform: matrix(-1, 0, 0, 1, 0, 0); }
.ehTaBN .game { min-width: 112px; max-width: 112px; height: 112px; transition: 0.3s; }
.ehTaBN .default-card { position: absolute; margin: 0px auto; transform: scale(1.29); z-index: 5; opacity: 1; border-radius: 16px; display: flex; -webkit-box-align: center; align-items: center; text-transform: uppercase; padding: 24px; background: url("/_a/assets/img-randomdices-a9389b7756.webp") center center / calc(217.054px) no-repeat rgb(28, 28, 30); font-weight: bold; font-size: 16.9px; line-height: 1.27; text-align: center; letter-spacing: 0.02em; }
@media (max-width: 1016px) {
  .ehTaBN .default-card { padding: 16px; font-size: 14px; line-height: 1.3; }
}
.ehTaBN .blocker { z-index: 2; position: absolute; inset: 0px; }
@-webkit-keyframes bvpiIS { 
  0% { opacity: 0.5; transform: scale(1); }
  50% { opacity: 0; transform: scale(2.4); }
  100% { opacity: 0; transform: scale(2.4); }
}
@keyframes bvpiIS { 
  0% { opacity: 0.5; transform: scale(1); }
  50% { opacity: 0; transform: scale(2.4); }
  100% { opacity: 0; transform: scale(2.4); }
}
.ldDvzo { user-select: none; display: grid; grid-template-columns: 1fr 82px; column-gap: 26px; padding: 8px; border-radius: 12px; background-color: rgb(28, 28, 30); }
@media (max-width: 1168px) {
  .ldDvzo { column-gap: 16px; }
}
@media (max-width: 1016px) {
  .ldDvzo { grid-template-columns: 1fr 66px; }
}
.ldDvzo > .content { display: flex; column-gap: 16px; -webkit-box-align: center; align-items: center; width: 100%; min-width: 0px; }
.ldDvzo > .content > .img-block { border-radius: 12px; overflow: hidden; flex-shrink: 0; }
.ldDvzo > .content > .winner-info { display: flex; flex-direction: column; min-width: 0px; }
.ldDvzo > .content > .winner-info .winner { max-width: 100%; font-size: 14px; line-height: 20px; color: rgb(142, 142, 147); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; letter-spacing: 0.01em; }
.ldDvzo > .content > .winner-info .prize { font-weight: 700; font-size: 16px; line-height: 20px; letter-spacing: 0.01em; flex-shrink: 0; }
.ldDvzo .win-btn { color: rgb(255, 255, 255); align-self: stretch; display: grid; place-items: center; text-transform: uppercase; font-size: 16px; font-weight: 700; line-height: 20px; letter-spacing: 0.01em; transition: color 0.2s ease-in-out; padding: 0px 24px; border-left: 1px solid rgba(255, 255, 255, 0.2); margin: 2px 0px; flex-shrink: 0; }
@media (max-width: 1168px) {
  .ldDvzo .win-btn { padding: 0px 16px; }
}
@media (hover: hover) {
  .ldDvzo .win-btn:hover { color: rgb(234, 91, 12); }
}
.dUwmHK { margin: 0px; }
.hmWIGq { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
.hmWIGq .winner-box .subtitle { text-transform: uppercase; margin-bottom: 24px; font-size: 16px; font-weight: 700; line-height: 20px; letter-spacing: 0.01em; }
@media (max-width: 1016px) {
  .hmWIGq { grid-template-columns: 1fr; gap: 24px; }
}
.fSFGmX { height: 312px; width: 100%; display: flex; flex-direction: column; gap: 8px; overflow: hidden; }
.kXbdYG { display: flex; padding: 24px; border-radius: 12px; background-color: rgb(28, 28, 30); flex-direction: column; row-gap: 16px; }
@media (max-width: 488px) {
  .kXbdYG { padding: 16px; row-gap: 12px; }
}
.jhAjHm { display: flex; -webkit-box-align: center; align-items: center; column-gap: 16px; }
.jhAjHm .winner-info { display: flex; -webkit-box-align: center; align-items: center; flex: 1 1 0%; column-gap: 16px; }
.jhAjHm .winner-info .medal { width: 48px; height: 48px; border-radius: 50%; padding: 6px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; background-color: rgb(255, 255, 255); }
@media (max-width: 488px) {
  .jhAjHm .winner-info .medal { width: 32px; height: 32px; padding: 4px; }
  .jhAjHm .winner-info .medal > img { width: 24px; height: 24px; }
}
.jhAjHm .winner-info .winner { font-size: 16px; line-height: 24px; font-weight: bold; letter-spacing: 0.01em; }
@media (max-width: 488px) {
  .jhAjHm .winner-info .winner { font-size: 14px; line-height: 20px; }
}
@media (max-width: 488px) {
  .jhAjHm .winner-info { gap: 12px; }
}
.jhAjHm .prize { font-weight: 700; font-size: 22px; line-height: 28px; letter-spacing: 0.02em; }
@media (max-width: 488px) {
  .jhAjHm .prize { font-size: 20px; line-height: 26px; }
}
.fwOYbC { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; min-height: 128px; overflow: hidden; width: 100%; background-color: rgb(28, 28, 30); border-radius: 12px; padding: 0px 24px; }
.fwOYbC .desktop-btn-wrapper { display: block; }
.fwOYbC .styled__ScButton-sc-36153090-0 { width: 180px; }
.fwOYbC > .character { transition: transform 0.3s ease-in-out; position: relative; display: flex; align-self: flex-end; }
.fwOYbC > .character > img { width: auto; object-fit: cover; object-position: left top; }
.fwOYbC > .content-wrapper { max-width: 400px; gap: 8px; display: flex; flex-direction: column; }
.fwOYbC > .content-wrapper .title { font-size: 22px; font-weight: 700; line-height: 28px; letter-spacing: 0.02em; color: rgb(255, 255, 255); text-transform: uppercase; }
.fwOYbC > .content-wrapper .mobile-btn-wrapper { display: none; }
@media (hover: hover) {
  .fwOYbC:hover .character { transform: scale(1.1); }
}
@media (max-width: 1016px) {
  .fwOYbC { min-height: 120px; padding: 0px 16px; }
  .fwOYbC .desktop-btn-wrapper { display: none; }
  .fwOYbC > .character { height: 104px; width: 130px; }
  .fwOYbC > .character .app-banner-img { width: 325px; height: 104px; }
  .fwOYbC > .character > img { position: absolute; }
  .fwOYbC > .content-wrapper { max-width: 224px; }
  .fwOYbC > .content-wrapper .mobile-btn-wrapper { display: block; }
  .fwOYbC > .content-wrapper .title { font-size: 16px; font-weight: 700; line-height: 20px; letter-spacing: 0.16px; }
}
.nGPTQ { width: 100%; height: 104px; background-color: rgb(28, 28, 30); border-radius: 12px; display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; gap: 8px; cursor: pointer; transition: background-color 0.3s ease-in-out; }
@media (max-width: 658px) {
  .nGPTQ { aspect-ratio: 1 / 1; height: 96px; }
}
.nGPTQ .image { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; min-width: 104px; }
@media (max-width: 658px) {
  .nGPTQ .image { min-width: 96px; }
}
.nGPTQ .image > i { object-fit: contain; transition: transform 0.3s ease-in-out; }
.nGPTQ .content { display: flex; flex-direction: column; gap: 4px; padding: 8px 0px 8px 24px; }
@media (max-width: 658px) {
  .nGPTQ .content { padding: 8px 0px 8px 16px; }
}
.nGPTQ .content .title { font-size: 16px; font-weight: 700; line-height: 20px; letter-spacing: 0.01em; max-height: 40px; text-transform: uppercase; color: rgb(255, 255, 255); overflow: hidden; text-overflow: clip; }
@media (max-width: 658px) {
  .nGPTQ .content .title { height: 100%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
}
.nGPTQ .content .games { font-size: 16px; font-weight: 400; line-height: 24px; letter-spacing: normal; color: rgb(142, 142, 147); }
@media (hover: hover) {
  .nGPTQ:hover .image > i { transform: scale(1.1); }
}
.kfJtYy { height: 176px; display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; border-radius: 12px; background-color: rgb(28, 28, 30); overflow: hidden; }
.kfJtYy .content { width: 100%; padding: 24px 0px 24px 24px; display: flex; flex-direction: column; }
.kfJtYy .content .logo { width: auto; max-width: 100%; object-fit: contain; object-position: left center; margin-bottom: 12px; }
@media (max-width: 1016px) {
  .kfJtYy .content .logo { margin-bottom: 8px; }
}
.kfJtYy .content p { font-size: 16px; line-height: 20px; font-weight: 700; letter-spacing: 0.16px; text-transform: uppercase; color: rgb(255, 255, 255); display: flex; -webkit-box-align: center; align-items: center; }
.kfJtYy .content p .title { max-width: 182px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.kfJtYy .content > a { margin-top: auto; }
.kfJtYy .content > a button { max-width: max-content; }
.kfJtYy .banner { width: 100%; height: 100%; position: relative; }
.kfJtYy .banner > img { object-fit: cover; object-position: left center; transition: transform 0.3s ease-in-out; }
@media (hover: hover) {
  .kfJtYy:hover > .content > a { margin-top: auto; }
  .kfJtYy:hover > .banner > img { transform: scale(1.1); }
  .kfJtYy:hover .arrow svg { transform: rotate(90deg) translateY(-2px) scale(1.05); }
}
@media (max-width: 658px) {
  .kfJtYy { height: 96px; grid-template-columns: 1fr 150px; }
  @media (max-width: 390px) {
  .kfJtYy { grid-template-columns: 1fr 130px; }
}
  .kfJtYy .content { padding: 16px 0px 16px 24px; }
}
.gDaKlO { height: 176px; border-radius: 12px; background-color: rgb(28, 28, 30); display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; position: relative; }
.gDaKlO .placeholder { object-fit: cover; object-position: center center; }
.gDaKlO .showAll { width: 131px; }
@media (max-width: 658px) {
  .gDaKlO { height: 96px; }
}
.bIpiPt { height: 56px; background: rgb(28, 28, 30); border-radius: 12px; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }
.bIpiPt > img, .bIpiPt > a img { object-fit: contain; opacity: 0.4; transition: 0.3s; }
@media (max-width: 1016px) {
  .bIpiPt > img, .bIpiPt > a img { width: 108px; }
}
@-webkit-keyframes giyiJk { 
  0% { transform: translateX(0px); }
  50% { transform: translateX(-300px); }
  100% { transform: translateX(0px); }
}
@keyframes giyiJk { 
  0% { transform: translateX(0px); }
  50% { transform: translateX(-300px); }
  100% { transform: translateX(0px); }
}/* Static snapshot preserves the logo node with a stale zero-width hash. */
.styled__ScHeaderRowMob-sc-6fd561ef-4.gGStap::before {
  content: none !important;
  display: none !important;
}

.styled__ScHeaderRowMob-sc-6fd561ef-4.gGStap
  > .styled__ScHeaderLogo-sc-6fd561ef-8.ilJfdH {
  flex: 0 0 48px;
  width: 48px;
  height: 40px;
}

.styled__ScHeaderLogo-sc-6fd561ef-8.ilJfdH > a,
.styled__ScHeaderLogo-sc-6fd561ef-8.ilJfdH .styled__ScLogo-sc-bbeb99cf-1.gmAFYL {
  display: block;
  width: 48px;
  height: 40px;
}

.styled__ScHeaderLogo-sc-6fd561ef-8.ilJfdH .styled__ScLogo-sc-bbeb99cf-1.gmAFYL {
  background: url("/_a/assets/icon-logomin-275098e7e3.svg") center / contain no-repeat;
}

.styled__ScHeaderRowMob-sc-6fd561ef-4.gGStap > .reg-btns {
  flex: 0 0 calc(100% - 64px);
  width: calc(100% - 64px);
  min-width: 0;
}

/* Keep both hero slides in the same 412px track so the restored runtime can animate them. */
.styled__ScSliderContainer-sc-dbf2237e-0.gZdebn
  .styled__ScSlider-sc-b27ed562-0.ljpaYv.slider
  > .snap-item {
  display: block !important;
  order: 0;
  flex: 0 0 100%;
}

/* The captured hero hashes differ from the currently rendered official slide. */
.styled__ScSliderContainer-sc-777a7834-0.qXnHg {
  position: relative;
  overflow: visible;
  z-index: 3;
  transition: height 0.3s ease-out;
}

.styled__ScRegBanner-sc-4ee217f3-0.fLwKTG {
  position: relative;
  width: 100%;
  display: flex;
  height: 100%;
  background-color: rgb(0, 0, 0);
  min-height: 1020px;
}

.styled__ScRegBanner-sc-4ee217f3-0.fLwKTG > .slider-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.styled__ScRegBanner-sc-4ee217f3-0.fLwKTG > div {
  position: relative;
  padding-top: 104px;
  display: flex;
  align-items: center;
  z-index: 1;
}

@media (max-width: 1016px) {
  .styled__ScRegBanner-sc-4ee217f3-0.fLwKTG > div {
    padding-top: 80px;
  }
}

#loginButton.iQXAfI,
#registerButton.gebhSW {
  align-items: center;
  justify-content: center;
  position: relative;
  font-weight: 700;
  text-transform: uppercase;
  border-radius: 50px;
  cursor: pointer;
  padding: 0 16px 1px;
  z-index: 0;
  overflow: hidden;
  font-size: 14px;
  min-width: 128px;
  height: 40px;
  display: block;
  width: 100%;
  color: #fff;
}

#loginButton.iQXAfI {
  border: 2px solid rgb(37, 170, 214);
  background-color: rgb(37, 170, 214);
}

#registerButton.gebhSW {
  border: 2px solid rgb(234, 91, 12);
  background-color: rgb(234, 91, 12);
}

#loginButton.iQXAfI .text,
#registerButton.gebhSW .text {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* LevelUp hero arrow hashes from the captured build need the official geometry. */
.styled__ScSliderContainer-sc-dbf2237e-0.gZdebn .jSGoxI {
  inset: 191px auto auto 32px;
  z-index: 4;
}

.styled__ScSliderContainer-sc-dbf2237e-0.gZdebn .jSGoxI::before {
  content: "";
  display: block;
  width: 24px;
  height: 1px;
  background-color: rgb(255, 255, 255);
  position: absolute;
  top: 30px;
  left: -4px;
  transform: rotate(50deg);
  transition: 0.3s;
}

.styled__ScSliderContainer-sc-dbf2237e-0.gZdebn .jSGoxI::after {
  content: "";
  display: block;
  width: 24px;
  height: 1px;
  background-color: rgb(255, 255, 255);
  position: absolute;
  top: 12px;
  left: -4px;
  transform: rotate(-50deg);
  transition: 0.3s;
}

.styled__ScSliderContainer-sc-dbf2237e-0.gZdebn .fZbxF {
  inset: 191px 32px auto auto;
  z-index: 4;
}

.styled__ScSliderContainer-sc-dbf2237e-0.gZdebn .fZbxF::before {
  content: "";
  display: block;
  width: 24px;
  height: 1px;
  background-color: rgb(255, 255, 255);
  position: absolute;
  top: 30px;
  left: -4px;
  transform: rotate(-50deg);
  transition: 0.3s;
}

.styled__ScSliderContainer-sc-dbf2237e-0.gZdebn .fZbxF::after {
  content: "";
  display: block;
  width: 24px;
  height: 1px;
  background-color: rgb(255, 255, 255);
  position: absolute;
  top: 12px;
  left: -4px;
  transform: rotate(50deg);
  transition: 0.3s;
}

/* CMS emits h2 here; keep the captured official h3 geometry exactly. */
#one-step-reg .edYnCe > h2,
#one-step-reg .EYxzq > h2 {
  margin: 0;
  padding: 0 16px;
  color: rgb(0, 0, 0);
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0.16px;
}

/* The build's first advantage hash maps to the official jnQfBm component. */
.styled__ScSliderContainer-sc-dbf2237e-0.gZdebn .jwOXVI {
  position: relative;
  display: flex;
  align-items: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  white-space: normal;
}

.styled__ScSliderContainer-sc-dbf2237e-0.gZdebn .jwOXVI .icon {
  width: 48px;
  height: 48px;
  margin-right: 12px;
  border-radius: 50%;
  background-color: rgb(255, 255, 255);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.styled__ScSliderContainer-sc-dbf2237e-0.gZdebn .jwOXVI .icon img {
  width: 28px;
  height: 28px;
  object-fit: contain;
}

/* The static capture kept an obsolete forced break that the live hero no longer has. */
.styled__ScSliderContainer-sc-dbf2237e-0.gZdebn .jwOXVI .label br {
  display: none;
}

/* Keep the captured mobile game filters compact, readable and evenly aligned. */
@media (max-width: 488px) {
  .wKgLU {
    display: grid;
    width: 100%;
    min-width: 0;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto auto;
    row-gap: 8px;
    margin-bottom: 16px;
  }

  .wKgLU > * {
    min-width: 0;
    max-width: 100%;
  }

  .kwctA {
    width: 100%;
    grid-template-columns: 40px minmax(0, 1fr) minmax(0, 1fr);
    gap: 8px;
    align-items: center;
  }

  .kwctA > * {
    width: 100%;
    min-width: 0;
  }

  .kwctA .button-search {
    width: 40px;
    height: 40px;
    justify-content: center;
  }

  .kwctA .etMfrk {
    width: 100%;
    max-width: none;
    height: 40px;
  }

  .kwctA .etMfrk > .value {
    padding: 0 34px 0 12px;
    font-size: 14px;
    line-height: 20px;
  }

  .kwctA .etMfrk > .arrow {
    right: 12px;
  }

  .hvzRGH {
    min-height: 38px;
    align-items: center;
  }

  .hvzRGH > div {
    align-items: center;
  }

  .all-btn {
    min-width: 64px;
    height: 32px;
    padding: 0 8px 1px;
    border: 2px solid rgb(255, 255, 255);
    border-radius: 50px;
    box-sizing: border-box;
    background: transparent;
    color: rgb(255, 255, 255);
    display: inline-flex;
    flex: 0 0 auto;
    align-self: center;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    font-family: inherit;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    text-transform: uppercase;
    white-space: nowrap;
    cursor: pointer;
  }

  /* Stable replacement for the volatile styled-components hash on Show more. */
  .jVKDro > button {
    appearance: auto;
    display: block;
    position: relative;
    min-width: 128px;
    height: 40px;
    padding: 0 44px 1px;
    margin: 0;
    border: 2px solid rgb(255, 255, 255);
    border-radius: 50px;
    box-sizing: border-box;
    overflow: hidden;
    background: transparent;
    color: rgb(255, 255, 255);
    font-family: inherit;
    font-size: 14px;
    font-weight: 700;
    line-height: normal;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    z-index: 0;
  }

  .jVKDro > button > .text {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgb(255, 255, 255);
    font-size: 14px;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    cursor: pointer;
  }

  .jVKDro > button > .awareWrap {
    position: absolute;
    inset: 0;
    display: none;
    overflow: hidden;
    border-radius: 50px;
  }
}