/*The main stylesheet for HRD MX*/

/* =========================
   FONTS
   ========================= */

/* Light (300) */
@font-face {
  font-family: "NeusaNeuVT";
  src:
    url("/library/fonts/NeusaNeuVT-Light.woff2") format("woff2"),
    url("/library/fonts/NeusaNeuVT-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

/* Regular (400) */
@font-face {
  font-family: "NeusaNeuVT";
  src:
    url("/library/fonts/NeusaNeuVT-Regular.woff2") format("woff2"),
    url("/library/fonts/NeusaNeuVT-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Italic (400 italic) */
@font-face {
  font-family: "NeusaNeuVT";
  src:
    url("/library/fonts/NeusaNeuVT-Italic.woff2") format("woff2"),
    url("/library/fonts/NeusaNeuVT-Italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

/* Medium (500) */
@font-face {
  font-family: "NeusaNeuVT";
  src:
    url("/library/fonts/NeusaNeuVT-Medium.woff2") format("woff2"),
    url("/library/fonts/NeusaNeuVT-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

/* SemiBold (600) */
@font-face {
  font-family: "NeusaNeuVT";
  src:
    url("/library/fonts/NeusaNeuVT-SemiBold.woff2") format("woff2"),
    url("/library/fonts/NeusaNeuVT-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

/* Bold (700) */
@font-face {
  font-family: "NeusaNeuVT";
  src:
    url("/library/fonts/NeusaNeuVT-Bold.woff2") format("woff2"),
    url("/library/fonts/NeusaNeuVT-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Black (900) */
@font-face {
  font-family: "NeusaNeuVT";
  src:
    url("/library/fonts/NeusaNeuVT-Black.woff2") format("woff2"),
    url("/library/fonts/NeusaNeuVT-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-display: block;
  font-family: HRDIcons;
  font-style: normal;
  font-weight: 400;
  src: url(/library/fonts/HRDIcons.woff2) format("woff2");
}

.hrd-icon {
  speak: never;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: HRDIcons !important;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1;
  text-transform: none;
}

/* =========================
   VARIABLES
   ========================= */
:root {
  /* Base colors */
  --hrd-primary-500: #6a46f3;
  --hrd-pink-500: #c325b4;
  --hrd-secondary-500: #ffffff;
  --hrd-violet-light: #ece8fe;
  --hrd-tertiary-500: #10c5de;
  --hrd-grey-500: #eaeaf0;
  --hrd-grey-600: #adaebe;
  --hrd-grey-700: #414149;
  --hrd-black: #242226;

  /* =====================================
     4px Grid Spacing Scale (1rem = 14px) - html font size = 14px
     ===================================== */

  --space-0: 0;

  /* 4px increments */
  --space-1: 0.285714rem; /* 4px  */
  --space-2: 0.571429rem; /* 8px  */
  --space-3: 0.857143rem; /* 12px */
  --space-4: 1.142857rem; /* 16px */
  --space-5: 1.428571rem; /* 20px */
  --space-6: 1.714286rem; /* 24px */
  --space-7: 2rem; /* 28px */
  --space-8: 2.285714rem; /* 32px */
  --space-9: 2.571429rem; /* 36px */
  --space-10: 2.857143rem; /* 40px */
  --space-11: 3.142857rem; /* 44px */
  --space-12: 3.428571rem; /* 48px */

  /* Portal variables */
  --form-fieldset-text-label-color: var(--hrd-black);
  --myaccount-sidebar-list-border-color: #ededf2;
  --cashier-suggestion-color-hover: var(--hrd-secondary-500);
  --btn-primary-success-background-color: var(--hrd-primary-500);
  --btn-primary-success-hover-background-color: var(
    --btn-primary-success-hover-bg-color
  );
}

:root[data-theme="dark"] {
  --link-font-color: #957bff;
  --link-font-hover-color: #ac98ff;
  --body-background-color: var(--hrd-black);
  --main-text-color: var(--hrd-secondary-500);
  --games-grid-category-name-color: var(--hrd-secondary-500);
  --games-search-field-background-color: var(--hrd-grey-700);
  --cookies-regulation-message-background-color: var(--hrd-black);
  --cookies-regulation-message-font-color: var(--hrd-secondary-500);
  --cookies-regulation-button-setup-border-color: var(--hrd-secondary-500);
  --cookies-regulation-button-setup-font-color: var(--hrd-secondary-500);
  --cookies-regulation-button-setup-hover-font-color: var(--hrd-secondary-500);
  --popup-bg-color: #1a181b;
  --popup-font-color: var(--hrd-secondary-500);
  --myaccount-sidebar-bg-color: #1a181b;
  --myaccount-sidebar-header-title-color: var(--hrd-secondary-500);
  --input-field-background-color: var(--hrd-black);
  --input-field-border-color: #494957;
  --input-field-placeholder-font-color: var(--hrd-grey-600);
  --input-field-font-color: var(--hrd-secondary-500);
  --input-field-focus-border-color: #957bff;
  --input-field-background-invalid: var(--hrd-black);
  --input-field-background-valid: var(--hrd-black);
  --input-field-background-active: var(--hrd-black);
  --form-fieldset-text-label-color: var(--hrd-secondary-500);
  --dropdown-stroke-border-color: #494957;
  --myaccount-sidebar-list-border-color: #333;
  --info-list-divider-border-color: #666666;
  --border-color: #666666;
  --accordion-body-row-border-color-new: #666666;
  --btn-primary-negative-font-color: var(--hrd-secondary-500);
  --btn-primary-negative-bg-color: transparent;
  --form-field-multiselect-dropdown-background-color: var(--hrd-black);
  --form-field-placeholder-color: var(--hrd-secondary-500);
  --form-field-multiselect-dropdown-item-background-color: rgba(
    255,
    255,
    255,
    0.1
  );
  --base-color-white: var(--hrd-black);
  --new-button-primary-success-text-color: var(--hrd-secondary-500);
  --games-grid-labels-text-color: var(--hrd-secondary-500);
  --common-table-body-empty-bg-color: rgba(255, 255, 255, 0.1);
  --secondary-dark-font-color: var(--hrd-secondary-500);
  --bonus-history-bonus-name-font-color: var(--hrd-secondary-500);
  --accordion-body-row-value-font-color: var(--hrd-secondary-500);
  --accordion-header-hover-bg-color: rgba(255, 255, 255, 0.1);
  --base-color-grey: #999999;
  --primary-dark-font-color: var(--hrd-secondary-500);
  --promotions-label-text-color: var(--hrd-secondary-500);
  --myaccount-sidebar-list-hover-bg-color: rgba(255, 255, 255, 0.1);
  --pending-withdrawals-total-amount-color: var(--hrd-secondary-500);
  --popup-title-font-color: var(--hrd-secondary-500);
  --games-grid-jackpot-text-color: var(--hrd-secondary-500);
  --cookies-regulation-button-setup-border-color: var(--hrd-grey-600);
  --btn-primary-negative-hover-bg-color: rgba(255, 255, 255, 0.1);
  --info-list-item-header-font-color: var(--hrd-secondary-500);
  --cashier-tiles-bg-color: rgba(255, 255, 255, 0.1);
  --form-field-background-color: var(--hrd-grey-700);
  --form-field-border-color: var(--hrd-grey-700);
  --cashier-tiles-text-color: var(--hrd-secondary-500);
  --cashier-tabs-bg-color: var(--hrd-grey-700);
  --cashier-tabs-text-color: var(--hrd-secondary-500);
  --form-field-hint-color: var(--hrd-grey-600);
  --info-list-item-header-background-color: var(--hrd-grey-700);
  --info-list-item-header-background-color-hover: rgba(255, 255, 255, 0.1);
  --promotions-promotion-image-background-color: rgba(255, 255, 255, 0.1);
  --promotions-empty-content-background-color: rgba(255, 255, 255, 0.1);
  --free-spins-balance-black-font-color: var(--hrd-secondary-500);
  --default-game-image-bg-color: rgba(255, 255, 255, 0.1);
  --free-spins-balance-primary-dark-font-color: #ffffff;
  --base-color-grey: #ffffff;
  --myaccount-sidebar-list-hover-bg-color: #1a181b;
  --detailed-transaction-history-highlight-font-color: #ffffff;
  --common-table-body-header-bg-color: #383842;
  --common-table-body-header-border-color: #77788e;
  --game-history-name-color: #ffffff;
  --game-history-value-color: #ffffff;
  --sublist-bg-color: #383842;
  --accordion-body-border-color: #77788e;
  --accordion-body-before-border-color: #77788e;
  --golden-chips-balances-black-font-color: #ffffff;
  --golden-chips-balances-primary-dark-font-color: #ffffff;
  --loader-dot-bg-color: #957bff;
  --content-preloader-dots-background-color: #957bff;
  --main-preloader-dots-background-color: #957bff;
  --cashier-suggestion-color: #957bff;
  --cashier-suggestion-color: #957bff;
  --game-title-color: #ffffff;
  --dark-blue-const-color: #ffffff;
}

/* =========================
   MISC
   ========================= */

html:has([data-prevent-scroll="1"]) {
  overflow: hidden;
}

.noselect {
  -webkit-user-select: none;
  user-select: none;
}
[data-theme="dark"] [class*="CardPopup__message--"] {
  color: white !important;
}

html[data-theme="dark"] img.app-main-logo {
  content: url("/library/logos/hardRockBetLogoWhitePurple.svg");
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

html[data-vip-level="1"] .cms-cashier-deposit-actions-promo,
html[data-vip-level="2"] .cms-cashier-deposit-actions-promo,
html[data-vip-level="3"] .cms-cashier-deposit-actions-promo,
html[data-vip-level="4"] .cms-cashier-deposit-actions-promo,
html[data-vip-level="5"] .cms-cashier-deposit-actions-promo,
html[data-vip-level="6"] .cms-cashier-deposit-actions-promo,
html[data-vip-level="7"] .cms-cashier-deposit-actions-promo,
html[data-vip-level="8"] .cms-cashier-deposit-actions-promo,
html[data-vip-level="9"] .cms-cashier-deposit-actions-promo,
html[data-vip-level="10"] .cms-cashier-deposit-actions-promo,
html[data-vip-level="11"] .cms-cashier-deposit-actions-promo {
  display: none;
}
/* =========================
   TYPOGRAPHY
   ========================= */

body {
  font-family: "NeusaNeuVT", sans-serif;
  -webkit-font-smoothing: antialiased;
}

a {
  transition: color 0.25s ease-out;
}

[class*="Link__link--"] {
  font-size: inherit;
}

/* =========================
   LAYOUT
   ========================= */
[class*="Overlay__overlay--"] {
  opacity: initial;
  background: rgba(0, 0, 0, 0.4);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}

[class*="Layout__layoutWrapper--"] .page-layout-box-shadow,
[class*="Layout__layoutWrapper--"].page-layout-box-shadow {
  box-shadow: none;
}

/* Cap the page width on every device class, not just .desktop.
   Under device emulation / mobile UA the html element gets
   .mobile or .tablet instead of .desktop, so a .desktop-only cap
   never applies and the layout grows to fill any viewport width.
   :is() keeps the (0,3,0) specificity this rule needs to beat
   the portal bundle's own `.desktop … .page-layout-width-1200
   { max-width: 1200px }`. Harmless on real phones/tablets where
   the viewport never reaches 1440px. */
:is(.desktop, .tablet, .mobile, .emulate-mobile)
  [class*="Layout__layoutWrapper--"]
  .page-layout-width-1200,
:is(.desktop, .tablet, .mobile, .emulate-mobile)
  [class*="Layout__layoutWrapper--"].page-layout-width-1200 {
  margin: 0 auto;
  max-width: 1440px;
}

.page-layout-100-1440 .page-layout-width-1440 {
  max-width: 1440px;
  margin: auto;
}

/* =========================
   PORTLET STYLES
   ========================= */

[class*="PortletTitle__title--"] {
  padding: 1rem;
  font-size: 32px;
}

/* =========================
   HEADER STYLES
   ========================= */

.desktop .navigation-container {
  box-shadow: none;
}

.desktop .menu__nav-wrapper {
  max-width: 1440px;
}

/* =========================
   POPUP STYLES
   ========================= */

[class*="Popup__popup--"] {
  border-radius: 8px;
  padding: 0.5em;
}

/*No border radius on mobile if 100% width/height set in page settings*/
.mobile [class*="Popup__popup--"][style="width: 100%; height: 100%;"] {
  border-radius: 0;
}

[class*="Popup__close--"],
[class*="Popup__close--"]:hover {
  right: 0.8rem;
  top: 0.8rem;
  background: url(/library/icons/x-icon-black.svg) no-repeat center / 12px;
  opacity: 0.8;
}

[data-theme="dark"] [class*="Popup__close--"],
[data-theme="dark"] [class*="Popup__close--"]:hover {
  background: url(/library/icons/x-icon-white.svg) no-repeat center / 12px;
  opacity: 0.8;
}

[class*="Popup__title--"],
.popup-modal__title {
  min-height: 2.6em;
  padding: 0;
}

/*Hide popup titles in bonus popups*/
.bonus-popup .popup-modal__title {
  display: none;
}

[class*="Popup__inner--"] {
  padding: 1em;
  font-size: 16px;
}

[class*="Popup__actionButton--"]:only-child,
.popup-modal__button:only-child {
  width: 100%;
}

.desktop [class*="Popup__actionButtons--"],
.desktop .popup-modal__buttons,
.tablet [class*="Popup__actionButtons--"],
.tablet .popup-modal__buttons {
  max-width: unset;
}

.mobile [class*="Popup__actionButtons--"],
.mobile .popup-modal__buttons {
  /* flex-direction: column-reverse; */
  gap: 8px;
}

.mobile.portrait [class*="AdvancedPlayerMessage__actionButtons--"] {
  flex-wrap: nowrap;
}

.mobile [class*="Popup__actionButton--"],
.mobile [class*="popup-modal__button"] {
  margin-left: 0;
  margin-right: 0;
}

.mobile [class*="Popup__actionButton--"]:only-child,
.mobile .popup-modal__button:only-child {
  width: 100%;
}

.desktop [class*="Popup__actionButtons--"],
.desktop [class*="popup-modal__buttons"],
.tablet [class*="Popup__actionButtons--"],
.tablet [class*="popup-modal__buttons"] {
  padding: 0 0.5rem;
}

[class*="Popup__popup--"].logout-notification-popup {
  border-radius: 8px;
  text-align: center;
}

[class*="Popup__popup--"].logout-notification-popup
  .popup-modal__inner-content {
  font-size: 16px;
}

.mobile [class*="ConfirmationPopup__btn--"] {
  width: 100%;
}

[class*="ConfirmationPopup__inner--"] {
  align-items: center;
  display: flex;
  flex-direction: column;
}

/*Hide player message popup titles*/
.message-notification-info-push-popup .popup-modal__title {
  opacity: 0;
}

/*Free spins 2 popup */

[class*="FreeSpin2BonusPopup__description--"] {
  padding: 0;
}

[class*="FreeSpin2BonusPopup__grid--"] {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  margin: 2rem 0 1rem 0;
  justify-content: center;
}

[class*="FreeSpin2BonusPopup__selection--"] {
  width: calc(50% - 1rem);
}

/*Advanced player message popups*/

[class*="AdvancedPlayerMessage__popup--"] {
  background-color: var(--popup-bg-color);
  max-width: 32rem;
}

[class*="AdvancedPlayerMessage__popup--"] .popup-modal__inner-content {
  padding: 0.5rem 0.5rem 0 0.5rem;
}

[class*="AdvancedPlayerMessage__actionButtons--"] {
  align-self: center;
  padding: 0 0.5rem;
}

.mobile [class*="AdvancedPlayerMessage__actionButtons--"] {
  padding: 0 0.5rem;
}

[class*="AdvancedPlayerMessage__btn--"] {
  max-width: unset;
  padding: 0;
}

.mobile [class*="AdvancedPlayerMessage__btn--"]:last-child {
  margin: 0;
}

/* .desktop [class*="Popup__actionButtons--"], 
.desktop .popup-modal__buttons, 
.tablet [class*="Popup__actionButtons--"], 
.tablet .popup-modal__buttons {
    max-width: 27em;
} */

/*Free spins popup*/
/* [class*="Game__ellipsis--"] {
  height: auto;
} */

/* LEFT ARROW */
[class*="GamesView__extraSmall--"] [class*="Icon__leftArrow--"] {
  background: url(/library/icons/arrow-left-black.svg) no-repeat center / 10px;
  transform: none;
}

[class*="GamesView__extraSmall--"] [class*="Icon__leftArrow--"]:focus,
[class*="GamesView__extraSmall--"] [class*="Icon__leftArrow--"]:hover {
  background: url(/library/icons/arrow-left-black.svg) no-repeat center / 10px;
}

[data-theme="dark"]
  [class*="GamesView__extraSmall--"]
  [class*="Icon__leftArrow--"] {
  background: url(/library/icons/arrow-left-white.svg) no-repeat center / 10px;
  transform: none;
}

[data-theme="dark"]
  [class*="GamesView__extraSmall--"]
  [class*="Icon__leftArrow--"]:focus,
[data-theme="dark"]
  [class*="GamesView__extraSmall--"]
  [class*="Icon__leftArrow--"]:hover {
  background: url(/library/icons/arrow-left-white.svg) no-repeat center / 10px;
}

/* RIGHT ARROW */
[class*="GamesView__extraSmall--"] [class*="Icon__rightArrow--"] {
  background: url(/library/icons/arrow-right-black.svg) no-repeat center / 10px;
  transform: none;
}

[class*="GamesView__extraSmall--"] [class*="Icon__rightArrow--"]:focus,
[class*="GamesView__extraSmall--"] [class*="Icon__rightArrow--"]:hover {
  background: url(/library/icons/arrow-right-black.svg) no-repeat center / 10px;
}

[data-theme="dark"]
  [class*="GamesView__extraSmall--"]
  [class*="Icon__rightArrow--"] {
  background: url(/library/icons/arrow-right-white.svg) no-repeat center / 10px;
  transform: none;
}

[data-theme="dark"]
  [class*="GamesView__extraSmall--"]
  [class*="Icon__rightArrow--"]:focus,
[data-theme="dark"]
  [class*="GamesView__extraSmall--"]
  [class*="Icon__rightArrow--"]:hover {
  background: url(/library/icons/arrow-right-white.svg) no-repeat center / 10px;
}

/* GAME */
[class*="GamesView__extraSmall--"] [class*="Game__imageContainer--"] {
  padding-top: calc(100% / 0.7);
}

[class*="GamesView__extraSmall--"] [class*="Game__titleWrapper--"] {
  display: none;
}

/*Popup controls*/

[class*="Popup__controls--"] {
  padding: 0.5rem 1rem 1rem 1rem;
}

[class*="Icon__circleArrowRight--"],
[class*="Icon__circleArrowRight--"]:hover,
[class*="Icon__circleArrowRightDisabled--"] {
  background: url(/library/icons/arrow-right-black.svg) no-repeat center;
  border: 1px solid #202020;
  border-radius: 99999px;
}

[class*="Icon__circleArrowRight--"]:hover {
  background-color: rgba(0, 0, 0, 0.025);
}

[data-theme="dark"] [class*="Icon__circleArrowRight--"],
[data-theme="dark"] [class*="Icon__circleArrowRight--"]:hover,
[data-theme="dark"] [class*="Icon__circleArrowRightDisabled--"] {
  background: url(/library/icons/arrow-right-white.svg) no-repeat center;
  border: 1px solid #fff;
  border-radius: 99999px;
}

[data-theme="dark"] [class*="Icon__circleArrowRight--"]:hover {
  background-color: rgba(255, 255, 255, 0.025);
}

[class*="Icon__circleArrowLeft--"],
[class*="Icon__circleArrowLeft--"]:hover,
[class*="Icon__circleArrowLeftDisabled--"] {
  background: url(/library/icons/arrow-left-black.svg) no-repeat center;
  border: 1px solid #202020;
  border-radius: 99999px;
}

[class*="Icon__circleArrowLeft--"]:hover {
  background-color: rgba(0, 0, 0, 0.025);
}

[data-theme="dark"] [class*="Icon__circleArrowLeft--"],
[data-theme="dark"] [class*="Icon__circleArrowLeft--"]:hover,
[data-theme="dark"] [class*="Icon__circleArrowLeftDisabled--"] {
  background: url(/library/icons/arrow-left-white.svg) no-repeat center;
  border: 1px solid #fff;
  border-radius: 99999px;
}

[data-theme="dark"] [class*="Icon__circleArrowLeft--"]:hover {
  background-color: rgba(255, 255, 255, 0.025);
}

[class*="Icon__circleArrowLeftDisabled--"],
[class*="Icon__circleArrowRightDisabled--"] {
  opacity: 0.25;
}

/* Warning icon on withdraw popup */
#onWithdrawPopupWarnBonuses .popup-modal__title {
  background: url(/library/icons/warning.svg) no-repeat center / 70px;
  margin-top: 10px;
  min-height: 64px;
}

#onWithdrawPopupWarnBonuses [class*="ConfirmationPopup__content--"] {
  font-size: 17px;
}

/*Custom Player Message Template Popup Styling */

/*HN - To merge with CSS file - Do not remove */
.pm-container {
  max-width: 500px;
}

.pm-container .pm-success-icon {
  text-align: center;
}

.pm-container .pm-success-icon img {
  width: 50px;
}

.pm-container h2 {
  padding: 1rem 0 0 0;
}
.pm-container p {
  font-size: 17px;
  text-wrap: pretty;
}

.pm-container ul {
  text-align: left;
}

.pm-container ul li {
  font-size: 17px;
}

.pm-buttons {
  padding-top: 1rem;
}
.pm-button {
  display: block;
  width: 100%;
  background-color: #6a46f3;
  color: white;
  padding: 12px;
  text-align: center;
  text-decoration: none;
  border-radius: 8px;
  transition: background-color 0.25s ease-out;
  font-weight: 700;
  font-size: 16px;
  cursor: pointer;
}
.pm-button:hover {
  color: white !important;
  background-color: #7e67dc;
}

/* =========================
   FORM STYLES
   ========================= */

[class*="ChangeForm__formError--"] {
  max-width: calc(100% - 2rem);
}

.portlet-dynamic-registration [class^="Label__label--"] {
  position: relative;
  top: 12px;
  left: 15px;
  z-index: 1;
  background-color: var(--hrd-secondary-500);
  padding: 0px 5px;

  /* Animation settings */
  opacity: 0;
  transform: translateY(6px);
  transition:
    opacity 0.25s ease,
    transform 0.25s ease;
}

[data-theme="dark"] .portlet-dynamic-registration [class^="Label__label--"] {
  background-color: var(--input-field-background-color);
}

/* Label visible when input has content or is focused */
.portlet-dynamic-registration
  [class^="Control__control--"]:has(input:not(:placeholder-shown))
  [class^="Label__label--"],
.portlet-dynamic-registration
  [class^="Control__control--"]:has(input:focus)
  [class^="Label__label--"] {
  opacity: 1;
  transform: translateY(0);
}

/* Hide label when placeholder is shown AND not focused */
.portlet-dynamic-registration
  [class^="Control__control--"]:has(input:placeholder-shown):not(
    :has(input:focus)
  )
  [class^="Label__label--"] {
  opacity: 0;
  transform: translateY(6px);
}

/* Hide placeholder text when input is focused */
.portlet-dynamic-registration
  [class^="Control__control--"]
  input:focus::placeholder {
  color: transparent;
}

/* Optional: hide placeholder when label is floating */
.portlet-dynamic-registration
  [class^="Control__control--"]
  input:not(:placeholder-shown)::placeholder {
  color: transparent;
}

[class*="Control__content--"]:has(input[type="email"]),
[class*="Control__content--"]:has(input[type="number"]),
[class*="Control__content--"]:has(input[type="password"]),
[class*="Control__content--"]:has(input[type="tel"]),
[class*="Control__content--"]:has(input[type="text"]),
[class*="Control__content--"]:has(textarea) {
  border: 2px solid var(--input-field-border-color);
  border-radius: 4px;
  background: var(--input-field-background-color);
  transition: border-color 0.5s ease-out;
}

[class*="Control__content--"] input[type="email"],
[class*="Control__content--"] input[type="number"],
[class*="Control__content--"] input[type="password"],
[class*="Control__content--"] input[type="tel"],
[class*="Control__content--"] input[type="text"],
[class*="Control__content--"] textarea {
  border: none;
  padding: 12px 16px 12px 20px;
  height: 48px;
  font-size: 16px;
  transition: border-color 0.5s ease-out;
}

.legacy-form input[type="email"],
.legacy-form input[type="number"],
.legacy-form input[type="password"],
.legacy-form input[type="tel"],
.legacy-form input[type="text"],
.legacy-form textarea {
  padding: 12px 16px;
  height: 48px;
  font-size: 16px;
  border: 2px solid var(--input-field-border-color);
  border-radius: 4px;
  transition: border-color 0.5s ease-out;
}

.legacy-form .field .password-visibility {
  top: 0.25em;
}

.js-select select,
.js-select__display {
  color: var(--input-field-font-color);
  padding: 4px 12px;
  height: 48px;
  font-size: 16px;
  border: 2px solid var(--input-field-border-color);
  border-radius: 4px;
  transition: border-color 0.5s ease-out;
}

[data-theme="dark"]
  [class*="Select__innerContainer--"]
  [class*="Select__select--"]
  option {
  background: #242226;
}

[data-theme="dark"] input:-webkit-autofill,
[data-theme="dark"] input:-webkit-autofill:hover,
[data-theme="dark"] input:-webkit-autofill:focus,
[data-theme="dark"] textarea:-webkit-autofill,
[data-theme="dark"] textarea:-webkit-autofill:hover,
[data-theme="dark"] textarea:-webkit-autofill:focus,
[data-theme="dark"] select:-webkit-autofill,
[data-theme="dark"] select:-webkit-autofill:hover,
[data-theme="dark"] select:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px var(--input-field-background-color) inset !important;
}

.portlet-dynamic-registration [class*="Control__control--"],
.portlet-dynamic-registration [class*="PhoneField__phoneContainer--"] {
  margin-top: 0;
  margin-bottom: 0;
}

[class*="Controls__controlsContainer--"] button {
  min-width: auto;
  width: 50%;
  font-weight: 700;
}

.desktop [class*="ChangeForm__columns--"] [class*="ChangeForm__column--"],
.tablet.landscape
  [class*="ChangeForm__columns--"]
  [class*="ChangeForm__column--"] {
  max-width: unset;
}

[class*="ChangeForm__form--"] {
  padding-top: 0;
}

[class*="Controls__controlsContainer--"]:not(:empty) {
  margin-right: auto;
  margin-left: auto;
  max-width: unset;
  padding: 0 1.25em;
}

[class*="Controls__controlsContainer--"] > button:only-child {
  /* Styles when there is exactly one button */
  width: 100%;
  max-width: unset;
}

.emulate-mobile [class*="Controls__controlsContainer--"] button,
.mobile.portrait [class*="Controls__controlsContainer--"] button {
  max-width: unset;
}

[class*="Picker__picker--"] {
  border: 2px solid var(--input-field-border-color);
  border-radius: 4px;
  background: var(--input-field-background-color);
  height: 48px;
}

[class*="Select__select--"] {
  height: 44px;
  padding-left: 16px;
}

[class*="Picker__picker--"] [class*="Icons__dropDownIcon--"] {
  margin-top: 4px;
}

[data-theme="dark"] [class*="MultiSelect__dropDownIcon--"],
[data-theme="dark"] [class*="Select__dropDownIcon--"],
[data-theme="dark"] [class*="Icons__dropDownIcon--"] {
  filter: grayscale(1) brightness(6);
}

[class*="TableFilter__controlWrapper--"],
[class*="Select__content--"] {
  background: var(--hrd-secondary-500);
  border: 2px solid var(--input-field-border-color);
  border-radius: 4px;
  background: var(--input-field-background-color);
  transition: border-color 0.5s ease-out;
  height: 48px;
}

[class*="TableFilter__controlWrapper--"]
  [class*="TableFilter__innerContainer--"] {
  border-bottom: none;
}

[class*="TableFilter__controlWrapper--"]
  [class*="TableFilter__innerContainer--"]
  [class*="TableFilter__displayValue--"] {
  height: 48px;
  line-height: 3.2rem;
  padding-left: 16px;
}

[class*="CheckboxShallow__label--"] {
  margin-right: 0.6rem;
}

/*fix for registration checkboxes (T&Cs + promo acceptance) alignment*/

.portlet-dynamic-registration [class*="CheckboxShallow__checkbox--"] {
  display: inline;
}
.portlet-dynamic-registration [class*="CheckboxShallow__label--"] {
  display: inline-flex;
  margin-left: 2rem;
}

[class*="CheckboxShallow__label--"] {
  margin-right: 0.6rem;
  padding-left: 0;
  display: inline-flex;
  line-height: 22px;
}

.cms-CHANGE_DETAILS,
.cms-CONTACT_PREFERENCES,
.cms-CHANGE_PASSWORD {
  max-width: 40rem !important;
}

.cms-CHANGE_DETAILS [class*="PhoneField__phoneContainer--"],
.cms-CHANGE_DETAILS [class*="PhoneField__areaCode--"],
.cms-CHANGE_DETAILS [class*="PhoneField__phoneInput--"] {
  margin: 0 !important;
}

.cms-CHANGE_DETAILS,
.cms-CONTACT_PREFERENCES,
.cms-CHANGE_PASSWORD,
.cms-sportsbook-widget,
.cms-free-spins,
.cms-golden-chips-balances,
.portlet-game-history,
.cms-bonus-history,
.portlet-deposit-limits,
.portlet-timeout,
[data-web-content-id="AUTOEXCLUSION"],
.pending-withdrawals,
.portlet-paymenthistory,
.portlet-reality-check {
  margin-bottom: 5rem;
}

[class*="RealityCheck__selectControl--"],
[class*="RealityCheck__buttonControl--"] {
  max-width: unset;
}

.cms-CHANGE_DETAILS [class*="Control__control--"],
.cms-CHANGE_PASSWORD [class*="Control__control--"] {
  margin: var(--input-field-margin) 0;
}

.cms-CHANGE_DETAILS [class*="Controls__controlsContainer--"]:not(:empty),
.cms-CHANGE_PASSWORD [class*="Controls__controlsContainer--"]:not(:empty) {
  padding: 0;
}

.dynamic-change-details:has(.cms-CHANGE_DETAILS)
  [class*="PortletTitle__title--"] {
  padding: 0 1rem;
}

.portlet-paymenthistory [class*="TableHeader__tableHeaderContainer--"],
.portlet-game-history [class*="TableHeader__tableHeaderContainer--"],
[data-web-content-id="BONUS-HISTORY"]
  [class*="TableHeader__tableHeaderContainer--"] {
  padding: 0 !important;
}

[class*="PaymentHistory__afterFiltersControlsContainer--"]
  [class*="ExportButton__exportBtn--"],
.portlet-game-history [class*="ExportButton__exportBtn--"] {
  width: 100%;
}

[class*="ExportButton__exportBtn--"] [class*="Icon__export--"] {
  margin-top: -5px;
}

[class*="ExportButton__exportBtn--"] {
  line-height: unset !important;
}

.desktop [class*="Header__afterFiltersControlsContainer--"],
.tablet [class*="Header__afterFiltersControlsContainer--"] {
  margin-top: 0;
}
.desktop
  [class*="Header__afterFiltersControlsContainer--"]
  [class*="ExportButton__exportBtn--"],
.tablet
  [class*="Header__afterFiltersControlsContainer--"]
  [class*="ExportButton__exportBtn--"] {
  margin-top: 24px;
}

/*Remove cuenta column in transaction history*/

.desktop
  [class*="PaymentHistory__tableDataContainer--"]
  [class*="PaymentHistory__tableHeaderRowContainer--"]
  [class*="TableHeaderRow__tableHeaderRowColumn--"]:nth-of-type(5),
.desktop
  [class*="PaymentHistory__tableDataContainer--"]
  [class*="PaymentHistory__accordionContainer--"]
  [class*="PaymentHistory__accordionHeaderCell--"]:nth-of-type(5) {
  display: none;
}

[class*="PaymentHistory__tableDataContainer--"]
  [class*="PaymentHistory__accordionContainer--"]:not(
    [class*="TableData__accordionContainer--"]
  )
  [class*="PaymentHistory__accordionBodyCell--"]:nth-of-type(3),
[class*="PaymentHistory__tableDataContainer--"]
  [class*="PaymentHistory__accordionContainer--"]:not(
    [class*="TableData__accordionContainer--"]
  )
  [class*="PaymentHistory__accordionBodyCell--"]:nth-of-type(3) {
  display: none;
}

/*Password visibility icon*/

[class*="Icon__formFieldEye--"] {
  background: url(/library/icons/eye-open-black.svg) no-repeat center / 20px;
}

[class*="Icon__formFieldEye--"].secured {
  background: url(/library/icons/eye-closed-black.svg) no-repeat center / 20px;
}

[data-theme="dark"] [class*="Icon__formFieldEye--"] {
  background: url(/library/icons/eye-open-white.svg) no-repeat center / 20px;
}

[data-theme="dark"] [class*="Icon__formFieldEye--"].secured {
  background: url(/library/icons/eye-closed-white.svg) no-repeat center / 20px;
}

/*History components*/
[class*="TableView__gameNameCell--"] {
  font-weight: 600;
}

[class*="TableView__cellValue--"]
  [class*="Button__primary--"][class*="Button__success--"] {
  line-height: 2.4rem;
}

[data-theme="dark"] [class*="BonusHistory__slider--"] {
  color: white;
}

[class*="GridPagingSlider"] [class*="Slider__rightArrow--"],
[class*="GridPagingSlider"] [class*="Slider__rightArrow--"]:hover {
  right: 0;
  background: url(/library/icons/arrow-right-black.svg) no-repeat center / 10px;
  transform: none;
}

[data-theme="dark"] [class*="GridPagingSlider"] [class*="Slider__rightArrow--"],
[data-theme="dark"]
  [class*="GridPagingSlider"]
  [class*="Slider__rightArrow--"]:hover {
  right: 0;
  background: url(/library/icons/arrow-right-white.svg) no-repeat center / 10px;
  transform: none;
}

[class*="GridPagingSlider"] [class*="Slider__leftArrow--"],
[class*="GridPagingSlider"] [class*="Slider__leftArrow--"]:hover {
  right: 0;
  background: url(/library/icons/arrow-left-black.svg) no-repeat center / 10px;
  transform: none;
}

[data-theme="dark"] [class*="GridPagingSlider"] [class*="Slider__leftArrow--"],
[data-theme="dark"]
  [class*="GridPagingSlider"]
  [class*="Slider__leftArrow--"]:hover {
  right: 0;
  background: url(/library/icons/arrow-left-white.svg) no-repeat center / 10px;
  transform: none;
}

[class*="AccordionRow__accordionHeaderContainer--"]
  [class*="AccordionCell__cell--"]:first-child {
  font-weight: 600;
}

[class*="Icon__bottomListArrow--"],
[class*="Icon__bottomListArrow--"]:focus,
[class*="Icon__bottomListArrow--"]:hover {
  background: url(/library/icons/arrow-down.svg) no-repeat center / 18px;
}

[data-theme="dark"] [class*="Icon__bottomListArrow--"],
[data-theme="dark"] [class*="Icon__bottomListArrow--"]:focus,
[data-theme="dark"] [class*="Icon__bottomListArrow--"]:hover {
  background: url(/library/icons/arrow-down-violet.svg) no-repeat center / 18px;
}
/* =========================
   BUTTONS
   ========================= */

.btn,
[class*="Button__btn--"] {
  font-family: "NeusaNeuVT", sans-serif;
}

[class*="Button__button--"] {
  border-radius: 8px;
  font-weight: 700;
  transition: background-color 0.25s ease-out;
}

.btn,
[class*="Button__btn--"] {
  border-radius: 8px;
  line-height: 3.428571rem;
  transition: background-color 0.25s ease-out;
  font-weight: 700;
  font-size: 16px;
  color: white;
}

[class*="Button__primary--"][class*="Button__negative--"] {
  border: 1px solid #c3c3d4;
  transition: background-color 0.25s ease-out;
}

[class*="Button__primary--"][class*="Button__success--"] {
  border: 1px solid var(--btn-primary-success-bg-color);
}

[data-theme="dark"] [class*="Button__primary--"][class*="Button__negative--"] {
  border: 1px solid #494957;
}

[data-theme="dark"]
  [class*="Button__primary--"][class*="Button__negative--"]:hover {
  background-color: rgba(255, 255, 255, 0.05);
}

.btn.btn-secondary {
  background-color: transparent;
  border: 1px solid #c3c3d4;
  color: var(--hrd-grey-700);
  cursor: pointer;
  transition: background-color 0.25s ease-out;
}
.btn.btn-secondary:hover {
  background: #f8f8fa;
  color: var(--hrd-grey-700);
}

[data-theme="dark"] .btn.btn-secondary {
  background: transparent;
  border: 1px solid #494957;
  color: #ffffff;
}

[data-theme="dark"] .btn.btn-secondary:hover {
  background: rgba(255, 255, 255, 0.05);
}

[class*="Button__primary--"][class*="Button__info--"] {
  box-shadow: none;
}

[class*="Popup__actionButton--"],
.popup-modal__button {
  margin: 0 4px;
}

/* =========================
   LOGIN STYLES
   ========================= */

[class*="LoginPopup__layout--"] {
  min-width: 40rem;
  width: 40rem;
}

@media screen and (max-width: 739px) {
  [class*="LoginPopup__layout--"] {
    width: 100% !important;
    min-width: 100% !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    --layout-margin: 0;
  }
}

[class*="Popup__popup--"]:has(.login-form) .popup-modal__title::before {
  content: "";
  background: url(/library/logos/hardRockBetLogoBlackPurple.svg) center center
    no-repeat;
  background-size: 90px;
  height: 60px;
  margin-top: 1rem;
}

html[data-theme="dark"]
  [class*="Popup__popup--"]:has(.login-form)
  .popup-modal__title::before {
  background-image: url(/library/logos/hardRockBetLogoWhitePurple.svg);
}

[class*="Login__field--"] {
  margin: 0 0 2rem 0;
}

[class*="Login__recaptcha--"] {
  padding: 0;
}

.login-form .btn {
  width: 100%;
}

[class*="LoginPopup__loginWc--"] {
  width: 100%;
}

[class*="LoginPopup__loginWc--"] a[class*="Button__btn--"] {
  width: 100%;
}

@media (min-width: 768px) {
  [class*="LoginPopup__layout--"] .popup-modal__inner-content {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

@media (max-width: 740px) {
  [class*="LoginPopup__layout--"] [class*="Popup__popup--"] {
    border-radius: 0;
  }
}

/* =========================
   REGISTRATION STYLES
   ========================= */

[class*="Popup__popup--"]:has(.portlet-registration)
  .popup-modal__title::before {
  content: "";
  background: url(/library/logos/hardRockBetLogoBlackPurple.svg) center center
    no-repeat;
  background-size: 100px;
  height: 62px;
  margin-top: 1rem;
}

html[data-theme="dark"]
  [class*="Popup__popup--"]:has(.portlet-registration)
  .popup-modal__title::before {
  background-image: url(/library/logos/hardRockBetLogoWhitePurple.svg);
}

.portlet-registration .btn {
  width: 100%;
}

[class*="Popup__popup--"] .portlet-registration {
  padding: 0 2em;
}

.portlet-registration [class*="fieldset_name_textLabel"] {
  color: var(--form-fieldset-text-label-color);
}

.portlet-registration .fieldset_name_textLabel1 .field__control {
  /*DOB label*/
  margin-bottom: 0;
}

/*.portlet-registration .portlet__actions{*/
/*  padding-top: 0;*/
/*}*/

fieldset.fieldset-with-area-code .js-select {
  margin-right: 1rem;
}
fieldset.fieldset-with-area-code .field__control {
  width: calc(100% - 6rem);
}
fieldset.fieldset-with-area-code .error-tooltip {
  margin-left: 6rem;
}

/*60-40 Registration page*/
.portlet-registration {
  padding: 0 2rem;
}

.portlet-dynamic-registration
  [class*="Control__control--"].cms-contact-preferences {
  margin-top: 1.5rem;
}

[class*="PhoneField__areaCode--"] {
  margin-right: 0.2rem !important;
}
[class*="PhoneField__areaCode--"] [class*="PhoneField__content--"] {
  border: 2px solid var(--input-field-border-color);
  height: 52px;
  border-radius: 4px;
  background: var(--input-field-background-color);
}

[class*="PhoneField__areaCode--"]
  [class*="PhoneField__content--"]
  [class*="Select__select--"] {
  height: 50px;
  padding-left: 12px;
}

/* .portlet-dynamic-registration [class*="CheckboxShallow__label--"] {
  font-size: 16px;
} */

/* =========================
   SIDEBAR STYLES
   ========================= */

[class*="Header__closeIcon--"],
[class*="Header__closeIcon--"]:hover {
  background: url(/library/icons/x-icon-black.svg) no-repeat center / 14px;
}

[class*="Icon__back_arrow--"] {
  background-image: url(/library/icons/back-arrow.svg);
}

[data-theme="dark"] [class*="Icon__back_arrow--"] {
  background-image: url(/library/icons/back-arrow-white.svg);
}

[class*="Header__backIconContainer--"]:active,
.desktop [class*="Header__backIconContainer--"]:hover {
  background: transparent;
}

[data-theme="dark"] [class*="Header__closeIcon--"],
[data-theme="dark"] [class*="Header__closeIcon--"]:hover {
  background: url(/library/icons/x-icon-white.svg) no-repeat center / 14px;
}

.sidebar-content-wrapper {
  padding-left: 1rem;
}

[class*="Menu__menuContainer--"] {
  background: white;
  border-radius: 8px;
}
[data-theme="dark"] [class*="Menu__menuContainer--"] {
  background-color: #242226;
}

[class*="Menu__menuContainer--"] [class*="Menu__menuListItem--"]:last-child {
  border-bottom: none;
}

.cms-my-account-sidebar [class*="Menu__icon--"] {
  background-size: 60%;
}
[data-theme="dark"] .cms-my-account-sidebar [class*="Menu__icon--"] {
  filter: brightness(0) invert(1);
}
.sidebar-content-wrapper [class*="Menu__rightArrow--"] {
  right: 0.5rem;
  background-image: url(/library/icons/arrow-right.svg);
  background-size: 20%;
  background-position: center;
}

[data-theme="dark"] .sidebar-content-wrapper [class*="Menu__rightArrow--"] {
  background-image: url(/library/icons/arrow-right-violet.svg);
}

.cms-my-account-sidebar [class*="Header__header--"] {
  border-bottom: 0;
}

.cms-my-account-sidebar [class*="Header__name--"] {
  visibility: hidden;
}

.cms-my-account-sidebar [class*="Menu__name--"] {
  font-size: 1.2rem;
}

.cms-my-account-sidebar-header [class*="Header__backIconContainer--"] {
  height: 2.6rem;
}

@media (min-width: 768px) {
  [class*="MyAccountSidebar__sidebar--"] {
    width: 37rem;
  }
}

/* =========================
   BANNER STYLES
   ========================= */

/* =========================
   CONTENT LAYOUT STYLES
   ========================= */

.content-container {
  padding: 1rem;
}

.hrd-content h1,
.hrd-content h2,
.hrd-content h3,
.hrd-content h4,
.hrd-content h5 {
  padding: 0;
  margin: 1rem 0;
  text-transform: uppercase;
}

[data-theme="dark"] .hrd-content h1,
[data-theme="dark"] .hrd-content h2,
[data-theme="dark"] .hrd-content h3,
[data-theme="dark"] .hrd-content h4,
[data-theme="dark"] .hrd-content h5 {
  color: var(--hrd-secondary-500);
}

.hrd-content p,
.hrd-content ol,
.hrd-content ul {
  margin: 0.5rem 0;
}

.hrd-content ol,
.hrd-content ul {
  padding-left: 2rem;
}

/* .hrd-content p,
.hrd-content li {
  font-size: 1.1rem;
} */

.hrd-content li {
  margin-bottom: 0;
}

/* Keep your table styles */
.hrd-table {
  margin: 1rem 0;
}
.hrd-table table {
  width: 100%;
  border-collapse: collapse;
  overflow: hidden;
  /* Key bit: allow the table to be wider than the container */
  min-width: 900px;
}

.hrd-table table,
.hrd-table th,
.hrd-table td {
  border: 1px solid var(--hrd-grey-600);
}

.hrd-table table th {
  font-weight: bold;
}

.hrd-table table th,
.hrd-table table td {
  padding: 7px;
  line-height: 1.2rem;
  text-align: center;
}

/* [data-theme="dark"] .hrd-table table td {
color: var(--hrd-secondary-500);
} */

.hrd-table table tbody td {
  vertical-align: top;
}

/* Last row border fix */
.hrd-table table tbody tr:last-child td {
  border-bottom: 0;
}

.hrd-table .hrd-table-hint {
  font-size: 13px;
  color: var(--hrd-grey-700);
  margin-bottom: 8px;
  display: none;
  text-align: right;
}

[data-theme="dark"] .hrd-table .hrd-table-hint {
  color: var(--hrd-grey-600);
}

/* Show hint only on mobile */
@media (max-width: 768px) {
  .hrd-table .hrd-table-hint {
    display: block;
  }
}

/* Wrapper enables horizontal scroll when needed */
.hrd-table-scroll {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* Optional: makes scrolling feel nicer on desktop */
.hrd-table-scroll::-webkit-scrollbar {
  height: 10px;
}

.hrd-content-image-right,
.hrd-content-image-left {
  display: flex;
  flex-direction: column; /* stack by default */
  align-items: center;
  gap: 20px;
  padding-top: 1rem;
}

/* Images on mobile */
.hrd-content-image-right img,
.hrd-content-image-left img {
  max-width: 100%;
  max-height: 240px;
  width: auto;
  object-fit: contain;
  border-radius: 12px;
}

/* Text block */
.hrd-content-image-right div,
.hrd-content-image-left div {
  width: 100%;
}

/* ============================= */
/* DESKTOP (768px and up)        */
/* ============================= */

@media (min-width: 768px) {
  .hrd-content-image-right,
  .hrd-content-image-left {
    flex-direction: row;
    text-align: left;
    align-items: center;
    gap: 40px;
    padding-top: 0;
  }

  /* Image sizing on desktop */
  .hrd-content-image-right img,
  .hrd-content-image-left img {
    max-width: 40%;
    max-height: 320px;
    flex-shrink: 0;
  }

  /* Right image version */
  .hrd-content-image-right {
    flex-direction: row-reverse;
  }

  /* Text fills remaining space */
  .hrd-content-image-right div,
  .hrd-content-image-left div {
    flex: 1;
  }
}

/* =========================
   PLAYTECH GAME GRID STYLES
   ========================= */

[class*="GamesSearch__container--"] {
  padding: 1rem;
}

[class*="GameLabels__label--"] {
  border-radius: 4px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.8em;
  padding: 0.5em 0.6em;
  background: linear-gradient(
    90deg,
    var(--hrd-primary-500) 0%,
    var(--hrd-pink-500) 100%
  );
}

[class*="GamesHeader__categoryTitle--"] [class*="GamesHeader__categoryName--"] {
  font-weight: 500;
}

.cms-games-grid-category-top .cms-games-grid-game-labels {
  display: none;
}

[class*="GamesHeader__categoryDescription--"] {
  margin-top: 5px;
}

[class*="GamesSearch__searchInputContainer--"] {
  border-radius: 8px;
}

.desktop [class*="GamesHeader__viewMore--"],
.mobile [class*="GamesHeader__viewMore--"],
.tablet [class*="GamesHeader__viewMore--"] {
  font-size: 1em;
}

.cms-top-game-numeration-digit {
  background: linear-gradient(
    90deg,
    var(--hrd-primary-500) 0%,
    var(--hrd-pink-500) 100%
  );
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

[data-theme="dark"] [class*="Game__defaultImage--"] {
  background-color: rgb(255, 255, 255, 0.2);
}

/*[data-theme="dark"] [class*="GamesSliderView__leftArrow--"], */
/*[data-theme="dark"] [class*="GamesSliderView__rightArrow--"] {*/
/*    background-color: #999999;*/
/*}*/

[data-theme="dark"] [class*="Content__header--"] {
  background-color: var(--hrd-black);
}

.mobile.portrait [class*="TopGame__numeration--"] {
  bottom: -2.3rem;
}

[class*="OverflowSlider__games--"] [class*="Game__container--"] {
  width: 6rem;
  --image-aspect-ratio: 0.7;
  --border-radius: 8px;
}

[class*="OverflowSlider__games--"] [class*="Game__name--"] {
  display: none;
}

[class*="OverflowSlider__games--"] [class*="OverflowSlider__game--"] {
  display: inline-block;
  margin: 0 0.5rem;
}

[class*="GridPagingSlider__sliderWrapper--"] [class*="Game__container--"] {
  --image-aspect-ratio: 0.7;
  --border-radius: 8px;
}

[class*="GridPagingSlider__sliderWrapper--"] [class*="Game__titleWrapper--"] {
  display: none;
}

/* =========================
   PROMOTION STYLES
   ========================= */

/*Promotion Grid*/

[class*="Promotions__container--"] {
  padding: 1rem 1rem 2em 1rem;
}

[class*="PromotionImage__defaultImage--"] {
  background-image: url(/library/icons/HRB_Icon_Horns-2d_3C_v3.svg);
}

/* ── Promotions Tabs: pill container ── */
[class*="PromotionTabs__tabContainer--"] {
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 24px;
  background: var(--hrd-grey-700, #414149);
  gap: 0;
  margin: 0.75rem auto;
  max-width: fit-content;
}

[data-theme="light"] [class*="PromotionTabs__tabContainer--"] {
  background: var(--hrd-grey-500, #eaeaf0);
}

/* ── Individual tab ── */
[class*="PromotionTabs__tab--"] {
  border-radius: 24px;
  font-weight: 600;
  display: flex;
  flex: 1;
  justify-content: center;
  align-items: center;
  /* padding: 8px 12px; */
  cursor: pointer;
  border: none;
  background: transparent;
  outline: none;
  -webkit-tap-highlight-color: transparent;
  transition: none !important;
  letter-spacing: 0.32px;
}
[class*="PromotionTabs__tab--"] {
  margin-right: 0 !important;
}
/* ── Nuke portal hover/active rule that changes tab text color ── */
[class*="PromotionTabs__tab--"]:active:not(
    [class*="PromotionTabs__disabled--"]
  ),
[class*="PromotionTabs__tab--"]:active:not(:disabled),
.desktop
  [class*="PromotionTabs__tab--"]:not(
    [class*="PromotionTabs__disabled--"]
  ):hover {
  background-color: unset !important;
  border-color: unset !important;
  color: unset !important;
}

[data-theme="dark"] [class*="PromotionTabs__tab--"],
:root [class*="PromotionTabs__tab--"] {
  color: var(--hrd-grey-600, #adaebe);
  border: none;
}

[data-theme="light"] [class*="PromotionTabs__tab--"] {
  color: var(--hrd-grey-600, #adaebe);
  border: none;
}

/* ── Active tab (gradient pill) ── */
[data-theme="dark"]
  [class*="PromotionTabs__tab--"][class*="PromotionTabs__active--"],
:root [class*="PromotionTabs__tab--"][class*="PromotionTabs__active--"] {
  background: linear-gradient(126deg, #957bff 23.95%, #c325b4 109.81%);
  border: none;
  color: var(--hrd-secondary-500, #ffffff);
}

[data-theme="light"]
  [class*="PromotionTabs__tab--"][class*="PromotionTabs__active--"] {
  background: linear-gradient(126deg, #6a46f3 23.95%, #c325b4 109.81%);
  border: none;
  color: var(--hrd-secondary-500, #ffffff);
}

[data-theme="light"]
  [class*="PromotionTabs__tab--"][class*="PromotionTabs__active--"]:hover {
  color: white !important;
}

/* ── Tab icons: shared base ── */
[class*="cms-promotions-tab-Todos"]::before,
[class*="cms-promotions-tab-Casino"]::before,
[class*="cms-promotions-tab-Deportes"]::before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  margin-right: 5px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  pointer-events: none;
  transition: none !important;
}

/* ── Todos icon ── */
[class*="cms-promotions-tab-Todos"]::before {
  background-image: url(/library/icons/promotions/horns.svg);
}

[class*="cms-promotions-tab-Todos"][class*="PromotionTabs__active--"]::before {
  background-image: url(/library/icons/promotions/horns_active.svg);
}

/* ── Casino icon ── */
[class*="cms-promotions-tab-Casino"]::before {
  background-image: url(/library/icons/footer/sticky/v2/Icon_Casinov2_inactive.svg);
}

[class*="cms-promotions-tab-Casino"][class*="PromotionTabs__active--"]::before {
  background-image: url(/library/icons/footer/sticky/v2/Icon_Casinov2.svg);
}

/* ── Sports/Deportes icon ── */
[class*="cms-promotions-tab-Deportes"]::before {
  background-image: url(/library/icons/footer/sticky/v2/Icon_Sportsv2_inactive.svg);
}

[class*="cms-promotions-tab-Deportes"][class*="PromotionTabs__active--"]::before {
  background-image: url(/library/icons/footer/sticky/v2/Icon_Sportsv2.svg);
}

/* ── Dark mode: tint icons #adaebe ── */
[data-theme="dark"] [class*="cms-promotions-tab-Todos"]::before {
  filter: brightness(0) saturate(100%) invert(79%) sepia(5%) saturate(497%)
    hue-rotate(131deg) brightness(91%) contrast(89%);
}

[data-theme="dark"]
  [class*="cms-promotions-tab-Todos"][class*="PromotionTabs__active--"]::before {
  filter: none;
}

[class*="CategoryHeader__categoryTitle--"]
  [class*="CategoryHeader__categoryName--"] {
  font-weight: 500;
}

[class*="PromotionsCategory__container--"] {
  padding-bottom: 1.5rem;
}

.promo-tile-default-all-container {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: #f8f8fa;
  padding: 0;
  border-radius: 8px;
}

[data-theme="dark"] .promo-tile-default-all-container {
  background: #2b2b30;
}

.cms-promotions-category [class*="CarouselControls__control--"] {
  border-radius: 50%;
  height: 35px;
  width: 35px;
}

.cms-promotions-category [class*="CarouselView__prevControl--"] {
  background: url(/library/icons/arrow-left.svg) no-repeat center / 22%;
  background-color: #ededf2;
  left: auto;
  right: 40px;
}

[data-theme="dark"]
  .cms-promotions-category
  [class*="CarouselView__prevControl--"] {
  background: url(/library/icons/arrow-left-violet.svg) no-repeat center / 22%;
  background-color: #2b2b30;
}

.cms-promotions-category [class*="CarouselControls__nextControl--"] {
  background: url(/library/icons/arrow-right.svg) no-repeat center / 22%;
  background-color: #ededf2;
  transform: none;
}

[data-theme="dark"]
  .cms-promotions-category
  [class*="CarouselControls__nextControl--"] {
  background: url(/library/icons/arrow-right-violet.svg) no-repeat center / 22%;
  background-color: #2b2b30;
}

.cms-promotions-category-grid {
  gap: 8px !important;
  grid-template-columns: minmax(0, 1fr) !important;
}

@media (min-width: 768px) {
  .cms-promotions-category-grid {
    gap: 24px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

.promo-tile-default-all-container .promo-tile-img-container {
  width: 100%;
  position: relative;
  margin-bottom: 0;
  border-radius: 8px 8px 0 0;
  overflow: hidden;
}

[class*="PromotionImage__imageContainer--"] {
  aspect-ratio: unset;
}

.promo-tile-default-all-container .promo-tile-product-label {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0.57rem;
  z-index: 1;
}

[class*="PromotionProductLabel__label--"] span {
  border-radius: 4px;
  background: linear-gradient(
    90deg,
    var(--hrd-primary-500) 0%,
    var(--hrd-pink-500) 100%
  );
  text-transform: uppercase;
  padding: 0.2rem;
}

.mirror-mode .promo-tile-default-all-container .promo-tile-product-label {
  left: auto;
  right: 0;
}

.promo-tile-default-all-container .promo-tile-name {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0 0.57rem;
  text-align: center;
  color: var(--hrd-secondary-500);
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.75) 100%
  );
  z-index: 1;
}

[class*="PromotionName__name--"] {
  line-height: 2.28rem;
  overflow: hidden;
  white-space: normal;
  font-size: 22px;
  font-weight: 500;
  padding: 0 0.5rem;
}

[data-theme="dark"] [class*="PromotionName__name--"],
[data-theme="dark"]
  [class*="CategoryHeader__categoryTitle--"]
  [class*="CategoryHeader__categoryName--"] {
  color: var(--hrd-secondary-500);
}

.promo-tile-default-all-container .promo-tile-description {
  display: -webkit-box;
  -webkit-line-clamp: none;
  -webkit-box-orient: vertical;
  line-height: 1.6rem;
  height: auto;
  margin: 0.57rem 0;
  overflow: hidden;
  padding: 0 0.5rem;
}

.mobile .promo-tile-default-all-container .promo-tile-description,
.emulate-mobile .promo-tile-default-all-container .promo-tile-description {
  line-height: 1.14rem;
  height: auto;
}

.promo-tile-default-all-container .promo-tile-actions {
  display: flex;
  margin: 5px 0 0 0;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  /* min-height: var(--new-button-height); */
  background: var(--hrd-primary-500);
  border-radius: 0 0 8px 8px;
  overflow: hidden;
}

/* .mobile .promo-tile-default-all-container .promo-tile-actions,
.tablet .promo-tile-default-all-container .promo-tile-actions,
.emulate-mobile .promo-tile-default-all-container .promo-tile-actions {
  margin-top: 1rem;
  flex-direction: column;
  justify-content: flex-end;
} */

/* .promo-tile-actions [class*="Button__primary--"][class*="Button__success--"] {
  background: transparent;
  border: 1px solid #c3c3d4;
  color: var(--hrd-grey-700);
} */

/* .promo-tile-actions
  [class*="Button__primary--"][class*="Button__success--"]:hover {
  background: #f8f8fa !important;
} */

/* [data-theme="dark"]
  .promo-tile-actions
  [class*="Button__primary--"][class*="Button__success--"] {
  background: transparent;
  border: 1px solid #494957;
  color: white;
} */

/* [data-theme="dark"]
  .promo-tile-actions
  [class*="Button__primary--"][class*="Button__success--"]:hover {
  background: rgba(255, 255, 255, 0.05) !important;
} */

.cms-promotion-cta-button,
.cms-promotion-cta-button:hover {
  color: white !important;
  width: auto;
  border: 0 !important;
  background-color: transparent !important;
  overflow: visible;
  font-size: 16px;
}

.promo-opt-in-container {
  width: 100%;
  padding: 0 1rem;
}

.promo-opt-in {
  display: flex;
  gap: 1rem;
  color: white;
}

.promo-opt-in-text {
  font-weight: 700;
  font-size: 18px;
}

.promo-toggle-row label {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  color: white;
  font-size: 18px;
}

.promo-toggle-row input {
  display: none;
}

.promo-toggle-switch {
  position: relative;
  width: 52px;
  height: 32px;
  background: #d1d1d6;
  border-radius: 999px;
  transition: background 0.25s ease;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.04);
  flex-shrink: 0;
}

.promo-toggle-switch::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #fff;
  box-shadow:
    0 3px 8px rgba(0, 0, 0, 0.15),
    0 1px 2px rgba(0, 0, 0, 0.08);
  transition: transform 0.25s ease;
}

/* .promo-toggle-row input:checked + .promo-toggle-switch {
  background: #04d17b;
}

.promo-toggle-row input:checked + .promo-toggle-switch::before {
  transform: translateX(20px);
} */

.promo-toggle-row input:focus-visible + .promo-toggle-switch {
  outline: 3px solid rgba(52, 120, 246, 0.35);
  outline-offset: 2px;
}

.cms-promotions-promotion-custom-field {
  flex: 1;
}

/* =========================
   PROMOTION SINGLE PAGE
   ========================= */

.promotion-image,
.promotion-block {
  margin-bottom: 1rem;
}

.promotion-block {
  padding: 1rem 0;
}

.promotion-block b {
  color: var(--link-font-color);
}

[data-theme="dark"] .promotion-block b {
  color: #957bff;
}

.promotion-image img {
  vertical-align: top;
  width: 100%;
  height: auto;
  border-radius: 12px;
}

@media (max-width: 767px) {
  .promotion-image {
    padding: 1em 1em 0 1em;
    margin-bottom: 0;
  }
  .promotion-block {
    padding: 1em;
  }
}

.promotion-copy {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.promotion-tags {
  display: flex;
  gap: 8px;
  margin-bottom: 10px;
}

.promotion-tags div {
  border: 1px solid var(--hrd-pink-500);
  padding: 0 0.45rem;
  text-transform: uppercase;
}

.promotion-title h1,
.promotion-title p {
  margin: 0;
  padding: 0;
}
.promotion-title h1 {
  color: #1a181b;
  line-height: 37px;
  /*letter-spacing: -1px;*/
  /* text-transform: uppercase; */
  font-size: 28px;
}

[data-theme="dark"] .promotion-title h1 {
  color: var(--hrd-secondary-500);
}

.promotion-title span {
  color: var(--hrd-primary-500);
  font-weight: 600;
}

[data-theme="dark"] .promotion-title span {
  color: #957bff;
}

.promotion-title p {
  color: var(--hrd-grey-700);
  font-size: 16px;
  line-height: 1.25;
  letter-spacing: -1px;
  /* text-transform: uppercase; */
}

[data-theme="dark"] .promotion-title p {
  color: var(--hrd-grey-600);
}

.promotion-steps {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.promotion-step {
  position: relative;
  padding: 1.25rem;
  background: var(--hrd-secondary-500);
  border: 1px solid #c9c9cf;
  border-radius: 12px;
}

[data-theme="dark"] .promotion-step {
  background: #2b2b30;
  border-color: #4b4b52;
}

.promotion-step.promotion-step--horns,
.promotion-step.promotion-step--question {
  padding-left: 5.75rem;
}

.promotion-step.promotion-step--horns::before,
.promotion-step.promotion-step--question::before {
  content: "";
  position: absolute;
  left: 1.25rem;
  top: 1.25rem;
  width: 52px;
  height: 52px;
  border: 1px solid #957bff;
  border-radius: 12px;
  background: rgba(106, 70, 243, 0.08);
}

.promotion-step.promotion-step--horns::after,
.promotion-step.promotion-step--question::after {
  content: "";
  position: absolute;
  left: calc(1.25rem + 11px);
  top: calc(1.25rem + 11px);
  width: 30px;
  height: 30px;
  background: no-repeat center / contain;
  filter: brightness(1.4);
}

.promotion-step.promotion-step--horns::after {
  background-image: url(/library/icons/promotions/horns-2d.svg);
}

.promotion-step.promotion-step--question::after {
  background-image: url(/library/icons/promotions/question.svg);
}

.promotion-step h2 {
  color: #1a181b;
  /* text-transform: uppercase; */
  margin: 0 0 0.75rem;
  padding: 0 0 0.75rem;
  border-bottom: 1px solid rgba(26, 24, 27, 0.18);
  font-size: 22px;
}

[data-theme="dark"] .promotion-step h2 {
  color: var(--hrd-secondary-500);
  border-bottom-color: rgba(255, 255, 255, 0.28);
}

.promotion-step p,
.promotion-step ol li,
.promotion-step ul li,
.promotion-step .btn {
  font-size: var(--space-4);
}

.promotion-step p {
  margin: 10px 0;
}

.promotion-step p:first-of-type {
  margin-top: 0;
}

.promotion-step ol,
.promotion-step ul {
  margin: 1.165em 0;
  padding-left: 1.2em;
}

.promotion-step ol li,
.promotion-step ul li {
  margin-bottom: 0;
}

.promotion-buttons {
  display: flex;
  gap: 8px;
  justify-content: center;
  position: sticky;
  bottom: 64px;
  padding-bottom: 20px;
  padding-top: 20px;
  background: rgba(255, 255, 255, 0.5); /* transparency */
  backdrop-filter: blur(10px); /* blur what's behind */
  -webkit-backdrop-filter: blur(10px); /* Safari support */
}

.promotion-block .promo-toggle-row label {
  color: black;
}

[data-theme="dark"] .promotion-block .promo-toggle-row label {
  color: white;
}

.promotion-block .promotion-opt-in {
  background: var(--hrd-secondary-500);
  border: 1px solid #c9c9cf;
  border-radius: 12px;
  padding: 0.65rem 1rem;
}

[data-theme="dark"] .promotion-block .promotion-opt-in {
  background: #2b2b30;
  border-color: #4b4b52;
}

.promotion-block .promo-opt-in-container {
  padding: 0 !important;
  display: flex;
  justify-content: flex-end;
}

.promotion-block .promo-opt-in-container,
.promotion-block .promo-opt-in-container .promo-opt-in,
.promotion-block .promo-toggle-row {
  width: 100%;
}

.promotion-block .promo-toggle-row label {
  display: flex;
  width: 100%;
  justify-content: space-between;
}

@media (min-width: 768px) {
  .promotion-buttons {
    gap: 12px;
  }
}

[data-theme="dark"] .promotion-buttons {
  background: rgba(43, 43, 48, 0.5); /* transparency */
}

.promotion-buttons .btn {
  width: 100%;
  min-width: unset;
}
.promotion-buttons .btn + .btn {
  margin: 0;
}

.promotion-terms h1,
.promotion-terms h2,
.promotion-terms h3,
.promotion-terms h4,
.promotion-terms h5 {
  padding: 0;
  margin: 1rem 0;
}

.promotion-terms p,
.promotion-terms ol,
.promotion-terms ul {
  margin: 0.5rem 0;
}

.promotion-terms li {
  margin-bottom: 0;
}

.promotion-terms > :first-child {
  margin-top: 0;
}

/* .promotion-terms h3,
.promotion-terms h4,
.promotion-terms h5 {
  text-transform: uppercase;
} */

.promotion-eligible-games h3 {
  margin: 0 0 1rem 0;
  padding: 0;
  text-transform: capitalize;
}

.promotion-games {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  scroll-snap-type: x mandatory; /* optional smooth snapping */
  -webkit-overflow-scrolling: touch;
  padding-bottom: 8px;
}

.promotion-game {
  cursor: pointer;
  flex: 0 0 calc((100% - 16px) / 3.5); /* 3.5 visible items on mobile */
  scroll-snap-align: start; /* optional */
}

.promotion-game img {
  width: 100%;
  border-radius: 12px;
  vertical-align: top;
}

/*Collapsible terms*/
/* .promotion-terms.terms-collapsible {
  user-select: none;
} */

.promotion-terms.terms-collapsible h3 {
  cursor: pointer;
  position: relative;
  padding-right: 24px;
  margin-bottom: 0;
}

.promotion-terms.terms-collapsible h3::after {
  content: "";
  background: url(/library/icons/arrow-down.svg) no-repeat center / 80%;
  width: 20px;
  height: 20px;
  position: absolute;
  right: 0;
  top: 7px;
  font-weight: bold;
}

.promotion-terms.terms-collapsible.open h3::after {
  background: url(/library/icons/arrow-up.svg) no-repeat center / 80%;
}

[data-theme="dark"] .promotion-terms.terms-collapsible h3::after {
  background: url(/library/icons/arrow-down-violet.svg) no-repeat center / 80%;
}

[data-theme="dark"] .promotion-terms.terms-collapsible.open h3::after {
  background: url(/library/icons/arrow-up-violet.svg) no-repeat center / 80%;
}

@media (min-width: 768px) {
  .promotion-buttons {
    bottom: 0; /*Buttons at 0 bottom sticky on desktop*/
  }

  .promotion-buttons .btn {
    width: auto;
    min-width: 15em;
  }

  .promotion-buttons .btn:only-child {
    min-width: 40%;
  }

  .promotion-game {
    flex: 0 0 calc((100% - 40px) / 6.5); /* 6.5 visible items on tablet */
  }
}

@media (min-width: 992px) {
  .promotion-game {
    flex: 0 0 calc((100% - 40px) / 7.5); /* 7.5 visible items on desktop */
  }
}

@media (min-width: 1440px) {
  .promotion-image {
    padding-top: 1rem;
  }

  .promotion-block,
  .promotion-image img {
    border-radius: 8px;
  }

  /* .promotion-block {
    padding: 2rem;
  } */
}

/* =========================
   PROMO BACK BUTTON STYLES
   ========================= */

@media (max-width: 833px) {
  .hrd-arrow-wrap {
    position: absolute;
    top: 50%;
    left: calc(50% - 4px);
    width: 24px;
    height: 24px;
    display: block;
    overflow: hidden;
    transform: translate(-50%, -50%);
    pointer-events: none;
  }

  /* Inline SVG arrow: round caps/joins keep the tip and corners crisp.
     Same color as the burger lines (grey on light, white on dark). */
  .hrd-arrow {
    display: block;
    width: 100%;
    height: 100%;
    color: var(--header-line-color, var(--hrd-grey-700));
  }

  /* The logo vanishes on promo detail pages so the arrow stands alone */
  .HrdHeader__logo {
    transition: opacity 0.1s ease-out;
  }

  /* Hidden state: both paths are slid out right, clipped by the svg box */
  .hrd-arrow__shaft {
    transform: translateX(30px);
    transition: transform 0.3s cubic-bezier(0.3, 1, 0.3, 1) 0s;
  }

  .hrd-arrow__head {
    transform: translateX(30px);
    transition: transform 0.3s cubic-bezier(0.3, 1, 0.3, 1) 40ms;
  }

  html[data-url-path^="/promociones/"]:not(
      [data-url-path="/promociones/casino"]
    ):not([data-url-path="/promociones/casino/"]):not(
      [data-url-path="/promociones/deportes"]
    ):not([data-url-path="/promociones/deportes/"])
    .lines-button.x2
    .lines,
  html[data-url-path^="/promociones/"]:not(
      [data-url-path="/promociones/casino"]
    ):not([data-url-path="/promociones/casino/"]):not(
      [data-url-path="/promociones/deportes"]
    ):not([data-url-path="/promociones/deportes/"])
    .lines-button.x2
    .lines:before,
  html[data-url-path^="/promociones/"]:not(
      [data-url-path="/promociones/casino"]
    ):not([data-url-path="/promociones/casino/"]):not(
      [data-url-path="/promociones/deportes"]
    ):not([data-url-path="/promociones/deportes/"])
    .lines-button.x2
    .lines:after {
    /* Burger slides out left while the arrow slides in.
       Faster than the menu X morph; only applies on promo detail pages. */
    transform: translateX(-30px);
    transition-duration: 0.3s;
  }

  html:has(
      digitalbeat-games-grid[category_path="/casino"][data-active-view="view-more"]
    )
    .lines-button.x2
    .lines,
  html:has(
      digitalbeat-games-grid[category_path="/casino-en-vivo"][data-active-view="view-more"]
    )
    .lines-button.x2
    .lines,
  html:has(
      digitalbeat-games-grid[category_path="/casino"][data-active-view="view-more"]
    )
    .lines-button.x2
    .lines:before,
  html:has(
      digitalbeat-games-grid[category_path="/casino-en-vivo"][data-active-view="view-more"]
    )
    .lines-button.x2
    .lines:before,
  html:has(
      digitalbeat-games-grid[category_path="/casino"][data-active-view="view-more"]
    )
    .lines-button.x2
    .lines:after,
  html:has(
      digitalbeat-games-grid[category_path="/casino-en-vivo"][data-active-view="view-more"]
    )
    .lines-button.x2
    .lines:after {
    transform: translateX(-30px);
    transition-duration: 0.3s;
  }

  html[data-url-path^="/promociones/"]:not(
      [data-url-path="/promociones/casino"]
    ):not([data-url-path="/promociones/casino/"]):not(
      [data-url-path="/promociones/deportes"]
    ):not([data-url-path="/promociones/deportes/"])
    .hrd-arrow__shaft {
    transform: translateX(0);
    transition-delay: 0.15s;
  }

  html:has(
      digitalbeat-games-grid[category_path="/casino"][data-active-view="view-more"]
    )
    .hrd-arrow__shaft,
  html:has(
      digitalbeat-games-grid[category_path="/casino-en-vivo"][data-active-view="view-more"]
    )
    .hrd-arrow__shaft {
    transform: translateX(0);
    transition-delay: 0.15s;
  }

  html[data-url-path^="/promociones/"]:not(
      [data-url-path="/promociones/casino"]
    ):not([data-url-path="/promociones/casino/"]):not(
      [data-url-path="/promociones/deportes"]
    ):not([data-url-path="/promociones/deportes/"])
    .hrd-arrow__head {
    transform: translateX(0);
    transition-delay: 0.19s;
  }

  html:has(
      digitalbeat-games-grid[category_path="/casino"][data-active-view="view-more"]
    )
    .hrd-arrow__head,
  html:has(
      digitalbeat-games-grid[category_path="/casino-en-vivo"][data-active-view="view-more"]
    )
    .hrd-arrow__head {
    transform: translateX(0);
    transition-delay: 0.19s;
  }

  html[data-url-path^="/promociones/"]:not(
      [data-url-path="/promociones/casino"]
    ):not([data-url-path="/promociones/casino/"]):not(
      [data-url-path="/promociones/deportes"]
    ):not([data-url-path="/promociones/deportes/"])
    .HrdHeader__logo {
    opacity: 0;
    pointer-events: none;
  }

  html:has(
      digitalbeat-games-grid[category_path="/casino"][data-active-view="view-more"]
    )
    .HrdHeader__logo,
  html:has(
      digitalbeat-games-grid[category_path="/casino-en-vivo"][data-active-view="view-more"]
    )
    .HrdHeader__logo {
    opacity: 0;
    pointer-events: none;
  }
}
/* =========================
   SLIDE MENU STYLES
   ========================= */

.slide-menu {
  background: var(--hrd-secondary-500);
}

/* =========================
   COOKIE REGULATION STYLES
   ========================= */
.cms-cookies-regulation-message {
  box-shadow: 0 10px 12px 12px #8c8ca1;
  flex-wrap: wrap;
}
.mobile [class*="CookiesRegulationMessage__container--"],
.tablet [class*="CookiesRegulationMessage__container--"] {
  padding: 1rem;
}

.mobile [class*="CookiesRegulationMessage__wc--"],
.tablet [class*="CookiesRegulationMessage__wc--"] {
  padding-bottom: 8px;
}

[class*="CookiesRegulationMessage__buttons--"] {
  gap: 8px;
  flex-direction: row-reverse;
}

.mobile
  [class*="CookiesRegulationMessage__buttons--"]
  [class*="CookiesRegulationMessage__button--"],
.tablet
  [class*="CookiesRegulationMessage__buttons--"]
  [class*="CookiesRegulationMessage__button--"] {
  margin: 0;
}

[class*="CookiesRegulationMessage__buttons--"]
  [class*="CookiesRegulationMessage__button--"][class*="CookiesRegulationMessage__accept--"] {
  transition: background-color 0.25s ease-out;
  font-weight: 600;
  font-size: 14px;
}

[class*="CookiesRegulationMessage__buttons--"]
  [class*="CookiesRegulationMessage__button--"][class*="CookiesRegulationMessage__accept--"]:hover {
  background-color: var(--btn-primary-success-hover-bg-color) !important;
}

[class*="CookiesRegulationMessage__buttons--"]
  [class*="CookiesRegulationMessage__button--"][class*="CookiesRegulationMessage__reject--"] {
  background-color: var(--cookies-regulation-button-setup-background-color);
  border: 1px solid var(--cookies-regulation-button-setup-border-color);
  box-shadow: none;
  color: var(--cookies-regulation-button-setup-font-color);
  transition: background-color 0.25s ease-out;
  margin: 0;
  font-size: 14px;
}

[class*="CookiesRegulationMessage__buttons--"]
  [class*="CookiesRegulationMessage__button--"][class*="CookiesRegulationMessage__reject--"]:hover {
  background: rgba(255, 255, 255, 0.4) !important;
}

[data-theme="dark"]
  [class*="CookiesRegulationMessage__buttons--"]
  [class*="CookiesRegulationMessage__button--"][class*="CookiesRegulationMessage__reject--"]:hover {
  background: rgba(255, 255, 255, 0.1) !important;
  border: 1px solid rgb(73, 73, 87) !important;
}

.desktop
  [class*="CookiesRegulationMessage__buttons--"]
  [class*="CookiesRegulationMessage__button--"][class*="CookiesRegulationMessage__reject--"]:hover {
  background-color: var(--cookies-regulation-button-setup-background-color);
  border: 1px solid var(--cookies-regulation-button-setup-border-color);
  box-shadow: none;
  color: var(--cookies-regulation-button-setup-font-color);
}

[class*="CookiesRegulationMessage__buttons--"]
  [class*="CookiesRegulationMessage__button--"][class*="CookiesRegulationMessage__setup--"] {
  transition: background-color 0.25s ease-out;
  margin: 0;
  font-size: 14px;
}

[class*="CookiesRegulationMessage__buttons--"]
  [class*="CookiesRegulationMessage__button--"][class*="CookiesRegulationMessage__setup--"]:hover {
  background: rgba(255, 255, 255, 0.4) !important;
}

[data-theme="dark"]
  [class*="CookiesRegulationMessage__buttons--"]
  [class*="CookiesRegulationMessage__button--"][class*="CookiesRegulationMessage__setup--"]:hover {
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgb(73, 73, 87);
}

[data-theme="dark"]
  [class*="CookiesRegulationMessage__buttons--"]
  [class*="CookiesRegulationMessage__button--"][class*="CookiesRegulationMessage__reject--"],
[data-theme="dark"]
  [class*="CookiesRegulationMessage__buttons--"]
  [class*="CookiesRegulationMessage__button--"][class*="CookiesRegulationMessage__setup--"] {
  border: 1px solid #494957;
}

[class*="CookiesRegulationMessage__buttons--"]
  [class*="CookiesRegulationMessage__button--"][class*="CookiesRegulationMessage__reject--"],
[class*="CookiesRegulationMessage__buttons--"]
  [class*="CookiesRegulationMessage__button--"][class*="CookiesRegulationMessage__setup--"] {
  font-weight: 500;
}

.cms-cookies-regulation-message p {
  margin: 0;
}

[data-theme="dark"] .cms-cookies-regulation-message {
  box-shadow: 0 17px 12px 12px #000;
}

[class*="CookieSettings__formActions--"]
  [class*="Button__primary--"][class*="Button__success--"] {
  width: 100%;
}

.cms-cookie-settings [class*="CheckboxShallow__label--"],
[class*="CookieSettings__description--"] {
  font-size: 1rem;
}

[class*="CookieSettings__formActions--"] {
  padding: 2rem 0 0 0;
}

[class*="CookieSettings__description--"] {
  color: var(--input-field-font-color);
}

[class*="CheckboxShallow__disabledCheckbox--"]
  ~ [class*="CookieSettings__description--"] {
  color: var(--input-field-disabled-font-color);
  opacity: 0.6;
}

/*Hide cookie bar on registration*/
[data-url-path="/registro"] .cms-cookies-regulation-message {
  display: none;
}

/* =========================
   RECONNECT STYLES
   ========================= */
[class*="Reconnect__container--"] [class*="Reconnect__content--"] {
  font-weight: 400;
}

/* =========================
   CHANGE LANGUAGE STYLES
   ========================= */
@media only screen and (min-width: 1281px) {
  .language-list__point {
    width: 100%;
    display: inline-block;
    border-bottom: none;
  }
}

/* =========================
   MY ACCOUNT COMPONENTS
   ========================= */
.info-list {
  background: transparent;
  margin: 0;
}

.info-list_type_sub:before {
  border-left: 0.5rem solid transparent;
  border-right: 0.5rem solid transparent;
  border-top: 0.6rem solid var(--accordion-body-before-border-color);
  content: "";
  height: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: -0.1rem;
  width: 0;
  min-width: 0;
  min-height: 0;
}
.info-list_type_sub {
  box-shadow: none;
}

/* .desktop .info-list__header.hover,
.desktop .info-list__header:hover,
.mobile .info-list__header.hover,
.mobile .info-list__header:active,
.tablet .info-list__header.hover,
.tablet .info-list__header:active {
  background-color: rgba(255, 255, 255, 0.1);
} */

.info-list__header {
  font-size: 1.2rem;
  font-weight: 500;
}

/* =========================
   BALANCE BAR
   ========================= */

.cms-balance {
  white-space: nowrap;
}

.hrd__balance-item {
  cursor: pointer;
  /* background: url(/library/icons/arrow-down.svg) no-repeat left 12px;
  padding-left: 22px;
  background-size: 14px; */
  margin-left: 8px;
  height: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: none !important;
  position: relative;
  padding-left: 22px !important;
}

.hrd__balance-item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 16px;
  transform: translateY(-50%);
  width: 14px;
  height: 14px;
  /* background: linear-gradient(90deg, #6a46f3, #c325b4); */
  /* -webkit-mask: url(/library/icons/arrow-down.svg) center / contain no-repeat; */
  background-image: url(/library/icons/arrow-down.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

[data-theme="dark"] .hrd__balance-item::before {
  background-image: url(/library/icons/arrow-down-violet.svg);
}

/* 
.hrd__balance-deposit {
  background-color: transparent !important;
  background-image:
    url("/library/icons/plus.svg"), linear-gradient(90deg, #6a46f3, #c325b4) !important;
  background-size: unset !important;
} */

.hrd__balance-item--casino {
  display: none;
}

/* .root-casino .hrd__balance-item--casino,
.root-livecasino .hrd__balance-item--casino,
[data-url-path^="/promociones/casino"] .hrd__balance-item--casino {
  display: flex;
} */

[data-vertical-type="casino"] .hrd__balance-item--casino {
  display: flex;
}

/* .root-casino .hrd__balance-item--sports,
.root-livecasino .hrd__balance-item--sports,
[data-url-path^="/promociones/casino"] .hrd__balance-item--sports {
  display: none;
} */

[data-vertical-type="casino"] .hrd__balance-item--sports {
  display: none;
}

.hrd__balancewidget {
  background-color: var(--hrd-secondary-500);
  border-radius: 6px;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  overflow: hidden;
  height: 36px;
  /*box-shadow: inset 0 0 0 2px var(--header-balance-widget-border);*/
  border: 1px solid var(--hrd-primary-500);
  /* border: 1px solid transparent !important; */
  /* border-image: linear-gradient(90deg, #6a46f3, #c325b4) 1 !important; */
}

html[data-theme="dark"] .hrd__balancewidget {
  box-shadow: inset 0 0 0 2px var(--hrd-grey-700);
  color: var(--hrd-secondary-500);
  background-color: var(--hrd-grey-700);
}

.hrd__balance {
  margin: 0 12px 0 0;
}

.hrd__balance a,
.hrd__balance a:hover {
  color: var(--hrd-black);
  text-decoration: none;
}

html[data-theme="dark"] .hrd__balance a,
html[data-theme="dark"] .hrd__balance a:hover {
  color: var(--hrd-secondary-500);
  text-decoration: none;
}

.hrd__balance .cms-balance,
.hrd__balance hub2-balance {
  white-space: nowrap;
  height: 20px;
}

.hrd__balance-deposit {
  position: relative;
  background-color: var(--hrd-primary-500);
  border: none;
  align-self: stretch;
  /* fill the available height (36px) */
  aspect-ratio: 1 / 1;
  /* keep it a circle */
  /* remove the fixed size */
  width: 32px;
  height: auto;
  cursor: pointer;
  transition:
    background-color 0.3s,
    transform 0.2s;
  transition: background-color 0.25s ease-out;
  /* Hide the text visually but keep it for screen readers */
  color: transparent;
  text-indent: -9999px;
  overflow: hidden;

  /* Show SVG as background icon */
  background-repeat: no-repeat;
  background-position: center;
  background-size: 50%;
  background-image: url("/library/icons/plus.svg");
}

.hrd__balance-deposit:hover {
  background-color: var(--new-button-primary-success-hover-background-color);
}

/*contact preferences*/
[class*="Preference__productsContainer--"] > span {
  margin-left: 0;
  padding-right: 1rem;
}

[class*="Preference__productsContainer--"] {
  justify-content: center;
}

/*Sign in notification*/
[class*="SignInNotificationBanner__container--"] {
  background-color: var(--hrd-black);
}

/*Status page (used in maintenance and 404)*/
.status-page-container {
  padding: 4rem 1rem;
  background: url(/library/misc/runes-light.png) no-repeat;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 80vh;
}
[data-theme="dark"] .status-page-container {
  background-image: url(/library/misc/runes-dark.jpg);
}
.status-page {
  max-width: 800px;
  width: 100%;
}
.status-page-content {
  text-align: center;
  background: var(--hrd-secondary-500);
  padding: 3rem;
  border-radius: 4px;
}

[data-theme="dark"] .status-page-content {
  background: #242226;
}

.status-page-content p,
.status-page-content a {
  font-size: 16px;
}
.status-page-content h1 {
  padding: 0;
  margin: 0;
}
.mobile .status-page-content h1 {
  font-size: 1.8rem;
}

.status-page-content a:hover {
  text-decoration: underline;
}
.status-page-image {
  max-width: 220px;
  margin-bottom: 2rem;
}

/*Cashier*/

/*Hide Footer from Deposit / Withdraw - Fix for scroll issue https://jira.playtech.com/browse/COR18-18684 */
[data-url-path="/banco/depositar"] hub2-wc[data-type="footer"],
[data-url-path="/banco/retirar"] hub2-wc[data-type="footer"] {
  display: none;
}

.portlet-withdrawal [class*="PortletTitle__title--"],
.portlet-deposit [class*="PortletTitle__title--"] {
  padding: 2rem 1rem 1rem 1rem;
}

.desktop
  [class*="NavigationTabsView__navigationTabsView--"]
  [class*="NavigationTabsView__tab--"][class*="NavigationTabsView__withIcons--"] {
  justify-content: center;
}

/* [class*="NavigationTabsView__ellipsis--"] {
  display: none;
}

[class*="TilesView__tileName--"] {
  display: none;
} */

[class*="NavigationTabsView__tab--"] {
  background-color: transparent;
  box-shadow: none;
  overflow: hidden;
  border: 1px solid #ebebeb;
  padding: 1rem 0;
  height: auto;
}

[data-theme="dark"] [class*="NavigationTabsView__tab--"] {
  border: 1px solid #414149;
}

[class*="NavigationTabsView__navTab--"] {
  flex-direction: column;
  gap: 1rem;
  font-weight: bold;
}

[class*="TilesView__tileName--"] {
  font-weight: bold;
  font-size: 16px;
}

[class*="PaymentMethodForm__paymentMethod--"] {
  padding: 0;
}

.cms-cashier-deposit-actions [class*="Label__label--"],
.cms-cashier-withdraw [class*="Label__label--"] {
  font-size: 16px;
}

.cms-cashier-deposit-actions [class*="FieldBottomMessage__hint--"],
.cms-cashier-withdraw [class*="FieldBottomMessage__hint--"] {
  font-size: 12px;
}

[class*="PaymentMethodForm__paymentMethod-"]
  [class*="PaymentMethodForm__title--"] {
  font-size: 16px;
}

[data-theme="dark"] [class*="NavigationTabsView__tab--"] {
  background-color: transparent;
}

[class*="TilesView__tile--"] {
  box-shadow: none;
  border: 1px solid #ebebeb;
  padding: 1rem 0;
  gap: 1rem;
  border-radius: 8px;
}

[data-theme="dark"] [class*="TilesView__tile--"] {
  border: 1px solid #414149;
}

/* html:not(.desktop) */
[data-portlet-type="deposit"]:not(:has(.cms-cashier-tiles-view))
  .fn-portlet-title,
/* html:not(.desktop) */
  [data-portlet-type="withdrawal"]:not(:has(.cms-cashier-tiles-view))
  .fn-portlet-title {
  display: none;
}

@media screen and (min-width: 768px) {
  [data-portlet-type="deposit"]:not(:has(.cms-cashier-tiles-view)),
  [data-portlet-type="withdrawal"]:not(:has(.cms-cashier-tiles-view)) {
    padding-top: 2rem;
  }
}

/* Back button icon */
[class*="TilesViewPaymentForm__headerWithBackBtn--"] {
  margin-left: 0;
}

[class*="Icon__cashierBackBtn--"] {
  background: url(/library/icons/arrow-left.svg) no-repeat left center;
  background-size: 50%;
  margin-right: 1rem !important;
}

[data-theme="dark"] [class*="Icon__cashierBackBtn--"] {
  background: url(/library/icons/arrow-left-violet.svg) no-repeat 10px center;
  background-size: 50%;
}

/* Base payment method icon */
[class^="paymentMethodIcon-"] {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

[class*="NavigationTabsView__navTab--"]
  [class*="NavigationTabsView__navTabIcon--"] {
  width: 14rem;
  margin-right: 0;
  height: 38px;
}

.emulate-mobile
  [class*="TilesView__tilesView--"]:not([class*="TilesView__list--"])
  [class*="TilesView__tileIcon--"],
.mobile
  [class*="TilesView__tilesView--"]:not([class*="TilesView__list--"])
  [class*="TilesView__tileIcon--"] {
  width: 12rem;
  height: 38px;
}

.tablet
  [class*="TilesView__tilesView--"]:not([class*="TilesView__list--"])
  [class*="TilesView__tileIcon--"] {
  width: 12rem;
  height: 38px;
}

/* Shared header icon after element */
.cms-cashier-deposit
  [class*="TilesViewPaymentForm__headerWithBackBtn--"]::after,
.cms-cashier-withdraw
  [class*="TilesViewPaymentForm__headerWithBackBtn--"]::after {
  content: "";
  display: inline-block;
  width: 160px;
  height: 30px;
  background: var(--pm-icon) no-repeat 10px center;
  background-size: contain;
}

@media (min-width: 768px) {
  .cms-cashier-deposit-actions-amount,
  .cms-cashier-withdraw-actions-amount,
  [class*="ActionSection__content--"] [class*="ActionSection__submit--"],
  .cms-cashier-deposit-actions-promo,
  .cms-cashier-withdraw-generic-regular,
  .cms-cashier-deposit-generic-regular {
    grid-column: span 2;
  }

  .portlet__content_type_withdrawal,
  .portlet__content_type_deposit {
    max-width: 1000px;
    margin: auto;
  }
}

[class*="ActionSection__actionSection--"] [class*="ActionSection__title--"] {
  font-size: 2rem;
}

/* Payment method icon mappings */

/*CARDS ICON*/

.paymentMethodIcon-praxiscc {
  background-image: url(/library/icons/payment-methods/v2/cards.svg);
}

/* [class*="Cashier__container--"]:has(.cms-cashier-payment-method-PraxisCC)
  [class*="TilesViewPaymentForm__headerWithBackBtn--"] {
  background: url(/library/icons/payment-methods/v2/cards.svg) no-repeat right
    center;
  background-size: auto 30px;
} */

/*OXXO ICON*/

.paymentMethodIcon-oxxopayprx {
  background-image: url(/library/icons/payment-methods/v2/oxxo.svg);
}

/* [class*="Cashier__container--"]:has(.cms-cashier-payment-method-OXXOPayPrx)
  [class*="TilesViewPaymentForm__headerWithBackBtn--"] {
  background: url(/library/icons/payment-methods/v2/oxxo.svg) no-repeat right
    center;
  background-size: auto 30px;
} */

/*CASH ICON*/

.paymentMethodIcon-tondercashprx {
  background-image: url(/library/icons/payment-methods/v2/cash.svg);
}

/* [class*="Cashier__container--"]:has(.cms-cashier-payment-method-TonderCashPrx)
  [class*="TilesViewPaymentForm__headerWithBackBtn--"] {
  background: url(/library/icons/payment-methods/v2/cash.svg) no-repeat right
    center;
  background-size: auto 30px;
} */

/*SPEI ICON*/

.paymentMethodIcon-praxisstptonder,
.paymentMethodIcon-praxisstp,
.paymentMethodIcon-tonderapmspeiwdprx {
  background-image: url(/library/icons/payment-methods/v2/spei.svg);
}

/* [class*="Cashier__container--"]:has(.cms-cashier-payment-method-PraxisStpTonder)
  [class*="TilesViewPaymentForm__headerWithBackBtn--"],
[class*="Cashier__container--"]:has(
    .cms-cashier-payment-method-TonderApmSPEIWdPrx
  )
  [class*="TilesViewPaymentForm__headerWithBackBtn--"],
[class*="Cashier__container--"]:has(.cms-cashier-payment-method-PraxisStp)
  [class*="TilesViewPaymentForm__headerWithBackBtn--"] {
  background: url(/library/icons/payment-methods/v2/spei.svg) no-repeat center;
  background-size: auto 30px;
} */

/* [class*="TilesViewPaymentForm__headerWithBackBtn--"]
  [class*="TilesViewPaymentForm__title--"] {
  display: none;
} */

.cms-cashier-deposit-actions-amount {
  display: flex;
  flex-direction: column;
}

.cms-cashier-deposit-actions-amount [class*="Input__container--"] {
  order: 2;
  margin-top: 0;
}

.cms-cashier-deposit-actions-amount
  [class*="AmountSuggestions__suggestions--"] {
  order: 1;
}

.cms-cashier-deposit-actions-amount
  [class*="AmountSuggestions__suggestions--"] {
  position: relative;
  margin-bottom: 3rem;
  padding: 1rem 0;
}

.cms-cashier-deposit-actions-amount
  [class*="AmountSuggestions__suggestions--"]::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -24px;
  height: 1px;
  background: #ccc;
}

.cms-cashier-deposit-actions-amount
  [class*="AmountSuggestions__suggestions--"]::after {
  content: "OR";
  position: absolute;
  left: 50%;
  bottom: -34px;
  transform: translateX(-50%);
  padding: 0 12px;
  background: var(--body-background-color); /* Match page background */
  color: #666;
  font-weight: 600;
  text-transform: uppercase;
}

[data-theme="dark"]
  .cms-cashier-deposit-actions-amount
  [class*="AmountSuggestions__suggestions--"]::after {
  color: white;
}

[class*="Cashier__container--"] [class*="Input__innerContainer--"] {
  background: var(--input-field-background-color);
}

[class*="AmountSuggestion__suggestion--"] {
  position: relative;
}

[class*="AmountSuggestion__suggestion--"]:nth-child(2)::before {
  content: "Popular";
  position: absolute;
  top: 10px;
  left: 50%;
  transform: translate(-50%, -100%);
  padding: 4px 12px;
  background: #6b47f3;
  color: #fff;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.4;
  white-space: nowrap;
}

[class*="AmountSuggestion__suggestion--"][class*="AmountSuggestion__highlighted--"],
[data-theme="dark"]
  [class*="AmountSuggestion__suggestion--"][class*="AmountSuggestion__highlighted--"] {
  border: 1px solid #6b47f3;
  background-color: #ede8ff;
  color: #6b47f3;
}
.desktop [class*="AmountSuggestion__suggestion--"]:hover {
  background-color: #ede8ff;
  color: #6b47f3;
  border: 1px solid #ede8ff;
}

[class*="AmountSuggestions__suggestions--"] {
  gap: 8px;
  display: flex;
}

[class*="AmountSuggestion__suggestion--"] {
  font-size: 18px;
  font-weight: bold;
  height: auto;
  padding: 1rem 0;
  width: calc(33.3333% - 8px);
  margin: 0;
  transition: background-color 0.25s ease-out;
  background-color: white;
  border: 1px solid #ebebeb;
  border-radius: 8px;
}

[data-theme="dark"] [class*="AmountSuggestion__suggestion--"] {
  color: white;
  background-color: rgba(255, 255, 255, 0.1);
  border: 1px solid #414149;
}

.portlet-deposit [class*="TilesView__tilesView--"],
.portlet-withdrawal [class*="TilesView__tilesView--"] {
  padding: 0;
}

[class*="LightBox__popup--"][class*="Popup__popup--"],
[class*="LightBox__popup--"] [class*="Popup__inner--"] {
  padding: 0;
}
[class*="LightBox__popup--"] [class*="Popup__inner--"] {
  padding-top: 0.5rem;
}

@media screen and (min-width: 768px) {
  [class*="LightBox__popup--"][class*="Popup__popup--"] {
    min-width: auto;
    width: 50%;
    margin: auto;
    height: 90%;
  }
}

[data-url-path="/banco/depositar"]
  [class*="LightBox__popup--"]
  .popup-modal__title {
  background: url(/library/logos/hardRockBetLogoBlackPurple.svg) no-repeat
    center 10px / 62px;
}

[data-theme="dark"][data-url-path="/banco/depositar"]
  [class*="LightBox__popup--"]
  .popup-modal__title {
  background: url(/library/logos/hardRockBetLogoWhitePurple.svg) no-repeat
    center 10px / 62px;
}

[data-url-path="/banco/retirar"]
  [class*="LightBox__popup--"]
  .popup-modal__title {
  background: url(/library/logos/hardRockBetLogoBlackPurple.svg) no-repeat
    center 10px / 62px;
}

[data-theme="dark"][data-url-path="/banco/retirar"]
  [class*="LightBox__popup--"]
  .popup-modal__title {
  background: url(/library/logos/hardRockBetLogoWhitePurple.svg) no-repeat
    center 10px / 62px;
}

/*Verification*/
.verification-id-section h2 {
  padding-top: 2rem;
}
[class*="ShuftiContent__verification--"] {
  max-width: 700px;
  width: 100%;
}

[class*="ShuftiContent__content--"] {
  margin: 2rem 0;
}

[class*="ShuftiContent__verification--"]
  [class*="Button__primary--"][class*="Button__success--"] {
  width: 100%;
}

.mobile [data-portlet-type="shufti"] iframe {
  width: 100vw;
  height: calc(100vh - 84px);
  margin: 0;
}

/* HRD Side Content with menu */
.hrd-side-column {
  padding: 0 1rem;
}

.hrd-side-column {
  position: relative;
}
/* .hrd-side-column::after {
content: "";
    position: absolute;
    right: 0;
    top: -.5rem;
    height: 100%;
    width: 120px;
    pointer-events: none;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #eaeaf0);
}

  .desktop .hrd-side-column::after{
    background: none;
  } */

.hrd-side-menu {
  display: flex;
  gap: 1rem;
  list-style-type: none;
  margin: 0;
  padding: 1rem 0;

  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 0.5rem;
}

.hrd-side-menu li {
  flex: 0 0 auto;
}

.hrd-side-menu a {
  color: var(--hrd-black);
}

[data-theme="dark"] .hrd-side-menu a {
  color: var(--hrd-secondary-500);
}

.hrd-side-menu a.active {
  color: var(--hrd-primary-500);
}

.hrd-side-menu li:first-child a {
  font-weight: bold;
}

.hrd-side .hrd-side-content {
  padding: 0 1rem;
}

@media (min-width: 768px) {
  .hrd-side {
    display: flex;
    gap: 2rem;
  }
  .hrd-side-column {
    padding: 1rem 2rem;
    border-right: 1px solid #ddd;
    width: 250px;
  }

  [data-theme="dark"] .hrd-side-column {
    border-right: 1px solid #3e3e45;
  }

  .hrd-side-column::after {
    background: none;
  }

  .hrd-side-menu {
    display: flex;
    flex-direction: column;
  }

  .hrd-side-menu li:not(:first-child) {
    margin-left: 1rem;
  }
  .hrd-side-menu a {
    font-size: var(--space-4);
  }

  .hrd-side-menu a.active {
    background: url(/library/icons/arrow-right.svg) no-repeat left center;
    padding-left: 1rem;
  }

  .hrd-side .hrd-side-content {
    padding: 1rem 0;
    flex: 1;
  }

  .hrd-side .hrd-side-content h1 {
    margin: 0;
  }
}

/*Side games sports*/
#sportsbook-side-games [class*="Game__imageContainer--"] {
  border-radius: 12px;
  overflow: hidden;
  height: 255px;
}
#sportsbook-side-games [class*="Game__container--"] {
  border-radius: 12px;
}
#sportsbook-side-games [class*="GamesView__game--"] {
  margin: 0.5rem;
}

#sportsbook-side-games [class*="Popup__close--"] {
  display: none;
}
[class*="Game__imageContainer--"] [class*="Game__image--"] {
  border-radius: 12px;
  box-shadow: none;
}

@media (min-width: 768px) {
  #sportsbook-side-games [class*="Game__imageContainer--"] {
    height: 340px;
  }
}

/*RG Tool Styles*/

.cms-deposit-limits [class*="DepositLimits__controls--"],
.cms-deposit-limits [class*="Limit__control--"] {
  max-width: none;
}

.cms-deposit-limits [class*="Control__content--"]:before {
  padding-left: 1em;
}

.cms-timeout-container [class*="Timeout__control--"] {
  width: auto;
}

.cms-timeout-container
  [class*="Timeout__controls--"]
  [class*="Timeout__submit--"] {
  max-width: none;
}

/* ============================================================
   Cashier responsive overrides
   Replaces .desktop / .tablet / .mobile device classes with
   viewport media queries so layout updates on resize without a
   page reload. Only ports layout-shifting rules; hover and
   cosmetic rules still rely on the original device classes.
   Breakpoints: mobile <=767, tablet 768-1023, desktop >=1024.
   Selectors are double-classed (.Foo.Foo) to match the
   cashier's own `.desktop .Foo` specificity (0,2,0) so these
   overrides win regardless of which device class the host set
   on page load.
   ============================================================ */

/* Mobile — portrait */
/* @media (max-width: 767px) and (orientation: portrait) {
  .ActionSection__content--nOZ.ActionSection__content--nOZ {
    grid-template-columns: minmax(0, 1fr);
  }
  .AccountFields__accountFields--3-u.AccountFields__accountFields--3-u {
    grid-template-columns: minmax(0, 1fr);
  }
  .EasyCC__container--268.EasyCC__container--268 #epgjs-cashier-pay-form,
  .EasyCC__container--268 .EasyCC__fields--2JB.EasyCC__fields--2JB {
    grid-template-columns: minmax(0, 1fr);
  }
  .TilesView__tilesView--3Cl.TilesView__tilesView--3Cl:not(
      .TilesView__list--22U
    ) {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
  /* triple-classed so this beats the .mobile+.tablet rule below
     (matches cashier's `.mobile.portrait .Tab__tab` = 0,3,0) */
/* .Tab__tab--3xK.Tab__tab--3xK.Tab__tab--3xK {
    width: 80%;
  } */

/* Mobile — landscape */
/* @media (max-width: 767px) and (orientation: landscape) {
  .ActionSection__content--nOZ.ActionSection__content--nOZ {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
  .AccountFields__accountFields--3-u.AccountFields__accountFields--3-u {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
  .EasyCC__container--268.EasyCC__container--268 #epgjs-cashier-pay-form,
  .EasyCC__container--268 .EasyCC__fields--2JB.EasyCC__fields--2JB {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
  .TilesView__tilesView--3Cl.TilesView__tilesView--3Cl:not(
      .TilesView__list--22U
    ) {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
  }
} */

/* Mobile — shared (portrait + landscape) */
/* @media (max-width: 767px) {
  .TilesView__tilesView--3Cl.TilesView__tilesView--3Cl:not(
      .TilesView__list--22U
    ) {
    --cashier-tiles-grid-gap: 0.57rem;
  }
  .TilesView__tilesView--3Cl:not(.TilesView__list--22U)
    .TilesView__tile--2ca.TilesView__withIcons--Cy-.TilesView__withIcons--Cy- {
    height: 10rem;
  }
  .TilesView__tilesView--3Cl:not(.TilesView__list--22U)
    .TilesView__tileIcon--3QQ.TilesView__tileIcon--3QQ {
    width: 5.4rem;
  }
} */

/* Mobile + Tablet (shared below-desktop rules) */
/* @media (max-width: 1023px) {
  .Tab__tab--3xK.Tab__tab--3xK {
    display: inline-flex;
    margin-bottom: 0;
    margin-left: var(--tab-margin);
    width: 20.57rem;
  }
  .Tab__tab--3xK.Tab__tab--3xK:first-child {
    margin-left: var(--mobile-content-padding);
  }
  .Tab__tab--3xK.Tab__tab--3xK:last-child {
    margin-right: var(--mobile-content-padding);
  }
  .Tab__tab--3xK .Tab__tabContent--2LN.Tab__tabContent--2LN {
    margin: 0 0.57rem;
  }
  .Tab__tab--3xK .Tab__tabHighlight--3SU.Tab__tabHighlight--3SU {
    height: 0.54rem;
    width: 100%;
  }

  .NavigationTabs__tabs--1Iw.NavigationTabs__tabs--1Iw {
    overflow-x: auto;
    width: 100%;
    -webkit-overflow-scrolling: touch;
    padding: 1.14rem 0;
    white-space: nowrap;
    word-wrap: normal;
    -webkit-user-select: none;
    user-select: none;
  }
  .NavigationTabs__tabs--1Iw.NavigationTabs__tabs--1Iw::-webkit-scrollbar {
    display: none;
  }
} */

/* Tablet only */
/* @media (min-width: 768px) and (max-width: 1023px) {
  .ActionSection__content--nOZ.ActionSection__content--nOZ {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
  }
  .AccountFields__accountFields--3-u.AccountFields__accountFields--3-u {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
  }
  .EasyCC__container--268.EasyCC__container--268 #epgjs-cashier-pay-form,
  .EasyCC__container--268 .EasyCC__fields--2JB.EasyCC__fields--2JB {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
  }
  .TilesView__tilesView--3Cl.TilesView__tilesView--3Cl:not(
      .TilesView__list--22U
    ) {
    grid-template-columns: repeat(auto-fill, minmax(16.7rem, 1fr));
  }
  .TilesView__tilesView--3Cl:not(.TilesView__list--22U)
    .TilesView__tileIcon--3QQ.TilesView__tileIcon--3QQ {
    width: 6rem;
  }
} */

/* Desktop */
/* @media (min-width: 1024px) {
  .ActionSection__content--nOZ.ActionSection__content--nOZ {
    grid-template-columns: repeat(auto-fill, max(20rem));
  }
  .AccountFields__accountFields--3-u.AccountFields__accountFields--3-u {
    grid-template-columns: repeat(auto-fill, max(20rem));
  }
  .EasyCC__container--268.EasyCC__container--268 #epgjs-cashier-pay-form,
  .EasyCC__container--268 .EasyCC__fields--2JB.EasyCC__fields--2JB {
    grid-template-columns: repeat(auto-fill, max(20rem));
  }
  .TilesView__tilesView--3Cl.TilesView__tilesView--3Cl:not(
      .TilesView__list--22U
    ) {
    grid-template-columns: repeat(auto-fill, minmax(19.7rem, 1fr));
  }
  .TilesView__tilesView--3Cl:not(.TilesView__list--22U)
    .TilesView__tileIcon--3QQ.TilesView__tileIcon--3QQ {
    width: 7.05rem;
  }

  .NavigationTabsView__navigationTabsView--3Wb.NavigationTabsView__navigationTabsView--3Wb {
    display: flex;
  }
  .NavigationTabsView__navigationTabsView--3Wb
    .NavigationTabsView__tabs--3P_.NavigationTabsView__tabs--3P_ {
    margin-top: 1rem;
  }
  .NavigationTabsView__navigationTabsView--3Wb
    .NavigationTabsView__tab--FUQ.NavigationTabsView__withIcons--2gv.NavigationTabsView__withIcons--2gv {
    justify-content: flex-start;
  }
  .NavigationTabsView__navigationTabsView--3Wb
    .NavigationTabsView__activeMethod--2Vx.NavigationTabsView__activeMethod--2Vx {
    margin-left: 1rem;
  }
} */

[class*="Cashier__container--"] .cms-cashier-leftSideMenu-view {
  flex-direction: column;
}

.cms-cashier-leftSideMenu-view .cms-cashier-navigation-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 1rem 0;
}

.cms-cashier-leftSideMenu-view
  .cms-cashier-navigation-tabs
  [class*="Tab__tab--"] {
  width: calc(50% - 0.5rem);
  margin: 0;
}

.cms-cashier-leftSideMenu-view .cms-cashier-deposit-actions,
.cms-cashier-leftSideMenu-view .cms-cashier-withdraw-actions {
  grid-template-columns: auto;
}

.cms-cashier-leftSideMenu-view [class*="NavigationTabsView__activeMethod--"] {
  margin-left: 0 !important;
}

@media screen and (min-width: 768px) {
  [class*="Cashier__container--"] .cms-cashier-leftSideMenu-view {
    flex-direction: row;
    gap: 2rem;
  }

  .cms-cashier-leftSideMenu-view [class*="NavigationTabs__wrapper--"] {
    width: 45%;
  }

  .cms-cashier-leftSideMenu-view .cms-cashier-navigation-tabs {
    flex-direction: column;
  }

  .cms-cashier-leftSideMenu-view
    .cms-cashier-navigation-tabs
    [class*="Tab__tab--"] {
    width: 100%;
  }
}
[class*="CardPopup__minimizing"] {
  --card-popup-minimized-margin: calc(100dvh - 160px) !important;
  z-index: 9 !important;
}
body:has([class*="CardPopup__layer"]) .sticky-footer-container {
  z-index: 13;
}

body:has([class*="CardPopup__minimizing"]) .sticky-footer-container {
  z-index: 9;
}
body:has([class*="CardPopup__maximizing"]) .sticky-footer-container {
  z-index: 12;
}
/* ============================================================
   Popup styles
   ============================================================ */

@supports selector(:has(img)) {
  [class*="PopupManager__layer-"]:has([class*="Popup__inner-"] img):has(
      [class*="Popup__actionButtons-"]
    ):not(:has(form)):not(:has(input))
    [class*="PopupManager__layout-"] {
    width: min(560px, calc(100vw - 24px)) !important;
    max-width: min(560px, calc(100vw - 24px)) !important;
    animation: hrmx-image-popup-in 260ms cubic-bezier(0.22, 1, 0.36, 1) both;
    transform-origin: center;
  }

  [class*="Popup__popup-"]:has([class*="Popup__inner-"] img):has(
      [class*="Popup__actionButtons-"]
    ):not(:has(form)):not(:has(input)) {
    width: 100% !important;
    max-width: 100% !important;
    padding: 8px !important;
    border-radius: 12px !important;
    overflow: visible !important;
    box-shadow:
      0 24px 68px rgba(0, 0, 0, 0.62),
      0 0 0 1px rgba(255, 255, 255, 0.06) !important;
  }

  [class*="Popup__popup-"]:has([class*="Popup__inner-"] img):has(
      [class*="Popup__actionButtons-"]
    ):not(:has(form)):not(:has(input))
    [class*="Popup__title-"]:empty,
  [class*="Popup__popup-"]:has([class*="Popup__inner-"] img):has(
      [class*="Popup__actionButtons-"]
    ):not(:has(form)):not(:has(input))
    .popup-modal__title:empty {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  [class*="Popup__popup-"]:has([class*="Popup__inner-"] img):has(
      [class*="Popup__actionButtons-"]
    ):not(:has(form)):not(:has(input))
    [class*="Popup__inner-"],
  [class*="Popup__popup-"]:has([class*="Popup__inner-"] img):has(
      [class*="Popup__actionButtons-"]
    ):not(:has(form)):not(:has(input))
    .popup-modal__inner-content {
    width: 100% !important;
    height: auto !important;
    max-height: calc(100vh - 130px) !important;
    max-height: calc(100dvh - 130px) !important;
    padding: 0 !important;
    overflow: visible !important;
    animation: hrmx-image-popup-content-in 360ms ease-out 80ms both;
    transform-origin: center;
  }

  [class*="Popup__popup-"]:has([class*="Popup__inner-"] img):has(
      [class*="Popup__actionButtons-"]
    ):not(:has(form)):not(:has(input))
    [class*="Popup__inner-"]
    img {
    display: block;
    max-width: 100% !important;
    height: auto;
  }

  [class*="Popup__popup-"]:has([class*="Popup__inner-"] img):has(
      [class*="Popup__actionButtons-"]
    ):not(:has(form)):not(:has(input))
    [class*="Popup__close-"] {
    top: -12px !important;
    right: -12px !important;
    z-index: 9999 !important;
    width: 38px !important;
    height: 38px !important;
    border-radius: 50% !important;
    background: #fff !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45) !important;
    opacity: 1 !important;
    overflow: visible !important;
    transition:
      transform 160ms ease,
      box-shadow 160ms ease;
  }

  [class*="Popup__popup-"]:has([class*="Popup__inner-"] img):has(
      [class*="Popup__actionButtons-"]
    ):not(:has(form)):not(:has(input))
    [class*="Popup__close-"]:hover {
    transform: scale(1.08);
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.5) !important;
  }

  [class*="Popup__popup-"]:has([class*="Popup__inner-"] img):has(
      [class*="Popup__actionButtons-"]
    ):not(:has(form)):not(:has(input))
    [class*="Popup__close-"]::before,
  [class*="Popup__popup-"]:has([class*="Popup__inner-"] img):has(
      [class*="Popup__actionButtons-"]
    ):not(:has(form)):not(:has(input))
    [class*="Popup__close-"]::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 17px;
    height: 2px;
    border-radius: 2px;
    background: #1a181b;
    transform-origin: center;
  }

  [class*="Popup__popup-"]:has([class*="Popup__inner-"] img):has(
      [class*="Popup__actionButtons-"]
    ):not(:has(form)):not(:has(input))
    [class*="Popup__close-"]::before {
    transform: translate(-50%, -50%) rotate(45deg);
  }

  [class*="Popup__popup-"]:has([class*="Popup__inner-"] img):has(
      [class*="Popup__actionButtons-"]
    ):not(:has(form)):not(:has(input))
    [class*="Popup__close-"]::after {
    transform: translate(-50%, -50%) rotate(-45deg);
  }

  @media (max-width: 639px) {
    [class*="PopupManager__layer-"]:has([class*="Popup__inner-"] img):has(
        [class*="Popup__actionButtons-"]
      ):not(:has(form)):not(:has(input))
      [class*="PopupManager__layout-"] {
      width: calc(100vw - 16px) !important;
      max-width: calc(100vw - 16px) !important;
    }

    [class*="Popup__popup-"]:has([class*="Popup__inner-"] img):has(
        [class*="Popup__actionButtons-"]
      ):not(:has(form)):not(:has(input)) {
      padding: 6px !important;
    }

    [class*="Popup__popup-"]:has([class*="Popup__inner-"] img):has(
        [class*="Popup__actionButtons-"]
      ):not(:has(form)):not(:has(input))
      [class*="Popup__close-"] {
      top: -10px !important;
      right: -6px !important;
    }
  }
}

@media (prefers-reduced-motion: reduce) {
  [class*="PopupManager__layout-"],
  [class*="Popup__inner-"],
  .popup-modal__inner-content {
    animation: none !important;
  }

  [class*="Popup__close-"] {
    transition: none !important;
  }
}

[class*="Popup__inner-"] .db-wheel {
  margin-top: 0 !important;
  padding-bottom: 0 !important;
}

[class*="Popup__inner-"] .db-wheel__variant {
  width: 100% !important;
  border-radius: 8px !important;
}

[class*="Popup__inner-"] .db-wheel__container {
  max-width: 100% !important;
  padding: clamp(14px, 3vw, 28px) 0 !important;
}

[class*="Popup__inner-"] .db-wheel__stage {
  width: min(100%, calc(100vh - 210px)) !important;
  width: min(100%, calc(100dvh - 210px)) !important;
  margin: 0 auto !important;
}

/* ============================================================
   Rock points (Loyalty points) styles
   ============================================================ */

.hrd-loyalty-points .cms-loyalty-points {
  display: flex;
  flex-direction: column;
  padding: 0 0 1rem 0;
}

.hrd-loyalty-points [class*="Comppoints__header--"] {
  border-bottom: 0;
  background:
    url("/library/loyalty-points/rock-points.png") no-repeat center 3rem,
    url("/library/loyalty-points/mobile.png") no-repeat bottom center,
    url("/library/loyalty-points/loyalty-bg.png") no-repeat center center;
  background-color: #6a46f3;
  background-size: 300px, contain, cover;
  padding: 6rem 0 3rem 0;
}

@media (min-width: 380px) {
  .hrd-loyalty-points [class*="Comppoints__header--"] {
    background-size: 360px, contain, cover;
  }
}

@media (min-width: 420px) {
  .hrd-loyalty-points [class*="Comppoints__header--"] {
    background-size: 400px, contain, cover;
  }
}

@media (min-width: 500px) {
  .hrd-loyalty-points [class*="Comppoints__header--"] {
    background-size: 460px, 0, cover;
    padding: 6rem 0 0 0;
  }
}

@media (min-width: 500px) {
  .hrd-loyalty-points [class*="Comppoints__header--"] {
    background:
      url("/library/loyalty-points/rock-points.png") no-repeat center 3rem,
      url("/library/loyalty-points/mobile.png") no-repeat bottom center,
      url("/library/loyalty-points/loyalty-bg.png") no-repeat center center;
    background-size: 460px, 0, cover;
    padding: 6rem 0 0 0;
  }
}

@media (min-width: 768px) {
  .hrd-loyalty-points [class*="Comppoints__header--"] {
    background:
      url("/library/loyalty-points/rock-points.png") no-repeat center 3rem,
      url("/library/loyalty-points/left.png") no-repeat bottom left,
      url("/library/loyalty-points/right.png") no-repeat bottom right,
      url("/library/loyalty-points/loyalty-bg.png") no-repeat center center;
    background-size: 460px, 200px, 200px, cover;
    padding: 6rem 0 0 0;
  }
}

@media (min-width: 900px) {
  .hrd-loyalty-points [class*="Comppoints__header--"] {
    background:
      url("/library/loyalty-points/rock-points.png") no-repeat center 3rem,
      url("/library/loyalty-points/left.png") no-repeat bottom left,
      url("/library/loyalty-points/right.png") no-repeat bottom right,
      url("/library/loyalty-points/loyalty-bg.png") no-repeat center center;
    background-size: 460px, 250px, 250px, cover;
    padding: 6rem 0 0 0;
  }
}

@media (min-width: 1068px) {
  .hrd-loyalty-points [class*="Comppoints__header--"] {
    background:
      url("/library/loyalty-points/rock-points.png") no-repeat center 3rem,
      url("/library/loyalty-points/left.png") no-repeat bottom left,
      url("/library/loyalty-points/right.png") no-repeat bottom right,
      url("/library/loyalty-points/loyalty-bg.png") no-repeat center center;
    background-size: 460px, 300px, 300px, cover;
    padding: 6rem 0 0 0;
  }
}

.hrd-loyalty-points
  [class*="Comppoints__header--"]
  [class*="Comppoints__balance--"] {
  width: 100%;
  display: flex;
  flex-direction: column;
  border: none !important;
}

.hrd-loyalty-points
  .cms-loyalty-points-header
  [class*="Comppoints__balance"]:nth-of-type(2) {
  display: none;
}

.hrd-loyalty-points
  [class*="Comppoints__header--"]
  [class*="Comppoints__balance--"]
  [class*="Comppoints__amount--"] {
  order: 2;
  color: white;
  font-weight: 900;
  font-size: 6rem;
}

.hrd-loyalty-points
  [class*="Comppoints__header--"]
  [class*="Comppoints__balance--"]
  [class*="Comppoints__text--"] {
  order: 1;
  width: 100%;
  padding: 0 1rem;
  font-size: 20px;
  color: white;
  text-align: center;
  line-height: 2rem;
}

.hrd-loyalty-points
  [class*="Comppoints__header--"]
  [class*="Comppoints__balance--"]
  [class*="Comppoints__points--"] {
  order: 3;
  width: 100%;
  padding: 0 3rem;
  max-width: 365px;
  margin: auto;
  color: white;
  display: none;
}

.hrd-loyalty-points
  [class*="Comppoints__header--"]
  [class*="Comppoints__balance--"]
  [class*="Comppoints__points--"]
  [class*="Comppoints__value-"] {
  color: white;
}

.hrd-loyalty-points .cms-loyalty-points-description {
  order: 999;
  max-width: 1440px;
  margin: auto;
  padding: 0 1rem;
}

.hrd-loyalty-points .cms-loyalty-points-description h3 {
  font-size: 1.71rem;
  text-align: center;
  text-transform: uppercase;
}

.hrd-loyalty-points [class*="Comppoints__error"] {
  margin: 1rem auto;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.1);
  width: calc(100vw - 2rem);
  max-width: 1440px;
  border-radius: 8px;
}

[data-theme="dark"] .hrd-loyalty-points [class*="Comppoints__error"] {
  background: rgba(255, 255, 255, 0.1);
}

/*Cards*/
.hrd-loyalty-points .cms-loyalty-points-description-cards {
  max-width: 1440px;
  margin: auto;
  width: 100%;
  padding: 0 1rem;
  display: flex;
  flex-direction: row;
  gap: 1rem;
  margin-bottom: 2rem;
}

[class*="Comppoints__cardContainer--"] {
  width: 100%;
  margin: 0;
}

@media (min-width: 768px) {
  [class*="Comppoints__list--"] {
    flex-direction: row;
  }

  [class*="Comppoints__cardContainer--"] {
    width: calc(50% - 0.5rem);
  }
}

@media (min-width: 1440px) {
  .hrd-loyalty-points .cms-loyalty-points-description-cards {
    padding: 0;
  }
}

.hrd-loyalty-points [class*="Comppoints__descriptionTitle--"] {
  text-transform: uppercase;
  font-size: 1.6rem;
  color: #6a46f3;
  padding: 2rem 0 1rem 0;
  text-align: center !important;
}

[data-theme="dark"]
  .hrd-loyalty-points
  [class*="Comppoints__descriptionTitle--"] {
  color: white;
}

.hrd-loyalty-points [class*="Comppoints__cardContainer--"] {
  background: #ece8fe;
  border-radius: 8px;
  border: 1px #9f46f3 solid;
}

[class*="Comppoints__cardContainer--"]:hover {
  box-shadow: none;
}

.hrd-loyalty-points [class*="Comppoints__cardTitle--"] {
  font-size: 1.4rem;
  background: linear-gradient(
    136deg,
    #9f46f3 14.86%,
    #6a46f3 60.98%,
    #3d2694 85.07%
  );
  color: white;
  font-weight: bold;
  padding: 10px 20px;
}

.hrd-loyalty-points [class*="Comppoints__cardConversionRate--"] {
  color: #1a181b;
  font-weight: 900;
}

.hrd-loyalty-points [class*="Comppoints__cardDetails--"] {
  line-height: 1.6em;
  font-size: 16px;
  padding-left: 1rem;
  color: #1a181b;
}

.hrd-loyalty-points [class*="Comppoints__cardTitle--"].efectivo-bg {
  padding-left: 6rem;
  background-image:
    url(/library/loyalty-points/cash.svg),
    linear-gradient(136deg, #9f46f3 14.86%, #6a46f3 60.98%, #3d2694 85.07%);
  background-repeat: no-repeat, no-repeat;
  background-position:
    1rem center,
    center;
  background-size: 60px, cover;
}

.hrd-loyalty-points [class*="Comppoints__cardTitle--"].girosgratis-bg {
  padding-left: 6rem;
  background-image:
    url(/library/loyalty-points/pt-freespins.webp),
    linear-gradient(136deg, #9f46f3 14.86%, #6a46f3 60.98%, #3d2694 85.07%);
  background-repeat: no-repeat, no-repeat;
  background-position:
    1rem center,
    center;
  background-size: 45px, cover;
  padding-left: 68px;
}

.hrd-loyalty-points [class*="Comppoints__convertBtn--"],
.hrd-loyalty-points [class*="Comppoints__infoBtn--"] {
  height: inherit;
}

.hrd-loyalty-points [class*="Comppoints__buttons--"] > button:only-child {
  width: 100%;
}

[data-theme="dark"]
  .hrd-loyalty-points
  [class*="ReadMore__fadingLine--"]:before {
  background: linear-gradient(#fff0, var(--hrd-black));
}

.hrd-loyalty-points [class*="Comppoints__infoBtn--"]:hover {
  background-color: rgba(255, 255, 255, 0.2) !important;
}

.hrd-loyalty-points
  [class*="Comppoints__infoBtn--"]
  [class*="Comppoints__icon--"] {
  transform: rotate(0deg);
  transition: transform 0.3s;
  background-image: url(/library/icons/arrow-down-black.svg);
  background-position: initial;
  background-size: contain;
  background-position: center;
  background-size: 16px;
}

.hrd-loyalty-points
  [class*="Comppoints__infoBtn--"]
  [class*="Comppoints__icon--"][class*="Comppoints__iconExpanded--"] {
  transform: rotate(180deg);
  margin-top: -3px;
}

@media (max-width: 440px) {
  .hrd-loyalty-points
    [class*="Comppoints__infoBtn--"]
    [class*="Comppoints__icon--"] {
    display: none;
  }
}

[data-theme="dark"]
  .hrd-loyalty-points
  [class*="Button__secondary--"][class*="Button__info--"] {
  border-color: #1a181b;
  color: #1a181b;
}

[class*="ReadMore__container--"] {
  max-height: none !important;
}
[class*="ReadMore__fadingLine--"] {
  display: none;
}

[class*="Comppoints__expanded--"]
  [class*="GamesView__games--"]
  [class*="GamesView__game--"] {
  margin: 0 5px;
}

[class*="Comppoints__expanded--"] [class*="Game__imageContainer--"] {
  padding-top: 90px;
}

/*Convert popup*/

@media (min-width: 768px) {
  [class*="Popup__popup--"][class*="ConvertPopup__popup--"] {
    max-width: 30em;
    width: 100%;
  }
}

[class*="Popup__popup--"][class*="ConvertPopup__popup--"]
  [class*="ConvertPopup__title--"] {
  text-align: left;
  font-weight: bold;
  font-size: 28px;
  color: #6a46f3;
  margin-top: 0;
  min-height: 4rem;
}

[data-theme="dark"]
  [class*="Popup__popup--"][class*="ConvertPopup__popup--"]
  [class*="ConvertPopup__title--"] {
  color: white;
}

[class*="Popup__popup--"][class*="ConvertPopup__popup--"]
  [class*="ConvertPopup__conversionInfo--"] {
  margin: 0;
  text-align: left;
  font-size: 16px;
}

[class*="Popup__popup--"][class*="ConvertPopup__popup--"]
  [class*="ConvertPopup__accentedText--"] {
  font-weight: bold;
}

[class*="Popup__popup--"][class*="ConvertPopup__popup--"]
  [class*="ConvertPopup__promptText--"] {
  font-weight: bold;
  line-height: normal;
  display: block;
  padding-top: 1rem;
}

[class*="Popup__popup--"][class*="ConvertPopup__popup--"]
  [class*="ConvertPopup__accentedText--"] {
  color: var(--popup-font-color);
  font-weight: 900;
}

[class*="Popup__popup--"][class*="ConvertPopup__popup--"]
  [class*="ConvertPopup__buttons--"] {
  display: flex;
  gap: 1rem;
}

[data-theme="dark"]
  [class*="Popup__popup--"][class*="ConvertPopup__popup--"]
  [class*="ConvertPopup__buttons--"]
  > button,
[data-theme="dark"]
  [class*="Popup__popup--"][class*="ConvertPopup__popup--"]
  [class*="ConvertPopup__buttons--"]
  > button:hover {
  color: white;
}

[class*="Popup__popup--"][class*="ConvertPopup__popup--"]
  [class*="ConvertPopup__buttons--"]
  > * {
  height: inherit;
  margin: 0;
}

[data-theme="dark"]
  [class*="Popup__popup--"][class*="ConvertPopup__popup--"]
  [class*="Range__labels--"] {
  color: white;
}

[class*="Popup__popup--"][class*="ConvertPopup__popup--"]
  [class*="ConvertPopup__range--"] {
  margin: 0;
}

[class*="Popup__popup--"][class*="ConvertPopup__popup--"]
  [class*="Range__marks--"] {
  font-size: 12px;
}

[data-theme="dark"]
  [class*="Popup__popup--"][class*="ConvertPopup__popup--"]
  [class*="Range__marks--"] {
  color: white;
}

[class*="Popup__popup--"][class*="ConvertPopup__popup--"]
  [class*="Range__labels--"][class*="Range__labelsAfter--"]
  [class*="Range__label--"] {
  font-size: 32px;
  font-weight: 900;
}