:root {
  --cl-bg:                 #ffffff;
  --cl-text:               #111827;
  --cl-border:             rgba(0,0,0,.10);
  --cl-radius:             14px;
  --cl-muted:              #6b7280;
  --cl-accent:             #e11d48;
  --cl-accent-contrast:    #ffffff;
  --cl-secondary:          #0ea5e9;
  --cl-secondary-contrast: #ffffff;
}

.casino-listing,
.casino-listing *,
.casino-listing *::before,
.casino-listing *::after {
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
}

.casino-listing {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
}
.casino-listing .casino-listing__inner {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
}

.casino-listing .casino-listing__inner .cl-row {
  position: relative !important;
  display: -ms-grid !important;
  display: grid !important;
  -ms-grid-columns: 180px 24px 170px 24px 1fr 24px 190px !important;
  grid-template-columns: 180px 170px minmax(0,1fr) 190px !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  gap: 24px !important;
  background: var(--cl-bg) !important;
  border: 1px solid var(--cl-border) !important;
  border-radius: var(--cl-radius) !important;
  overflow: hidden !important;
  margin: 0 0 14px !important;
  padding: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
  clear: both !important;
  color: var(--cl-text) !important;
  -webkit-transition: box-shadow .22s ease, -webkit-transform .15s ease !important;
          transition: box-shadow .22s ease, transform .15s ease !important;
  will-change: transform;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.casino-listing .casino-listing__inner .cl-row:hover {
  -webkit-transform: translateY(-2px) !important;
          transform: translateY(-2px) !important;
  box-shadow: 0 0 18px 6px var(--cl-bg), 0 2px 10px rgba(0,0,0,.18) !important;
}

.casino-listing .casino-listing__inner .cl-rank {
  position: absolute !important;
  left: 4px !important; top: 4px !important;
  width: 30px !important; height: 30px !important;
  border-radius: 8px !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  font-size: 13px !important; font-weight: 700 !important; color: #fff !important;
  box-shadow: 0 3px 8px rgba(0,0,0,.22) !important;
  z-index: 3 !important; pointer-events: none !important;
  margin: 0 !important; padding: 0 !important; line-height: 1 !important;
}
.casino-listing .casino-listing__inner .cl-rank--1 { background: #dc2626 !important; }
.casino-listing .casino-listing__inner .cl-rank--2 { background: #16a34a !important; }
.casino-listing .casino-listing__inner .cl-rank--3 { background: #2563eb !important; }

.casino-listing .casino-listing__inner .cl-logo {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  padding: 10px !important;
  margin: 0 !important;
  background: var(--cl-bg) !important;
  float: none !important;
}
.casino-listing .casino-listing__inner .cl-logo-inner {
  width: 150px !important; height: 150px !important;
  -ms-flex-negative: 0 !important; flex-shrink: 0 !important;
  border-radius: 12px !important; overflow: hidden !important;
  background: #fff !important;
  border: 1px solid rgba(0,0,0,.08) !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important;
  -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important;
  margin: 0 !important; padding: 0 !important; float: none !important;
  will-change: transform;
  -webkit-transform: translateZ(0); transform: translateZ(0);
}
.casino-listing .casino-listing__inner .cl-logo img {
  width: 100% !important; height: 100% !important;
  object-fit: contain !important; object-position: center !important;
  display: block !important;
  margin: 0 !important; padding: 0 !important;
  border: none !important; border-radius: 0 !important;
  box-shadow: none !important;
  max-width: 100% !important; max-height: 100% !important;
  float: none !important;
}

.casino-listing .casino-listing__inner .cl-meta {
  display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important;
  -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important; flex-direction: column !important;
  -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important;
  -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important;
  gap: 8px !important; padding: 10px 0 !important; margin: 0 !important; float: none !important;
}
.casino-listing .casino-listing__inner .cl-name {
  font-size: 17px !important; font-weight: 700 !important;
  color: var(--cl-text) !important; line-height: 1.25 !important;
  text-align: center !important; word-break: break-word !important;
  margin: 0 !important; padding: 0 !important;
}
.casino-listing .casino-listing__inner .cl-rating {
  display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important;
  -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important;
  gap: 5px !important; white-space: nowrap !important;
  margin: 0 !important; padding: 0 !important;
}
.casino-listing .casino-listing__inner .cl-score {
  font-size: 19px !important; font-weight: 800 !important;
  color: var(--cl-text) !important; letter-spacing: -.5px !important;
  margin: 0 !important; padding: 0 !important;
}
.casino-listing .casino-listing__inner .cl-platforms {
  display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important;
  gap: 6px !important;
  -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important;
  margin: 0 !important; padding: 0 !important; list-style: none !important;
}
.casino-listing .casino-listing__inner .cl-pill {
  display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important;
  -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important;
  gap: 3px !important; padding: 4px 7px 4px 5px !important; margin: 0 !important;
  border-radius: 999px !important; border: 1.5px solid rgba(0,0,0,.20) !important;
  background: rgba(255,255,255,.40) !important; line-height: 1 !important;
  text-decoration: none !important; float: none !important;
}

.casino-listing .casino-listing__inner .cl-bonus {
  display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important;
  -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important; flex-direction: column !important;
  -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important;
  -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important;
  padding: 10px 0 !important; margin: 0 !important; gap: 10px !important; float: none !important;
}
.casino-listing .casino-listing__inner .cl-bonus-title {
  font-size: 15px !important; font-weight: 700 !important;
  color: var(--cl-text) !important; line-height: 1.4 !important;
  text-align: center !important; margin: 0 !important; padding: 0 !important;
}
.casino-listing .casino-listing__inner .cl-features {
  list-style: none !important; list-style-type: none !important;
  padding: 0 !important; margin: 0 !important;
  width: -webkit-fit-content !important; width: fit-content !important;
  margin-left: auto !important; margin-right: auto !important;
  float: none !important;
}
.casino-listing .casino-listing__inner .cl-features li {
  list-style: none !important; list-style-type: none !important;
  background-image: none !important;
  display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important;
  -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important;
  gap: 7px !important; font-size: 13px !important; font-weight: 500 !important;
  color: var(--cl-text) !important; margin: 5px 0 !important; padding: 0 !important;
  white-space: nowrap !important; text-align: left !important; float: none !important;
}
.casino-listing .casino-listing__inner .cl-features li::before {
  content: "" !important;
  display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important;
  -ms-flex-negative: 0 !important; flex-shrink: 0 !important;
  width: 17px !important; height: 17px !important; min-width: 17px !important;
  border-radius: 50% !important;
  background-color: #16a34a !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 10' fill='none'%3E%3Cpath d='M1 5l3.5 3.5L11 1' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important; background-position: center !important;
  background-size: 10px 8px !important;
  margin: 0 !important; padding: 0 !important;
}
.casino-listing .casino-listing__inner .cl-features li::marker { content: "" !important; }
.casino-listing .casino-listing__inner .cl-features li::after { content: none !important; }

.casino-listing .casino-listing__inner .cl-actions {
  display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important;
  -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important; flex-direction: column !important;
  -ms-flex-item-align: stretch !important; align-items: stretch !important;
  -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important;
  gap: 10px !important; padding: 10px 10px 10px 0 !important;
  margin: 0 !important; float: none !important;
}
.casino-listing .casino-listing__inner .cl-btn {
  position: relative !important; overflow: hidden !important;
  display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important;
  -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important;
  -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important;
  padding: 13px 18px !important; margin: 0 !important;
  border: none !important; outline: none !important;
  border-radius: 8px !important;
  font-size: 15px !important; font-weight: 700 !important; line-height: 1 !important;
  white-space: nowrap !important; text-decoration: none !important; text-align: center !important;
  cursor: pointer !important; width: 100% !important; max-width: 100% !important;
  color: #fff !important; float: none !important;
  -webkit-box-sizing: border-box !important; box-sizing: border-box !important;
  -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important;
  -webkit-transition: -webkit-filter .15s, -webkit-transform .06s, box-shadow .18s !important;
          transition: filter .15s, transform .06s, box-shadow .18s !important;
}
.casino-listing .casino-listing__inner .cl-btn::before {
  content: '' !important; position: absolute !important;
  top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important;
  background: -webkit-linear-gradient(335deg, rgba(255,255,255,.22) 0%, rgba(255,255,255,.05) 45%, rgba(0,0,0,.09) 100%) !important;
  background:         linear-gradient(155deg, rgba(255,255,255,.22) 0%, rgba(255,255,255,.05) 45%, rgba(0,0,0,.09) 100%) !important;
  pointer-events: none !important; border-radius: inherit !important;
}
.casino-listing .casino-listing__inner .cl-btn::after { content: none !important; }
.casino-listing .casino-listing__inner .cl-btn:active {
  -webkit-transform: translateY(1px) scale(.99) !important;
          transform: translateY(1px) scale(.99) !important;
}
.casino-listing .casino-listing__inner .cl-btn--primary,
.casino-listing .casino-listing__inner .cl-btn--primary:link,
.casino-listing .casino-listing__inner .cl-btn--primary:visited,
.casino-listing .casino-listing__inner .cl-btn--primary:hover,
.casino-listing .casino-listing__inner .cl-btn--primary:focus,
.casino-listing .casino-listing__inner .cl-btn--primary:active {
  background: var(--cl-accent) !important;
  color: var(--cl-accent-contrast) !important;
}
.casino-listing .casino-listing__inner .cl-btn--secondary,
.casino-listing .casino-listing__inner .cl-btn--secondary:link,
.casino-listing .casino-listing__inner .cl-btn--secondary:visited,
.casino-listing .casino-listing__inner .cl-btn--secondary:hover,
.casino-listing .casino-listing__inner .cl-btn--secondary:focus,
.casino-listing .casino-listing__inner .cl-btn--secondary:active {
  background: var(--cl-secondary) !important;
  color: var(--cl-secondary-contrast) !important;
}
.casino-listing .casino-listing__inner .cl-btn--primary:hover {
  -webkit-filter: brightness(1.10) !important; filter: brightness(1.10) !important;
  box-shadow: 0 6px 20px var(--cl-accent) !important;
}
.casino-listing .casino-listing__inner .cl-btn--secondary:hover {
  -webkit-filter: brightness(1.10) !important; filter: brightness(1.10) !important;
  box-shadow: 0 6px 20px var(--cl-secondary) !important;
}

.casino-listing .casino-listing__inner .cl-terms {
  grid-column: 1 / -1 !important;
  color: var(--cl-muted) !important;
  font-size: .8em !important;
  margin: 0 !important;
  padding: 0 16px 10px !important;
  text-align: center !important;
  float: none !important;
}

@media (max-width: 780px) {
  .casino-listing .casino-listing__inner .cl-row {
    -ms-grid-columns: 100px 12px 1fr !important;
    grid-template-columns: 100px 1fr !important;
    grid-template-areas: "logo meta" "logo bonus" "acts acts" !important;
    gap: 12px !important;
    -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: start !important;
  }
  .casino-listing .casino-listing__inner .cl-logo  { grid-area: logo !important; padding: 10px !important; }
  .casino-listing .casino-listing__inner .cl-logo-inner { width: 80px !important; height: 80px !important; }
  .casino-listing .casino-listing__inner .cl-meta  { grid-area: meta !important; -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; padding: 10px 0 !important; }
  .casino-listing .casino-listing__inner .cl-name  { text-align: left !important; }
  .casino-listing .casino-listing__inner .cl-platforms { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; }
  .casino-listing .casino-listing__inner .cl-bonus { grid-area: bonus !important; -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; padding: 0 0 10px !important; }
  .casino-listing .casino-listing__inner .cl-bonus-title { text-align: left !important; }
  .casino-listing .casino-listing__inner .cl-features { margin-left: 0 !important; width: 100% !important; }
  .casino-listing .casino-listing__inner .cl-features li { white-space: normal !important; }
  .casino-listing .casino-listing__inner .cl-actions { grid-area: acts !important; -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; padding: 0 10px 10px !important; }
  .casino-listing .casino-listing__inner .cl-actions .cl-btn { -webkit-box-flex: 1 !important; -ms-flex: 1 !important; flex: 1 !important; }
  .casino-listing .casino-listing__inner .cl-rank { width: 26px !important; height: 26px !important; font-size: 12px !important; }
}