.jackpot-page {
  min-height: 100dvh;
  padding-top: 0;
}

.jackpot-main {
  position: relative;
  isolation: isolate;
  min-height: 0;
  padding-top: calc(var(--header-h) + clamp(14px,2.8vw,34px));
  padding-bottom: clamp(18px,2.4vw,34px);
  overflow: hidden;
  animation: none;
}

.jackpot-backdrop {
  position: fixed;
  inset: 0;
  z-index: -2;
  width: 100%;
  height: 100svh;
  object-fit: cover;
  object-position: center top;
  opacity: .1;
  filter: none;
  transform: scale(1.035);
  mask-image: linear-gradient(black 0%,black 42%,transparent 100%);
  -webkit-mask-image: linear-gradient(black 0%,black 42%,transparent 100%);
  pointer-events: none;
}

.jackpot-main::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
}

.jackpot-shell {
  width: min(60rem,calc(100% - 32px));
  margin-inline: auto;
}

.jackpot-article {
  display: grid;
  gap: clamp(12px,2vw,22px);
}

.jackpot-heading {
  display: grid;
  min-width: 0;
  gap: 8px;
  margin-top: clamp(2px,.45vw,6px);
}

.jackpot-title {
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  margin: 0;
  overflow: visible;
  color: var(--text);
  font-size: clamp(26px,3.2vw,42px);
  font-weight: 900;
  line-height: 1.08;
  letter-spacing: -.045em;
  text-wrap: wrap;
  white-space: normal;
  overflow-wrap: break-word;
  word-break: normal;
  text-overflow: clip;
}

.jyny5z2.jyny5z1.jyny5z3.jackpot-hero-media,.jackpot-hero-media {
  position: relative;
  overflow: hidden;
  width: 100%;
  aspect-ratio: var(--jackpot-media-ratio,16 / 9);
  border: 1px solid color-mix(in srgb,var(--text)10%,transparent);
  border-radius: clamp(18px,2.5vw,28px);
  background: color-mix(in srgb,var(--layout-container-bg-strong,var(--theme-container-bg,#363737))88%,transparent);
  box-shadow: none;
}

.jackpot-hero-media img,.jackpot-content-media img,._1eu3ealo2._1eu3ealou._1eu3ealwq._1eu3eal3d._1eu3eal3k._14s22vd0._14s22vd3._14s22vd6 {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.jackpot-content {
  display: grid;
  gap: clamp(12px,1.7vw,18px);
  width: 100%;
  max-width: 100%;
  margin-inline: auto;
  color: var(--muted);
  font-size: clamp(13px,1.08vw,15.5px);
  line-height: 1.58;
}

.jackpot-content h2,.jackpot-section-title {
  margin: clamp(10px,1.5vw,18px)0 0;
  color: var(--text);
  font-size: clamp(18px,1.8vw,25px);
  font-weight: 900;
  line-height: 1.1;
  letter-spacing: -.022em;
  text-shadow: none;
}

.jackpot-section-title {
  display: flex;
  align-items: center;
  gap: 9px;
  padding-top: 0;
}

.jackpot-section-icon,
.jackpot-detail-icon,
.jackpot-button-icon {
  display: inline-block;
  flex: 0 0 auto;
  color: currentColor;
  background: currentColor;
  -webkit-mask: var(--jackpot-icon) center / contain no-repeat;
  mask: var(--jackpot-icon) center / contain no-repeat;
}

.jackpot-section-icon {
  width: 23px;
  height: 23px;
  color: color-mix(in srgb,var(--accent)82%,var(--text));
}

.jackpot-section-title::before {
  content: none;
  display: none;
}

.jackpot-content p {
  margin: 0;
}

.jackpot-promo-description,.jackpot-content>[data-jackpot-intro] {
  position: relative;
  display: grid;
  gap: clamp(10px,1.4vw,14px);
  width: 100%;
  max-width: 100%;
  margin-inline: auto;
  padding: clamp(15px,2vw,22px);
  border: 1px solid color-mix(in srgb,var(--text)10%,transparent);
  border-radius: clamp(16px,2vw,24px);
  text-align: left;
  color: var(--muted);
  white-space: normal;
  overflow: visible;
  overflow-wrap: anywhere;
  word-break: normal;
  text-wrap: pretty;
  background: color-mix(in srgb,var(--layout-container-bg,var(--theme-container-bg,#363737))86%,transparent);
  box-shadow: none;
}

.jackpot-promo-description::before,.jackpot-content>[data-jackpot-intro]::before {
  content: "Deskripsi Kemenangan";
  display: block;
  width: 100%;
  margin: 0;
  padding: 0 0 8px;
  border: 0;
  border-bottom: 1px solid color-mix(in srgb,var(--text)9%,transparent);
  border-radius: 0;
  color: var(--text);
  background: transparent;
  font-size: clamp(11px,.92vw,13px);
  font-weight: 900;
  letter-spacing: .035em;
  line-height: 1.15;
  text-transform: uppercase;
  box-shadow: none;
}

.jackpot-promo-description p,.jackpot-content>[data-jackpot-intro] p {
  max-width: 100%;
  margin: 0;
  color: color-mix(in srgb,var(--text)78%,var(--muted));
  font-size: clamp(13px,1.02vw,14.5px);
  line-height: 1.68;
}

.jackpot-promo-headline {
  color: var(--text);
  font-size: clamp(14px,1.35vw,17px);
  font-weight: 850;
  letter-spacing: -.01em;
}

.jackpot-promo-checklist {
  display: grid;
  gap: 8px;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}

.jackpot-promo-checklist li {
  position: relative;
  min-height: 0;
  margin: 0;
  padding: 10px 12px;
  border: 1px solid color-mix(in srgb,var(--text)9%,transparent);
  border-radius: 14px;
  color: var(--text);
  background: color-mix(in srgb,var(--surface-2,var(--layout-container-bg))70%,transparent);
  box-shadow: none;
  font-weight: 760;
  line-height: 1.44;
  overflow-wrap: anywhere;
}

.jackpot-detail-grid {
  display: grid;
  grid-template-columns: minmax(0,1fr);
  gap: 0;
  min-width: 0;
  margin: 0;
  border: 1px solid color-mix(in srgb,var(--text)12%,transparent);
  border-radius: 18px;
  background: color-mix(in srgb,var(--layout-container-bg,var(--theme-container-bg,#363737))88%,transparent);
  overflow: hidden;
}

.jackpot-detail-item {
  position: relative;
  display: grid;
  grid-template-columns: minmax(132px,152px) minmax(0,1fr);
  align-items: center;
  column-gap: 0;
  min-width: 0;
  min-height: 54px;
  padding: 0;
  border: 0;
  border-bottom: 1px solid color-mix(in srgb,var(--text)10%,transparent);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  overflow: hidden;
}

.jackpot-detail-item:last-child {
  border-bottom: 0;
}

.jackpot-detail-item:nth-child(odd),
.jackpot-detail-item:nth-last-child(-n+2) {
  border-right: 0;
}

.jackpot-detail-item--wide {
  grid-column: auto;
}

.jackpot-detail-label {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  min-width: 0;
  min-height: 54px;
  margin: 0;
  padding: 12px 16px;
  color: color-mix(in srgb,var(--text)86%,var(--muted));
  font-size: clamp(12.5px,1.15vw,14px);
  font-weight: 760;
  letter-spacing: 0;
  line-height: 1.2;
  text-transform: none;
  overflow-wrap: anywhere;
}

.jackpot-detail-icon {
  width: 15px;
  height: 15px;
  color: color-mix(in srgb,var(--accent)76%,var(--text));
  opacity: .96;
  flex: 0 0 auto;
}

.jackpot-detail-value {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  min-width: 0;
  min-height: 54px;
  margin: 0;
  padding: 12px 16px;
  border-left: 1px solid color-mix(in srgb,var(--text)10%,transparent);
  color: var(--text);
  font-size: clamp(13px,1.2vw,15px);
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: 0;
  text-align: left;
  overflow-wrap: anywhere;
  text-wrap: pretty;
  text-shadow: none;
  font-variant-numeric: tabular-nums;
}

.jackpot-detail-item--jackpot .jackpot-detail-value,
.jackpot-detail-item--withdraw .jackpot-detail-value {
  color: var(--text);
}

.jackpot-detail-item--user .jackpot-detail-value,
.jackpot-detail-item--game .jackpot-detail-value,
.jackpot-detail-item--jackpot .jackpot-detail-value,
.jackpot-detail-item--withdraw .jackpot-detail-value {
  font-weight: 900;
  font-variation-settings: "wght" 900;
}

.jackpot-actions {
  display: grid;
  grid-template-columns: minmax(0,1fr);
  align-items: center;
  gap: 8px;
  margin-top: 0;
}

.jackpot-button {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  min-height: 40px;
  padding: 0 14px;
  border: 1px solid color-mix(in srgb,var(--text)11%,transparent);
  border-radius: 999px;
  background: color-mix(in srgb,var(--layout-container-bg,var(--surface-2))82%,transparent);
  color: var(--text);
  font-size: 10.5px;
  font-weight: 900;
  letter-spacing: .012em;
  line-height: 1.12;
  text-align: center;
  text-decoration: none;
  box-shadow: none;
  overflow: hidden;
  transition: border-color .16s ease,background-color .16s ease,transform .16s ease;
}

.jackpot-button--primary,.jackpot-button--proof,.jackpot-button--back {
  border-color: color-mix(in srgb,var(--text)11%,transparent);
  background: color-mix(in srgb,var(--layout-container-bg,var(--surface-2))82%,transparent);
  color: var(--text);
}

.transfer-dialog {
  width: fit-content;
  max-width: calc(100vw - 28px);
  max-height: calc(100dvh - 28px);
  box-sizing: border-box;
  padding: 0;
  border: 1px solid color-mix(in srgb,var(--accent)24%,var(--line));
  border-radius: clamp(20px,4vw,30px);
  color: var(--text);
  background: var(--theme-container-bg,#363737);
  box-shadow: 0 28px 80px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.08);
  overflow: hidden;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.transfer-dialog::backdrop {
  background: rgba(0,0,0,.62);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.transfer-dialog-shell {
  position: relative;
  display: grid;
  width: fit-content;
  max-width: 100%;
  max-height: calc(100dvh - 28px);
  overflow: auto;
  overscroll-behavior: contain;
  scrollbar-width: none;
}

.transfer-dialog-shell::-webkit-scrollbar {
  display: none;
}

.transfer-dialog-close {
  position: absolute;
  z-index: 2;
  top: 12px;
  right: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  padding: 0;
  border: 1px solid color-mix(in srgb,var(--text)18%,transparent);
  border-radius: 999px;
  color: var(--text);
  background: color-mix(in srgb,var(--theme-container-bg,#363737)78%,transparent);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08),0 10px 24px rgba(0,0,0,.24);
  cursor: pointer;
  font-size: 0;
  line-height: 0;
  appearance: none;
  -webkit-appearance: none;
}

.transfer-dialog-close svg {
  display: block;
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  pointer-events: none;
}

.transfer-proof-frame {
  position: relative;
  display: grid;
  width: fit-content;
  max-width: 100%;
  margin: 0;
  place-items: center;
  background: color-mix(in srgb,var(--surface-2)86%,var(--theme-bg,#363737)14%);
}

body[data-page="jackpot"] .transfer-proof-frame img[data-transfer-image] {
  display: block;
  width: auto;
  height: auto;
  max-width: min(1200px,calc(100vw - 28px));
  max-height: calc(100dvh - 28px);
  object-fit: contain;
  object-position: center;
}

.jackpot-game-link {
  color: inherit;
  cursor: pointer;
  text-decoration: none;
}

@keyframes jackpot-enter {
  from {
    opacity: .01;
    transform: translate3d(0,8px,0);
  }
  to {
    opacity: 1;
    transform: translate3d(0,0,0);
  }
}

@media (max-width:720px) {
  .jackpot-main {
    padding-top: calc(var(--header-h) + 10px);
    padding-bottom: 28px;
  }
  .jackpot-shell {
    width: min(100% - 20px,60rem);
  }
  .jackpot-article {
    gap: 10px;
  }
  .jackpot-heading {
    gap: 7px;
    margin-top: 2px;
  }
  .jackpot-title {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin: 0;
    overflow: visible;
    color: var(--text);
    font-size: clamp(20px,6vw,27px);
    font-weight: 900;
    line-height: 1.1;
    letter-spacing: -.035em;
    text-wrap: wrap;
    white-space: normal;
    overflow-wrap: break-word;
    word-break: normal;
    text-overflow: clip;
  }
  .jackpot-content {
    gap: 10px;
    width: 100%;
    max-width: 100%;
    font-size: 13px;
    line-height: 1.5;
  }
  .jackpot-content h2,.jackpot-section-title {
    margin-top: 6px;
    font-size: clamp(17px,5vw,22px);
    text-shadow: none;
  }
  .jackpot-promo-description,.jackpot-content>[data-jackpot-intro] {
    gap: 10px;
    padding: 13px;
    border-radius: 17px;
    box-shadow: none;
  }
  .jackpot-promo-description::before,.jackpot-content>[data-jackpot-intro]::before {
    padding-bottom: 7px;
    font-size: 10.5px;
    box-shadow: none;
  }
  .jackpot-promo-description::after,.jackpot-content>[data-jackpot-intro]::after {
    content: none;
    display: none;
  }
  .jackpot-promo-description p,.jackpot-content>[data-jackpot-intro] p {
    font-size: 12.5px;
    line-height: 1.58;
  }
  .jackpot-promo-checklist {
    gap: 6px;
  }
  .jackpot-promo-checklist li {
    min-height: 0;
    padding: 8px 9px;
    border-radius: 13px;
    box-shadow: none;
  }
  .jackpot-promo-checklist li::before {
    content: none;
    display: none;
  }
  .jackpot-detail-grid {
    grid-template-columns: minmax(0,1fr);
    gap: 0;
    border-radius: 16px;
  }
  .jackpot-detail-item {
    grid-template-columns: minmax(118px,136px) minmax(0,1fr);
    min-height: 50px;
    padding: 0;
    border-right: 0;
    border-bottom: 1px solid color-mix(in srgb,var(--text)10%,transparent);
  }
  .jackpot-detail-item:nth-child(odd),
  .jackpot-detail-item:nth-last-child(-n+2) {
    border-right: 0;
    border-bottom: 1px solid color-mix(in srgb,var(--text)10%,transparent);
  }
  .jackpot-detail-item:last-child {
    border-bottom: 0;
  }
  .jackpot-detail-label {
    gap: 8px;
    min-height: 50px;
    padding: 10px 12px;
    font-size: 12px;
    letter-spacing: 0;
  }
  .jackpot-detail-icon {
    width: 14px;
    height: 14px;
  }
  .jackpot-section-icon {
    width: 21px;
    height: 21px;
  }
  .jackpot-detail-value {
    min-height: 50px;
    padding: 10px 12px;
    font-size: 12px;
    line-height: 1.2;
  }
  .jackpot-actions {
    display: grid;
    grid-template-columns: minmax(0,1fr);
    gap: 8px;
  }
  .jackpot-button {
    width: 100%;
    min-height: 34px;
    padding-inline: 10px;
    font-size: 9.5px;
    gap: 6px;
    box-shadow: none;
  }
  .jackpot-button-icon {
    width: 14px;
    height: 14px;
    filter: none;
  }
}

@media (max-width:380px) {
  .transfer-dialog {
    max-width: calc(100vw - 16px);
    max-height: calc(100dvh - 16px);
    border-radius: 18px;
  }
  .transfer-dialog-shell {
    max-height: calc(100dvh - 16px);
  }
  body[data-page="jackpot"] .transfer-proof-frame img[data-transfer-image] {
    max-width: calc(100vw - 16px);
    max-height: calc(100dvh - 16px);
  }
}

@media (max-width:360px) {
  .jackpot-shell {
    width: min(100% - 12px,60rem);
  }
  .jackpot-detail-grid {
    gap: 0;
  }
  .jackpot-detail-item {
    grid-template-columns: minmax(108px,124px) minmax(0,1fr);
    min-height: 46px;
    padding: 0;
  }
  .jackpot-detail-label {
    gap: 7px;
    min-height: 46px;
    padding: 9px 10px;
    font-size: 11.2px;
  }
  .jackpot-detail-icon {
    width: 13px;
    height: 13px;
  }
  .jackpot-detail-value {
    min-height: 46px;
    padding: 9px 10px;
    font-size: 11.2px;
    line-height: 1.16;
  }
  .jackpot-title {
    font-size: clamp(18px,5.6vw,22px);
    line-height: 1.12;
  }
  .jackpot-actions {
    grid-template-columns: minmax(0,1fr);
    gap: 6px;
  }
  .jackpot-button {
    min-height: 34px;
    padding-inline: 7px;
    font-size: 8.5px;
    gap: 5px;
  }
  .jackpot-button-text {
    white-space: nowrap;
  }
}

@media (prefers-reduced-motion:reduce) {
  .jackpot-main {
    animation: none;
  }
  html.page-transition-out body {
    transition: none;
    transform: none;
  }
}

.jackpot-icon--detail {
  --jackpot-icon: url("../img/jackpot-icons/detail-jackpot.svg?cache=version-v7.0.15");
}

.jackpot-icon--user {
  --jackpot-icon: url("../img/jackpot-icons/user-id.svg?cache=version-v7.0.15");
}

.jackpot-icon--game {
  --jackpot-icon: url("../img/jackpot-icons/nama-game.svg?cache=version-v7.0.15");
}

.jackpot-icon--provider {
  --jackpot-icon: url("../img/jackpot-icons/provider.svg?cache=version-v7.0.15");
}

.jackpot-icon--date {
  --jackpot-icon: url("../img/icons/calendar.svg?cache=version-v7.0.15");
}

.jackpot-icon--jackpot {
  --jackpot-icon: url("../img/jackpot-icons/jackpot.svg?cache=version-v7.0.15");
}

.jackpot-icon--withdraw {
  --jackpot-icon: url("../img/jackpot-icons/withdraw.svg?cache=version-v7.0.15");
}

.jackpot-icon--proof {
  --jackpot-icon: url("../img/jackpot-icons/bukti-transaksi.svg?cache=version-v7.0.15");
}

.jackpot-button-icon {
  width: 17px;
  height: 17px;
  opacity: .94;
  filter: none;
}

.jackpot-button-text {
  position: relative;
  z-index: 1;
  display: inline-block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.jackpot-title::before, .rtpx-win-title::before {
  content: none;
  display: none;
}

.jackpot-title, .rtpx-win-title {
  gap: 0;
}

.jackpot-promo-token {
  display: inline;
  font-weight: 900;
  font-variation-settings: "wght" 900;
  color: var(--text);
  letter-spacing: .002em;
  text-shadow: none;
}

.jackpot-promo-token--field {
  white-space: normal;
  overflow-wrap: anywhere;
}

.jackpot-promo-description p .jackpot-promo-token,.jackpot-content>[data-jackpot-intro] p .jackpot-promo-token {
  font-weight: 900;
  color: var(--text);
}

.jackpot-promo-checklist .jackpot-promo-token {
  font-weight: 900;
  color: var(--text);
}

@media (prefers-reduced-motion:reduce) {
  .jackpot-detail-item,.jackpot-button {
    transition: none;
  }
}

body[data-page="jackpot"] {
  --rtpx-jackpot-panel-bg: color-mix(in srgb,var(--theme-container-bg,#363737) 94%,var(--theme-bg,var(--bg,#141415)) 6%);
  --rtpx-jackpot-panel-bg-soft: color-mix(in srgb,var(--theme-container-bg,#363737) 88%,var(--theme-bg,var(--bg,#141415)) 12%);
  background: var(--theme-bg,var(--bg,#141415));
}

body[data-page="jackpot"] .jackpot-page,
body[data-page="jackpot"] .jackpot-main {
  background: linear-gradient(180deg,var(--theme-bg,var(--bg,#141415)) 0%,color-mix(in srgb,var(--theme-bg,var(--bg,#141415)) 92%,var(--theme-container-bg,#363737) 8%) 100%);
}

body[data-page="jackpot"] .jackpot-main::before {
  background: radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--theme-container-bg,#363737) 14%,transparent) 0%,transparent 42%),
    linear-gradient(180deg,color-mix(in srgb,var(--theme-bg,var(--bg,#141415)) 98%,#000 2%),var(--theme-bg,var(--bg,#141415)));
  opacity: 1;
}

body[data-page="jackpot"] .jackpot-backdrop {
  opacity: .045;
  filter: none;
}

body[data-page="jackpot"] :is(.jackpot-hero-media,.jackpot-promo-description,.jackpot-content>[data-jackpot-intro],.jackpot-detail-grid,.jackpot-button,.jackpot-button--primary,.jackpot-button--proof) {
  background: var(--rtpx-jackpot-panel-bg);
}

body[data-page="jackpot"] .jackpot-promo-checklist li {
  background: var(--rtpx-jackpot-panel-bg-soft);
}

body[data-page="jackpot"] .transfer-dialog {
  background: color-mix(in srgb,var(--theme-container-bg,#363737) 96%,var(--theme-bg,var(--bg,#141415)) 4%);
}

/* Skeleton awal halaman Jackpot memakai surface shimmer global. */
.jackpot-boot-skeleton {
  display: none;
}

html[data-jackpot-boot-loading="true"] body[data-page="jackpot"] .jackpot-boot-skeleton {
  display: block;
}

html[data-jackpot-boot-loading="true"] body[data-page="jackpot"] [data-jackpot-live-content] {
  display: none;
}

.jackpot-skeleton-hero,
.jackpot-skeleton-description,
.jackpot-skeleton-detail-grid {
  background: var(--rtpx-jackpot-panel-bg);
}

.jackpot-skeleton-hero {
  border-color: color-mix(in srgb,var(--text)9%,transparent);
}

.jackpot-skeleton-title {
  width: min(430px,68%);
  height: clamp(28px,3.25vw,44px);
  border-radius: clamp(8px,1vw,12px);
}

.jackpot-skeleton-description {
  align-content: start;
  min-height: clamp(350px,29vw,384px);
}

.jackpot-skeleton-description::before {
  content: none;
  display: none;
}

.jackpot-skeleton-kicker {
  width: min(210px,42%);
  height: clamp(12px,1vw,14px);
  border-radius: 5px;
}

.jackpot-skeleton-divider {
  width: 100%;
  height: 1px;
  margin-top: 1px;
  opacity: .72;
}

.jackpot-skeleton-copy {
  display: grid;
  align-content: start;
  gap: 9px;
  padding-top: 1px;
}

.jackpot-skeleton-line {
  height: 12px;
  border-radius: 999px;
}

.jackpot-skeleton-line--headline {
  width: 66%;
  height: 15px;
}

.jackpot-skeleton-line--long {
  width: 92%;
}

.jackpot-skeleton-line--medium {
  width: 74%;
}

.jackpot-skeleton-line--short {
  width: 48%;
}

.jackpot-skeleton-line--amount {
  width: min(230px,36%);
  height: 20px;
  margin-block: 2px;
}

.jackpot-skeleton-checklist {
  display: grid;
  gap: 7px;
  margin-top: 2px;
}

.jackpot-skeleton-checklist__item {
  width: 100%;
  height: 34px;
  border-radius: 12px;
}

.jackpot-skeleton-section-title {
  margin-top: clamp(10px,1.5vw,18px);
}

.jackpot-skeleton-icon {
  width: 23px;
  height: 23px;
  flex: 0 0 auto;
  border-radius: 7px;
}

.jackpot-skeleton-icon--small {
  width: 15px;
  height: 15px;
  border-radius: 5px;
}

.jackpot-skeleton-line--section {
  width: min(175px,38%);
  height: clamp(18px,1.8vw,25px);
  border-radius: 7px;
}

.jackpot-skeleton-detail-grid .jackpot-detail-label,
.jackpot-skeleton-detail-grid .jackpot-detail-value {
  gap: 9px;
}

.jackpot-skeleton-line--label {
  width: 58px;
}

.jackpot-skeleton-line--label-short {
  width: 46px;
}

.jackpot-skeleton-line--label-long {
  width: 76px;
}

.jackpot-skeleton-line--value {
  width: min(178px,64%);
}

.jackpot-skeleton-line--value-short {
  width: min(120px,46%);
}

.jackpot-skeleton-line--value-medium {
  width: min(152px,56%);
}

.jackpot-skeleton-line--value-long {
  width: min(220px,78%);
}

.jackpot-skeleton-button {
  min-height: 40px;
  border-color: transparent;
}

body[data-page="jackpot"] .jackpot-wins-heading-skeleton {
  display: none;
}

body[data-page="jackpot"] .home-wins-section[data-skeleton="true"] .home-wins-heading__copy {
  display: none;
}

body[data-page="jackpot"] .home-wins-section[data-skeleton="true"] .jackpot-wins-heading-skeleton {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  align-items: end;
  gap: 16px;
}

.jackpot-wins-heading-skeleton__copy {
  display: grid;
  gap: 7px;
  min-width: 0;
}

.jackpot-wins-heading-skeleton__title {
  width: min(230px,54vw);
  height: clamp(18px,1.75vw,22px);
  border-radius: 7px;
}

.jackpot-wins-heading-skeleton__description {
  width: min(270px,62vw);
  height: 11px;
  border-radius: 999px;
}

.jackpot-wins-heading-skeleton__action {
  width: 96px;
  height: 30px;
  border-radius: 999px;
}

@media (max-width:1000px) {
  .jackpot-skeleton-description {
    min-height: 334px;
  }
}

@media (max-width:720px) {
  .jackpot-skeleton-title {
    width: min(255px,62%);
    height: clamp(22px,6vw,30px);
    border-radius: 7px;
  }

  .jackpot-skeleton-description {
    min-height: 378px;
  }

  .jackpot-skeleton-kicker {
    width: min(166px,46%);
    height: 11px;
  }

  .jackpot-skeleton-copy {
    gap: 8px;
  }

  .jackpot-skeleton-line {
    height: 10px;
  }

  .jackpot-skeleton-line--headline {
    height: 13px;
  }

  .jackpot-skeleton-line--amount {
    height: 18px;
  }

  .jackpot-skeleton-checklist {
    gap: 6px;
  }

  .jackpot-skeleton-checklist__item {
    height: 31px;
    border-radius: 11px;
  }

  .jackpot-skeleton-section-title {
    margin-top: 6px;
  }

  .jackpot-skeleton-icon {
    width: 21px;
    height: 21px;
  }

  .jackpot-skeleton-icon--small {
    width: 14px;
    height: 14px;
  }

  .jackpot-skeleton-line--section {
    width: min(150px,42%);
    height: clamp(17px,5vw,22px);
  }

  .jackpot-skeleton-detail-grid .jackpot-detail-label,
  .jackpot-skeleton-detail-grid .jackpot-detail-value {
    gap: 8px;
  }

  .jackpot-skeleton-button {
    min-height: 34px;
  }

  body[data-page="jackpot"] .home-wins-section[data-skeleton="true"] .jackpot-wins-heading-skeleton {
    gap: 10px;
  }

  .jackpot-wins-heading-skeleton__title {
    width: min(190px,52vw);
    height: 18px;
  }

  .jackpot-wins-heading-skeleton__description {
    width: min(210px,58vw);
    height: 10px;
  }

  .jackpot-wins-heading-skeleton__action {
    width: 82px;
    height: 28px;
  }
}

@media (max-width:820px),(pointer:coarse) {
  .jackpot-backdrop,
  body[data-page="jackpot"] .jackpot-backdrop {
    opacity: .04;
    filter: none;
    transform: none;
  }
}

body[data-page="jackpot"] .jackpot-detail-item {
  background: transparent;
}


.jackpot-promo-richtext {
  min-width: 0;
  max-width: 100%;
  line-height: 1.68;
  overflow-wrap: anywhere;
  word-break: normal;
}

.jackpot-promo-richtext p,
.jackpot-promo-richtext ul,
.jackpot-promo-richtext ol,
.jackpot-promo-richtext blockquote,
.jackpot-promo-richtext h3,
.jackpot-promo-richtext div {
  max-width: 100%;
  margin: 0 0 14px;
}

.jackpot-promo-richtext > :last-child {
  margin-bottom: 0;
}

.jackpot-promo-richtext ul,
.jackpot-promo-richtext ol {
  padding-left: 1.5rem;
}

.jackpot-promo-richtext li + li {
  margin-top: 5px;
}

.jackpot-promo-richtext h3 {
  font-size: 1.08em;
  line-height: 1.45;
}

.jackpot-promo-richtext blockquote {
  margin: 0 0 16px;
  padding: 12px 14px;
  border-left: 4px solid color-mix(in srgb, var(--theme-accent, #60a5fa) 38%, transparent);
  border-radius: 0 12px 12px 0;
  background: color-mix(in srgb, var(--theme-container-bg, #363737) 80%, transparent);
}

.jackpot-promo-richtext a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 2px;
  overflow-wrap: anywhere;
}

.jackpot-promo-richtext [data-rtpx-system-token] {
  display: inline;
}

.jackpot-promo-richtext [style*="margin-left"] {
  max-width: 100%;
}