/* Rexbet local overlay — native dialogs, sliders, icons, guards */
html.rx-lock, body.rx-lock { overflow: hidden !important; touch-action: none; }
#launcher, iframe#launcher, .QsfAAfNJGVrA {
  display: none !important; visibility: hidden !important; opacity: 0 !important; pointer-events: none !important;
}
html.rx-acct-open iframe[src*="tawk.to"],
html.rx-acct-open iframe[title*="chat" i],
html.rx-acct-open iframe[style*="resize:none"],
html.rx-acct-open iframe[style*="100000"],
html.rx-acct-open body > div:has(> iframe[style*="resize:none"]),
html.rx-acct-open .tawk-min-container,
html.rx-acct-open .tawk-button-circle,
html.rx-acct-open .tawk-button,
html.rx-acct-open #tawkchat-minified-container,
html.rx-acct-open #tawkchat-minified-wrapper {
  display: none !important; pointer-events: none !important;
}

.rx-backdrop {
  display: none; position: fixed; inset: 0; z-index: 2147483000;
  background: rgba(20, 24, 32, .45); backdrop-filter: blur(6px);
}
.rx-backdrop.rx-open { display: block; }

.rx-cdk { position: static; }
.rx-dialog {
  position: fixed; top: 0; bottom: 0; left: 0; z-index: 2147483646 !important;
  width: min(86vw, 360px); max-width: 360px;
  background: #eef1f4; color: #1b2430;
  display: flex; flex-direction: column;
  transform: translateX(-105%) !important;
  transition: transform .22s ease;
  box-shadow: 8px 0 28px rgba(0,0,0,.18);
  overflow: hidden;
  pointer-events: auto !important;
}
.rx-dialog .mdc-dialog__container, .rx-dialog .mdc-dialog__surface,
.rx-dialog os-side-navigation, .rx-dialog .side-navigation {
  height: 100%; display: flex; flex-direction: column; background: #eef1f4;
  pointer-events: auto !important;
}
.rx-dialog-right { right: 0; left: auto; transform: translateX(105%) !important; box-shadow: -8px 0 28px rgba(0,0,0,.18); }
.rx-dialog.rx-open { transform: translateX(0) !important; }
.rx-dialog, .rx-dialog.mdc-dialog {
  pointer-events: auto !important;
}

.side-navigation--header {
  display: flex; align-items: center; justify-content: space-between;
  padding: 14px 12px 10px; flex-shrink: 0;
}
.side-navigation--header-logo .logo { display: block; height: 28px; width: auto; max-width: 140px; object-fit: contain; }
.side-navigation--close-dialog, .rx-dialog .mdc-icon-button {
  width: 36px; height: 36px; border: 0; border-radius: 50%;
  background: #d7dde4; color: #111; cursor: pointer;
  display: inline-flex; align-items: center; justify-content: center;
}
.mobile-menu--items { flex: 1; overflow-y: auto; -webkit-overflow-scrolling: touch; }
.menu-items { display: block; padding: 0; margin: 0; }
.menu-item-row {
  display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;
  padding: 0 18px; min-height: 52px; border-bottom: 1px solid #d8dee6;
  color: #1e2a3a; text-decoration: none; font-weight: 800; letter-spacing: .02em;
  background: transparent;
}
.menu-item-row h4 { margin: 0; font-size: 15px; font-weight: 800; text-transform: uppercase; color: inherit; }
.menu-item-row.menu-item-active, .menu-item-row.menu-item-active h4 { color: #1a73e8; }
.menu-item-link { flex: 1; color: inherit; text-decoration: none; display: flex; align-items: center; min-height: 52px; }
.menu-item-children-expand-button {
  border: 0; background: transparent; width: 36px; height: 36px; cursor: pointer; color: #1e2a3a;
  pointer-events: auto !important; position: relative; z-index: 2;
}
.menu-item-children-expand-button * { pointer-events: none; }
.menu-item-has-children.rx-expanded .menu-item-children-expand-button { transform: rotate(90deg); }
.sub-menu--level-secondLevel {
  width: 100%; padding: 0 0 8px 8px; display: flex; flex-direction: column; gap: 2px;
}
.sub-menu--level-secondLevel.hidden { display: none !important; }
.sub-menu--level-secondLevel a {
  display: block; padding: 10px 12px; color: #334155; text-decoration: none; font-size: 14px; font-weight: 600;
}

.login-modal-component { padding: 4px 22px 32px; overflow-y: auto; }
.login-modal-component--content-title {
  display: block; font-size: 30px; font-weight: 700; color: #1b2430; margin: 10px 0 4px;
}
.login-modal-component--content-create-account {
  display: inline-block; color: #5b6573; font-size: 14px; cursor: pointer; margin-bottom: 22px;
}
.login-modal-component--content-create-account u { color: #36affc; text-underline-offset: 2px; }
.rx-native-field { position: relative; margin: 0 0 18px; }
.rx-native-field label {
  position: absolute; left: 12px; top: 18px; font-size: 15px; color: #6b7280;
  pointer-events: none; background: transparent; transition: .15s ease; margin: 0;
}
.rx-native-field label span { color: #d32f2f; }
.rx-native-field input {
  width: 100%; height: 56px; border: 1px solid #c5ced8; border-radius: 6px;
  background: #f7f8fa; color: #111; padding: 18px 12px 8px; font-size: 16px; outline: none;
}
.rx-native-field input:focus { border-color: #36affc; background: #fff; }
.rx-native-field input:focus + label,
.rx-native-field input:not(:placeholder-shown) + label,
.rx-pass-wrap input:focus + label,
.rx-pass-wrap input:not(:placeholder-shown) + label {
  top: -7px; left: 10px; font-size: 12px; padding: 0 4px; background: #eef1f4; color: #36affc;
}
.rx-pass-wrap { position: relative; }
.rx-pass-wrap input { padding-right: 44px; }
.rx-pass-wrap label { left: 12px; }
.rx-eye { position: absolute; right: 6px; top: 50%; transform: translateY(-50%); border: 0; background: transparent; cursor: pointer; color: #111; width: 36px; height: 36px; z-index: 2; }
.rx-native-submit {
  display: block; width: 100%; height: 48px; border: 0; border-radius: 10px;
  background: #ffbc00; color: #212334; font-size: 16px; font-weight: 700; cursor: pointer; margin-top: 8px;
}
.rx-native-submit:disabled {
  opacity: .42; color: #fff; cursor: default;
}
.login-modal-component--content--forgot-password--label {
  display: block; text-align: center; margin-top: 18px; color: #36affc; cursor: pointer; font-size: 14px;
}
.rx-err { display: none; background: #dc3545; color: #fff; border-radius: 8px; padding: 10px 12px; margin-bottom: 12px; font-size: 13px; }

.rx-account-panel { background: #e8eef4; color: #212335; padding: 0; }
.rx-account-panel .side-navigation { overflow: hidden; }
.rx-map {
  flex: 1; overflow-y: auto; -webkit-overflow-scrolling: touch;
  padding: 0 12px 28px; color: #212335;
}
.rx-map-loyalty {
  display: flex; align-items: center; justify-content: space-between;
  background: #eef3f8; border-radius: 10px; padding: 8px 12px; margin-bottom: 10px;
}
.rx-map-lvl { display: inline-flex; align-items: center; gap: 6px; font-size: 15px; color: #212335; }
.rx-map-lvl b {
  width: 22px; height: 22px; border-radius: 50%; background: #ff8a00; color: #111;
  display: inline-flex; align-items: center; justify-content: center; font-size: 13px; font-weight: 800;
}
.rx-map-star { color: #e0b400; font-size: 15px; line-height: 1; }
.rx-account-panel os-side-navigation,
.rx-account-panel .side-navigation { min-height: 0; }
.rx-map-detay { color: #c9a227; font-size: 14px; font-weight: 700; text-decoration: none; }
.rx-map-card {
  background: #eef3f8; border-radius: 12px; padding: 14px 14px 0; margin-bottom: 12px;
}
.rx-map-hello { font-size: 13px; color: #6b7280; margin-bottom: 6px; }
.rx-map-bal-label { font-size: 15px; font-weight: 700; color: #212335; }
.rx-map-bal { font-size: 28px; font-weight: 800; color: #212335; line-height: 1.2; margin: 2px 0 8px; }
.rx-map-details {
  width: 100%; border: 0; border-top: 1px solid #d5dde6; background: transparent;
  display: flex; align-items: center; justify-content: space-between;
  min-height: 44px; padding: 0; color: #212335; font-size: 14px; font-weight: 600; cursor: pointer;
}
.rx-map-detail-row {
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  padding: 10px 0; font-size: 13px; color: #334155; border-top: 1px solid #e1e7ee;
}
.rx-map-actions { display: flex; gap: 8px; margin: 0 0 8px; }
.rx-map-btn {
  flex: 1; height: 42px; border: 0; border-radius: 10px; font-size: 14px; font-weight: 700; cursor: pointer;
}
.rx-map-btn-wd { background: #212335; color: #fff; }
.rx-map-btn-dep { background: #ffbc00; color: #212334; }
.rx-map-nav { margin-top: 4px; }
.rx-acc { border-bottom: 1px solid #d5dde6; }
.rx-acc.rx-acc-open { background: #e4ebf2; }
.rx-acc-toggle {
  width: 100%; border: 0; background: transparent; cursor: pointer;
  display: flex; align-items: center; min-height: 48px; padding: 0 4px 0 6px;
  color: #212335; font-size: 15px; font-weight: 600; text-align: left; gap: 8px;
}
.rx-acc-chevron { margin-left: auto; display: inline-flex; color: #212335; transition: transform .18s ease; }
.rx-acc-open > .rx-acc-toggle .rx-acc-chevron { transform: rotate(90deg); }
.rx-acc-body { display: none; padding: 0 0 8px; }
.rx-acc-open > .rx-acc-body { display: block; }
.rx-acc-body a, .rx-map-logout {
  display: flex; align-items: center; min-height: 42px; padding: 0 18px;
  color: #334155; text-decoration: none; font-size: 14px; font-weight: 500;
}
.rx-map-logout {
  min-height: 48px; color: #212335; font-size: 15px; font-weight: 600; padding: 0 6px;
  border-bottom: 1px solid #d5dde6;
}
.rx-map-badge {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 18px; height: 18px; padding: 0 5px; margin-left: 8px;
  border-radius: 50%; background: #e53935; color: #fff; font-size: 11px; font-weight: 800; line-height: 1;
}
html.rx-logged .rb-f-login-register-wrapper,
body.rx-logged .rb-f-login-register-wrapper { display: none !important; }
@media (max-width: 991px) {
  html.rx-logged #app,
  html.rx-logged body:has(.rb-f-login-register-wrapper) #app { padding-top: 0 !important; }
  html.rx-logged .sportsbook--iframe { padding-bottom: 0 !important; }
}
html.rx-logged .mobile-view--person-section button,
html.rx-logged .user-account button.mdc-icon-button {
  position: relative;
}
html.rx-logged .mobile-view--person-section button::before,
html.rx-logged .user-account button.mdc-icon-button::before {
  content: "";
  position: absolute; inset: 3px; border-radius: 50%;
  border: 2px solid rgba(255, 188, 0, .38);
  pointer-events: none;
}

.rx-cashier-host { display: none; position: fixed; inset: 0; z-index: 2147483550; background: rgba(0,0,0,.62); align-items: flex-end; justify-content: center; }
.rx-cashier-host.rx-open { display: flex; }
.rx-cashier-box { position: relative; width: 100%; max-width: 560px; height: 100dvh; max-height: 740px; background: #0f0f0f; overflow: hidden; }
.rx-cashier-box iframe { width: 100%; height: 100%; border: 0; display: block; background: #0f0f0f; }
.rx-cashier-x {
  position: absolute; top: 8px; right: 8px; z-index: 3;
  width: 36px; height: 36px; border: 0; border-radius: 50%;
  background: rgba(255,255,255,.16); color: #fff; font-size: 22px; line-height: 1;
  cursor: pointer;
}

#rx-pay-dialog.rx-pay-full {
  display: none;
  position: fixed !important;
  inset: 0 !important;
  left: 0 !important; right: 0 !important; top: 0 !important; bottom: 0 !important;
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  max-height: none !important;
  transform: none !important;
  z-index: 2147483480 !important;
  background: #eef1f4;
  box-shadow: none;
  overflow: hidden;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 0 !important;
}
#rx-pay-dialog.rx-open { display: flex !important; pointer-events: auto !important; }
#rx-pay-dialog.mdc-dialog,
#rx-pay-dialog .mdc-dialog__container,
#rx-pay-dialog .mdc-dialog__surface {
  pointer-events: auto !important;
}
#rx-pay-dialog .mdc-dialog__container,
#rx-pay-dialog .mdc-dialog__surface,
#rx-pay-dialog os-side-navigation,
#rx-pay-dialog .mat-mdc-dialog-component-host,
#rx-pay-dialog .side-navigation {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  display: flex !important;
  flex-direction: column;
  background: #eef1f4;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
#rx-pay-dialog .side-navigation--header {
  background: #eef1f4;
  border-bottom: 1px solid #d8dee6;
}
#rx-pay-dialog .rx-pay-body {
  flex: 1; min-height: 0;
  overflow-y: auto; -webkit-overflow-scrolling: touch;
  background: #eef1f4;
}
#rx-pay-dialog .payment-type-head {
  display: flex; align-items: center; justify-content: space-between;
  min-height: 100px; height: 100px; padding: 0 18px;
  background: #fff; color: #1b2430;
  border-bottom: 1px solid #e4e9ef;
}
#rx-pay-dialog .payment-type-title {
  font-size: 22px; font-weight: 700; color: #1b2430;
}
#rx-pay-dialog .mat-expansion-indicator { color: #5b6573; display: inline-flex; }
#rx-pay-dialog .rx-pay-list { background: #fff; }
#rx-pay-dialog .rx-pay-item { background: #fff; border-bottom: 1px solid #edf1f5; }
#rx-pay-dialog .rx-pay-method {
  display: flex; align-items: center; gap: 14px;
  width: 100%; min-height: 100px; height: 100px;
  padding: 12px 16px; margin: 0;
  border: 0; border-bottom: 0;
  background: #fff; text-align: left; cursor: pointer;
  color: #1b2430;
}
#rx-pay-dialog .rx-pay-method:active { background: #f4f7fa; }
#rx-pay-dialog .payment-form--selected {
  padding: 8px 16px 20px;
  background: #fff;
  border-top: 1px solid #edf1f5;
}
#rx-pay-dialog .payment-form--selected[hidden] { display: none !important; }
#rx-pay-dialog .payment-form--selected-preselected {
  display: flex; flex-wrap: wrap; gap: 10px;
  margin: 8px 0 16px;
}
#rx-pay-dialog .amount-currency-field {
  border: 1px solid #cfd6de;
  background: #f3f4f6;
  color: #1b2430;
  border-radius: 22px;
  padding: 10px 16px;
  font-size: 14px; font-weight: 600;
  cursor: pointer;
}
#rx-pay-dialog .amount-currency-field.is-on {
  background: #ece4c8;
  border-color: #c9a53d;
}
#rx-pay-dialog .payment-form--selected-title {
  display: block; font-size: 15px; font-weight: 700; color: #1b2430; margin: 4px 0 4px;
}
#rx-pay-dialog .payment-form--selected-limit {
  display: block; font-size: 13px; color: #6b7380; margin: 0 0 14px;
}
#rx-pay-dialog .payment-form--field { display: block; margin: 0 0 12px; }
#rx-pay-dialog .payment-form--field-label {
  display: block; font-size: 12px; color: #5b6573; margin: 0 0 6px;
}
#rx-pay-dialog .payment-form--field-label .req { color: #c0392b; }
#rx-pay-dialog .payment-form--field input,
#rx-pay-dialog .amount-currency {
  width: 100%;
  border: 1px solid #c5ccd4;
  border-radius: 8px;
  background: #fff;
  min-height: 48px;
  box-sizing: border-box;
}
#rx-pay-dialog .payment-form--field > input {
  padding: 12px 14px;
  font-size: 16px;
  color: #1b2430;
  outline: none;
}
#rx-pay-dialog .amount-currency {
  display: flex; align-items: center; overflow: hidden;
}
#rx-pay-dialog .amount-currency input {
  flex: 1; border: 0; min-height: 48px; padding: 12px 14px;
  font-size: 16px; outline: none; background: transparent;
}
#rx-pay-dialog .amount-currency--no-options {
  flex: 0 0 auto;
  padding: 0 14px;
  border-left: 1px solid #d5dbe2;
  color: #5b6573; font-weight: 700; font-size: 14px;
}
#rx-pay-dialog .payment-form--selected--deposit {
  width: 100%;
  border: 0; border-radius: 10px;
  min-height: 48px;
  background: #c9a53d;
  color: #1b2430;
  font-size: 16px; font-weight: 700;
  cursor: pointer;
  margin: 8px 0 12px;
}
#rx-pay-dialog .payment-form--selected--deposit:disabled {
  opacity: .4; cursor: default;
}
#rx-pay-dialog .payment-form--secure {
  display: flex; align-items: center; justify-content: center; gap: 8px;
  color: #7a8492; font-size: 12px; font-weight: 700; letter-spacing: .02em;
}
#rx-pay-dialog .payment-form--secure span { color: #2e7d32; }
#rx-pay-dialog .method-image {
  flex: 0 0 56px; width: 56px; height: 42px;
  display: flex; align-items: center; justify-content: center;
}
#rx-pay-dialog .method-image img {
  max-width: 56px; max-height: 36px; width: auto; height: auto;
  object-fit: contain; display: block;
}
#rx-pay-dialog .method-info {
  display: flex; flex-direction: column; gap: 4px; min-width: 0; flex: 1;
}
#rx-pay-dialog .method-name {
  font-size: 16px; font-weight: 700; color: #1b2430; line-height: 1.2;
}
#rx-pay-dialog .limits {
  font-size: 13px; color: #6b7380; font-weight: 500;
}
#rx-pay-dialog .processing-times {
  display: inline-flex; align-items: center; gap: 6px;
  font-size: 12px; color: #7a8492;
}
#rx-pay-dialog .rx-pay-clock { flex-shrink: 0; }

#game_guard_modal { display: none; position: fixed; inset: 0; z-index: 2147483600; background: rgba(0,0,0,.55); align-items: center; justify-content: center; padding: 24px; pointer-events: auto !important; }
#game_guard_modal.ow-open { display: flex; }
.rx-guard-card { position: relative; background: #212335; color: #fff; border-radius: 16px; padding: 28px 20px 24px; max-width: 320px; width: 100%; text-align: center; box-shadow: 0 12px 40px rgba(0,0,0,.45); border: 1px solid rgba(255,255,255,.08); }
.rx-guard-x {
  position: absolute; top: 8px; right: 8px;
  width: 32px; height: 32px; border: 0; border-radius: 50%;
  background: rgba(255,255,255,.12); color: #fff; font-size: 20px; line-height: 1;
  cursor: pointer;
}
.rx-guard-icon { width: 52px; height: 52px; border-radius: 50%; margin: 0 auto 12px; display: flex; align-items: center; justify-content: center; font-size: 24px; font-weight: 700; background: linear-gradient(180deg,#ffbc00,#fe9900); color: #212334; }
.rx-guard-card h3 { margin: 0 0 8px; font-size: 18px; }
.rx-guard-card p { margin: 0 0 18px; font-size: 14px; line-height: 1.45; color: #ddd; }
.rx-guard-card button#game_guard_ok { width: 100%; border: 0; border-radius: 10px; padding: 12px 16px; font-size: 15px; font-weight: 700; background: linear-gradient(90deg,#fe9900,#ffbc00); color: #212334; cursor: pointer; }

.rx-toolbar { position: sticky; top: 0; z-index: 50; display: flex; align-items: center; justify-content: space-between; height: 50px; padding: 0 8px; background: #212335; color: #fff; }
.rx-tb-btn { border: 0; background: transparent; color: #fff; width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; }
.rx-tb-logo img { display: block; height: 24px; }
.rx-tb-right { display: flex; align-items: center; gap: 6px; }
.rx-tb-bal { color: #fff; text-decoration: none; font-weight: 700; font-size: 13px; background: rgba(254,153,0,.18); border: 1px solid #fe9900; border-radius: 16px; padding: 6px 10px; }
.rx-logged-chip { display: inline-flex; align-items: center; gap: 6px; margin-right: 4px; }
.rx-logged-chip a { text-decoration: none; font-weight: 700; font-size: 12px; background: linear-gradient(180deg,#ffbc00,#fe9900); color: #212334; border-radius: 14px; padding: 5px 9px; }
.sz-acct-page { background: #0f0f0f !important; color: #fff; min-height: 70vh; padding: 12px 12px 80px; }

/* sliders — do not force flex on Angular .gallery (it uses CSS grid + transform) */
.slider .gallery {
  display: grid !important;
  grid-auto-flow: column;
  transform: none !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
}
.slider .gallery::-webkit-scrollbar { display: none; }
.slider .gallery > * {
  scroll-snap-align: start;
}
.compact-design {
  position: relative !important;
  overflow: hidden;
  background: transparent !important;
}
.compact-design .thumbnail {
  position: relative !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  display: block !important;
}
.compact-design .content-container {
  position: absolute !important;
  top: auto !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  height: auto !important;
  max-height: 42% !important;
  width: 100% !important;
  pointer-events: auto !important;
  overflow: hidden !important;
  padding: 0.55rem 0.8rem !important;
  background: linear-gradient(180deg, transparent, rgba(33, 35, 53, .9)) !important;
  color: #fff !important;
}
.compact-design .content-container .title,
.compact-design .content-container h2,
.compact-design .content-container .description,
.compact-design .content-container p {
  color: #fff !important;
}
.overlay-design .content-container {
  position: absolute !important;
  top: auto !important;
  bottom: 0 !important;
  height: auto !important;
  max-height: 42% !important;
  background: linear-gradient(180deg, transparent, rgba(33, 35, 53, .9)) !important;
}
.dynamic-content-preview,
.dynamic-content-preview .thumbnail {
  background: transparent !important;
}
.slider .gallery img,
.dynamic-content-preview img,
.compact-design img,
.overlay-design img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-width: 100%;
  object-fit: cover;
  visibility: visible !important;
  opacity: 1 !important;
  contain: none !important;
  contain-intrinsic-size: none !important;
}
.slider .gallery .game-card--image img,
.slider .gallery .latest-winners-card img,
.slider .gallery .latest-winners-card--image img,
.slider .gallery .game-middle-card img,
.game-card--image img,
.latest-winners-card--image img,
.game-middle-card img {
  position: absolute !important;
  inset: 0 !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center !important;
  opacity: 1 !important;
  visibility: visible !important;
  background: transparent !important;
  z-index: 1 !important;
  contain: none !important;
}
.partially-visible {
  opacity: 1 !important;
}
.dynamic-content-slider,
.slider.mobileView {
  overflow: hidden !important;
}
.game-card {
  background: transparent !important;
}
.game-card--image::before {
  content: none !important;
  display: none !important;
  opacity: 0 !important;
  background: none !important;
}
.game-card--image,
.game-middle-card {
  background-color: #1b1d2e !important;
  overflow: hidden !important;
}
.latest-winners-card {
  background: #fff !important;
}
.latest-winners-card--image {
  background: transparent !important;
  overflow: hidden !important;
}
img[sizes="auto" i],
img[sizes^="auto," i],
.game-carousel img,
os-game-item img,
os-game-tile img,
.latest-winners-card img,
.game-middle-card img,
.game-carousel--slide img,
.game-card--image img {
  contain: none !important;
  contain-intrinsic-size: none !important;
  contain-intrinsic-width: none !important;
  contain-intrinsic-height: none !important;
}
.st-horizontal-scroll.sports img,
.sportsitem img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  contain: none !important;
}
.game-carousel .rx-hscroll,
.dynamic-content-slider .rx-hscroll {
  display: flex !important;
  flex-wrap: nowrap !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
  gap: 10px;
  scrollbar-width: none;
  transform: none !important;
}
.rx-hscroll::-webkit-scrollbar { display: none; }
.rx-hscroll > * { flex: 0 0 auto; }
button[data-e2e="swiper-top-button-prev"],
button[data-e2e="swiper-top-button-next"],
.top-right-button {
  pointer-events: auto !important;
  opacity: 1 !important;
}
.top-right-button.swiper-button-disabled,
button.swiper-button-disabled {
  opacity: .35 !important;
}

/* FAQ */
.rich-text details, details {
  cursor: pointer;
}
.rich-text details > div,
.rich-text details > p,
details[open] > div {
  display: block !important;
  height: auto !important;
  max-height: none !important;
  opacity: 1 !important;
  overflow: visible !important;
  block-size: auto !important;
}
.rich-text details:not([open]) > :not(summary) {
  display: none !important;
}
.rich-text details summary:before,
.rex-home-onlight-temp details summary:before {
  content: "" !important;
  background: none !important;
  width: 10px !important;
  height: 10px !important;
  border-right: 2px solid #2e2e48;
  border-bottom: 2px solid #2e2e48;
  transform: rotate(45deg);
  margin-top: -8px !important;
}
.rich-text details[open] summary:before,
.rex-home-onlight-temp details[open] summary:before {
  transform: rotate(225deg) !important;
}
.rich-text details::details-content {
  display: none;
}
.mobile-view--brand-logo,
.mobile-view--brand-logo-img,
.header [itemprop="logo"] {
  cursor: pointer;
}
iframe#sport_iframe,
.sportsbook--iframe {
  display: block;
  width: 100%;
  height: calc(100dvh - 50px);
  min-height: 640px;
  border: 0;
  background: #0f0f0f;
}
.sportsbook { width: 100%; }

@keyframes rx-dot-progress {
  from { transform: scaleX(0); }
  to { transform: scaleX(1); }
}
.paginator { position: relative; overflow: hidden; }
.paginator .dots-container {
  display: flex;
  align-items: center;
  gap: .5rem;
  transition: transform .4s ease;
}
.paginator .dot {
  cursor: pointer;
  position: relative;
  flex-shrink: 0;
}
.paginator .dot.active {
  width: 2.25rem !important;
  height: 1rem !important;
  border-radius: 1rem !important;
  overflow: hidden;
  background: rgba(33, 35, 53, .18) !important;
}
.paginator .dot.active .progress {
  display: block;
  width: 100%;
  height: 100%;
  background: var(--primary, #fe9900);
  border-radius: 1rem;
  transform: scaleX(0);
  transform-origin: left center;
  animation: rx-dot-progress 4s linear forwards;
}
.paginator .dot.tiny { transform: scale(.65); }

os-new-registration .mdc-text-field__input,
os-new-registration input.mat-mdc-input-element,
os-registration .mdc-text-field__input {
  color: #111 !important;
  caret-color: #111 !important;
}
os-new-registration .mdc-floating-label,
os-new-registration .mat-mdc-floating-label,
os-new-registration mat-label,
os-registration .mdc-floating-label {
  color: #4b5565 !important;
  pointer-events: none;
}
os-new-registration .mat-mdc-form-field.rx-filled .mdc-floating-label,
os-new-registration .mat-mdc-form-field.rx-focus .mdc-floating-label,
os-new-registration .mdc-floating-label--float-above {
  color: #1a73e8 !important;
  top: 0 !important;
  transform: translateY(-10px) scale(.75) !important;
  background: #e6eff7;
  padding: 0 6px;
  z-index: 3;
}
os-new-registration .mdc-notched-outline--notched .mdc-notched-outline__notch {
  border-top: none !important;
}
os-new-registration .mdc-notched-outline__leading,
os-new-registration .mdc-notched-outline__notch,
os-new-registration .mdc-notched-outline__trailing {
  border-color: #c5ced8 !important;
}
body:has(#sport_iframe) os-footer { display: none !important; }
@media (max-width: 991px) {
  body:has(#sport_iframe) .rb-f-login-register-wrapper { display: none !important; }
  body:has(#sport_iframe) #app { padding-top: 0 !important; }
  body:has(#sport_iframe) .sportsbook--iframe { padding-bottom: 0 !important; }
}
.container:has(.st-horizontal-scroll.providers) .content-page-layout-row-col,
.container:has(.st-horizontal-scroll.providers) .content-page-layout-row {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}
.content-page-layout-row-col-section:has(.st-horizontal-scroll.providers) {
  margin: 16px 0 0 !important;
}
.container[style*="rgb(46, 46, 72)"] .content-page-layout-row-col-section {
  margin-top: 0 !important;
}
.container[style*="rgb(46, 46, 72)"] h1 {
  margin-top: 8px !important;
}

.rich-text details[open]::details-content {
  display: block !important;
  block-size: auto !important;
  opacity: 1 !important;
}

os-new-registration > div > .flow-step:not(:first-child) { display: none !important; }
os-new-registration .rx-step-panel { display: none; width: 100%; }
os-new-registration .rx-step-panel.rx-step-on { display: block; }
os-new-registration sh-dynamic-form-step.flow-step--form.rx-step-off { display: none !important; }
os-new-registration .rx-reg-field { position: relative; margin: 0 0 16px; }
os-new-registration .rx-reg-field input,
os-new-registration .rx-reg-field select {
  width: 100%; height: 56px; border: 1px solid #c5ced8; border-radius: 4px;
  background: #fff; color: #111; padding: 16px 12px 8px; font-size: 16px; outline: none;
  appearance: none; -webkit-appearance: none;
}
os-new-registration .rx-reg-field input:focus,
os-new-registration .rx-reg-field select:focus { border-color: #36affc; }
os-new-registration .rx-reg-field label {
  position: absolute; left: 12px; top: -8px; font-size: 12px; color: #6b7280;
  background: #e6eff7; padding: 0 4px; pointer-events: none;
}
os-new-registration .rx-reg-row { display: flex; gap: 10px; }
os-new-registration .rx-reg-row .rx-reg-field { flex: 1; }
os-new-registration .rx-reg-actions {
  display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-top: 12px;
}
os-new-registration .rx-reg-back {
  border: 0; background: transparent; color: #36affc; font-size: 14px; font-weight: 700; cursor: pointer;
}
os-new-registration .rx-reg-next,
os-new-registration [data-e2e="action-go-next"] {
  min-width: 140px; height: 44px; border: 0; border-radius: 10px;
  background: #ffbc00; color: #212334; font-weight: 700; cursor: pointer; padding: 0 18px;
}
os-new-registration .thr-flow-progress > div.thr-flow-done > em {
  background: #ffbc00; color: #212334; border-color: #ffbc00;
}

html.rx-acct-open os-toolbar,
html.rx-acct-open #custom-header-toolbar,
html.rx-acct-open .os-custom-header,
html.rx-acct-open mat-toolbar-row.toolbar-custom-header {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 2147483485 !important;
  width: 100% !important;
}

#rx-acct-dialog.rx-pay-full {
  display: none;
  position: fixed !important;
  left: 0 !important; right: 0 !important;
  top: var(--custom-header-first-row-height, 3.125rem) !important;
  bottom: 0 !important;
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  max-height: none !important;
  transform: none !important;
  z-index: 2147483480 !important;
  background: #e8eef4;
  box-shadow: none;
  overflow: hidden;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 0 !important;
}
#rx-acct-dialog.rx-open { display: flex !important; pointer-events: auto !important; }
#rx-acct-dialog.mdc-dialog,
#rx-acct-dialog .mdc-dialog__container,
#rx-acct-dialog .mdc-dialog__surface {
  pointer-events: auto !important;
}
#rx-acct-dialog .mdc-dialog__container,
#rx-acct-dialog .mdc-dialog__surface,
#rx-acct-dialog os-side-navigation,
#rx-acct-dialog .side-navigation {
  width: 100% !important; height: 100% !important;
  background: #e8eef4; color: #1a1c2b;
  display: flex !important; flex-direction: column;
}
#rx-acct-dialog .side-navigation--header { display: none !important; }
#rx-acct-dialog .rx-acct-body {
  flex: 1; min-height: 0; overflow-y: auto; -webkit-overflow-scrolling: touch;
  padding: 20px 16px 40px; background: #e8eef4; color: #1a1c2b;
}
#rx-acct-dialog .rx-acct-pane[hidden] { display: none !important; }
#rx-acct-dialog .rx-acct-tabs {
  display: flex; gap: 0; border-bottom: 1px solid #d5dde6; margin: 0 0 16px;
}
#rx-acct-dialog .rx-acct-tab {
  flex: 1; border: 0; background: transparent; color: #6b7380;
  min-height: 44px; font-size: 14px; font-weight: 700; cursor: pointer;
  border-bottom: 2px solid transparent;
}
#rx-acct-dialog .rx-acct-tab.is-on { color: #1a1c2b; border-bottom-color: #1a1c2b; }
#rx-acct-dialog .rx-acct-tab:disabled { opacity: .4; cursor: default; }

#rx-acct-dialog .loyalty-points-badge {
  display: flex; gap: 14px; align-items: center;
  background: #fff; border-radius: 12px; padding: 16px; margin-bottom: 18px;
  box-shadow: 0 1px 2px rgba(16, 24, 40, .06);
}
#rx-acct-dialog .loyalty-points-badge-text { flex: 1; min-width: 0; }
#rx-acct-dialog .loyalty-points-badge-level { font-size: 22px; font-weight: 800; margin-bottom: 6px; color: #1a1c2b; }
#rx-acct-dialog .loyalty-points-badge-description { font-size: 13px; color: #5c6570; margin-bottom: 10px; }
#rx-acct-dialog .rx-vip-bar {
  height: 6px; border-radius: 99px; background: #d9e1ea; overflow: hidden; margin-bottom: 8px;
}
#rx-acct-dialog .rx-vip-bar span { display: block; width: 0; height: 100%; background: #1a73e8; }
#rx-acct-dialog .loyalty-points-badge-details {
  display: flex; justify-content: space-between; font-size: 12px; color: #6b7380;
}
#rx-acct-dialog .loyalty-points-badge-image {
  flex: 0 0 72px; width: 72px; height: 72px; border-radius: 50%;
  background: #eef3f8; color: #1a1c2b; display: flex; align-items: center; justify-content: center;
  font-size: 32px;
}
#rx-acct-dialog .level {
  display: flex; justify-content: space-between; gap: 12px;
  background: #fff; border-radius: 12px; padding: 14px; margin: 0 0 10px;
  box-shadow: 0 1px 2px rgba(16, 24, 40, .06);
}
#rx-acct-dialog .level-image {
  width: 44px; height: 44px; border-radius: 10px; background: #eef3f8;
  display: flex; align-items: center; justify-content: center; margin-bottom: 6px;
}
#rx-acct-dialog .level-name { font-weight: 800; margin-bottom: 6px; color: #1a1c2b; }
#rx-acct-dialog .level-description { font-size: 13px; color: #5c6570; line-height: 1.4; }
#rx-acct-dialog .level-right { text-align: right; flex: 0 0 auto; }
#rx-acct-dialog .points-label { display: block; font-size: 11px; color: #6b7380; }
#rx-acct-dialog .points { display: block; font-weight: 800; color: #1a1c2b; }
#rx-acct-dialog .rx-vip-more {
  width: 100%; min-height: 44px; border: 1px solid #cfd8e3; border-radius: 10px;
  background: #fff; color: #1a1c2b; font-weight: 700; cursor: pointer; margin-top: 6px;
}
#rx-acct-dialog .increase-level-container { margin-top: 22px; }
#rx-acct-dialog .increase-level-container h2 { font-size: 18px; margin: 0 0 12px; color: #1a1c2b; font-weight: 800; }
#rx-acct-dialog .increase-level-step {
  display: flex; gap: 10px; align-items: flex-start; margin: 0 0 12px; color: #5c6570;
}
#rx-acct-dialog .rx-vip-arrow { color: #1a73e8; font-weight: 800; }
#rx-acct-dialog .increase-level-step-description-bold { font-weight: 800; color: #1a1c2b; }

#rx-acct-dialog .rx-kyc { padding: 4px 4px 8px; }
#rx-acct-dialog .rx-kyc .title,
#rx-acct-dialog .rx-kyc h2.title {
  font-size: 22px; font-weight: 800; margin: 4px 0 10px; color: #1a1c2b; letter-spacing: -.02em;
}
#rx-acct-dialog .rx-kyc .large { font-size: 15px; color: #6b7380; font-weight: 400; display: block; }
#rx-acct-dialog .rx-rg { min-height: 40vh; }

#rx-acct-dialog .player-details--info {
  display: flex; flex-wrap: wrap; margin: 0 -8px 18px;
}
#rx-acct-dialog .player-details--info .col {
  width: 50%; padding: 8px; box-sizing: border-box;
}
#rx-acct-dialog .player-details--info-title {
  display: block; font-size: 12px; color: #6b7380; margin-bottom: 4px;
}
#rx-acct-dialog .player-details--info-text { font-size: 15px; font-weight: 600; color: #1a1c2b; }
#rx-acct-dialog h3 { font-size: 16px; margin: 18px 0 10px; color: #1a1c2b; font-weight: 800; }
#rx-acct-dialog .rx-set-field { display: block; margin: 0 0 12px; }
#rx-acct-dialog .rx-set-field > span { display: block; font-size: 12px; color: #6b7380; margin-bottom: 6px; }
#rx-acct-dialog .rx-set-field input {
  width: 100%; min-height: 48px; border: 1px solid #cfd8e3; border-radius: 8px;
  background: #fff; color: #1a1c2b; padding: 12px 14px; font-size: 16px; box-sizing: border-box;
}
#rx-acct-dialog .rx-set-field.is-off input { opacity: .7; background: #f3f6f9; }
#rx-acct-dialog .rx-set-row { display: flex; gap: 10px; }
#rx-acct-dialog .rx-set-row .rx-set-field { flex: 1; }
#rx-acct-dialog .rx-set-pass { display: flex; align-items: center; }
#rx-acct-dialog .rx-set-pass input { border-right: 0; border-radius: 8px 0 0 8px; }
#rx-acct-dialog .rx-pass-eye {
  min-height: 48px; border: 1px solid #cfd8e3; border-left: 0; border-radius: 0 8px 8px 0;
  background: #fff; color: #5c6570; padding: 0 12px; cursor: pointer;
}
#rx-acct-dialog .rx-set-save {
  min-height: 44px; border: 0; border-radius: 10px; padding: 0 18px;
  background: #ffbc00; color: #1b2430; font-weight: 800; cursor: pointer; margin: 6px 0 16px;
}
#rx-acct-dialog .rx-set-save:disabled { opacity: .4; cursor: default; }
#rx-acct-dialog .rx-hist { padding: 4px 4px 8px; }