@font-face {
  font-family: Avenir;
  src: url(https://cdn-proxy.globalcontentcloud.com/456/dist/fonts/avenir-35.f136337.ttf)
    format("ttf");
  font-style: normal;
  font-weight: 300;
}

@font-face {
  font-family: Avenir;
  src: url(https://cdn-proxy.globalcontentcloud.com/456/dist/fonts/avenir-45.f630d8a.ttf)
    format("ttf");
  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-family: Avenir;
  src: url(https://cdn-proxy.globalcontentcloud.com/456/dist/fonts/avenir-55.1ff38de.ttf)
    format("ttf");
  font-style: normal;
  font-weight: 500;
}

@font-face {
  font-family: Avenir;
  src: url(https://cdn-proxy.globalcontentcloud.com/456/dist/fonts/avenir-65.575ae43.ttf)
    format("ttf");
  font-style: normal;
  font-weight: 600;
}

@font-face {
  font-family: Avenir;
  src: url(https://cdn-proxy.globalcontentcloud.com/456/dist/fonts/avenir-85.af8024e.ttf)
    format("ttf");
  font-style: normal;
  font-weight: 700;
}

@font-face {
  font-family: Avenir;
  src: url(https://cdn-proxy.globalcontentcloud.com/456/dist/fonts/avenir-95.dbad8bb.ttf)
    format("ttf");
  font-style: normal;
  font-weight: 900;
}

.text-link-bold {
  font-weight: 600;
}

@font-face {
  font-family: "idn";
  src: url(https://cdn-proxy.globalcontentcloud.com/common/font/v1/idn.ttf)
      format("truetype"),
    url(https://cdn-proxy.globalcontentcloud.com/common/font/v1/idn.woff)
      format("woff"),
    url(https://cdn-proxy.globalcontentcloud.com/common/font/v1/idn.svg#idn)
      format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}

[class*=" icon-"],
[class^="icon-"] {
  font-family: "idn" !important;
  speak: never;
  font-style: normal;
  font-weight: 400;
  font-feature-settings: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-minigame:before {
  content: "";
}

.icon-ion:before {
  content: "";
}

.icon-simpleplay:before {
  content: "";
}

.icon-jdb_slot:before {
  content: "";
}

.icon-live_22:before {
  content: "";
}

.icon-penguin_king:before {
  content: "";
}

.icon-nsoftcasino:before {
  content: "";
}

.icon-bigpot:before {
  content: "";
}

.icon-panda:before {
  content: "";
}

.icon-cq9:before {
  content: "";
}

.icon-5g:before {
  content: "";
}

.icon-spin-royal:before {
  content: "";
}

.icon-idnarcade:before {
  content: "";
}

.icon-free-spins:before {
  content: "";
}

.icon-mahjongwins:before {
  content: "";
}

.icon-apparat:before {
  content: "";
}

.icon-sagaming:before {
  content: "";
}

.icon-cmd:before {
  content: "";
}

.icon-nsoft:before {
  content: "";
}

.icon-reevo:before {
  content: "";
}

.icon-level-up:before {
  content: "";
}

.icon-playngo:before {
  content: "";
}

.icon-mg_live_grand:before {
  content: "";
}

.icon-copy:before {
  content: "";
}

.icon-g2fa:before {
  content: "";
}

.icon-crypto:before {
  content: "";
}

.icon-idnpoker:before {
  content: "";
}

.icon-idnlive:before {
  content: "";
}

.icon-raffle-ticket:before {
  content: "";
}

.icon-swap:before {
  content: "";
}

.icon-points:before {
  content: "";
}

.icon-shield:before {
  content: "";
}

.icon-originals:before {
  content: "";
}

.icon-exclusive:before {
  content: "";
}

.icon-fastspin:before {
  content: "";
}

.icon-spadegaming_slot:before {
  content: "";
}

.icon-sport:before {
  content: "";
}

.icon-esport:before {
  content: "";
}

.icon-virtual:before {
  content: "";
}

.icon-reelkingdom:before {
  content: "";
}

.icon-tfgaming:before {
  content: "";
}

.icon-pragmaticplay98:before {
  content: "";
}

.icon-playstar:before {
  content: "";
}

.icon-promowin-history:before {
  content: "";
}

.icon-upg:before {
  content: "";
}

.icon-ttg:before {
  content: "";
}

.icon-evolution-nlc:before {
  content: "";
}

.icon-hand-click:before {
  content: "";
}

.icon-leaderboard:before {
  content: "";
}

.icon-slot-machine:before {
  content: "";
}

.icon-search-file:before {
  content: "";
}

.icon-money-bag:before {
  content: "";
}

.icon-podium:before {
  content: "";
}

.icon-og:before {
  content: "";
}

.icon-sbobet:before {
  content: "";
}

.icon-slot-mania:before,
.icon-slotmania:before {
  content: "";
}

.icon-saba:before,
.icon-sabasports:before {
  content: "";
}

.icon-gear:before {
  content: "";
}

.icon-last-amount:before {
  content: "";
}

.icon-ebetlive:before {
  content: "";
}

.icon-playtech:before,
.icon-playtech_slot:before {
  content: "";
}

.icon-evolution-btg:before {
  content: "";
}

.icon-promo:before {
  content: "";
}

.icon-download:before {
  content: "";
}

.icon-gmw:before {
  content: "";
}

.icon-square-check:before {
  content: "";
}

.icon-square:before {
  content: "";
}

.icon-microgaming:before {
  content: "";
}

.icon-cellular-balance:before {
  content: "";
}

.icon-complaint:before {
  content: "";
}

.icon-check-alt:before {
  content: "";
}

.icon-share:before {
  content: "";
}

.icon-maintenance:before {
  content: "";
}

.icon-table:before {
  content: "";
}

.icon-ubo:before {
  content: "";
}

.icon-reset:before {
  content: "";
}

.icon-link:before {
  content: "";
}

.icon-email:before {
  content: "";
}

.icon-email-sent:before {
  content: "";
}

.icon-ask:before {
  content: "";
}

.icon-back-top:before {
  content: "";
}

.icon-betgames:before {
  content: "";
}

.icon-livegames:before {
  content: "";
}

.icon-luckystreak:before {
  content: "";
}

.icon-ezugi-gaming:before {
  content: "";
}

.icon-vivo-gaming:before {
  content: "";
}

.icon-evolution:before {
  content: "";
}

.icon-facebook:before {
  content: "";
}

.icon-instagram:before {
  content: "";
}

.icon-skype:before {
  content: "";
}

.icon-twitter:before {
  content: "";
}

.icon-whatsapp:before {
  content: "";
}

.icon-youtube:before {
  content: "";
}

.icon-about-us:before {
  content: "";
}

.icon-privacy-policy:before {
  content: "";
}

.icon-responsible-gaming:before {
  content: "";
}

.icon-referral-terms-and-conditions:before,
.icon-terms-and-conditions:before {
  content: "";
}

.icon-bank-transfer:before,
.icon-bank:before {
  content: "";
}

.icon-e-money:before {
  content: "";
}

.icon-mail:before {
  content: "";
}

.icon-qris:before {
  content: "";
}

.icon-register:before {
  content: "";
}

.icon-username:before {
  content: "";
}

.icon-virtual-account:before {
  content: "";
}

.icon-ticket:before {
  content: "";
}

.icon-mail-open:before {
  content: "";
}

.icon-back:before {
  content: "";
}

.icon-pen:before {
  content: "";
}

.icon-times-outlined:before {
  content: "";
}

.icon-check-outlined:before {
  content: "";
}

.icon-apple:before {
  content: "";
}

.icon-android:before {
  content: "";
}

.icon-arrow-down:before {
  content: "";
}

.icon-arrow-up:before {
  content: "";
}

.icon-at:before {
  content: "";
}

.icon-building:before {
  content: "";
}

.icon-calendar:before {
  content: "";
}

.icon-caret-down:before {
  content: "";
}

.icon-caret-up:before {
  content: "";
}

.icon-check-circle:before {
  content: "";
}

.icon-circle:before {
  content: "";
}

.icon-clipboard-check:before {
  content: "";
}

.icon-coins:before {
  content: "";
}

.icon-comment:before {
  content: "";
}

.icon-exclamation-triangle:before {
  content: "";
}

.icon-expand:before {
  content: "";
}

.icon-eye-slash:before {
  content: "";
}

.icon-eye:before {
  content: "";
}

.icon-globe:before {
  content: "";
}

.icon-id-card:before {
  content: "";
}

.icon-key:before {
  content: "";
}

.icon-location-arrow:before {
  content: "";
}

.icon-lock:before {
  content: "";
}

.icon-mobile:before {
  content: "";
}

.icon-money-check:before {
  content: "";
}

.icon-paper-plane:before {
  content: "";
}

.icon-pause-circle:before {
  content: "";
}

.icon-play-circle:before {
  content: "";
}

.icon-play:before {
  content: "";
}

.icon-search:before {
  content: "";
}

.icon-sort-down:before {
  content: "";
}

.icon-sort-up:before {
  content: "";
}

.icon-star:before {
  content: "";
}

.icon-sync:before {
  content: "";
}

.icon-times-circle::before {
  content: "";
}

.icon-user-check:before {
  content: "";
}

.icon-user-ninja:before {
  content: "";
}

.icon-arrow-right:before {
  content: "";
}

.icon-arrow-left:before {
  content: "";
}

.icon-arrow-shape:before {
  content: "";
}

.icon-volume:before {
  content: "";
}

.icon-bars:before {
  content: "";
}

.icon-betsoft:before {
  content: "";
}

.icon-bgaming:before {
  content: "";
}

.icon-booming_games:before {
  content: "";
}

.icon-bng:before {
  content: "";
}

.icon-buy-bonus:before {
  content: "";
}

.icon-felix:before {
  content: "";
}

.icon-gameart-ttg:before {
  content: "";
}

.icon-habanero:before {
  content: "";
}

.icon-hot:before {
  content: "";
}

.icon-idnslot:before,
.icon-idnslotdirect:before {
  content: "";
}

.icon-isoftbet:before {
  content: "";
}

.icon-megaways:before {
  content: "";
}

.icon-evolution-netent:before {
  content: "";
}

.icon-new:before {
  content: "";
}

.icon-pgsoft:before {
  content: "";
}

.icon-bng_playson:before {
  content: "";
}

.icon-pragmaticplay:before {
  content: "";
}

.icon-redrakegaming:before {
  content: "";
}

.icon-evolution-redtiger:before {
  content: "";
}

.icon-spadegaming:before {
  content: "";
}

.icon-spinomenal:before {
  content: "";
}

.icon-table-games:before {
  content: "";
}

.icon-wearecasino:before {
  content: "";
}

.icon-yggdrasil:before {
  content: "";
}

.icon-edit:before {
  content: "";
}

.icon-history:before {
  content: "";
}

.icon-deposit:before {
  content: "";
}

.icon-login:before {
  content: "";
}

.icon-gift:before {
  content: "";
}

.icon-account:before {
  content: "";
}

.icon-withdraw:before {
  content: "";
}

.icon-contact:before {
  content: "";
}

.icon-activity:before {
  content: "";
}

.icon-home:before {
  content: "";
}

.icon-logout:before {
  content: "";
}

.icon-referral:before {
  content: "";
}

.icon-info:before {
  content: "";
}

.icon-chat:before {
  content: "";
}

input:disabled,
select:disabled {
  opacity: 1;
}

.input__container {
  width: 100%;
  position: relative;
  margin-bottom: 1rem;
}

.input__container label {
  display: block;
  font-size: 0.875rem;
  margin-bottom: 0.25rem;
}

.input__container.input--search {
  margin-bottom: 0;
}

.input__root {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  border-radius: 5px;
}

.input__icon {
  position: absolute;
  left: 0.5rem;
  color: #dfbb06;
  z-index: 3;
}

.input__validation-icon {
  position: absolute;
  right: 0.5rem;
}

.input__validation-icon.valid {
  color: #139c44;
}

.input__validation-icon.invalid {
  color: #ff4d4d;
}

.select__container .input__validation-icon {
  right: 1.5rem;
}

.input__error {
  color: #ff4d4d;
  font-size: 0.75rem;
  font-style: italic;
  margin-top: 0.25rem;
  font-family: Avenir, "Helvetica Neue", Arial, sans-serif;
  font-weight: 300;
}

.input__icon--pv {
  right: 0.5rem;
  left: unset;
  cursor: pointer;
}

.select__arrow {
  position: absolute;
  right: 0.5rem;
  pointer-events: none;
}

.select__arrow--disabled {
  color: hsla(0, 0%, 100%, 0.38);
}

.input {
  width: 100%;
  outline: none;
  padding: 0.375rem 1.5rem;
  border-radius: 5px;
  color: #fff;
  border: 1px solid hsla(0, 0%, 100%, 0.6);
  background-color: #060d18;
  font-size: 0.875rem;
  font-family: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  transition: color 0.2s ease, border-color 0.2s ease;
}

.input.input--invalid,
.input.input--invalid:focus,
.input.input--invalid:hover {
  border-color: #ff4d4d;
}

.input.input--valid,
.input.input--valid:focus,
.input.input--valid:hover {
  border-color: #139c44;
}

.input.input__select {
  padding: 0.375rem 2.5rem 0.375rem 1.5rem;
}

.input::-moz-placeholder {
  color: hsla(0, 0%, 100%, 0.6);
}

.input:-ms-input-placeholder {
  color: hsla(0, 0%, 100%, 0.6);
}

.input::placeholder {
  color: hsla(0, 0%, 100%, 0.6);
}

.input:focus,
.input:hover {
  border-color: #dfbb06;
}

.input:disabled {
  color: hsla(0, 0%, 100%, 0.38);
  border-color: hsla(0, 0%, 100%, 0.38);
}

.input--inverse {
  color: #000;
  background-color: #f0f0f0;
  border-color: transparent;
}

.input--inverse::-moz-placeholder {
  color: rgba(0, 0, 0, 0.38);
}

.input--inverse:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.38);
}

.input--inverse::placeholder {
  color: rgba(0, 0, 0, 0.38);
}

.input--hidden {
  z-index: -1;
  position: absolute;
  color: transparent;
  background-color: transparent;
}

.input--search .input__root {
  overflow: hidden;
}

.input--search .input__icon--loading {
  position: absolute;
  right: 0.75rem;
  color: #dfbb06;
}

.input-search--clear {
  position: absolute;
  right: 0;
  color: hsla(0, 0%, 100%, 0.6);
  transition: color 0.2s ease;
}

.input-search--clear:hover {
  color: #fff;
}

.input--search .input {
  padding-left: 2rem;
  padding-right: 2rem;
}

.input--underlined .input {
  border-radius: 0;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.6);
}

.input--underlined .input__icon {
  color: #fff;
}

.input__password .input {
  padding-right: 1.5rem;
}

.input__textarea .input__root {
  overflow: hidden;
}

.input__textarea .input__icon {
  top: 0.625rem;
}

.wallet-form .alert,
.wallet-form button[type="submit"] {
  margin-bottom: 1rem;
}

.wallet-form button[type="submit"]:last-child {
  margin-bottom: 0;
}

.wallet-form--d {
  position: relative;
  display: grid;
  grid-column-gap: 2rem;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.wallet-form--d button[type="submit"] {
  margin-bottom: 0;
}

.wallet-form--d .alert,
.wallet-form--d .bank-select,
.wallet-form--d .bonus-select,
.wallet-form--d .input__container,
.wallet-form--d .preset-amounts,
.wallet-form--d .wallet-detail__deposit-to,
.wallet-form--d button[type="submit"] {
  grid-column: 1/3;
}

.wallet-form--d .wallet-detail:not(.wallet-detail__deposit-to) {
  position: absolute;
  grid-column: 3/4;
  grid-row: 1/2;
  width: 100%;
}

.datepicker__wrapper {
  width: 100%;
}

.datepicker__calendar {
  border: none;
  margin-top: 0.5rem;
  border-radius: 5px;
  background-color: #4a5059;
}

.datepicker__calendar .prev:after {
  border-right-color: #fff;
}

.datepicker__calendar .next:after {
  border-left-color: #fff;
}

.datepicker__calendar .next:not(.disabled):hover,
.datepicker__calendar .prev:not(.disabled):hover,
.datepicker__calendar .up:not(.disabled):hover {
  background: unset;
}

.datepicker__calendar .cell {
  border: none;
  font-size: 0.875rem;
  height: 34px;
  line-height: 34px;
}

.datepicker__calendar .cell.selected {
  background: unset;
  color: #dfbb06;
}

.datepicker__calendar .cell:not(.blank):not(.disabled).day:hover,
.datepicker__calendar .cell:not(.blank):not(.disabled).month:hover,
.datepicker__calendar .cell:not(.blank):not(.disabled).year:hover {
  border: none;
  color: #dfbb06;
}

a {
  color: inherit;
  font-size: 0.875rem;
  text-decoration: none;
  vertical-align: middle;
}

@media (hover: hover) and (min-width: 1024px) {
  a:not(.btn):hover {
    color: #dfbb06;
  }
}

button {
  border: none;
  outline: none;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-family: inherit;
  background-color: unset;
}

.btn {
  height: 34px;
  color: #fff;
  white-space: nowrap;
  padding: 0 1rem;
  font-weight: 700;
  font-size: 0.875rem;
  text-align: center;
  border-radius: 2px;
  background-color: transparent;
  transition: background-color 0.2s ease;
}

.btn:disabled,
.btn:hover:disabled {
  cursor: not-allowed;
  color: hsla(0, 0%, 100%, 0.38);
  background-color: #4a5059;
}

.btn--loading {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.btn--loading:disabled,
.btn--loading:disabled:hover {
  color: transparent;
  border: none;
  background-color: #4a5059;
}

.btn--loading i {
  position: absolute;
  color: #dfbb06;
}

.btn--sm {
  font-size: 0.75rem;
  height: 24px;
}

.btn--block {
  display: block;
  width: 100%;
}

.btn--flex {
  display: flex;
  align-items: center;
  justify-content: center;
}

.btn--outlined {
  border-radius: 5px;
  border: 1px solid hsla(0, 0%, 100%, 0.6);
}

@media (hover: hover) and (min-width: 1024px) {
  .btn--outlined:hover {
    border-color: #fff;
  }
}

.btn--light {
  color: #fff;
  background-color: #4a5059;
}

@media (hover: hover) and (min-width: 1024px) {
  .btn--light:hover {
    background-color: #3e434b;
  }
}

.btn--demo-play {
  color: #fff;
  border: 1px solid hsla(0, 0%, 100%, 0.6);
  background-color: rgba(74, 80, 89, 0.5);
}

@media (hover: hover) and (min-width: 1024px) {
  .btn--demo-play:hover {
    background-color: #4a5059;
  }
}

.btn--dark {
  color: #fff;
  background-color: #060d18;
}

.btn--dark:hover {
  background-color: #010204;
}

.btn--primary {
  color: #fff;
  background-color: #1d2b43;
}

.btn--primary:hover {
  background-color: #152031;
}

.btn--accent {
  color: #fff;
  background-color: #c20c05;
}

@media (hover: hover) and (min-width: 1024px) {
  .btn--accent:hover {
    background-color: #a90a04;
  }
}

.btn--accent-secondary {
  color: #fff;
  background-color: #0ca18a;
}

@media (hover: hover) and (min-width: 1024px) {
  .btn--accent-secondary:hover {
    background-color: #0a8976;
  }
}

.btn--brand {
  color: #fff;
  background-color: #dfbb06;
}

@media (hover: hover) and (min-width: 1024px) {
  .btn--brand:hover {
    background-color: #c6a605;
  }
}

.btn--success {
  color: #fff;
  background-color: #139c44;
}

@media (hover: hover) and (min-width: 1024px) {
  .btn--success:hover {
    background-color: #10853a;
  }
}

.btn--success:disabled,
.btn--success:hover:disabled {
  cursor: not-allowed;
  color: hsla(0, 0%, 100%, 0.38);
  background-color: #0d6f30;
}

.btn--danger {
  color: #fff;
  background-color: #ff4d4d;
}

@media (hover: hover) and (min-width: 1024px) {
  .btn--danger:hover {
    background-color: #ff3434;
  }
}

.btn--round {
  width: 34px;
}

.btn--round,
.btn--sm-round {
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

.btn--sm-round {
  font-size: 0.75rem;
  padding: 0.25rem;
  width: 24px;
  height: 24px;
  box-sizing: content-box;
}

.btn--dropdown-toggle {
  padding-right: 1.5rem;
}

@-webkit-keyframes grow {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes grow {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

@-webkit-keyframes pointer {
  0% {
    touch-action: none;
    pointer-events: none;
  }

  to {
    touch-action: auto;
    pointer-events: all;
  }
}

@keyframes pointer {
  0% {
    touch-action: none;
    pointer-events: none;
  }

  to {
    touch-action: auto;
    pointer-events: all;
  }
}

@-webkit-keyframes trans {
  0% {
    pointer-events: none;
  }

  to {
    pointer-events: all;
    transform: translateY(-0.25rem);
  }
}

@keyframes trans {
  0% {
    pointer-events: none;
  }

  to {
    pointer-events: all;
    transform: translateY(-0.25rem);
  }
}

@-webkit-keyframes skeleton {
  0% {
    left: -100%;
  }

  to {
    left: 100%;
  }
}

@keyframes skeleton {
  0% {
    left: -100%;
  }

  to {
    left: 100%;
  }
}

@-webkit-keyframes countdown {
  0% {
    width: 100%;
  }

  to {
    width: 0;
  }
}

@keyframes countdown {
  0% {
    width: 100%;
  }

  to {
    width: 0;
  }
}

.toasted-container.app-toast.top-left {
  padding: 0 0.5rem;
  left: unset;
  top: calc(90px + 0.5rem);
}

.toasted-container.app-toast.top-left.app-toast--d {
  top: calc(54px + 0.5rem);
}

.toasted-container.app-toast.top-left.app-toast--d .toasted.app-toast {
  max-width: 300px;
}

.toasted-container.app-toast.top-left.app-toast--d
  .toasted.app-toast:first-child {
  margin-top: 0;
}

.toasted-container.app-toast .toasted.app-toast {
  position: relative;
  display: grid;
  overflow: hidden;
  grid-column-gap: 0.5rem;
  min-height: 60px;
  max-width: calc(100vw - 50px);
  grid-template-columns: 4rem 1fr 2rem;
  padding: 0;
  font-weight: 400;
  line-height: normal;
  font-size: 0.875rem;
  color: #fff;
  border-radius: 5px;
  background-color: #4a5059;
  filter: drop-shadow(0.1rem 0.1rem 0.1rem #060d18);
}

.toasted-container.app-toast .toasted.app-toast:after {
  position: absolute;
  display: block;
  left: 0;
  bottom: 0;
  content: "";
  width: 100%;
  height: 0.25rem;
  background-color: rgba(223, 187, 6, 0.5);
  -webkit-animation: countdown 10s linear forwards;
  animation: countdown 10s linear forwards;
}

.toasted-container.app-toast .toasted.app-toast > i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  min-height: 4rem;
  padding: 0.5rem;
  font-size: 1.25rem;
  color: #fff;
  background-color: #4a5059;
}

.toasted-container.app-toast .toasted.app-toast > i:before {
  filter: drop-shadow(0.1rem 0.1rem 0.1rem #060d18);
}

.toasted-container.app-toast .toasted.app-toast a.action {
  justify-self: center;
  display: block;
  margin: 0;
  padding: 0;
  font-size: 1rem;
  color: #fff;
}

.toasted-container.app-toast .toasted.app-toast > span {
  display: block;
  padding: 0.5rem 0;
  font-size: 0.75rem;
  align-self: center;
}

.toasted-container.app-toast .toasted.app-toast.toast--success {
  background-color: #1d2b43;
}

.toasted-container.app-toast .toasted.app-toast.toast--success i {
  color: #139c44;
}

.toasted-container.app-toast .toasted.app-toast.toast--error,
.toasted-container.app-toast .toasted.app-toast.toast--info {
  background-color: #1d2b43;
}

.toasted-container.app-toast .toasted.app-toast.toast--error i {
  color: #ff4d4d;
}

.page-enter-active,
.page-leave-active {
  transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.page-enter,
.page-leave-to {
  opacity: 0;
}

html {
  font-family: Avenir, "Helvetica Neue", Arial, sans-serif;
  font-size: 16px;
  word-spacing: 1px;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
}

*,
:after,
:before {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  overflow: auto;
  overflow: overlay;
  font-weight: 400;
  color: #fff;
  background-color: #060d18;
  padding-bottom: env(safe-area-inset-bottom);
}

@media (min-width: 1024px) {
  body::-webkit-scrollbar {
    width: 0.25rem;
  }

  body::-webkit-scrollbar-track {
    border-radius: 20px;
    background-color: #060d18;
  }

  body::-webkit-scrollbar-thumb {
    border-radius: 20px;
    background-color: #d5d6d5;
  }
}

#__app,
#__layout,
body,
html {
  height: 100%;
  min-height: 100%;
}

h1 {
  font-size: 1.75rem;
}

h2 {
  font-size: 1.5rem;
}

h3 {
  font-size: 1.25rem;
}

h4 {
  font-size: 1rem;
}

h5 {
  font-size: 0.875rem;
}

h6 {
  font-size: 0.75rem;
}

h3,
h4,
h5,
h6 {
  font-weight: 700;
}

ul {
  list-style-type: none;
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="number"] {
  -moz-appearance: textfield;
}

.dropdown .dropdown__toggle .btn--dropdown-toggle ~ .dropdown__icon {
  right: 0.5rem;
}

.surface {
  box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.14),
    0 1px 8px 0 rgba(0, 0, 0, 0.12);
}

.surface--inverse {
  box-shadow: 0 -3px 3px -2px rgba(0, 0, 0, 0.2),
    0 -3px 4px 0 rgba(0, 0, 0, 0.14), 0 -1px 8px 0 rgba(0, 0, 0, 0.12);
}

.page {
  min-height: 100%;
  flex-direction: column;
  justify-content: center;
  padding-bottom: 1rem;
}

.page,
.page-header {
  display: flex;
  align-items: center;
}

.page-header {
  padding: 0.5rem 0;
  border-bottom: 1px solid #4a5059;
}

.page-header i {
  margin-right: 0.5rem;
}

.scroll--disabled {
  overflow: hidden;
}

.error {
  color: #ff4d4d;
}

.warning {
  color: #fdd835;
}

.loading {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 999;
  background-color: rgba(6, 13, 24, 0.9);
}

.loading .sk-cube-grid {
  width: 40px;
  height: 40px;
  overflow: hidden;
  border-radius: 2px;
}

.loading .sk-cube-grid .sk-cube {
  width: 33%;
  height: 33%;
  float: left;
  background-color: #dfbb06;
  -webkit-animation: sk-cubeGridScaleDelay-data-v-38c8f3bc 1.3s ease-in-out
    infinite;
  animation: sk-cubeGridScaleDelay-data-v-38c8f3bc 1.3s ease-in-out infinite;
}

.loading .sk-cube-grid .sk-cube1 {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

.loading .sk-cube-grid .sk-cube2 {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

.loading .sk-cube-grid .sk-cube3 {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}

.loading .sk-cube-grid .sk-cube4 {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}

.loading .sk-cube-grid .sk-cube5 {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

.loading .sk-cube-grid .sk-cube6 {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

.loading .sk-cube-grid .sk-cube7 {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

.loading .sk-cube-grid .sk-cube8 {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}

.loading .sk-cube-grid .sk-cube9 {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

@-webkit-keyframes sk-cubeGridScaleDelay-data-v-38c8f3bc {
  0%,
  70%,
  to {
    transform: scaleX(1);
  }

  35% {
    transform: scale3D(0, 0, 1);
  }
}

@keyframes sk-cubeGridScaleDelay-data-v-38c8f3bc {
  0%,
  70%,
  to {
    transform: scaleX(1);
  }

  35% {
    transform: scale3D(0, 0, 1);
  }
}

.layout--default {
  position: relative;
  display: grid;
  min-height: 100%;
  grid-template-columns: 100%;
  grid-template-rows: auto 1fr auto auto auto;
}

.layout--default .top-observer {
  position: absolute;
  width: 100%;
  top: 1500px;
  pointer-events: none;
  height: calc(100% - 1500px);
}

.layout--default main > .container {
  background-color: #060d18;
}

.layout--android {
  grid-template-rows: auto auto 1fr auto auto auto;
}

.layout--d {
  grid-row-gap: 0.5rem;
  grid-template-rows: auto auto 1fr auto auto;
}

.layout--d .top-observer {
  top: unset;
  bottom: 100px;
  height: 1px;
}

.layout--d.layout--bg main > .container {
  padding: 1rem;
}

.app-header {
  position: sticky;
  top: 0;
  color: #fff;
  height: 90px;
  z-index: 99;
  background-color: #060d18;
}

.app-header__dewafortune {
  position: relative;
  margin-right: 0.5rem;
}

.app-header__dewafortune img {
  position: absolute;
  top: 0;
  left: 0;
  width: 2rem;
  transform: translate(-60%, -20%);
}

.app-header__main {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  height: 54px;
}

.app-header__extra {
  display: flex;
  overflow: hidden;
  background-color: #1d2b43;
  height: 36px;
}

.app-header__balance {
  padding: 0 1rem;
  font-weight: 700;
  font-size: 0.875rem;
}

.app-header__balance,
.app-header__username {
  display: flex;
  align-items: center;
  justify-content: center;
  border-left: 1px solid #4a5059;
  height: 54px;
}

.app-header__username {
  padding-left: 0.5rem;
}

.app-header__username i {
  margin-right: 0.25rem;
}

.app-header__username span {
  font-size: 0.875rem;
}

.app-header--d {
  height: 54px;
  display: flex;
  border-bottom: 1px solid #4a5059;
}

.app-header--d .container--fluid {
  margin: 0 auto;
  max-width: 1200px;
}

.app-header--d .app-brand {
  position: sticky;
  max-width: unset;
  left: 7rem;
}

.app-brand {
  max-width: 40%;
}

.app-brand a .app-logo {
  display: block;
  width: 100%;
  max-width: 160px;
  height: calc(54px - 1rem);
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: left center;
  object-position: left center;
}

.app-header__widgets {
  width: 60%;
  justify-content: flex-end;
}

.app-header__widgets,
.app-header__widgets .app-header__auth,
.app-header__widgets .app-header__user {
  display: flex;
  align-items: center;
}

.app-header__widgets .app-header__auth .app-header__btn-inbox,
.app-header__widgets .app-header__user .app-header__btn-inbox {
  margin-right: 1rem;
}

.app-header__widgets .app-header__auth .app-link--exact-active .icon_chip i,
.app-header__widgets .app-header__user .app-link--exact-active .icon_chip i {
  color: #dfbb06;
}

.app-header__widgets .app-header__auth > *,
.app-header__widgets .app-header__user > * {
  margin-right: 0.5rem;
}

.app-header__widgets .app-header__auth > :last-child,
.app-header__widgets .app-header__user > :last-child {
  margin-right: 0;
}

@media (min-width: 1024px) {
  .app-header__widgets {
    width: auto;
  }

  .app-header__widgets .app-header__auth .btn {
    width: 4.75rem;
  }
}

.drawer__toggle {
  flex: 1 1 25%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0;
  border-left: 1px solid #dfbb06;
}

.drawer__toggle--d {
  position: absolute;
  left: 0;
  width: 6rem;
  flex: unset;
  z-index: 2;
  border-left: none;
  color: hsla(0, 0%, 100%, 0.6);
  border-right: 1px solid #4a5059;
}

.drawer__toggle--d:hover,
.drawer__toggle--d i {
  color: #dfbb06;
}

.drawer__toggle--active {
  color: #dfbb06;
  background-color: #060d18;
}

.app-button i:first-child {
  margin-right: 0.5rem;
}

.app-button i:last-child {
  margin-left: 0.5rem;
}

i:before {
  margin: 0;
  font-size: inherit;
}

i.success {
  color: #139c44;
}

i.error {
  color: #ff4d4d;
}

i.spin {
  display: inline-block;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

i.icon--xs {
  font-size: 0.75em;
}

i.icon--sm {
  font-size: 0.875em;
}

i.icon--md {
  font-size: inherit;
}

i.icon--lg {
  font-size: 1.33333em;
}

i.icon--2x {
  font-size: 2em;
}

i.icon--2-5x {
  font-size: 2.5em;
}

i.icon--3x {
  font-size: 3em;
}

i.icon--4x {
  font-size: 4em;
}

@-webkit-keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(1turn);
  }
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(1turn);
  }
}

.container--fluid {
  width: 100vw;
  padding: 0 0.5rem;
}

@media (min-width: 1024px) {
  .container--fluid {
    padding: 0 1rem;
  }
}

.login-inline {
  display: flex;
  align-items: center;
}

.login-inline > a {
  font-size: 0.75rem;
  font-weight: 500;
  margin-right: 1rem;
  color: #fff;
  text-decoration: underline;
}

.login-inline > a.app-link--exact-active {
  color: #dfbb06;
}

.login-inline__form {
  display: grid;
  grid-gap: 0.5rem;
  align-items: center;
  grid-template-columns: 2fr 2fr auto auto;
}

.login-inline__form .input__container {
  margin-bottom: 0;
}

.login-inline__form .input__container .input {
  font-size: 0.75rem;
}

.login-inline__form .input-confirm {
  margin-bottom: 0;
}

.input-confirm {
  width: 100%;
  margin-bottom: 1rem;
  border-radius: 5px;
  background-color: #060d18;
}

.input-confirm--inverse {
  color: #000;
  background-color: #f0f0f0;
}

.input-confirm--invalid {
  color: #ff4d4d;
}

.input-confirm__label {
  display: grid;
  grid-gap: 0.5rem;
  padding: 7px 0.5rem;
  align-items: center;
  grid-template-columns: auto 1fr;
  cursor: pointer;
}

.input-confirm__label span {
  font-size: 0.75rem;
}

.input-confirm input {
  position: absolute;
  visibility: hidden;
}

.app-menu {
  position: relative;
  left: -0.5rem;
  z-index: 1;
  overflow: hidden;
  width: calc(100% + 1rem);
}

.app-menu--primary {
  background-color: #1d2b43;
}

.app-menu--dark {
  background-color: #060d18;
}

.app-menu:after,
.app-menu:before {
  position: absolute;
  top: 0;
  opacity: 0;
  z-index: 2;
  content: "";
  width: 50px;
  pointer-events: none;
  height: calc(100% + 20px);
  transition: opacity 0.2s ease;
}

.app-menu:before {
  left: 0;
  background: linear-gradient(90deg, #060d18 0, rgba(6, 13, 24, 0));
}

.app-menu:after {
  right: 0;
  background: linear-gradient(270deg, #060d18 0, rgba(6, 13, 24, 0));
}

.app-menu--shadow-end:after,
.app-menu--shadow-start:before {
  opacity: 1;
}

.app-menu ul {
  display: flex;
  align-items: center;
  overflow: hidden;
  overflow-x: scroll;
  overflow-x: overlay;
  scroll-behavior: smooth;
  -ms-scroll-snap-type: x mandatory;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.app-menu ul::-webkit-scrollbar {
  display: none;
}

.app-menu ul li {
  scroll-snap-align: start;
}

.app-menu ul .app-menu__observer {
  display: block;
  width: 1px;
  height: 1px;
  flex-shrink: 0;
}

.app-menu ul .app-menu__item {
  flex: 0 0 20%;
  padding: 0 0.25rem;
}

.app-menu ul .app-menu__item a {
  position: relative;
  font-size: 0.75rem;
  font-weight: 700;
  padding: 1rem 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.app-menu ul .app-menu__item a span {
  display: block;
  margin-top: 0.5rem;
}

.app-menu ul .app-menu__item a .app-menu--active {
  position: absolute;
  bottom: -1rem;
}

.app-menu ul .app-menu__item a.app-link--active {
  color: #dfbb06;
}

.app-menu
  ul
  .app-menu__item
  a.app-link--active
  .app-menu--active {
  bottom: 0;
}

.app-menu ul .app-menu__item--font-large a {
  font-size: 0.875rem;
}

.app-menu ul .app-menu__item--font-large a .app-menu--active {
  bottom: -1.25rem;
}

@media (min-width: 640px) {
  .app-menu ul {
    justify-content: space-evenly;
  }

  .app-menu ul .app-menu__item {
    flex: unset;
  }
}

.app-menu--d {
  width: 100%;
  left: unset;
  margin-top: -0.5rem;
}

.app-menu--d ul {
  display: flex;
  align-items: center;
  justify-content: center;
}

.app-menu--d ul .app-menu__item {
  margin: 0 1rem;
}

.brand-icon {
  display: block;
}

.brand-icon--xs {
  width: 1.5rem;
  height: 1.5rem;
}

.brand-icon--sm {
  width: 2rem;
  height: 2rem;
}

.brand-icon--md {
  width: 2.5rem;
  height: 2.5rem;
}

.brand-icon--lg {
  width: 5rem;
  height: 5rem;
}

.brand-icon--xl {
  width: 10rem;
  height: 10rem;
}

.brand-icon--xxl {
  width: 15rem;
  height: 15rem;
}

.brand-icon--responsive {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.container {
  padding: 0 0.5rem;
  height: 100%;
  min-height: 100%;
}

@media (min-height: 550px) {
  .container {
    height: 100%;
    min-height: 100%;
  }
}

@media (min-width: 1024px) {
  .container {
    padding: 0 1rem;
    margin: 0 auto;
    max-width: 1200px;
  }
}

.running-text {
  position: relative;
  display: flex;
  align-items: center;
  font-size: 0.875rem;
  padding: 0.5rem 0 0.5rem 1rem;
}

.running-text marquee {
  margin-left: 0.5rem;
}

.running-text:after,
.running-text:before {
  position: absolute;
  top: 0;
  width: 50px;
  height: 100%;
  content: "";
  z-index: 2;
  pointer-events: none;
}

.running-text:before {
  left: 2rem;
}

.running-text:after {
  right: 0;
}

.running-text--light {
  background-color: #4a5059;
}

.running-text--light:before {
  background: linear-gradient(90deg, #4a5059 0, rgba(74, 80, 89, 0));
}

.running-text--light:after {
  background: linear-gradient(270deg, #4a5059 0, rgba(74, 80, 89, 0));
}

.running-text--primary {
  background-color: #1d2b43;
}

.running-text--primary:before {
  background: linear-gradient(90deg, #1d2b43 0, rgba(29, 43, 67, 0));
}

.running-text--primary:after {
  background: linear-gradient(270deg, #1d2b43 0, rgba(29, 43, 67, 0));
}

.running-text--d {
  overflow: hidden;
  margin-bottom: 0.5rem;
  border-radius: 5px;
}

.home__teaser {
  display: grid;
  grid-gap: 0.5rem;
  padding: 0.5rem 0;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.home__dewafortune {
  position: relative;
  grid-column: 1/-1;
  border-color: #fff;
}

.home__dewafortune img {
  position: absolute;
  top: 0;
  left: 0;
  width: 2rem;
  transform: translateY(-15%);
}

.home .running-text {
  left: -0.5rem;
  width: calc(100% + 1rem);
}

.home--columns-2 {
  grid-column: span 4;
}

.home--columns-1 {
  grid-column: span 2;
}

.home .card {
  margin-top: -20px;
  padding-bottom: calc(1rem + 20px);
}

.home .card:first-of-type {
  margin-top: 0;
}

.home .card:last-of-type {
  padding-bottom: 1rem;
}

.home--d {
  display: grid;
  grid-gap: 0.5rem;
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.home--d .home__teaser {
  padding: 0;
}

.home--d .home--full-width {
  grid-column: 1/-1;
}

.home--d .home-carousel {
  grid-column: 1/5;
  overflow: hidden;
  border-radius: 5px;
  width: 100%;
  transform: translateX(0);
  padding-bottom: 35%;
}

.home--d .idn-carousel {
  grid-row: span 2;
}

.home--d .home__teaser {
  grid-column: 1/5;
}

.home--d .card {
  margin-top: 0;
  padding-bottom: 1rem;
  border-radius: 5px;
}

.home--d .card:first-of-type {
  margin-top: unset;
}

.home--d .card--arcade-carousel,
.home--d .card--slot-carousel {
  padding: 0.25rem 1rem;
}

.home--d .card.card--arcade-carousel {
  grid-row: 6/7;
}

.home--d .arcade-showcase {
  grid-row: 7/8;
}

.home-carousel {
  height: 0;
  overflow: hidden;
  background-color: #060d18;
  width: calc(100% + 1rem);
  transform: translateX(-0.5rem);
  padding-bottom: calc(35% + 0.35rem);
}

.home-carousel .slick-slider {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.home-carousel .slick-slider .slick-dots {
  bottom: 0;
  display: flex !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

.home-carousel .slick-slider .slick-dots li {
  width: 1rem;
  height: 0.75rem;
  margin: 0 1px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.home-carousel .slick-slider .slick-dots li button {
  width: 1rem;
  height: 0.75rem;
}

.home-carousel .slick-slider .slick-dots li button:before {
  width: 1rem;
  height: 0.75rem;
  opacity: 0.5;
  font-size: 0.5rem;
  line-height: normal;
  color: #fff;
}

.home-carousel .slick-slider .slick-dots li.slick-active button:before {
  opacity: 1;
}

.home-carousel .slick-slider .slick-slide {
  height: unset !important;
}

.home-carousel .slick-slider .slide {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  pointer-events: none;
}

.idn-carousel {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #4a5059;
  border-radius: 5px;
  border: 2px solid #dfbb06;
}

.idn-carousel .slick-slider {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.idn-carousel .slick-slider .slick-list,
.idn-carousel .slick-slider .slick-slide > div,
.idn-carousel .slick-slider .slick-track {
  height: 100%;
}

.idn-carousel .slick-slider .slick-dots {
  bottom: 1.5rem;
  display: flex !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

.idn-carousel .slick-slider .slick-dots li {
  width: 1rem;
  height: 0.75rem;
  margin: 0 1px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.idn-carousel .slick-slider .slick-dots li button {
  width: 1rem;
  height: 0.75rem;
}

.idn-carousel .slick-slider .slick-dots li button:before {
  width: 1rem;
  height: 0.75rem;
  opacity: 0.5;
  font-size: 0.5rem;
  line-height: normal;
  color: #fff;
}

.idn-carousel .slick-slider .slick-dots li.slick-active button:before {
  opacity: 1;
}

.idn-carousel__slide,
.idn-carousel__slide img {
  display: block;
  height: 100%;
}

.idn-carousel__slide img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  pointer-events: none;
}

.idn-carousel__special {
  position: absolute;
  bottom: -1px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.idn-carousel__special img {
  height: 1.25rem;
}

.idn-carousel__special span {
  position: absolute;
  font-size: 0.875rem;
  font-weight: 700;
  color: #fff;
}

.app-breadcrumbs {
  position: relative;
  display: flex;
  flex: 1 1 75%;
  overflow: hidden;
  min-height: 24px;
}

.app-breadcrumbs--light {
  background-color: #060d18;
}

.app-breadcrumbs--primary {
  background-color: #1d2b43;
}

.app-breadcrumbs:after,
.app-breadcrumbs:before {
  position: absolute;
  opacity: 0;
  top: 0;
  width: 50px;
  height: 100%;
  content: "";
  z-index: 2;
  pointer-events: none;
  transition: opacity 0.2s ease;
}

.app-breadcrumbs:before {
  left: 0;
  background: linear-gradient(90deg, #1d2b43 0, rgba(29, 43, 67, 0));
}

.app-breadcrumbs:after {
  right: 0;
  background: linear-gradient(270deg, #1d2b43 0, rgba(29, 43, 67, 0));
}

.app-breadcrumbs--shadow-end:after,
.app-breadcrumbs--shadow-start:before {
  opacity: 1;
}

.app-breadcrumbs ul {
  height: 100%;
  display: flex;
  align-items: center;
  overflow: hidden;
  overflow-x: scroll;
  overflow-x: overlay;
  scroll-behavior: smooth;
  -ms-scroll-snap-type: x mandatory;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.app-breadcrumbs ul::-webkit-scrollbar {
  display: none;
}

.app-breadcrumbs .nav-observer {
  flex-shrink: 0;
  height: 100%;
  width: 1px;
}

.app-breadcrumbs .nav-item {
  height: 100%;
  transition: color 0.2s ease;
  scroll-snap-align: start;
}

.app-breadcrumbs .nav-item:hover {
  color: #fff;
}

.app-breadcrumbs .nav-item--fill {
  font-size: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.app-breadcrumbs .nav-item--fill i {
  color: #fff;
}

.app-breadcrumbs .nav-item a {
  height: 100%;
  padding: 0 0.5rem;
  font-size: 0.75rem;
  font-weight: 700;
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: capitalize;
  color: #fff;
}

.app-breadcrumbs .nav-item a.app-link--active[data-ref="bonus"],
.app-breadcrumbs .nav-item a.app-link--active[data-ref="leaderboard"],
.app-breadcrumbs .nav-item a.app-link--active[data-ref="promowins"],
.app-breadcrumbs .nav-item a.app-link--active[data-ref="referral"],
.app-breadcrumbs
  .nav-item
  a.app-link--exact-active:not([data-ref="promo"]):not(
    [data-ref="promosi"]
  ):not([data-ref="slots"]) {
  color: #dfbb06;
}

.app-breadcrumbs--d {
  flex: unset;
}

.app-breadcrumbs--d ul {
  min-height: 24px;
}

.app-breadcrumbs--d:before {
  background: linear-gradient(90deg, #060d18 0, transparent);
}

.app-breadcrumbs--d:after {
  background: linear-gradient(270deg, #060d18 0, transparent);
}

.card {
  position: relative;
  z-index: 2;
  left: -0.5rem;
  overflow: hidden;
  padding-bottom: 1rem;
  width: calc(100% + 1rem);
  border-radius: 20px 20px 0 0;
}

@media (min-width: 1024px) {
  .card {
    width: 100%;
    left: 0;
  }
}

.card--light {
  background-color: #4a5059;
}

.card--primary {
  background-color: #1d2b43;
}

.card.card--primary .card__see-all {
  background-color: #4a5059;
}

.card .card__see-all {
  font-weight: 700;
  font-size: 0.75rem;
  padding: 0.2rem 0.75rem;
  background-color: #060d18;
  border-radius: 10px;
}

.card__title a {
  display: flex;
  align-items: center;
  font-size: 0.875rem;
  font-weight: 700;
}

.card__title a img,
.card__title a object,
.card__title a svg {
  margin-right: 0.5rem;
}

.card__image {
  display: block;
  width: 100%;
  border-radius: 5px;
}

.card__body {
  max-width: 100%;
}

.card--full {
  display: grid;
  align-items: center;
  grid-template-rows: auto 1fr auto;
}

.card--full .card__header {
  padding: 1rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.card--full .card__title {
  margin-bottom: 0;
}

.card--full .card__cta {
  padding: 0.5rem 1rem 0;
}

@media (min-width: 1024px) {
  .card--full .card__cta {
    width: 100%;
    max-width: 20rem;
    justify-self: center;
  }

  .card--full .card__header {
    padding: 0;
  }
}

.card--inline {
  display: grid;
  grid-gap: 1rem;
  padding: 0 1rem;
  border-radius: 0;
  align-items: center;
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.card--inline .card__title {
  justify-self: start;
  padding: 1rem 0;
}

.card--inline .card__body {
  grid-column: span 4;
}

.card--inline .card__see-all {
  grid-column: 6/7;
  justify-self: center;
}

.card--split {
  display: grid;
  padding: 0 1rem;
  grid-gap: 0.75rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.card--split .card__title {
  padding: 1rem 0;
}

.card--split .card__cta {
  margin-top: 0.5rem;
}

.card--d.card--full .card__header {
  padding: 1rem;
}

.card--d.card--full .card__body {
  padding: 0 1rem;
}

.slot-carousel__group {
  width: 100%;
  display: grid;
  flex-shrink: 0;
  align-content: start;
  grid-auto-flow: column;
  grid-template-rows: repeat(3, minmax(0, 1fr));
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.slot-carousel__item-container {
  display: grid;
  grid-template-rows: repeat(2, minmax(0, 1fr));
}

.slot-carousel__item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.slot-carousel__item span {
  width: 100%;
  font-weight: 500;
  text-align: center;
  font-size: 0.625rem;
  margin-top: 0.125rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

@media (min-width: 1024px) {
  .slot-carousel__item span {
    font-size: 0.75rem;
  }
}

.slot-carousel__item.app-link--exact-active {
  color: #dfbb06;
}

.slot-carousel__item.app-link--exact-active
  .slot-carousel__img-container {
  border: 1px solid #dfbb06;
}

.slot-carousel__img-container {
  position: relative;
  width: 3.5rem;
  height: 3.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #060d18;
  border-radius: 50%;
  border: 1px solid #060d18;
}

.slot-carousel__img-container img {
  width: 100%;
}

.slot-carousel__img-container:before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 30%;
}

.slot-carousel__img-container.provider--promo:before {
  content: "";
  filter: drop-shadow(0.1rem 0.1rem 0.1rem #060d18);
  background: 0 100% / contain no-repeat
    url(https://cdn-proxy.globalcontentcloud.com/common/default/ribbons/provider-promo.svg);
}

.slot-carousel__img-container.provider--new:before {
  content: "";
  filter: drop-shadow(0.1rem 0.1rem 0.1rem #060d18);
  background: 0 100% / contain no-repeat
    url(https://cdn-proxy.globalcontentcloud.com/common/default/ribbons/provider-new.svg);
}

.slot-carousel__maintenance {
  position: absolute;
  top: 0;
  right: -20%;
  width: 1.5rem;
  height: 1.5rem;
  padding: 0.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #1d2b43;
  border-radius: 50%;
}

.slot-carousel__maintenance i {
  color: #fdd835;
}

.slot-carousel__by-habanero,
.slot-carousel__by-pragmatic {
  position: absolute;
  right: -22%;
  bottom: -5px;
  width: 2rem;
  height: 2rem;
}

.slot-carousel__by-habanero img,
.slot-carousel__by-pragmatic img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  filter: drop-shadow(0 0 0.2rem #060d18);
}

.slot-carousel--d .slot-carousel__group {
  grid-template-rows: unset;
  grid-template-columns: repeat(8, minmax(0, 1fr));
}

.slot-carousel--d
  .slot-carousel__group--ud
  .slot-carousel__item:nth-child(2n) {
  grid-row: unset;
}

.carousel {
  display: grid;
  overflow: hidden;
  grid-template-columns: auto 1fr auto;
}

.carousel,
.carousel__control {
  position: relative;
  align-items: center;
}

.carousel__control {
  display: flex;
  width: 1.5rem;
  height: 4rem;
  cursor: pointer;
  color: #dfbb06;
  z-index: 2;
}

.carousel__control i {
  z-index: 2;
}

.carousel__control.highlight:before {
  position: absolute;
  color: #060d18;
  font-size: 3.5rem;
  content: "";
  font-family: "idn";
}

.carousel__control--disabled {
  pointer-events: none;
  color: hsla(0, 0%, 100%, 0.38);
}

.carousel__prev {
  padding-left: 0.25rem;
}

.carousel__prev:before {
  left: 0;
}

.carousel__next {
  padding-left: 0.70rem;
}

.carousel__next:before {
  right: 0;
  transform: rotate(180deg);
}

.carousel__inner {
  overflow: hidden;
}

.carousel__container {
  display: flex;
}

.carousel__container.transition {
  transition: transform 0.3s ease-out;
}

.carousel--d .carousel__control {
  width: auto;
  height: 2rem;
}

.slot-showcase__grid {
  display: grid;
  grid-gap: 0.5rem;
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.game-item__wrapper {
  position: relative;
}

.game-item__wrapper:after,
.game-item__wrapper:before {
  position: absolute;
  left: -3px;
  width: 100%;
  height: 1rem;
  z-index: 3;
  pointer-events: none;
}

@media (min-width: 1024px) {
  .game-item__wrapper:after,
  .game-item__wrapper:before {
    left: -4px;
    height: 1.25rem;
  }
}

.game-item__wrapper.game--promo:before {
  content: "";
  top: 0.25rem;
  filter: drop-shadow(0.1rem 0.1rem 0.1rem #060d18);
  background: 0 / contain no-repeat
    url(https://cdn-proxy.globalcontentcloud.com/common/default/ribbons/game-promo.svg);
}

.game-item__wrapper.game--new:after {
  content: "";
  top: 1.5rem;
  filter: drop-shadow(0.1rem 0.1rem 0.1rem #060d18);
  background: 0 / contain no-repeat
    url(https://cdn-proxy.globalcontentcloud.com/common/default/ribbons/game-new.svg);
}

.game-item__wrapper.game--new:not(.game--promo):after {
  top: 0.25rem;
}

.game-item__wrapper > a {
  overflow: hidden;
  cursor: pointer;
}

.game-item__wrapper.game-item--history-view,
.game-item__wrapper.game-item--rtp-view {
  display: grid;
  grid-gap: 1rem;
  align-items: center;
  grid-template-columns: 2fr 3fr;
}

.game-item__wrapper.game-item--history-view.game--fishing
  > a
  > div:after,
.game-item__wrapper.game-item--rtp-view.game--fishing
  > a
  > div:after {
  content: unset;
}

@media (min-width: 1024px) {
  .game-item__wrapper.game-item--history-view,
  .game-item__wrapper.game-item--rtp-view {
    grid-template-columns: 1fr 5fr;
  }
}

@media (min-width: 1024px) {
  .game-item__wrapper.game-item--rtp-view {
    grid-template-columns: 1fr 4fr;
  }
}

.game-item__name {
  display: block;
  width: 100%;
  font-weight: 700;
  font-size: 0.625rem;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 0.25rem 0.5rem;
}

@media (min-width: 1024px) {
  .game-item__name {
    font-size: 0.75rem;
  }
}

.game-item {
  height: 0;
  position: relative;
}

.game-item--rtp {
  overflow: hidden;
  padding-bottom: 138.55422%;
}

.game-item--rtp,
.game-item--rtp .game-item__placeholder,
.game-item--rtp .game-item__skeleton {
  border-radius: 10px;
}

.game-item--slot {
  padding-bottom: 67.44186%;
}

.game-item--casino {
  padding-bottom: 75%;
}

.game-item--fishing {
  padding-bottom: 61.7284%;
}

.game-item--arcade {
  padding-bottom: 61.99525%;
}

.game-item__hover {
  position: absolute;
  opacity: 0;
  display: grid;
  grid-gap: 0.5rem;
  align-content: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 1rem;
  transition: opacity 0.2s ease;
  background: linear-gradient(0deg, #060d18 0, rgba(6, 13, 24, 0.1));
}

.game-item__hover button {
  pointer-events: none;
}

.game-item__hover--allow button {
  pointer-events: all;
}

.game-item:hover .game-item__hover {
  opacity: 1;
}

.game-item__img {
  left: 0;
  width: 100%;
  height: 100%;
}

.game-item__img,
.game-item__provider {
  position: absolute;
  top: 0;
  opacity: 0;
  will-change: opacity;
  transition: opacity 0.2s ease;
}

.game-item__provider {
  right: 0;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0 0 0 30px;
  filter: drop-shadow(0.1rem 0.1rem 0.1rem #060d18);
  background-color: rgba(74, 80, 89, 0.9);
}

.game-item__provider div {
  position: absolute;
  top: 0;
  right: 0;
  width: 25px;
  height: 25px;
}

.game-item__provider div img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.game-item__skeleton {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: #1d2b43;
}

.game-item__skeleton:before {
  content: "";
  display: block;
  position: absolute;
  left: -150px;
  top: 0;
  height: 100%;
  width: 100%;
  -webkit-animation: skeleton 1s cubic-bezier(0.4, 0, 0.2, 1) infinite;
  animation: skeleton 1s cubic-bezier(0.4, 0, 0.2, 1) infinite;
  background: linear-gradient(90deg, transparent 0, #4a5059 50%, transparent);
}

.game-item__placeholder {
  position: absolute;
  opacity: 0;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem;
  background-color: #1d2b43;
  will-change: opacity;
  transition: opacity 0.2s ease;
}

.game-item__placeholder img {
  display: block;
  width: 3.5rem;
  height: 3.5rem;
  -o-object-fit: contain;
  object-fit: contain;
}

@media (min-width: 1024px) {
  .game-item__placeholder img {
    width: 4rem;
    height: 4rem;
  }
}

.game-item__history {
  display: grid;
  grid-gap: 0.5rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.game-item__history > a {
  cursor: pointer;
}

.game-item__history h5 {
  grid-row: 1/2;
  grid-column: 1/-1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.game-item__history p {
  grid-column: 1/2;
  font-size: 0.75rem;
}

.game-item__history a {
  grid-row: 2/5;
  grid-column: 2/3;
  align-self: end;
}

@media (min-width: 1024px) {
  .game-item__history h5 {
    grid-column: 1/2;
  }

  .game-item__history a {
    grid-row: 1/5;
    justify-self: end;
    align-self: center;
  }
}

.game-item__rtp {
  height: 100%;
  display: grid;
  grid-gap: 0.5rem;
}

.game-item__rtp div > span {
  display: flex;
  align-items: center;
}

.game-item__rtp div > span h4 {
  padding-top: 8px;
}

.game-item__rtp div > span img {
  width: 3rem;
  height: 3rem;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: left center;
  object-position: left center;
}

.game-item__rtp button {
  align-self: end;
}

.game-item__rtp h5 {
  display: flex;
  align-items: flex-end;
}

.game-item__rtp h5 span {
  padding-bottom: 5px;
}

.game-item__rtp h5 img {
  width: 5.5rem;
  margin-left: 0.25rem;
}

@media (min-width: 1024px) {
  .game-item__rtp button {
    max-width: 20rem;
  }
}

.game-item--maintenance {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 0.5rem;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.game-item--maintenance span {
  font-weight: 500;
  text-align: center;
  font-size: 0.755rem;
  margin-top: 0.25rem;
}

.game--fishing > a > div {
  overflow: hidden;
  border: 1px solid #4a5059;
  border-radius: 5px;
}

.game--fishing .game-item__name {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
  text-align: left;
  font-weight: 500;
  font-size: 0.75rem;
}

.game--fishing > a > div:after {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  pointer-events: none;
  background: linear-gradient(0deg, #060d18, transparent 30%, transparent);
}

a.game--maintenance {
  position: relative;
  display: block;
  pointer-events: none;
}

a.game--maintenance .game-item:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  content: "";
  background-color: rgba(29, 43, 67, 0.8);
}

.casino-home ul {
  display: grid;
  grid-gap: 0.5rem;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.casino-home__item {
  position: relative;
  flex: 0 0 25%;
  display: flex;
  align-items: flex-end;
  overflow: hidden;
  border-radius: 5px;
  background-color: #1d2b43;
}

.casino-home__item--maintenance {
  pointer-events: none;
}

.casino-home__item a {
  position: relative;
  width: 100%;
  cursor: pointer;
}

.casino-home__item a > div {
  position: relative;
  height: 0;
  padding-bottom: 162.03209%;
  display: flex;
  align-items: flex-end;
  overflow: hidden;
  border-radius: 5px;
  border: 2px solid #060d18;
}

.casino-home__item a > div:after {
  height: 100%;
  content: "";
  background: linear-gradient(0deg, #060d18, transparent 30%, transparent);
}

.casino-home__item a > div:after,
.casino-home__item a > div img {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}

.casino-home__item a > div img.placeholder {
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.casino-home__item a .casino-home__maintenance {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  padding: 0.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: rgba(29, 43, 67, 0.8);
}

.casino-home__item a .casino-home__maintenance span {
  font-size: 0.755rem;
  text-align: center;
  font-weight: 500;
  margin-top: 0.25rem;
}

.casino-home__item a .casino-home__maintenance img {
  position: relative;
}

.casino-home__item:after {
  position: absolute;
  right: 0;
  bottom: -1px;
  z-index: 3;
  font-weight: 700;
  font-style: italic;
  font-size: 0.5rem;
  min-width: 3rem;
  text-align: center;
  padding: 0.25rem 0.5rem;
  text-transform: uppercase;
}

.casino-home__item--promo a > div {
  border: 2px solid #139c44;
}

.casino-home__item--promo:after {
  content: attr(data-flag);
  background: 50% / contain no-repeat
    url(https://cdn-proxy.globalcontentcloud.com/common/default/ribbons/promo.svg);
}

.casino-home__item--new a > div {
  border: 2px solid #ff4343;
}

.casino-home__item--new:after {
  content: attr(data-flag);
  background: 50% / contain no-repeat
    url(https://cdn-proxy.globalcontentcloud.com/common/default/ribbons/new.svg);
}

.casino-home__item--special a > div {
  border: 2px solid #dfbb06;
}

.casino-home__item--special:after {
  top: -1px;
  bottom: unset;
  color: #fff;
  content: attr(data-flag);
  background: 50% / contain no-repeat
    url(https://cdn-proxy.globalcontentcloud.com/456/dist/img/special.2e47c68.svg);
}

.casino-home__name {
  position: absolute;
  display: block;
  width: 100%;
  left: 0;
  bottom: 0;
  padding: 0.25rem;
  font-weight: 700;
  font-size: 0.75rem;
}

.casino-home__fill {
  width: 1rem;
  height: 10px;
  flex-shrink: 0;
}

.arcade-carousel--light .carousel__control.highlight:before {
  color: #4a5059;
}

.arcade-carousel ul {
  display: grid;
  width: 100%;
  flex-shrink: 0;
  align-content: start;
  grid-auto-flow: column;
  grid-auto-columns: 20%;
}

.arcade-carousel__item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.arcade-carousel__item span {
  width: 100%;
  font-weight: 500;
  text-align: center;
  font-size: 0.625rem;
  margin-top: 0.125rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

@media (min-width: 1024px) {
  .arcade-carousel__item span {
    font-size: 0.75rem;
  }
}

.arcade-carousel__item.app-link--exact-active {
  color: #dfbb06;
}

.arcade-carousel__item.app-link--exact-active
  .arcade-carousel__img-container {
  border: 1px solid #dfbb06;
}

.arcade-carousel__img-container {
  position: relative;
  width: 3.5rem;
  height: 3.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

.arcade-carousel__img-container img {
  width: 100%;
}

.arcade-carousel__img-container:before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 30%;
}

.arcade-carousel__maintenance {
  position: absolute;
  top: 0;
  right: -20%;
  width: 1.5rem;
  height: 1.5rem;
  padding: 0.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #1d2b43;
  border-radius: 50%;
}

.arcade-carousel__maintenance i {
  color: #fdd835;
}

.arcade-carousel__by-idn {
  position: absolute;
  right: -2px;
  bottom: -2px;
  width: 1.25rem;
  height: 1.25rem;
  background-color: #fff;
  border-radius: 50%;
}

.arcade-carousel__by-idn img {
  position: relative;
  left: 1.5px;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.arcade-carousel--dark .arcade-carousel__img-container {
  background-color: #060d18;
  border: 1px solid #060d18;
}

.arcade-carousel--light .carousel__control.highlight:before {
  color: #4a5059;
}

.arcade-carousel--light .arcade-carousel__img-container {
  background-color: #4a5059;
  border: 1px solid #4a5059;
}

.arcade-carousel--d ul {
  grid-auto-columns: 12.5%;
}

.arcade-showcase__grid {
  display: grid;
  grid-gap: 0.5rem;
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.footer-banner {
  padding: 0.5rem;
  background-color: #1d2b43;
  border-top: 1px solid rgba(213, 214, 213, 0.1);
}

.footer-banner a {
  overflow: hidden;
  height: 100%;
  max-height: 8rem;
}

.footer-banner img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.footer-banner--d {
  margin-bottom: -0.5rem;
}

.footer-text {
  font-size: 0.75rem;
  background-color: #1d2b43;
  border-top: 1px solid rgba(213, 214, 213, 0.1);
}

.footer-text__container {
  position: relative;
  display: flex;
  justify-content: center;
  margin: 0 auto;
  max-height: 8rem;
  padding: 1rem 1rem 2rem;
  max-width: 1200px;
  transition: max-height 0.2s ease;
  border-bottom: 1px solid rgba(213, 214, 213, 0.1);
}

.footer-text article {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.footer-text article:after {
  position: absolute;
  bottom: 0;
  content: "";
  width: 100%;
  height: 24px;
  background: linear-gradient(0deg, #1d2b43, rgba(29, 43, 67, 0));
}

.footer-text button {
  position: absolute;
  bottom: 0.5rem;
  color: #dfbb06;
  font-size: 0.75rem;
}

.footer-text--collapsed {
  max-height: 1000px;
}

.footer-text--collapsed article:after {
  content: unset;
}

.footer-text--d .footer-text__container {
  max-height: 8rem;
}

.footer-text--d .footer-text--collapsed {
  max-height: 1000px;
}

.app-footer {
  position: relative;
  padding: 1rem 0;
  color: #fff;
  background-color: #1d2b43;
  margin-bottom: calc(60px + env(safe-area-inset-bottom));
}

.app-footer__container {
  margin: 0 auto;
  padding: 0 1rem;
  max-width: 1200px;
}

.app-footer section {
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(213, 214, 213, 0.1);
}

.app-footer section h5 {
  margin-bottom: 0.75rem;
}

.app-footer__links {
  display: grid;
  grid-row-gap: 1rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.app-footer__link-group a,
.app-footer__link-group button {
  color: hsla(0, 0%, 100%, 0.6);
  font-size: 0.75rem;
}

.app-footer__link-group[data-type="legal"] li:last-child a:after {
  content: "";
  font-family: idn;
}

.app-footer__link-group[data-type="brand"] li:last-child a:after,
.app-footer__link-group[data-type="brand"] li:last-child button:after {
  content: "";
  font-family: idn;
  margin-left: 0.25rem;
}

.app-footer__link-group--social ul {
  display: flex;
}

.app-footer__link-group--social ul li {
  margin-right: 0.75rem;
}

.app-footer__link-group--social ul li:last-child {
  margin-right: 0;
}

.app-footer section.app-footer__text {
  position: relative;
  display: flex;
  justify-content: center;
  padding-bottom: 2rem;
  box-sizing: content-box;
  transition: max-height 0.2s ease;
}

.app-footer section.app-footer__text article {
  position: relative;
  overflow: hidden;
}

.app-footer section.app-footer__text article p {
  margin: 0.5rem 0;
  font-size: 0.75rem;
  color: hsla(0, 0%, 100%, 0.6);
}

.app-footer section.app-footer__text article p:last-child {
  margin-bottom: 0;
}

.app-footer section.app-footer__text article ol,
.app-footer section.app-footer__text article ul {
  list-style-position: inside;
}

.app-footer section.app-footer__text article:after {
  position: absolute;
  bottom: 0;
  content: "";
  width: 100%;
  height: 24px;
  background: linear-gradient(0deg, #1d2b43, rgba(29, 43, 67, 0));
}

.app-footer section.app-footer__text button {
  position: absolute;
  bottom: 0.5rem;
  color: #dfbb06;
  font-size: 0.75rem;
}

.app-footer section.app-footer__text--collapsed {
  padding-bottom: calc(0.5rem + 24px);
}

.app-footer section.app-footer__text--collapsed article:after {
  content: unset;
}

.app-footer__idn h5 {
  color: #dfbb06;
  text-align: center;
  margin-bottom: 1rem;
}

.app-footer__idn ul,
.app-footer__idn ul a {
  display: flex;
  align-items: center;
  justify-content: center;
}

.app-footer__idn ul a {
  padding: 0.5rem;
}

.app-footer__idn ul a img {
  height: 1rem;
}

.app-footer__partners h5 {
  color: #dfbb06;
  text-align: center;
  margin-bottom: 1rem;
}

.app-footer__partners ul {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(5rem, 1fr));
}

.app-footer__partners ul li {
  flex-grow: 1;
  min-width: 15%;
  align-items: center;
}

.app-footer__partners ul li a {
  padding: 0.5rem;
  font-size: 0.75rem;
  white-space: nowrap;
  color: hsla(0, 0%, 100%, 0.6);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.app-footer__partners ul li a i {
  color: #dfbb06;
  margin-bottom: 0.25rem;
}

.app-footer__payment h5 {
  color: #dfbb06;
  text-align: center;
  margin-bottom: 1rem;
}

.app-footer__payment ul {
  display: grid;
  grid-gap: 0.25rem;
  grid-auto-rows: 2.5rem;
  grid-auto-flow: dense;
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.app-footer__payment ul li {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem;
  overflow: hidden;
  border-radius: 5px;
  border: 1px solid #4a5059;
}

.app-footer__payment ul li.bank-logo--h {
  grid-column: span 2;
}

.app-footer__payment ul li img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.app-footer__licence img {
  width: 100%;
  max-height: 22px;
  -o-object-fit: contain;
  object-fit: contain;
}

.app-footer__copyright {
  font-size: 0.75rem;
  text-align: center;
}

.app-footer--d {
  margin-bottom: 0;
  margin-top: -0.5rem;
}

.app-footer--d .app-footer__links {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.app-footer--d .app-footer__link-group--social {
  justify-self: end;
}

.app-footer--d .app-footer__idn h5 {
  text-align: left;
}

.app-footer--d .app-footer__idn ul {
  justify-content: space-evenly;
}

.app-footer--d .app-footer__idn ul img {
  width: auto;
  height: 2rem;
}

.app-footer--d .app-footer__idn ul a:hover img {
  filter: grayscale(1);
}

.app-footer--d .app-footer__partners h5,
.app-footer--d .app-footer__payment h5 {
  text-align: left;
  margin-bottom: 0.5rem;
}

.app-footer--d .app-footer__payment ul {
  grid-template-columns: repeat(auto-fit, minmax(4rem, 1fr));
}

.app-drawer__root {
  position: fixed;
  pointer-events: none;
  z-index: 999;
  top: 90px;
  right: 0;
  bottom: 0;
  left: 90px;
}

.app-drawer__backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.app-drawer__backdrop:before {
  position: relative;
  top: 90px;
  display: block;
  content: "";
  width: 100%;
  height: calc(100% - 90px);
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-tap-highlight-color: transparent;
}

.app-drawer {
  position: absolute;
  right: calc(-300px - 1rem);
  width: 300px;
  height: 100%;
  overflow-y: auto;
  overflow-y: overlay;
  background-color: #4a5059;
  transform: translateX(0);
  transition: transform 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  scrollbar-width: none;
  -ms-overflow-style: none;
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: auto 1fr auto;
}

.app-drawer::-webkit-scrollbar {
  display: none;
}

.app-drawer--open {
  pointer-events: all;
}

.app-drawer--open .app-drawer {
  transform: translateX(calc(-300px - 1rem));
}

.drawer-fade-enter-active,
.drawer-fade-leave-active {
  transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}

.drawer-fade-enter,
.drawer-fade-leave-to {
  opacity: 0;
}

.app-drawer__header {
  background-color: #060d18;
}

.app-drawer__header ul {
  display: grid;
  grid-gap: 1rem;
  padding: 1rem;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.app-drawer__header li {
  flex: 0 0 25%;
  padding: 0.5rem;
}

.app-drawer__header a {
  font-weight: 700;
  font-size: 0.75rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.app-drawer__header a span {
  display: block;
  margin-top: 0.5rem;
  white-space: nowrap;
}

.app-drawer__header a.app-link--active {
  color: #dfbb06;
}

.app-drawer__nav__item .badge {
  height: unset;
  padding: 0 0.625rem;
}

.app-drawer__nav__item a,
.app-drawer__nav__item button {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  padding: 1rem 1rem 1rem 0.25rem;
  font-weight: 700;
  font-size: 0.875rem;
  color: #fff;
}

.app-drawer__nav__item a.app-link--exact-active,
.app-drawer__nav__item button.app-link--exact-active {
  color: #dfbb06;
  background-color: rgba(223, 187, 6, 0.1);
}

.app-drawer__nav__item a > div,
.app-drawer__nav__item button > div {
  position: absolute;
  width: 3rem;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.app-drawer__nav__item a i.dropdown-toggle,
.app-drawer__nav__item button i.dropdown-toggle {
  margin-left: auto;
}

.app-drawer__nav__item a span,
.app-drawer__nav__item button span {
  margin-left: 3rem;
}

@media (hover: hover) and (min-width: 1024px) {
  .app-drawer__nav__item a:hover,
  .app-drawer__nav__item button:hover {
    color: #dfbb06;
  }
}

.app-drawer__nav__item__dropdown {
  overflow: hidden;
}

.app-drawer__nav__item__dropdown.dropdown-collapsed {
  background-color: rgba(223, 187, 6, 0.1);
}

.app-drawer__nav__item__dropdown.dropdown-collapsed > button {
  color: #dfbb06;
}

@media (hover: hover) and (min-width: 1024px) {
  .app-drawer__nav__item__dropdown:hover > button {
    color: #dfbb06;
  }
}

.app-drawer__nav__item__dropdown ul {
  background-color: rgba(0, 0, 0, 0.1);
  transition: height 0.2s ease;
}

.app-drawer__freespins ul {
  display: grid;
  max-height: 0;
  grid-gap: 1px;
  overflow: hidden;
  background-color: #4a5059;
  transition: max-height 0.2s ease;
}

.app-drawer__freespins ul.app-drawer__freespins--collapsed {
  max-height: 600px;
}

.app-drawer__freespins ul li {
  display: grid;
  padding: 0.5rem 1rem;
  align-items: center;
  grid-column-gap: 0.25rem;
  grid-template-rows: auto auto;
  grid-template-columns: auto 3.5rem 3rem;
  background: linear-gradient(90deg, #4a5059 0, #060d18);
}

.app-drawer__freespins ul li .game-name {
  font-weight: 700;
  font-size: 0.875rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.app-drawer__freespins ul li .no-spins {
  font-weight: 700;
  font-size: 0.75rem;
  grid-column: span 3;
}

.app-drawer__freespins ul li .fs-detail {
  display: grid;
  font-size: 0.625rem;
}

.app-drawer__freespins ul li .fs-detail span:first-child {
  font-weight: 600;
}

.app-drawer__freespins ul li em {
  width: 100%;
  grid-row: 1/3;
  grid-column: 2/3;
  font-weight: 900;
  font-size: 0.75rem;
  font-style: normal;
  border-radius: 5px;
  padding: 0.25rem 0.375rem;
}

.app-drawer__freespins ul li a {
  display: flex;
  align-items: center;
  justify-content: center;
  grid-row: 1/3;
  grid-column: 3/4;
  padding: 0.25rem 0.5rem;
  font-size: 0.75rem;
  font-weight: 700;
  border-radius: 5px;
  cursor: pointer;
}

@media (hover: hover) and (min-width: 1024px) {
  .app-drawer__freespins ul li a:hover {
    color: #fff;
    background-color: #c6a605;
  }
}

.app-drawer__freespins ul li.feature em {
  font-size: 0.5rem;
  text-transform: uppercase;
}

.app-drawer__extra {
  padding: 1rem;
  display: grid;
  grid-gap: 1rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.app-drawer__extra .btn:nth-child(3) {
  grid-column: span 2;
}

.app-drawer__locale {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 1rem;
  font-size: 0.75rem;
  font-weight: 500;
}

.app-drawer__locale span {
  margin-right: 0.5rem;
}

.app-drawer__locale ul {
  display: flex;
}

.app-drawer__locale ul li:first-child {
  margin-right: 0.5rem;
}

.app-drawer__locale ul li:last-child {
  margin-right: 0;
}

.app-drawer__locale ul li a {
  position: relative;
}

.app-drawer__locale ul li a img {
  width: 100%;
  height: 100%;
}

.app-drawer__locale ul li a.app-drawer__locale--active {
  border: 2px solid #dfbb06;
}

.app-drawer--d.app-drawer__root {
  top: 55px;
  right: 0;
  bottom: 0;
  left: 0;
}

.app-drawer--d .app-drawer__backdrop:before {
  top: 55px;
  height: calc(100% - 53px);
}

.app-drawer--d .app-drawer {
  right: unset;
  left: calc(-300px - 1rem);
  transform: translateX(0);
}

.app-drawer--d .app-drawer::-webkit-scrollbar {
  width: 0.25rem;
}

.app-drawer--d .app-drawer::-webkit-scrollbar-track {
  border-radius: 20px;
  background-color: #060d18;
}

.app-drawer--d .app-drawer::-webkit-scrollbar-thumb {
  border-radius: 20px;
  background-color: #d5d6d5;
}

.app-drawer--d.app-drawer--open .app-drawer {
  transform: translateX(calc(300px + 1rem));
}

.modal {
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 999;
}

.modal,
.modal__backdrop {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.modal__backdrop {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
}

.modal--full .modal__backdrop {
  display: none;
}

.modal--full .modal__header {
  height: 54px;
  padding: 0 1rem;
  background-color: #060d18;
}

.modal--full .modal__root {
  width: 100%;
  height: 100%;
}

.modal--full .modal__surface {
  width: 100%;
  height: 100%;
  max-width: 100%;
  padding: 0;
  border-radius: 0;
}

.modal--full .modal__body {
  display: block;
  width: 100%;
  height: 100%;
  padding-bottom: env(safe-area-inset-bottom);
}

.modal__root {
  position: relative;
  z-index: 2;
}

.modal__surface {
  position: relative;
  min-width: 300px;
  max-width: 90vw;
  overflow: hidden;
  padding: 2rem 1rem;
  border-radius: 20px;
  background-color: #4a5059;
}

.modal__surface--inverse {
  background-color: #fff;
}

.modal__surface--inverse .modal__header {
  color: #000;
}

.modal__surface--reduced {
  padding: 0.5rem;
  border-radius: 5px;
}

.modal__surface--notification {
  width: 90vw;
  max-width: 600px;
  padding: 2rem 0 1rem;
  border-radius: 5px;
  background-color: #1d2b43;
}

.modal__surface--no-padding {
  padding: 0;
}

.modal__body {
  display: flex;
  align-items: center;
}

.modal__body > :first-child {
  flex-grow: 1;
}

.modal__close {
  color: #fff;
  transition: color 0.2s ease;
}

.modal__close:hover {
  color: #c98b07;
}

.modal__close--inverse {
  color: #000;
}

.modal__close:not(.modal__close--inline) {
  position: absolute;
  right: 0.75rem;
  top: 0.75rem;
}

.modal__close--inline {
  margin-left: 0.5rem;
}

.modal__header {
  color: #dfbb06;
  min-height: 36px;
  padding: 0 1rem 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.modal__header h3 {
  text-align: center;
}

.modal__header i {
  margin-bottom: 0.5rem;
}

.modal-fade-enter,
.modal-fade-leave-to {
  opacity: 0;
}

.modal-fade-enter-active,
.modal-fade-leave-active {
  transition: opacity 0.5s ease;
}

.floating {
  position: fixed;
  display: grid;
  left: 0.5rem;
  width: calc(100% - 1rem);
  z-index: 99;
  pointer-events: none;
  align-items: end;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  bottom: calc(60px + env(safe-area-inset-bottom) + 3rem);
}

.floating ul {
  position: relative;
  display: grid;
  grid-gap: 0.5rem;
}

.floating--left {
  grid-column: 1/2;
  justify-self: start;
}

.floating--right {
  grid-column: 2/3;
  justify-self: end;
}

.floating--right.floating--livechat {
  margin-bottom: 1.75rem;
}

.floating a {
  display: block;
  width: 4rem;
  height: 4rem;
  pointer-events: all;
}

.floating a img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.floating--d {
  left: 1rem;
  bottom: 1rem;
  width: calc(100% - 2rem);
}

.floating--d .floating--right.floating--livechat {
  margin-bottom: 4.5rem;
}

.layout--error {
  position: relative;
  display: grid;
  min-height: 100%;
  grid-template-columns: 100%;
  grid-template-rows: auto 1fr;
}

.layout--error .error__body {
  align-self: center;
  padding: 0 1rem;
  grid-row: 2/3;
  margin: -2rem auto 0;
  max-width: 1200px;
}

.layout--error .error__body h2 {
  font-size: 2rem;
  font-weight: 900;
  margin-bottom: 1rem;
}

.layout--error .error__body p {
  font-weight: 700;
  text-align: center;
}

.layout--error .error--404 {
  flex-direction: column;
}

.layout--error .error--404,
.layout--error .error--404 > div {
  display: flex;
  align-items: center;
  justify-content: center;
}

.layout--error .error--404 > div span {
  padding: 0 0.25rem;
  color: #d5d6d5;
  font-size: 7rem;
  font-weight: 900;
}

.layout--error .error--404 p {
  padding: 0 2rem;
  margin-bottom: 1rem;
}

.layout--error .error--503 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.layout--error .error--503 h2 {
  margin: 1rem 0;
  text-align: center;
}

.layout--error .error--451 {
  margin-top: 2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  bottom: env(safe-area-inset-bottom);
}

.layout--error .error--451 li {
  position: relative;
  display: grid;
  grid-column-gap: 1rem;
  grid-row-gap: 0.5rem;
  margin-bottom: 1rem;
  align-items: start;
  grid-template-columns: 2.5rem 1fr;
}

.layout--error .error--451 li img {
  position: absolute;
  grid-column: 1/2;
  width: 2.5rem;
  height: 2.5rem;
}

.layout--error .error--451 li h5,
.layout--error .error--451 li p {
  grid-column: 2/3;
}

.layout--error .error--451 li p {
  font-size: 0.625rem;
  font-weight: 500;
  text-align: justify;
}

.layout--error .error--451.error--d ul {
  display: grid;
  grid-gap: 2rem;
  align-items: start;
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.layout--error .error--451.error--d ul li {
  max-width: 11rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.layout--error .error--451.error--d ul img {
  position: relative;
}

.layout--error .error--500 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.badge {
  overflow: hidden;
  font-size: 0.875rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  height: 34px;
  padding: 0.5rem 0.625rem;
  border-radius: 5px;
}

.badge__text {
  font-weight: 500;
  margin-right: 0.5rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.badge__value {
  font-weight: 700;
  padding: 0 0.5rem;
  color: #000;
  border-radius: 10px;
  background-color: #fff;
}

.badge--danger .badge__value {
  color: #fff;
  background-color: #ff4d4d;
}

.icon_chip {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  font-size: 1rem;
  border-radius: 50%;
}

.icon_chip span {
  position: absolute;
  top: -5px;
  right: 0;
  font-weight: 600;
  font-size: 0.625rem;
  color: #fff;
  padding: 2px 4px;
  border-radius: 10px;
  transform: translateX(50%);
  background-color: #ff4d4d;
}

.scroll-top {
  position: fixed;
  left: 0.5rem;
  z-index: 99;
  bottom: calc(60px + env(safe-area-inset-bottom) + 0.5rem);
}

.scroll-top .btn {
  font-size: 1rem;
}

.scroll-top--d {
  position: fixed;
  bottom: 0.5rem;
}

@media (min-width: 1200px) {
  .scroll-top--d {
    left: calc(50vw - 600px + 1rem);
  }
}

.app-notification {
  max-height: 0;
  overflow: hidden;
  background-color: #4a5059;
  transition: max-height 0.2s ease;
}

.app-notification--visible {
  max-height: 200px;
}

.app-notification__container {
  display: grid;
  padding: 0.5rem;
  grid-gap: 0.5rem;
  align-items: center;
  grid-template-columns: auto auto 1fr auto;
}

.app-notification img {
  display: block;
  width: 3rem;
  border-radius: 10px;
}

.app-notification p {
  font-size: 0.75rem;
}

.app-notification p span {
  display: block;
}

.app-notification p span:first-child {
  font-weight: 600;
}

.app-notification__download {
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.app-notification__download div {
  display: flex;
  align-items: center;
  justify-content: center;
  display: inline-flex;
  padding: 0.5rem 0.75rem;
  background-color: #dfbb06;
  border-radius: 5px;
  margin-bottom: 0.25rem;
}

.app-notification__download span {
  display: block;
  font-weight: 600;
  font-size: 0.5rem;
}

.sticky-footer {
  position: fixed !important;
  width: 100%;
  bottom: 0;
  z-index: 99;
  background-color: #060d18;
  border-top: 1px solid #4a5059;
  padding-bottom: env(safe-area-inset-bottom);
  height: calc(60px + env(safe-area-inset-bottom));
}

@media (min-height: 550px) {
  .sticky-footer {
    position: fixed;
  }
}

.sticky-footer__nav > ul {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.sticky-footer__nav > ul .btn {
  width: 100%;
  border-radius: 0;
  font-weight: 700;
  font-size: 0.75rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 60px;
}

.sticky-footer__nav > ul .btn span {
  margin-top: 0.25rem;
}

.sticky-footer__nav > ul .btn.app-link--active {
  color: #dfbb06;
}

.sticky-footer__nav--user > ul {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.sticky-footer__balance {
  overflow: hidden;
  font-weight: 500;
  font-size: 0.75rem;
  padding: 0 0.25rem;
  color: #fff;
  grid-column: span 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #dfbb06;
}

.sticky-footer__balance span {
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.sticky-footer__balance .sticky-footer__username {
  width: 100%;
  font-weight: 700;
  margin-top: 0.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sticky-footer__balance .sticky-footer__username i {
  margin-right: 0.25rem;
}

.app-header--error {
  position: sticky;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #060d18;
  height: 54px;
  border-bottom: 1px solid #4a5059;
}

.app-header--error img {
  display: block;
  width: 100%;
  max-width: 160px;
  height: calc(54px - 1rem);
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center center;
  object-position: center center;
}

#layout--play,
#layout--play main {
  position: relative;
  height: 100%;
}

.toasted {
  padding: 0 20px;
}

.toasted.rounded {
  border-radius: 24px;
}

.toasted .primary,
.toasted.toasted-primary {
  border-radius: 2px;
  min-height: 38px;
  line-height: 1.1em;
  background-color: #353535;
  padding: 6px 20px;
  font-size: 15px;
  font-weight: 300;
  color: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.toasted .primary.success,
.toasted.toasted-primary.success {
  background: #4caf50;
}

.toasted .primary.error,
.toasted.toasted-primary.error {
  background: #f44336;
}

.toasted .primary.info,
.toasted.toasted-primary.info {
  background: #3f51b5;
}

.toasted .primary .action,
.toasted.toasted-primary .action {
  color: #a1c2fa;
}

.toasted.bubble {
  border-radius: 30px;
  min-height: 38px;
  line-height: 1.1em;
  background-color: #ff7043;
  padding: 0 20px;
  font-size: 15px;
  font-weight: 300;
  color: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.toasted.bubble.success {
  background: #4caf50;
}

.toasted.bubble.error {
  background: #f44336;
}

.toasted.bubble.info {
  background: #3f51b5;
}

.toasted.bubble .action {
  color: #8e2b0c;
}

.toasted.outline {
  border-radius: 30px;
  min-height: 38px;
  line-height: 1.1em;
  background-color: #fff;
  border: 1px solid #676767;
  padding: 0 20px;
  font-size: 15px;
  color: #676767;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  font-weight: 700;
}

.toasted.outline.success {
  color: #4caf50;
  border-color: #4caf50;
}

.toasted.outline.error {
  color: #f44336;
  border-color: #f44336;
}

.toasted.outline.info {
  color: #3f51b5;
  border-color: #3f51b5;
}

.toasted.outline .action {
  color: #607d8b;
}

.toasted-container {
  position: fixed;
  z-index: 10000;
}

.toasted-container,
.toasted-container.full-width {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}

.toasted-container.full-width {
  max-width: 86%;
  width: 100%;
}

.toasted-container.full-width.fit-to-screen {
  min-width: 100%;
}

.toasted-container.full-width.fit-to-screen .toasted:first-child {
  margin-top: 0;
}

.toasted-container.full-width.fit-to-screen.top-right {
  top: 0;
  right: 0;
}

.toasted-container.full-width.fit-to-screen.top-left {
  top: 0;
  left: 0;
}

.toasted-container.full-width.fit-to-screen.top-center {
  top: 0;
  left: 0;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.toasted-container.full-width.fit-to-screen.bottom-right {
  right: 0;
  bottom: 0;
}

.toasted-container.full-width.fit-to-screen.bottom-left {
  left: 0;
  bottom: 0;
}

.toasted-container.full-width.fit-to-screen.bottom-center {
  left: 0;
  bottom: 0;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.toasted-container.top-right {
  top: 10%;
  right: 7%;
}

.toasted-container.top-left {
  top: 10%;
  left: 7%;
}

.toasted-container.top-center {
  top: 10%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.toasted-container.bottom-right {
  right: 5%;
  bottom: 7%;
}

.toasted-container.bottom-left {
  left: 5%;
  bottom: 7%;
}

.toasted-container.bottom-center {
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 7%;
}

.toasted-container.bottom-left .toasted,
.toasted-container.top-left .toasted {
  float: left;
}

.toasted-container.bottom-right .toasted,
.toasted-container.top-right .toasted {
  float: right;
}

.toasted-container .toasted {
  top: 35px;
  width: auto;
  clear: both;
  margin-top: 10px;
  position: relative;
  max-width: 100%;
  height: auto;
  word-break: normal;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  box-sizing: inherit;
}

.toasted-container .toasted .fa,
.toasted-container .toasted .fab,
.toasted-container .toasted .far,
.toasted-container .toasted .fas,
.toasted-container .toasted .material-icons,
.toasted-container .toasted .mdi {
  margin-right: 0.5rem;
  margin-left: -0.4rem;
}

.toasted-container .toasted .fa.after,
.toasted-container .toasted .fab.after,
.toasted-container .toasted .far.after,
.toasted-container .toasted .fas.after,
.toasted-container .toasted .material-icons.after,
.toasted-container .toasted .mdi.after {
  margin-left: 0.5rem;
  margin-right: -0.4rem;
}

.toasted-container .toasted .action {
  text-decoration: none;
  font-size: 0.8rem;
  padding: 8px;
  margin: 5px -7px 5px 7px;
  border-radius: 3px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  font-weight: 600;
  cursor: pointer;
}

.toasted-container .toasted .action.icon {
  padding: 4px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.toasted-container .toasted .action.icon .fa,
.toasted-container .toasted .action.icon .material-icons,
.toasted-container .toasted .action.icon .mdi {
  margin-right: 0;
  margin-left: 4px;
}

.toasted-container .toasted .action.icon:hover {
  text-decoration: none;
}

.toasted-container .toasted .action:hover {
  text-decoration: underline;
}

@media only screen and (max-width: 600px) {
  .toasted-container {
    min-width: 100%;
  }

  .toasted-container .toasted:first-child {
    margin-top: 0;
  }

  .toasted-container.top-right {
    top: 0;
    right: 0;
  }

  .toasted-container.top-left {
    top: 0;
    left: 0;
  }

  .toasted-container.top-center {
    top: 0;
    left: 0;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  .toasted-container.bottom-right {
    right: 0;
    bottom: 0;
  }

  .toasted-container.bottom-left {
    left: 0;
    bottom: 0;
  }

  .toasted-container.bottom-center {
    left: 0;
    bottom: 0;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  .toasted-container.bottom-center,
  .toasted-container.top-center {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }

  .toasted-container.bottom-left .toasted,
  .toasted-container.bottom-right .toasted,
  .toasted-container.top-left .toasted,
  .toasted-container.top-right .toasted {
    float: none;
  }

  .toasted-container .toasted {
    border-radius: 0;
  }
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  transform: translateZ(0);
}

.slick-track.slick-center {
  margin-left: auto;
  margin-right: auto;
}

.slick-track:after,
.slick-track:before {
  display: table;
  content: "";
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
  transform: translateZ(0);
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
@font-face {
  font-family: "slick";
  src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAATsAA0AAAAAB2wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAE0AAAABoAAAAcdIcYB0dERUYAAAS0AAAAHAAAAB4AJwANT1MvMgAAAZwAAABRAAAAYFAQ/45jbWFwAAACAAAAAFcAAAFiIhFFt2dhc3AAAASsAAAACAAAAAj//wADZ2x5ZgAAAmgAAAE1AAACLD+btmBoZWFkAAABMAAAAC8AAAA2AAEx+2hoZWEAAAFgAAAAHAAAACQD5QIFaG10eAAAAfAAAAAQAAAAFgZKAEpsb2NhAAACWAAAABAAAAAQATYBoG1heHAAAAF8AAAAHQAAACAASwBHbmFtZQAAA6AAAADcAAABbgUngcJwb3N0AAAEfAAAAC4AAABFOXjBpHjaY2BkYGAA4vMGfuHx/DZfGbiZGEDgfGFFPZxWZVBlvM14G8jlYABLAwAT1QnNAHjaY2BkYGC8zcDAoMfEAAJANiMDKmABADBkAe942mNgZGBgYGdwYWBiAAEQycgAEnMA8xkACcgAkwAAAHjaY2BmYmCcwMDKwMDow5jGwMDgDqW/MkgytDAwMDGwcjKAQQNQCZBSYICCgDTXFAYHhkTFSYwP/j9g0GO8/f82A0QNA+NtsBIFBkYANHMN4wAAAHjaY2KAACYIVoVAAALCAJt42mNgYGBmgGAZBkYGEIgB8hjBfBYGByDNw8DBwARkMzAkKigpTlCc9P8/WB0S7/+i+4/uld4rgZoAB4xsDHAhRiYgwcSApoCBcsBMBTNYGGgGAEdEDyUAAAAAAAAAAAAAZgCKANABFnjadZBdToNAEMd3CrtAl5TQLtS0LCoN0A8SGkBI+mAfPET75B1896HppfQcvnII4w3cLYpW6k4ymdn9z8xvBwEKUQg11OgBIXAYWUEQR1uIZoFGpLGxKy3PqrIq8+waXIfJ+5mQSSvkvXwRqqocu1D39QMl2JgvN9zzhsyk1GRDz+OBfzMioCqx0rtdLYo0SiZTZttsOkmidBkveKibFF4Oep9SI46bqk3Twhp4iihUemrMWFPy2NRbthfqKkHi/PxlJLITZdAiSj6ouZ+tn9eZz78DuD9LZYB6bZ8rlCAUVuVdkULjxV4sIEysIc/KSyPmnJDdjhCOdQ0fCTliTX/tjH3ysWao+71qaNjHQjcQwrcuyl+WLZQthCMotJP/h+Xjazz+hfTeRWmG4zOiSyif/q1OtAAAAHjabY49asNAEIU/2ZJDfkiRIvXapUFCEqpcptABUrg3ZhEiQoKVfY9UqVLlGDlADpAT5e16IUWysMz3hjfzBrjjjQT/EjKpCy+4YhN5yZoxcirPe+SMWz4jr6S+5UzSa3VuwpTnBfc8RF7yxDZyKs9r5IxHPiKv1P9iZqDnyAvMQ39UecbScVb/gJO03Xk4CFom3XYK1clhMdQUlKo7/d9NF13RkIdfy+MV7TSe2sl11tRFaXYmJKpWTd7kdVnJ8veevZKc+n3I93t9Jnvr5n4aTVWU/0z9AI2qMkV42mNgYkAGjAzogB0sysTgwtDOyMTIzJlYVJRfnpOaVsIFZhVlpmeUAABuKQkSAAAAAAAB//8AAnjaY2BkYGDgAWIxIGZiYARCNiBmAfMYAAPgADV42mNgYGBkAIKrS9Q5QPT5wop6GA0APf8GGAAA)
    format("woff");
}

.slick-next,
.slick-prev {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  transform: translateY(-50%);
  cursor: pointer;
  border: none;
}

.slick-next,
.slick-next:focus,
.slick-next:hover,
.slick-prev,
.slick-prev:focus,
.slick-prev:hover {
  color: transparent;
  outline: none;
  background: transparent;
}

.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
  opacity: 1;
}

.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
  opacity: 0.25;
}

.slick-next:before,
.slick-prev:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  opacity: 0.75;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}

[dir="rtl"] .slick-prev {
  right: -25px;
  left: auto;
}

.slick-prev:before {
  content: "←";
}

[dir="rtl"] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}

[dir="rtl"] .slick-next {
  right: auto;
  left: -25px;
}

.slick-next:before {
  content: "→";
}

[dir="rtl"] .slick-next:before {
  content: "←";
}

.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  margin: 0 5px;
  padding: 0;
}

.slick-dots li,
.slick-dots li button {
  width: 20px;
  height: 20px;
  cursor: pointer;
}

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  padding: 5px;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}

.slick-dots li button:focus,
.slick-dots li button:hover {
  outline: none;
}

.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
  opacity: 1;
}

.slick-dots li button:before {
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: "•";
  text-align: center;
  opacity: 0.25;
  color: #000;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
  opacity: 0.75;
  color: #000;
}

.casino-carousel ul {
  display: flex;
  overflow: hidden;
  overflow-x: scroll;
  overflow-x: overlay;
  scroll-behavior: smooth;
  -ms-scroll-snap-type: x mandatory;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.casino-carousel ul::-webkit-scrollbar {
  display: none;
}

.casino-carousel__item {
  position: relative;
  flex: 0 0 28%;
  display: flex;
  align-items: flex-end;
  overflow: hidden;
  margin-right: 0.5rem;
  scroll-snap-align: center;
  border-radius: 5px;
  background-color: #1d2b43;
}

.casino-carousel__item--maintenance {
  pointer-events: none;
}

.casino-carousel__item a {
  position: relative;
  width: 100%;
}

.casino-carousel__item a > div {
  position: relative;
  height: 0;
  padding-bottom: 162.03209%;
  display: flex;
  align-items: flex-end;
  overflow: hidden;
  border-radius: 5px;
  border: 2px solid #060d18;
}

.casino-carousel__item a > div:after {
  height: 100%;
  content: "";
  background: linear-gradient(0deg, #060d18, transparent 30%, transparent);
}

.casino-carousel__item a > div:after,
.casino-carousel__item a > div img {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}

.casino-carousel__item a > div img.placeholder {
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.casino-carousel__item a .casino-carousel__maintenance {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  padding: 0.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: rgba(29, 43, 67, 0.8);
}

.casino-carousel__item a .casino-carousel__maintenance span {
  font-size: 0.755rem;
  text-align: center;
  font-weight: 500;
  margin-top: 0.25rem;
}

.casino-carousel__item a .casino-carousel__maintenance img {
  position: relative;
}

.casino-carousel__item:after {
  position: absolute;
  right: 0;
  bottom: -1px;
  font-weight: 700;
  font-style: italic;
  font-size: 0.5rem;
  z-index: 3;
  min-width: 3rem;
  text-align: center;
  padding: 0.25rem 0.5rem;
  text-transform: uppercase;
}

.casino-carousel__item--promo a > div {
  border: 2px solid #139c44;
}

.casino-carousel__item--promo:after {
  content: attr(data-flag);
  background: 50% / contain no-repeat
    url(https://cdn-proxy.globalcontentcloud.com/common/default/ribbons/promo.svg);
}

.casino-carousel__item--new a > div {
  border: 2px solid #ff4343;
}

.casino-carousel__item--new:after {
  content: attr(data-flag);
  background: 50% / contain no-repeat
    url(https://cdn-proxy.globalcontentcloud.com/common/default/ribbons/new.svg);
}

.casino-carousel__item--special a > div {
  border: 2px solid #dfbb06;
}

.casino-carousel__item--special:after {
  top: -1px;
  bottom: unset;
  color: #fff;
  content: attr(data-flag);
  background: 50% / contain no-repeat
    url(https://cdn-proxy.globalcontentcloud.com/456/dist/img/special.2e47c68.svg);
}

.casino-carousel__name {
  position: absolute;
  display: block;
  width: 100%;
  left: 0;
  bottom: 0;
  padding: 0.25rem;
  font-weight: 700;
  font-size: 0.5rem;
}

.casino-carousel__fill {
  width: 1rem;
  height: 10px;
  flex-shrink: 0;
}
.alert {
  display: flex;
  align-items: center;
  position: relative;
  font-size: 0.75rem;
  padding: 0.5rem 1rem 0.5rem 2rem;
  font-family: Avenir, "Helvetica Neue", Arial, sans-serif;
  font-weight: 300;
  border: 1px solid;
  background-color: #4a5059;
  border-radius: 5px;
}

.alert--inverse {
  border: 2px solid;
  background-color: transparent;
  color: rgba(0, 0, 0, 0.6);
}

.alert > i {
  position: absolute;
  left: 0.5rem;
}

.alert em {
  font-weight: 700;
  font-style: normal;
}

.alert--icon-top {
  padding-top: 2rem;
  padding-left: 1rem;
}

.alert--icon-top > i {
  top: 0.5rem;
  left: 50%;
  transform: translateX(-50%);
}

.alert--info {
  border-color: #cff4fc;
}

.alert--info em,
.alert--info i {
  color: #cff4fc;
}

.alert--danger {
  border-color: #ff4d4d;
}

.alert--danger > i,
.alert--danger em {
  color: #ff4d4d;
}

.alert--warning {
  border-color: #fdd835;
}

.alert--warning > i,
.alert--warning em {
  color: #fdd835;
}

.alert--success {
  border-color: #139c44;
}

.alert--success > i,
.alert--success em {
  color: #139c44;
}

.captcha {
  margin-bottom: 1rem;
}

.captcha label {
  display: block;
  font-size: 0.875rem;
  margin-bottom: 0.25rem;
}

.captcha__root {
  display: grid;
  overflow: hidden;
  grid-gap: 0.5rem;
  align-items: center;
  grid-template-columns: 1fr auto 1fr;
}

.captcha__root .captcha__input {
  height: 100%;
  margin-bottom: 0;
}

.captcha__root .captcha__input .input {
  height: 100%;
  text-align: center;
}

.captcha:hover .captcha__root {
  border-color: #dfbb06;
}

.captcha--inverse,
.captcha--inverse .captcha__root {
  color: #000;
}

.captcha--inverse .captcha__root .input {
  color: #000;
  background-color: #f0f0f0;
}

.captcha--inverse .captcha__root .input::-moz-placeholder {
  color: rgba(0, 0, 0, 0.38);
}

.captcha--inverse .captcha__root .input:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.38);
}

.captcha--inverse .captcha__root .input::placeholder {
  color: rgba(0, 0, 0, 0.38);
}

.captcha--inverse .captcha__root .captcha__image {
  background-color: #f0f0f0;
}

.captcha__loading {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}

.captcha__image,
.captcha__loading {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.captcha__image {
  position: relative;
  height: 0;
  overflow: hidden;
  border-radius: 5px;
  background-color: #060d18;
  padding-bottom: 30%;
}

.captcha__image img {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  transition: filter 0.2s ease;
}

.captcha__image img.captcha--loading {
  filter: blur(3px);
}

.captcha--d {
  max-width: 20rem;
  margin: 0 auto 1rem;
}

.input-phone .input {
  padding-left: 3.25rem;
}

.input-phone .input__root {
  overflow: hidden;
}

.input-phone .input__icon {
  z-index: 2;
}

.input-phone__country {
  position: absolute;
  width: 3.5rem;
  height: calc(100% - 2px);
  margin-left: 1px;
  padding: 0 0.5rem 0 1.5rem;
  font-size: 0.875rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.register {
  display: grid;
  grid-row-gap: 1rem;
  margin-bottom: 0.5rem;
  border-radius: 5px;
  background-color: #060d18;
}

.register .g-recaptcha {
  display: inline-block;
  position: relative;
  left: 50%;
  margin-bottom: 1rem;
  transform: translateX(-50%);
}

.register__fields .field__header {
  color: #dfbb06;
  text-transform: uppercase;
  margin-bottom: 0.5rem;
}

.register__fields .alert {
  grid-column: 1/-1;
  margin-bottom: 1rem;
}

.register__errors {
  margin-bottom: 1rem;
}

.register--d {
  margin-top: 0.5rem;
  padding: 2rem 3rem;
  background-color: #1d2b43;
}

.register--d .register__fields {
  display: grid;
  grid-column-gap: 3rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.register--d .register__errors {
  max-width: 50%;
  margin: 0 auto 1rem;
}

.register--d .btn {
  margin: 0 auto;
  max-width: 50%;
}

.promotion {
  margin: 0.5rem 0;
}

@media (min-width: 1024px) {
  .promotion {
    margin-bottom: 1rem;
  }
}

.promotion .promotion-nav {
  margin-bottom: 1rem;
}

.promotion .promotion-nav ul {
  display: flex;
  overflow: auto;
  -ms-scroll-snap-type: x mandatory;
  scroll-snap-type: x mandatory;
}

.promotion .promotion-nav ul::-webkit-scrollbar {
  display: none;
}

.promotion .promotion-nav li {
  flex: 1 1 20%;
  padding: 0 0.25rem;
  scroll-snap-align: center;
}

.promotion .promotion-nav li:first-child {
  padding-left: 0;
}

.promotion .promotion-nav li:last-child {
  padding-right: 0;
}

.promotion .promotion-nav li .app-link--exact-active {
  background-color: #dfbb06;
}

.promotion-list {
  display: grid;
  grid-gap: 1rem;
  grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
}

@media (min-width: 1024px) {
  .promotion-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.promotion-list .promotion__item {
  overflow: hidden;
  display: grid;
  grid-template-rows: auto 1fr;
  border-radius: 5px;
}

.promotion-list .promotion__item.rows-3 {
  grid-template-rows: auto auto 1fr;
}

.promotion-list .promotion__item .promotion__end {
  padding: 0.375rem 0.5rem;
  font-size: 0.75rem;
  color: hsla(0, 0%, 100%, 0.6);
  background-color: #1d2b43;
  border-bottom: 1px solid #060d18;
}

.promotion-list .promotion__item .promotion__image {
  position: relative;
  display: block;
  height: 0;
  overflow: hidden;
  background-color: #4a5059;
  padding-bottom: 25.72614%;
}

.promotion-list .promotion__item .promotion__image img {
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
}

.promotion-list .promotion__item .promotion__teaser {
  display: grid;
  padding: 0.5rem;
  grid-gap: 0.5rem;
  background-color: #1d2b43;
  grid-template-columns: 5fr 1fr 1fr;
}

.promotion-list
  .promotion__item
  .promotion__teaser
  .promotion__title {
  text-transform: uppercase;
}

.promotion-list .promotion__item .promotion__teaser .detail {
  grid-column: 3/4;
}

.promotion-list .promotion__item .promotion__teaser p {
  font-size: 0.75rem;
  grid-column: 1/-1;
}

.sports {
  display: grid;
  height: 100%;
  grid-template-rows: auto 1fr;
}

.sports__nav {
  margin-bottom: 0.75rem;
}

.sports__nav ul {
  display: grid;
  grid-gap: 0.5rem;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

@media (min-width: 1024px) {
  .sports__nav ul {
    grid-gap: 0.75rem;
  }
}

.sports__nav li .app-link--exact-active {
  background-color: #dfbb06;
}

.sports--d {
  display: block;
  height: auto;
  margin-top: 0.5rem;
}

.game-placeholder__wrapper {
  background-color: #1d2b43;
}

.game-placeholder--rtp {
  border-radius: 10px;
  padding-bottom: 138.55422%;
}

.game-placeholder--slot {
  padding-bottom: 65.11628%;
}

.game-placeholder--casino {
  padding-bottom: 75%;
}

.game-placeholder--arcade {
  padding-bottom: 61.99525%;
}

.game-placeholder {
  height: 0;
  overflow: hidden;
  position: relative;
}

.game-placehodler__name {
  display: block;
  width: 100%;
  overflow: hidden;
  text-align: center;
  font-size: 0.875rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 0.25rem 0.5rem;
  color: transparent;
}

.loading-observer {
  margin: 0 auto;
  grid-column: 1/-1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.slot-content {
  position: relative;
  min-height: 15rem;
}

.slot-content .games-grid,
.slot-content .slot-loading {
  display: grid;
  grid-gap: 0.75rem;
  grid-template-rows: minmax(0, 1fr);
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

@media (min-width: 1024px) {
  .slot-content .games-grid,
  .slot-content .slot-loading {
    grid-gap: 1rem;
    grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
  }
}

.slot-content .no-results {
  width: 100%;
  padding: 0.75rem 2rem;
  text-align: center;
  font-size: 0.875rem;
  background-color: #1d2b43;
}

.slot-loading {
  position: absolute;
  width: 100%;
}

.slot-loading--rtp {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.game-fade-enter,
.game-fade-leave-to {
  opacity: 0;
}

.game-fade-enter-active,
.game-fade-leave-active {
  transition: opacity 0.5s ease;
}

.sports-grid {
  display: grid;
  grid-gap: 0.75rem;
  align-items: start;
  margin-bottom: 1rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (min-width: 1024px) {
  .sports-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.sports-grid button:first-child {
  position: relative;
  display: block;
  height: 0;
  width: 100%;
  overflow: hidden;
  padding-bottom: 100%;
  border-radius: 10px;
}

.sports-grid button:first-child img {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.sports-grid button:first-child > span {
  position: absolute;
  z-index: 2;
  left: 0.375rem;
  bottom: 0.375rem;
  color: #fff;
  font-weight: 700;
}

.sports-grid button:first-child:after {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: linear-gradient(0deg, #000, transparent 30%, transparent);
}

.sports-grid button:last-child {
  width: 100%;
  max-width: 20rem;
  margin: 0.75rem auto 0;
}

.slot-game-search form {
  display: grid;
  grid-gap: 0.75rem;
  align-items: center;
  grid-template-columns: 3fr 1fr;
}

.slot-game-search form .input {
  height: 34px;
}

.slot {
  display: grid;
  grid-gap: 0.5rem;
  margin-bottom: 0.5rem;
  grid-template-rows: auto auto auto 1fr;
  min-height: calc(100vh - 150px);
}

.slot .card {
  padding: 0.25rem 0;
}

.slot:not(.slot--d) .slot-game-search {
  position: sticky;
  top: calc(90px + 0.5rem);
  width: 90%;
  z-index: 4;
  justify-self: center;
  padding: 0.5rem;
  border-radius: 5px;
  background-color: #060d18;
  box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.14),
    0 1px 8px 0 rgba(0, 0, 0, 0.12);
}

.slot--d {
  display: grid;
  grid-gap: 1rem;
  margin-top: 0.5rem;
  align-items: start;
  margin-bottom: 1rem;
  grid-template-rows: unset;
  grid-template-columns: 1fr 5fr;
}

.slot--d .slot__container {
  grid-column: 2/3;
}

.slot--d .slot-content__header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
  padding: 0.25rem 1rem;
  background-color: #4a5059;
}

.slot--d .slot-content__header .slot-game-search {
  width: unset;
  justify-self: unset;
}

.slot--d .slot-content__active {
  display: flex;
  align-items: center;
  font-size: 0.875rem;
}

.slot--d .slot-content__active i {
  margin-right: 0.5rem;
}

.slot--d .slot-content__active span {
  font-weight: 700;
}

.games-nav--d {
  background-color: #4a5059;
}

.games-nav--d__item {
  border-bottom: 1px solid #1d2b43;
}

.games-nav--d__item:last-child {
  border-bottom: none;
}

.games-nav--d__item a {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0.5rem 1rem;
}

.games-nav--d__item a:before {
  position: absolute;
  top: 0;
  right: -3px;
  width: 100%;
  height: 35%;
  filter: drop-shadow(0.1rem 0.1rem 0.1rem #060d18);
}

.games-nav--d__item a:hover {
  background-color: #1d2b43;
}

.games-nav--d__item a img {
  width: 2rem;
  height: 2rem;
  z-index: 3;
}

.games-nav--d__item a span {
  margin-left: 1rem;
  font-weight: 700;
}

.games-nav--d__item a.app-link--exact-active {
  color: #dfbb06;
}

.games-nav--d__item--promo a:before {
  content: "";
  background: 100% 0 / contain no-repeat
    url(https://cdn-proxy.globalcontentcloud.com/common/default/ribbons/flipped-promo.svg);
}

.games-nav--d__item--new a:before {
  content: "";
  background: 100% 0 / contain no-repeat
    url(https://cdn-proxy.globalcontentcloud.com/common/default/ribbons/flipped-new.svg);
}

.games-nav--d__maintenance {
  position: absolute;
  top: 0.25rem;
  left: 2rem;
  width: 1rem;
  height: 1rem;
  padding: 0.1rem;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #1d2b43;
  border-radius: 50%;
}

.games-nav--d__maintenance i {
  color: #fdd835;
}

.lotto-grid {
  display: grid;
  grid-gap: 0.75rem;
  align-items: start;
  margin-bottom: 1rem;
  grid-auto-flow: dense;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (min-width: 1024px) {
  .lotto-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.lotto-grid button:first-child {
  position: relative;
  display: block;
  height: 0;
  width: 100%;
  overflow: hidden;
  border-radius: 10px;
  padding-bottom: 75%;
  background-color: #4a5059;
}

.lotto-grid button:first-child img {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.lotto-grid button:first-child > span {
  position: absolute;
  z-index: 2;
  left: 0.375rem;
  bottom: 0.375rem;
  color: #fff;
  font-weight: 700;
  font-size: 0.625rem;
}

.lotto-grid button:first-child:after {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: linear-gradient(0deg, #000, transparent 30%, transparent);
}

.lotto-grid button:first-child.placeholder img {
  left: 50%;
  top: 50%;
  width: 7rem;
  height: 7rem;
  transform: translate(-50%, -50%);
}

.lotto-grid button:last-child {
  width: 100%;
  max-width: 20rem;
  margin: 0.75rem auto 0;
}

.lotto-grid__maintenance {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  color: #fff;
  background-color: rgba(29, 43, 67, 0.8);
}

.lotto-grid__maintenance i {
  margin-bottom: 0.5rem;
}

.lotto-grid__maintenance span {
  font-weight: 500;
  font-size: 0.75rem;
}

.lotto-grid--special {
  grid-column: span 2;
}

.lotto-grid--special button:first-child {
  padding-bottom: 36.80982%;
}

.lotto-grid--new button:first-child:before {
  position: absolute;
  top: -2.5px;
  left: -2.5px;
  z-index: 2;
  width: 100%;
  height: 3.125rem;
  content: "";
  pointer-events: none;
  background: 0 / contain no-repeat
    url(https://cdn-proxy.globalcontentcloud.com/common/default/lotto/new.png);
}

@media (min-width: 1024px) {
  .lotto-grid--new button:first-child:before {
    top: -5px;
    left: -5px;
    height: 6rem;
  }
}

.leaderboard-providers__total {
  position: relative;
  width: 100%;
  height: 0;
  border: 1px solid #dfbb06;
  border-radius: 10px;
  padding-bottom: 25%;
}

.leaderboard-providers__total .icon {
  position: absolute;
  top: 10%;
  height: 80%;
  right: 0.5rem;
}

@media (min-width: 1024px) {
  .leaderboard-providers__total .icon {
    right: 1rem;
  }
}

.leaderboard-providers__total .text {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 0.5rem;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}

.leaderboard-providers__total .text h2 {
  font-size: 6vw;
  font-weight: 900;
}

.leaderboard-providers__total .text h3 {
  font-size: 4vw;
  color: #dfbb06;
  font-weight: 500;
}

.leaderboard-providers__total .text h3 strong {
  font-weight: 900;
}

.leaderboard-providers__total .text h4 {
  font-size: 5vw;
  font-weight: 500;
}

@media (min-width: 1024px) {
  .leaderboard-providers__total .text {
    padding: 1rem;
  }

  .leaderboard-providers__total .text h2 {
    font-size: 4vw;
  }

  .leaderboard-providers__total .text h3,
  .leaderboard-providers__total .text h4 {
    font-size: 2.25vw;
  }
}

@media (min-width: 1280px) {
  .leaderboard-providers__total .text h2 {
    font-size: 3.5rem;
  }

  .leaderboard-providers__total .text h3,
  .leaderboard-providers__total .text h4 {
    font-size: 2rem;
  }
}

.leaderboard-providers ul {
  display: grid;
  grid-gap: 1rem;
  margin-top: 1rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.leaderboard-providers .detail-box {
  position: relative;
  width: 100%;
  height: 0;
  border: 1px solid #dfbb06;
  border-radius: 10px;
  padding-bottom: 40%;
}

.leaderboard-providers .detail-box .icon {
  position: absolute;
  top: 0;
  right: 0;
  height: 40%;
}

.leaderboard-providers .detail-box .icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.leaderboard-providers .detail-box .icon span {
  display: none;
  font-weight: 700;
  font-size: 0.625rem;
  position: relative;
  right: 0.5rem;
  top: 0.25rem;
}

.leaderboard-providers .detail-box .text {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 0.5rem;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}

.leaderboard-providers .detail-box .text h2 {
  font-size: 3.75vw;
  font-weight: 900;
}

.leaderboard-providers .detail-box .text h3 {
  font-size: 2.75vw;
  color: #dfbb06;
  font-weight: 500;
}

.leaderboard-providers .detail-box .text h3 strong {
  font-weight: 900;
}

.leaderboard-providers .detail-box .text h4 {
  font-weight: 500;
  font-size: 3vw;
}

@media (min-width: 1024px) {
  .leaderboard-providers .detail-box .text {
    padding: 1rem;
  }

  .leaderboard-providers .detail-box .text h2 {
    font-size: 3vw;
  }

  .leaderboard-providers .detail-box .text h3,
  .leaderboard-providers .detail-box .text h4 {
    font-size: 2vw;
  }
}

@media (min-width: 1280px) {
  .leaderboard-providers .detail-box .text h2 {
    font-size: 2.25rem;
  }

  .leaderboard-providers .detail-box .text h3,
  .leaderboard-providers .detail-box .text h4 {
    font-size: 1.5rem;
  }
}

.poker {
  display: grid;
  grid-gap: 0.75rem;
  margin-bottom: 0.5rem;
}

.poker__banner {
  display: block;
  height: 60px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(100% + 1rem);
  transform: translateX(-0.5rem);
}

.poker__banner img {
  display: block;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.poker__banner:last-child {
  margin-top: 0.75rem;
}

.poker__username {
  display: flex;
  align-items: center;
  padding: 0.5rem;
  border-radius: 2px;
  background-color: #4a5059;
}

.poker__username h5 {
  pointer-events: none;
}

.poker__username > i {
  margin-right: 0.5rem;
}

.poker__username span {
  margin-left: 0.5rem;
  font-size: 0.875rem;
  font-weight: 500;
}

.poker__username .poker__username__btn-copy {
  padding: 0 0.5rem;
  margin-left: auto;
}

.poker__username .poker__username__btn-copy i {
  margin-left: 0.25rem;
}

.poker__grid {
  display: grid;
  grid-gap: 0.75rem;
  align-items: start;
  grid-auto-flow: dense;
  grid-auto-rows: 1fr;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.poker__actions {
  grid-row: 4/5;
  display: grid;
  grid-gap: 0.75rem;
  justify-content: center;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.poker__game {
  position: relative;
  height: 0;
  overflow: hidden;
  border-radius: 5px;
  background-color: #1d2b43;
  padding-bottom: 50%;
}

.poker__game img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.poker__game--maintenance {
  color: hsla(0, 0%, 100%, 0.38);
}

.poker__game span {
  display: none;
}

.poker .poker__game--exclusive {
  height: 100%;
  grid-row: 1/3;
  grid-column: 2/3;
}

.poker .poker__game-placeholder img {
  padding-bottom: 1rem;
}

.poker .poker__game-placeholder span {
  position: absolute;
  display: block;
  left: 50%;
  bottom: 0.25rem;
  font-weight: 700;
  font-size: 0.75rem;
  transform: translateX(-50%);
  white-space: nowrap;
}

.poker__maintenance {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  padding: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #4a5059;
  border-bottom-right-radius: 5px;
}

.poker__maintenance i {
  color: #fdd835;
}

.poker--d {
  margin: 0.5rem 0 1rem;
}

.poker--d .poker__banner {
  width: auto;
  height: auto;
  transform: unset;
  overflow: hidden;
  border-radius: 5px;
}

.poker--d .poker__banner img {
  width: 100%;
  height: auto;
  -o-object-fit: unset;
  object-fit: unset;
}

.poker--d .poker__actions,
.poker--d .poker__grid {
  grid-gap: 1rem;
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.poker--d .poker__actions a,
.poker--d .poker__actions button {
  grid-column: span 2;
}

.poker--d .poker__actions :first-child {
  grid-column: 2/4;
}

.poker--d .poker__game {
  cursor: pointer;
}

.poker--d .poker__game--exclusive {
  grid-row: 1/4;
  grid-column: 4/7;
}

.poker--d .poker__game--exclusive img {
  -o-object-fit: cover;
  object-fit: cover;
}

.poker--d .poker__username__btn-copy {
  margin-left: 1rem;
  padding: 0 1rem;
}

.lotto {
  display: grid;
  height: 100%;
  grid-template-rows: auto 1fr;
}

.lotto__nav {
  margin-bottom: 0.75rem;
}

.lotto__nav ul {
  display: grid;
  grid-gap: 0.5rem;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

@media (min-width: 1024px) {
  .lotto__nav ul {
    grid-gap: 0.75rem;
  }
}

.lotto__nav li .app-link--exact-active {
  background-color: #dfbb06;
}

.lotto--d {
  display: block;
  height: auto;
  margin-top: 0.5rem;
}

.lotto--d .lotto__nav ul {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.side-nav {
  margin-top: 0.5rem;
}

.side-nav--sticky {
  position: sticky;
  top: 90px;
  padding: 0 0.5rem;
  background-color: #060d18;
  z-index: 9;
}

.side-nav--sticky:not(.side-nav--d) {
  width: calc(100% + 1rem);
  box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.14),
    0 1px 8px 0 rgba(0, 0, 0, 0.12);
  transform: translateX(-0.5rem);
}

.side-nav ul {
  display: flex;
  overflow-x: scroll;
  overflow-x: overlay;
  scrollbar-width: none;
  -ms-overflow-style: none;
  scroll-behavior: smooth;
  -ms-scroll-snap-type: x mandatory;
  scroll-snap-type: x mandatory;
}

.side-nav ul::-webkit-scrollbar {
  display: none;
}

.side-nav__item {
  margin-right: 1rem;
  scroll-snap-align: start;
  border-bottom: 2px solid #4a5059;
  transition: border-color 0.2s ease;
}

.side-nav__item a {
  color: #fff;
  padding: 0.5rem 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  transition: color 0.2s ease;
}

.side-nav__item a i {
  margin-right: 0.5rem;
}

.side-nav__item a span {
  font-weight: 700;
  font-size: 0.75rem;
  white-space: nowrap;
}

.side-nav__item--active {
  border-color: #dfbb06;
}

.side-nav__item--active a {
  color: #dfbb06;
}

.side-nav__item--disabled {
  cursor: not-allowed;
}

.side-nav__item--disabled a,
.side-nav__item--disabled a:hover {
  color: hsla(0, 0%, 100%, 0.38);
}

@media (hover: hover) and (min-width: 1024px) {
  .side-nav__item:hover {
    border-color: #dfbb06;
  }

  .side-nav__item:hover a {
    color: #dfbb06;
  }
}

.side-nav__item:last-child {
  margin-right: 0;
}

@media (min-width: 1024px) {
  .side-nav {
    padding: 1rem;
    margin-top: 1rem;
    background-color: #060d18;
    border-radius: 10px;
  }

  .side-nav ul {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
  }

  .side-nav ul .side-nav__item {
    width: 100%;
    margin: 0.75rem 0;
  }

  .side-nav ul .side-nav__item a {
    position: relative;
    justify-content: flex-start;
  }

  .side-nav ul .side-nav__item a i {
    position: absolute;
  }

  .side-nav ul .side-nav__item a span {
    margin-left: 2.25rem;
    font-size: 0.875rem;
  }
}

.leaderboard {
  margin-bottom: 1rem;
}

.leaderboard .leaderboard-content {
  margin-top: 1rem;
}

@media (min-width: 1024px) {
  .leaderboard {
    display: grid;
    align-items: start;
    padding: 2rem 3rem;
    margin-top: 0.5rem;
    grid-column-gap: 2rem;
    background-color: #1d2b43;
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }

  .leaderboard .page-header {
    grid-column: 1/-1;
  }

  .leaderboard .side-nav {
    grid-column: 1/3;
  }

  .leaderboard .leaderboard-content {
    grid-column: 3/-1;
  }
}

.arcade-content {
  position: relative;
  min-height: 15rem;
}

.arcade-content .arcade-games,
.arcade-content .arcade-loading {
  margin-top: 0.5rem;
  display: grid;
  grid-gap: 0.75rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (min-width: 1024px) {
  .arcade-content .arcade-games,
  .arcade-content .arcade-loading {
    grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
  }
}

.arcade-content .arcade-games--d,
.arcade-content .arcade-loading--d {
  margin-top: 0;
}

.arcade-content .arcade-loading {
  position: absolute;
  width: 100%;
}

.casino,
.casino__banner {
  margin-bottom: 0.5rem;
}

.casino__banner {
  width: calc(100% + 1rem);
  transform: translateX(-0.5rem);
}

.casino__banner img {
  display: block;
  width: 100%;
}

.casino__provider-grid {
  display: grid;
  grid-gap: 0.5rem;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.casino__provider {
  position: relative;
  overflow: hidden;
  border-radius: 5px;
  background-color: #1d2b43;
}

.casino__provider--maintenance {
  pointer-events: none;
}

.casino__provider a {
  cursor: pointer;
}

.casino__provider a > div {
  position: relative;
  height: 0;
  padding-bottom: 162.03209%;
  display: flex;
  align-items: flex-end;
  overflow: hidden;
  border-radius: 5px;
  border: 2px solid #4a5059;
}

.casino__provider a > div:after {
  height: 100%;
  content: "";
  background: linear-gradient(0deg, #060d18, transparent 30%, transparent);
}

.casino__provider a > div:after,
.casino__provider a > div img {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}

.casino__provider a > div img.placeholder {
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.casino__provider a .casino__maintenance {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  padding: 0.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: rgba(29, 43, 67, 0.8);
}

.casino__provider a .casino__maintenance span {
  font-size: 0.75rem;
  text-align: center;
  font-weight: 500;
  margin-top: 0.25rem;
}

.casino__provider a .casino__maintenance img {
  position: relative;
}

.casino__provider--promo a > div {
  border: 2px solid #139c44;
}

.casino__provider--promo:after {
  position: absolute;
  right: 0;
  bottom: -1px;
  z-index: 3;
  content: attr(data-flag);
  text-transform: uppercase;
  font-weight: 700;
  font-style: italic;
  font-size: 0.5rem;
  padding: 0.25rem 0.5rem;
  background: 50% / contain no-repeat
    url(https://cdn-proxy.globalcontentcloud.com/common/default/ribbons/promo.svg);
}

.casino__provider--new a > div {
  border: 2px solid #ff4343;
}

.casino__provider--new:after {
  position: absolute;
  right: 0;
  bottom: -1px;
  z-index: 3;
  min-width: 3rem;
  content: attr(data-flag);
  text-transform: uppercase;
  font-weight: 700;
  font-style: italic;
  font-size: 0.5rem;
  text-align: center;
  padding: 0.25rem 0.5rem;
  background: 50% / contain no-repeat
    url(https://cdn-proxy.globalcontentcloud.com/common/default/ribbons/new.svg);
}

.casino__provider--special a > div {
  border: 2px solid #dfbb06;
}

.casino__provider--special:after {
  position: absolute;
  right: 0;
  top: -1px;
  z-index: 3;
  content: attr(data-flag);
  text-transform: uppercase;
  font-weight: 700;
  font-style: italic;
  font-size: 0.5rem;
  padding: 0.25rem 0.5rem;
  background: 50% / contain no-repeat
    url(https://cdn-proxy.globalcontentcloud.com/456/dist/img/special.2e47c68.svg);
}

.casino__provider__name {
  position: absolute;
  display: block;
  width: 100%;
  left: 0;
  bottom: 0;
  padding: 0.25rem;
  font-weight: 700;
  font-size: 0.5rem;
}

.casino--d {
  grid-gap: 1rem;
  margin-top: 0.5rem;
}

.casino--d .casino__banner {
  width: 100%;
  transform: unset;
  margin-bottom: 1rem;
  overflow: hidden;
  border-radius: 5px;
}

.casino--d .casino__provider-grid {
  grid-gap: 1rem;
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.casino--d .casino__provider--new:after,
.casino--d .casino__provider--promo:after {
  bottom: -2px;
  font-size: 0.75rem;
  padding: 0.375rem 0.75rem;
}

.casino--d .casino__provider--new:after {
  min-width: 80px;
}

.casino--d .casino__provider--special:after {
  top: -2px;
  font-size: 0.75rem;
  padding: 0.375rem 0.75rem;
}

.casino--d .casino__provider__name {
  font-size: 0.75rem;
}

.referral-info {
  margin-bottom: 1rem;
}

.referral-info__banner {
  display: block;
  width: calc(100% + 1rem);
  transform: translateX(-0.5rem);
}

.referral-info__bonus,
.referral-info__content,
.referral-info__details,
.referral-info__steps {
  margin: 0.5rem 0 1rem;
}

.referral-info__bonus > h5,
.referral-info__content > h5,
.referral-info__details > h5,
.referral-info__steps > h5 {
  margin-bottom: 0.5rem;
}

.referral-info__content {
  font-size: 0.875rem;
}

.referral-info__content p {
  margin: 0.25rem 0;
}

.referral-info__steps ul {
  display: grid;
  grid-gap: 0.5rem;
  grid-auto-rows: 1fr;
}

.referral-info__steps ul li {
  position: relative;
  display: grid;
  grid-column-gap: 1rem;
  align-items: center;
  grid-template-columns: 3rem 1fr;
  background-color: #fff;
  color: rgba(0, 0, 0, 0.6);
  padding: 1rem;
  border-radius: 5px;
}

.referral-info__steps ul li p {
  font-size: 0.75rem;
}

.referral-info__steps ul li h5,
.referral-info__steps ul li p {
  grid-column: 2/3;
}

.referral-info__steps ul li i {
  grid-column: 1/2;
  position: absolute;
  align-self: center;
  justify-self: center;
  color: #000;
}

.referral-info__bonus ul {
  padding: 0.5rem;
  font-size: 0.875rem;
  border-radius: 2px;
  background-color: #4a5059;
}

.referral-info__bonus li {
  padding: 0.125rem 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.referral-info__bonus li label,
.referral-info__bonus li span {
  flex: 0 0 50%;
}

.referral-info__bonus li span {
  text-align: right;
}

.referral-info__details li {
  display: flex;
  align-items: center;
  margin: 0.5rem 0;
}

.referral-info__details li i {
  color: #139c44;
  margin-right: 0.5rem;
}

.referral-info--d {
  display: grid;
  grid-column-gap: 2rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 0.5rem 0;
}

.referral-info--d > * {
  grid-column: 1/-1;
}

.referral-info--d .referral-info__banner {
  width: 100%;
  border-radius: 5px;
  transform: unset;
}

.referral-info--d .referral-info__steps ul {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.referral-info--d .referral-info__bonus {
  grid-row: 3/4;
  grid-column: 2/3;
}

.referral-info--d .referral-info__details {
  grid-row: 3/4;
  grid-column: 1/2;
}

.referral-info--d > .btn {
  margin: 0 auto;
  width: 20rem;
  grid-row: 4/5;
}

.coming-soon {
  padding: 1rem 0;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  max-width: 600px;
}

.coming-soon h2 {
  margin: 1rem 0;
  font-size: 2rem;
  font-weight: 900;
}

.coming-soon p {
  font-weight: 700;
  text-align: center;
}

.fishing {
  margin-bottom: 0.5rem;
}

.fishing .games-grid {
  margin-top: 0.5rem;
  display: grid;
  grid-gap: 0.75rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (min-width: 1024px) {
  .fishing .games-grid {
    grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
  }
}

.fishing--d {
  margin: 0.5rem 0;
}

.contact {
  margin-bottom: 0.5rem;
}

.contact__details {
  margin-top: 1rem;
}

.contact__details li {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 1rem;
}

.contact__details li a {
  display: flex;
  overflow: hidden;
  align-items: center;
}

.contact__details li div {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #dfbb06;
  border-radius: 50%;
}

.contact__details li div,
.contact__details li img {
  width: 2.5rem;
  height: 2.5rem;
  margin-right: 1.75rem;
}

.contact__details li span {
  font-size: 1rem;
  font-weight: 700;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.contact .btn {
  width: 100%;
}

.contact p {
  margin-top: 1rem;
  font-size: 0.875rem;
}

.contact--d {
  display: grid;
  padding: 2rem 3rem;
  margin-top: 0.5rem;
  background-color: #1d2b43;
  grid-row-gap: 2rem;
  grid-column-gap: 1rem;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.contact--d .page-header {
  grid-column: 1/-1;
}

.contact--d .contact__details {
  display: grid;
  grid-column: 1/3;
  grid-column-gap: 1rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.contact--d p {
  grid-row: 2/3;
  grid-column: 3/4;
}

.contact--d .btn {
  width: 50%;
  margin: 0 auto;
  grid-row: 3/4;
  grid-column: 1/-1;
}
.arcade {
  margin-bottom: 0.5rem;
}

.arcade .card {
  padding: 1rem 0;
}

.arcade--d {
  display: grid;
  grid-gap: 1rem;
  margin-top: 0.5rem;
  align-items: start;
  margin-bottom: 1rem;
  grid-template-rows: unset;
  grid-template-columns: 1fr 5fr;
}

.arcade--d .arcade-content {
  grid-column: 2/3;
}

.arcade--d .coming-soon {
  grid-column: 1/-1;
  justify-self: center;
}
.forgot-password {
  display: grid;
  height: 100%;
  grid-template-rows: auto 1fr;
}

.forgot-password__container {
  display: grid;
  grid-gap: 0.5rem;
  margin: 1rem 0;
  padding: 0 1rem;
  align-self: center;
  justify-self: center;
}

.forgot-password__container form {
  padding: 1rem;
  border-radius: 5px;
  background-color: #fff;
}

.forgot-password__container form > div {
  margin: 0 auto;
  max-width: 350px;
}

.forgot-password__container > form p {
  padding: 0 1rem;
  margin-bottom: 1rem;
  text-align: center;
  font-size: 0.875rem;
  color: rgba(0, 0, 0, 0.6);
}

.forgot-password__instructions {
  display: grid;
  grid-gap: 0.5rem;
  grid-auto-rows: 1fr;
}

.forgot-password__instructions div {
  position: relative;
  display: grid;
  grid-column-gap: 1rem;
  align-items: center;
  grid-template-columns: 3rem 1fr;
  background-color: #fff;
  color: rgba(0, 0, 0, 0.6);
  padding: 0.5rem;
  border-radius: 5px;
}

.forgot-password__instructions div p {
  font-size: 0.75rem;
}

.forgot-password__instructions div h5,
.forgot-password__instructions div p {
  grid-column: 2/3;
}

.forgot-password__instructions div i {
  grid-column: 1/2;
  position: absolute;
  align-self: center;
  justify-self: center;
  color: #000;
}

.forgot-password--d {
  height: auto;
  margin: 0.5rem 0;
  padding: 2rem 3rem;
  background-color: #1d2b43;
}

.forgot-password--d .forgot-password__instructions {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.forgot-password--d .forgot-password__instructions div {
  max-width: 350px;
}
#_dyn_qris_form_ {
  width: 100%;
  height: 100%;
  min-height: 100px;
  overflow: auto;
  border: none;
}

#_dyn_qris_form_add_ {
  width: 100%;
  height: 700px;
  position: absolute;
  left: 0;
  top: 0;
  min-height: 100px;
  overflow: auto;
}

#_dyn_qris_form_.m0 {
  display: none;
}

.qr-active #_dyn_qris_form_.m0 {
  display: block;
}

.qr-active > div:first-child {
  display: none;
}

#_dyn_qris_form_add_.desktop-site {
  position: absolute;
  min-height: 700px;
}

#_dyn_qris_form_add_.desktop-site > iframe {
  min-height: 0;
}

#hide_for_accountname {
  min-height: 850px;
}

#dynQrisBtn {
  xborder-color: #3f47cc;
  display: flex;
  align-items: center;
  border-bottom: solid 2px transparent;
}

#dynQrisBtn svg {
  position: relative;
  margin: auto;
  margin-right: 5px;
  width: 16px;
  height: auto;
}

.is-active a[href="#qroxdesktop"] span,
#dynQrisBtn.is-active {
  border-color: #3f47cc !important;
  color: #3f47cc;
  font-weight: bold;
}

#dynQrisBtn.is-active img {
  filter: invert(1);
}

#dynQrisBtn.is-active svg rect[stroke] {
  stroke: #3f47cc !important;
}

#dynQrisBtn.is-active svg rect[fill] {
  fill: #3f47cc !important;
}

#mop-bank.tablinks.mask-active-button {
  background: #000 !important;
  color: #fff !important;
}

#mop-bank.tablinks.mask-active-button > img {
  filter: invert(1);
}

form.wallet-form.hiddenForm {
  visibility: hidden;
  pointer-events: none;
}
.promotion {
  font-size: 0.75rem;
  overflow: hidden;
  border-radius: 5px;
  background-color: #1d2b43;
}

.promotion img {
  width: 100%;
}

.promotion h2 {
  padding: 0.25rem;
  text-align: center;
  text-transform: uppercase;
}

.promotion p {
  margin: 0.25rem 0;
}

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

.promotion__end {
  padding: 0.375rem 0.5rem;
  font-size: 0.75rem;
  color: hsla(0, 0%, 100%, 0.6);
  background-color: #1d2b43;
  border-bottom: 1px solid #060d18;
}

.promotion__content {
  padding: 0.5rem;
}

.promotion__content table {
  width: 100%;
  border: none;
  margin: 0 auto;
  text-align: center;
  border-collapse: collapse;
}

.promotion__content table td,
.promotion__content table th {
  border: 1px solid #fff;
  padding: 0.5rem 0.25rem;
}

.promotion__content ol,
.promotion__content ul {
  list-style-position: inside;
}

.promotion--d {
  font-size: 0.875rem;
}

.promotion--d .promotion__content {
  padding: 1rem 5rem;
  margin: 0 auto;
}

.promotion--d .promotion__content td,
.promotion--d .promotion__content th {
  padding: 0.5rem 1rem;
}

li {
  color: white;
}

body {
  background: #000000 url(https://photoku.io/images/2024/05/30/bg-agen.jpeg)
    center center no-repeat !important;
  background-attachment: fixed !important;
  background-position: top;
  background-size: cover !important;
}

.animatedcolor,
.animatedcolor i {
  -webkit-animation: color-change 1s infinite;
}

.app-menu--d ul {
  display: flex;
  align-items: center;
  justify-content: center;
  background: url(https://photoku.io/images/2025/07/23/bg-kecil-neww.png) center
    center no-repeat !important;
  background-size: cover !important;
}

.container {
  padding: 0 1rem;
  margin: 0 auto;
  max-width: 1169px;
  background-color: #000a18;
  box-shadow: rgb(0 0 0 / 100%) 0 32px 62px -2px,
    rgb(0 0 0 / 100%) 0 30px 32px -3px;
}

.card--light {
  background-color: #003aff;
  border: 1px solid #002fff;
}

.app-header--d {
  height: 54px;
  display: flex;
  border-bottom: 1px solid #004bff;
}

.footer-text {
  font-size: 0.75rem;
  background-color: #001840;
  border-top: 1px solid rgb(7 0 255);
  max-width: 73rem;
  margin: auto;
}

.app-footer {
  position: relative;
  padding: 1rem 0rem;
  color: #fff;
  background-color: #00153a;
  margin-bottom: calc(0px + env(safe-area-inset-bottom));
  max-width: 73rem;
  margin: auto;
  margin-top: -9px;
}

.bank-select__item {
  position: relative;
  overflow: hidden;
  height: 60px;
  border-radius: 5px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  transition: background-color 0.2s ease;
  width: 104px;
  background: url(https://imgku.io/download/EwdyMtD5.gif);
}

.card--light {
  background-color: #004cbd;
  border: 1px solid #002fff;
}

.promotion-list .promotion__item .promotion__teaser {
  display: grid;
  padding: 0.5rem;
  grid-gap: 0.5rem;
  background-color: #002d7b;
  grid-template-columns: 5fr 1fr 1fr;
}

nav.app-breadcrumbs.home--full-width.app-breadcrumbs--d {
  justify-content: center;
}

.app-breadcrumbs .nav-item a {
  text-transform: uppercase;
  border-right: 1px solid gold;
}

.app-breadcrumbs .nav-item a {
  text-transform: uppercase;
  padding: 5px 10px;
  background: linear-gradient(to bottom, #002bff 0%, #004eff 100%);
  margin: auto 5px;
  border-radius: 10px;
  border: 1px solid #1100ff;
  box-shadow: 1px 1px 1px black;
  color: #ffffff;
}

.btn--flex {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  flex-wrap: nowrap;
  flex-direction: row;
  border-bottom: 3px solid #0f00e7;
  background: linear-gradient(to bottom, #002bff 0%, #004eff 100%);
  box-shadow: 0px 2px 2px 2px #00000080;
  border-radius: 5px 2px 20px 20px;
}

.app-header__widgets .app-header__auth > :last-child,
.app-header__widgets .app-header__user > :last-child {
  margin-right: 0;
  border-radius: 0px;
}

.arcade-carousel--light .arcade-carousel__img-container {
  background-color: #001234;
  border: 1px solid #ffeb00;
}

.arcade-carousel--light .carousel__control.highlight:before {
  color: #000000;
}

.app-footer__partners ul li a {
  padding: 3px !important;
  font-size: 10px;
  white-space: nowrap;
  color: hsla(0, 0%, 100%, 0.6);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: linear-gradient(to bottom, #0047ff 0%, #031772 100%);
  border-radius: 20px;
  margin-top: 10px;
  margin-left: 5px;
}

.app-footer__payment ul li {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem;
  overflow: hidden;
  border-radius: 5px;
  border: 1px solid #001b64;
  background: #021a6f;
  color: #000000;
  box-shadow: 0px 2px 2px 2px #00000038;
}

.app-header__widgets .app-header__auth > *,
.app-header__widgets .app-header__user > * {
  margin-right: 0.5rem;
  border-radius: 0px;
}

.app-menu--primary {
  background-color: #1d2b4300;
}
/* ===== Toggle Button (pojok kiri bawah) ===== */
.agen-toggle-btn {
  position: fixed;
  left: 4px;
  bottom: 70px;
  background: linear-gradient(to bottom, #001085 0%, #0037ff 80%);
  color: #fff;
  padding: 10px 16px;
  border-radius: 30px;
  cursor: pointer;
  font-size: 16px;
  border: 2px solid #005dff;
  z-index: 10000;
  transition: all 0.3s ease;
}

.agen-toggle-btn:hover {
  background: #005dff;
}

/* ===== Sidebar Panel ===== */
.agen-social {
  position: fixed;
  left: -320px;
  bottom: 70px;
  width: 300px;
  background: linear-gradient(to bottom, #001085 0%, #0037ff 80%);
  box-shadow: 4px 0 20px rgba(0, 0, 0, 0.5);
  z-index: 9999;
  transition: left 0.4s ease;
  padding: 7px;
  border-radius: 0 20px 20px 0;
  overflow-y: auto;
  z-index: 99999;
  box-shadow: inset 0 0 0 1px #005cff, inset 0 2px 0 0 #00e7ff,
    inset 0 4px 4px 2px #0011ff, 3px 3px 3px 1px rgba(0, 0, 0, 0.2);
  border-right: 2px solid #0033ff;
}

.agen-social.agen-open {
  left: 0;
}

/* ===== Header Sidebar ===== */
.agen-social h3 {
  color: #fff;
  font-size: 20px;
  margin-bottom: 4px;
}

.agen-social p {
  color: #bbb;
  font-size: 14px;
  margin-bottom: 20px;
}

/* ===== Menu List ===== */
.agen-social ul {
  list-style: none;
}

.agen-social ul li {
  margin-bottom: 14px;
}

.agen-social ul li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-decoration: none;
  padding: 10px 14px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 14px;
  transition: all 0.3s ease;
}

.agen-social ul li a:hover {
  background: rgba(255, 255, 255, 0.1);
}

.agen-info {
  flex: 1;
  margin-left: 10px;
}

.agen-info span {
  color: #ffe200 !important;
  font-weight: 500;
  font-size: 14px;
  display: block;
}

.agen-info small {
  color: #ffffff;
  font-size: 12px;
}

/* Gambar ikon */
.agen-social ul li img {
  width: 40px;
  height: 40px;
  border-radius: 10px;
}

/* ===== Footer Close Button ===== */
.agen-close-btn {
  display: block;
  position: unset !important;
  margin: 20px auto 0;
  padding: 8px 16px;
  border: 2px solid #0022ff;
  border-radius: 20px;
  font-size: 14px;
  color: #fff !important;
  background: transparent;
  cursor: pointer;
  transition: background 0.3s;
}

@media (max-width: 400px) {
  .agen-toggle-btn {
    position: fixed;
    left: 1px;
    bottom: 70px;
    background: linear-gradient(to bottom, #001085 0%, #0037ff 80%);
    color: #fff;
    padding: 3px 7px;
    border-radius: 30px;
    cursor: pointer;
    font-size: 16px;
    text-transform: uppercase;
    border: 2px solid gold;
    z-index: 10000;
    transition: all 0.3s ease;
  }
}

.agen-close-btn:hover {
  background: rgba(255, 255, 255, 0.1);
}
/* ===== Toggle Button (pojok kiri bawah) ===== */
.agen-toggle-btn {
  position: fixed;
  left: 4px;
  bottom: 70px;
  background: linear-gradient(to bottom, #001085 0%, #0037ff 80%);
  color: #fff;
  padding: 10px 16px;
  border-radius: 30px;
  cursor: pointer;
  font-size: 16px;
  border: 2px solid #005dff;
  z-index: 10000;
  transition: all 0.3s ease;
}

.agen-toggle-btn:hover {
  background: #005dff;
}

/* ===== Sidebar Panel ===== */
.agen-social {
  position: fixed;
  left: -320px;
  bottom: 70px;
  width: 300px;
  background: linear-gradient(to bottom, #001085 0%, #0037ff 80%);
  box-shadow: 4px 0 20px rgba(0, 0, 0, 0.5);
  z-index: 9999;
  transition: left 0.4s ease;
  padding: 7px;
  border-radius: 0 20px 20px 0;
  overflow-y: auto;
  z-index: 99999;
  box-shadow: inset 0 0 0 1px #005cff, inset 0 2px 0 0 #00e7ff,
    inset 0 4px 4px 2px #0011ff, 3px 3px 3px 1px rgba(0, 0, 0, 0.2);
  border-right: 2px solid #0033ff;
}

.agen-social.agen-open {
  left: 0;
}

/* ===== Header Sidebar ===== */
.agen-social h3 {
  color: #fff;
  font-size: 20px;
  margin-bottom: 4px;
}

.agen-social p {
  color: #bbb;
  font-size: 14px;
  margin-bottom: 20px;
}

/* ===== Menu List ===== */
.agen-social ul {
  list-style: none;
}

.agen-social ul li {
  margin-bottom: 14px;
}

.agen-social ul li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-decoration: none;
  padding: 10px 14px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 14px;
  transition: all 0.3s ease;
}

.agen-social ul li a:hover {
  background: rgba(255, 255, 255, 0.1);
}

.agen-info {
  flex: 1;
  margin-left: 10px;
}

.agen-info span {
  color: #ffffff;
  font-weight: 500;
  font-size: 14px;
  display: block;
}

.agen-info small {
  color: #ffffff;
  font-size: 12px;
}

/* Gambar ikon */
.agen-social ul li img {
  width: 40px;
  height: 40px;
  border-radius: 10px;
}

/* ===== Footer Close Button ===== */
.agen-close-btn {
  display: block;
  position: unset !important;
  margin: 20px auto 0;
  padding: 8px 16px;
  border: 2px solid #0022ff;
  border-radius: 20px;
  font-size: 14px;
  color: #fff !important;
  background: transparent;
  cursor: pointer;
  transition: background 0.3s;
}

@media (max-width: 400px) {
  .agen-toggle-btn {
    position: fixed;
    left: 1px;
    bottom: 70px;
    background: linear-gradient(to bottom, #001085 0%, #0037ff 80%);
    color: #fff;
    padding: 3px 7px;
    border-radius: 30px;
    cursor: pointer;
    font-size: 16px;
    text-transform: uppercase;
    border: 2px solid gold;
    z-index: 10000;
    transition: all 0.3s ease;
  }
}

.agen-close-btn:hover {
  background: rgba(255, 255, 255, 0.1);
}
li {
  color: white;
}

body {
  background: #000000 url(https://photoku.io/images/2024/05/30/bg-agen.jpeg)
    center center no-repeat !important;
  background-attachment: fixed !important;
  background-position: top;
  background-size: cover !important;
}

.animatedcolor,
.animatedcolor i {
  -webkit-animation: color-change 1s infinite;
}
.app-menu--d ul {
  display: flex;
  align-items: center;
  justify-content: center;
  background: url(https://photoku.io/images/2025/07/23/bg-kecil-neww.png) center
    center no-repeat !important;
  background-size: cover !important;
}
.container {
  padding: 0 1rem;
  margin: 0 auto;
  max-width: 1169px;
  background-color: #000a18;
  box-shadow: rgb(0 0 0 / 100%) 0 32px 62px -2px,
    rgb(0 0 0 / 100%) 0 30px 32px -3px;
}
.card--light {
  background-color: #003aff;
  border: 1px solid #002fff;
}
.app-header--d {
  height: 54px;
  display: flex;
  border-bottom: 1px solid #004bff;
}
.footer-text {
  font-size: 0.75rem;
  background-color: #001840;
  border-top: 1px solid rgb(7 0 255);
  max-width: 73rem;
  margin: auto;
}
.app-footer {
  position: relative;
  padding: 1rem 0rem;
  color: #fff;
  background-color: #00153a;
  margin-bottom: calc(0px + env(safe-area-inset-bottom));
  max-width: 73rem;
  margin: auto;
  margin-top: -9px;
}

.bank-select__item {
  position: relative;
  overflow: hidden;
  height: 60px;
  border-radius: 5px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  transition: background-color 0.2s ease;
  width: 104px;
  background: url(https://imgku.io/download/EwdyMtD5.gif);
}
.card--light {
  background-color: #004cbd;
  border: 1px solid #002fff;
}
.promotion-list .promotion__item .promotion__teaser {
  display: grid;
  padding: 0.5rem;
  grid-gap: 0.5rem;
  background-color: #002d7b;
  grid-template-columns: 5fr 1fr 1fr;
}
nav.app-breadcrumbs.home--full-width.app-breadcrumbs--d {
  justify-content: center;
}

.app-breadcrumbs .nav-item a {
  text-transform: uppercase;
  border-right: 1px solid gold;
}
.app-breadcrumbs .nav-item a {
  text-transform: uppercase;
  padding: 5px 10px;
  background: linear-gradient(to bottom, #002bff 0%, #004eff 100%);
  margin: auto 5px;
  border-radius: 10px;
  border: 1px solid #1100ff;
  box-shadow: 1px 1px 1px black;
  color: #ffffff;
}
.btn--flex {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  flex-wrap: nowrap;
  flex-direction: row;
  border-bottom: 3px solid #0f00e7;
  background: linear-gradient(to bottom, #002bff 0%, #004eff 100%);
  box-shadow: 0px 2px 2px 2px #00000080;
  border-radius: 5px 2px 20px 20px;
}
.app-header__widgets .app-header__auth > :last-child,
.app-header__widgets .app-header__user > :last-child {
  margin-right: 0;
  border-radius: 0px;
}
.arcade-carousel--light .arcade-carousel__img-container {
  background-color: #001234;
  border: 1px solid #ffeb00;
}
.arcade-carousel--light .carousel__control.highlight:before {
  color: #000000;
}
.app-footer__partners ul li a {
  padding: 3px !important;
  font-size: 10px;
  white-space: nowrap;
  color: hsla(0, 0%, 100%, 0.6);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: linear-gradient(to bottom, #0047ff 0%, #031772 100%);
  border-radius: 20px;
  margin-top: 10px;
  margin-left: 5px;
}
.app-footer__payment ul li {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem;
  overflow: hidden;
  border-radius: 5px;
  border: 1px solid #001b64;
  background: #021a6f;
  color: #000000;
  box-shadow: 0px 2px 2px 2px #00000038;
}
.app-header__widgets .app-header__auth > *,
.app-header__widgets .app-header__user > * {
  margin-right: 0.5rem;
  border-radius: 0px;
}
.app-menu--primary {
  background-color: #1d2b4300;
}
/* ===== Toggle Button (pojok kiri bawah) ===== */
.agen-toggle-btn {
  position: fixed;
  left: 4px;
  bottom: 70px;
  background: linear-gradient(to bottom, #001085 0%, #0037ff 80%);
  color: #fff;
  padding: 10px 16px;
  border-radius: 30px;
  cursor: pointer;
  font-size: 16px;
  border: 2px solid #005dff;
  z-index: 10000;
  transition: all 0.3s ease;
}
.agen-toggle-btn:hover {
  background: #005dff;
}

/* ===== Sidebar Panel ===== */
.agen-social {
  position: fixed;
  left: -320px;
  bottom: 70px;
  width: 300px;
  background: linear-gradient(to bottom, #001085 0%, #0037ff 80%);
  box-shadow: 4px 0 20px rgba(0, 0, 0, 0.5);
  z-index: 9999;
  transition: left 0.4s ease;
  padding: 7px;
  border-radius: 0 20px 20px 0;
  overflow-y: auto;
  z-index: 99999;
  box-shadow: inset 0 0 0 1px #005cff, inset 0 2px 0 0 #00e7ff,
    inset 0 4px 4px 2px #0011ff, 3px 3px 3px 1px rgba(0, 0, 0, 0.2);
  border-right: 2px solid #0033ff;
}
.agen-social.agen-open {
  left: 0;
}

/* ===== Header Sidebar ===== */
.agen-social h3 {
  color: #fff;
  font-size: 20px;
  margin-bottom: 4px;
}
.agen-social p {
  color: #bbb;
  font-size: 14px;
  margin-bottom: 20px;
}

/* ===== Menu List ===== */
.agen-social ul {
  list-style: none;
}
.agen-social ul li {
  margin-bottom: 14px;
}
.agen-social ul li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-decoration: none;
  padding: 10px 14px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 14px;
  transition: all 0.3s ease;
}
.agen-social ul li a:hover {
  background: rgba(255, 255, 255, 0.1);
}
.agen-info {
  flex: 1;
  margin-left: 10px;
}
.agen-info span {
  color: #ffe200 !important;
  font-weight: 500;
  font-size: 14px;
  display: block;
}
.agen-info small {
  color: #ffffff;
  font-size: 12px;
}

/* Gambar ikon */
.agen-social ul li img {
  width: 40px;
  height: 40px;
  border-radius: 10px;
}

/* ===== Footer Close Button ===== */
.agen-close-btn {
  display: block;
  position: unset !important;
  margin: 20px auto 0;
  padding: 8px 16px;
  border: 2px solid #0022ff;
  border-radius: 20px;
  font-size: 14px;
  color: #fff !important;
  background: transparent;
  cursor: pointer;
  transition: background 0.3s;
}
@media (max-width: 400px) {
  .agen-toggle-btn {
    position: fixed;
    left: 1px;
    bottom: 70px;
    background: linear-gradient(to bottom, #001085 0%, #0037ff 80%);
    color: #fff;
    padding: 3px 7px;
    border-radius: 30px;
    cursor: pointer;
    font-size: 16px;
    text-transform: uppercase;
    border: 2px solid gold;
    z-index: 10000;
    transition: all 0.3s ease;
  }
}
.agen-close-btn:hover {
  background: rgba(255, 255, 255, 0.1);
}
/* ===== Toggle Button (pojok kiri bawah) ===== */
.agen-toggle-btn {
  position: fixed;
  left: 4px;
  bottom: 70px;
  background: linear-gradient(to bottom, #001085 0%, #0037ff 80%);
  color: #fff;
  padding: 10px 16px;
  border-radius: 30px;
  cursor: pointer;
  font-size: 16px;
  border: 2px solid #005dff;
  z-index: 10000;
  transition: all 0.3s ease;
}
.agen-toggle-btn:hover {
  background: #005dff;
}

/* ===== Sidebar Panel ===== */
.agen-social {
  position: fixed;
  left: -320px;
  bottom: 70px;
  width: 300px;
  background: linear-gradient(to bottom, #001085 0%, #0037ff 80%);
  box-shadow: 4px 0 20px rgba(0, 0, 0, 0.5);
  z-index: 9999;
  transition: left 0.4s ease;
  padding: 7px;
  border-radius: 0 20px 20px 0;
  overflow-y: auto;
  z-index: 99999;
  box-shadow: inset 0 0 0 1px #005cff, inset 0 2px 0 0 #00e7ff,
    inset 0 4px 4px 2px #0011ff, 3px 3px 3px 1px rgba(0, 0, 0, 0.2);
  border-right: 2px solid #0033ff;
}
.agen-social.agen-open {
  left: 0;
}

/* ===== Header Sidebar ===== */
.agen-social h3 {
  color: #fff;
  font-size: 20px;
  margin-bottom: 4px;
}
.agen-social p {
  color: #bbb;
  font-size: 14px;
  margin-bottom: 20px;
}

/* ===== Menu List ===== */
.agen-social ul {
  list-style: none;
}
.agen-social ul li {
  margin-bottom: 14px;
}
.agen-social ul li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-decoration: none;
  padding: 10px 14px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 14px;
  transition: all 0.3s ease;
}
.agen-social ul li a:hover {
  background: rgba(255, 255, 255, 0.1);
}
.agen-info {
  flex: 1;
  margin-left: 10px;
}
.agen-info span {
  color: #ffffff;
  font-weight: 500;
  font-size: 14px;
  display: block;
}
.agen-info small {
  color: #ffffff;
  font-size: 12px;
}

/* Gambar ikon */
.agen-social ul li img {
  width: 40px;
  height: 40px;
  border-radius: 10px;
}

/* ===== Footer Close Button ===== */
.agen-close-btn {
  display: block;
  position: unset !important;
  margin: 20px auto 0;
  padding: 8px 16px;
  border: 2px solid #0022ff;
  border-radius: 20px;
  font-size: 14px;
  color: #fff !important;
  background: transparent;
  cursor: pointer;
  transition: background 0.3s;
}
@media (max-width: 400px) {
  .agen-toggle-btn {
    position: fixed;
    left: 1px;
    bottom: 70px;
    background: linear-gradient(to bottom, #001085 0%, #0037ff 80%);
    color: #fff;
    padding: 3px 7px;
    border-radius: 30px;
    cursor: pointer;
    font-size: 16px;
    text-transform: uppercase;
    border: 2px solid gold;
    z-index: 10000;
    transition: all 0.3s ease;
  }
}
.agen-close-btn:hover {
  background: rgba(255, 255, 255, 0.1);
}
.referral-user__message {
  margin: 1rem 0;
  font-size: 0.875rem;
}
.referral-user__detail {
  display: grid;
  margin-bottom: 1rem;
  grid-column-gap: 0.5rem;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.referral-user__detail > label {
  display: block;
  font-weight: 500;
  font-size: 0.875rem;
  grid-column: 1/-1;
  margin-bottom: 0.25rem;
}
.referral-user__detail div {
  display: flex;
  align-items: center;
  grid-column: 1/4;
  font-weight: 700;
  font-size: 0.875rem;
  color: #fff;
  padding: 0.375rem 0.5rem;
  height: 34px;
  border-radius: 2px;
  background-color: #4a5059;
}
.referral-user__detail div span {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.referral-user__links {
  margin: 1rem 0;
}
.referral-user__how {
  margin-bottom: 1rem;
  padding: 0.5rem 0.5rem 0;
}
.referral-user__bonus-detail {
  padding: 0.5rem;
  font-size: 0.875rem;
  grid-column: 1/-1;
  border-radius: 2px;
  background-color: #4a5059;
}
.referral-user__bonus-detail li {
  padding: 0.125rem 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.referral-user__bonus-detail li label,
.referral-user__bonus-detail li span {
  flex: 0 0 50%;
}
.referral-user__bonus-detail li span {
  text-align: right;
}
.referral-user__social {
  display: flex;
  align-items: center;
  grid-column: 1/-1;
}
.referral-user__social li {
  width: 2rem;
  height: 2rem;
  margin-right: 1rem;
}
.referral-user__social li:last-child {
  margin-right: 0;
}
.referral-user__social li img {
  width: 100%;
}
.referral-user__tabs section {
  padding: 0.5rem 0;
  background-color: #1d2b43;
}
.referral-user__tabs section,
.referral-user__tabs ul {
  width: calc(100% + 1rem);
  transform: translateX(-0.5rem);
}
.referral-user__tabs ul {
  display: grid;
  grid-column-gap: 0.25rem;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.referral-user__tabs ul .btn {
  padding: 0;
  width: 100%;
  border-radius: 0;
}
.referral-user__tabs ul .app-link--active {
  color: #dfbb06;
  background-color: #1d2b43;
}
.referral-user--d {
  margin-top: 0.5rem;
  padding: 2rem 3rem;
  background-color: #1d2b43;
}
.referral-user--d .referral-user__links {
  position: relative;
  display: grid;
  align-items: start;
  grid-column-gap: 1rem;
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.referral-user--d .referral-user__links .referral-user__id,
.referral-user--d .referral-user__links .referral-user__link {
  grid-column: 1/4;
}
.referral-user--d .referral-user__links .referral-user__bonus {
  grid-row: 1/4;
  grid-column: 4/6;
}
.referral-user--d .referral-user__links .referral-user__share {
  grid-row: 3/4;
  grid-column: 1/4;
}
.referral-user--d .referral-user__how {
  grid-row: 3/4;
  grid-column: 4/6;
  align-self: end;
}
.referral-user--d .referral-user__tabs ul {
  width: 50%;
  transform: unset;
}
.referral-user--d .referral-user__tabs section {
  width: auto;
  transform: unset;
  background-color: #060d18;
}
.referral-user--d .referral-user__tabs .app-link--active {
  background-color: #060d18;
}
.referral-downline__data {
  margin: 0.5rem 0;
  border-bottom: 1px solid #060d18;
}
.referral-downline__data header {
  display: grid;
  overflow: hidden;
  color: #fff;
  text-align: center;
  align-items: center;
  background-color: #dfbb06;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.referral-downline__data header h6 {
  padding: 0.25rem;
}
.referral-downline__data ul li {
  display: grid;
  font-size: 0.75rem;
  text-align: center;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.referral-downline__data ul li:nth-child(2n) {
  background-color: #060d18;
}
.referral-downline__data ul li span {
  padding: 0.375rem 0.25rem;
}
.referral-downline .alert {
  margin: 0.5rem;
}
.referral-downline--d .referral-downline__data header h6 {
  padding: 0.5rem 0.25rem;
}
.referral-downline--d .referral-downline__data li {
  background-color: #1d2b43;
}
.deposit-pending {
  display: grid;
  grid-gap: 1rem;
  margin: 0 auto;
  max-width: 30rem;
}
.deposit-pending h4 {
  text-align: center;
}
.deposit-pending p {
  font-size: 0.875rem;
}
.deposit-pending a {
  justify-self: center;
}
.deposit-pending__qr {
  display: block;
  width: 80%;
  max-width: 20rem;
  margin: 1rem auto;
}
.deposit-pending__receipt {
  margin-top: 1rem;
}
.deposit-detail {
  width: 100%;
  margin: 1rem 0;
  background-color: #4a5059;
}
.deposit-detail li {
  padding: 0.5rem 0 0.25rem;
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #fff;
}
.deposit-detail li p {
  font-weight: 500;
  color: #fff;
}
.deposit-detail li.qr {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  grid-gap: 0.5rem;
}
.deposit-detail li.qr p {
  word-break: break-all;
}
.deposit-detail__copy {
  display: grid;
  grid-gap: 1px;
  padding: 0;
  grid-template-columns: 1fr auto;
}
.deposit-detail__copy span {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0.5rem;
  color: #fff;
  height: 24px;
  background-color: #060d18;
}

.preset-amounts__item,
.preset-amounts label {
  display: flex;
  align-items: center;
  justify-content: center;
}
.preset-amounts label {
  position: relative;
  width: 100%;
  cursor: pointer;
  font-weight: 500;
  background-color: #4a5059;
}
.preset-amounts label.preset-amounts--disabled {
  cursor: not-allowed;
  color: hsla(0, 0%, 100%, 0.38);
  border-color: hsla(0, 0%, 100%, 0.38);
}
.preset-amounts label.preset-amounts--disabled em {
  color: hsla(0, 0%, 100%, 0.38);
}
.preset-amounts label.preset-amounts--active {
  color: #dfbb06;
  border: 1px solid #dfbb06;
}
.preset-amounts label.preset-amounts--active em {
  color: #dfbb06;
}
.preset-amounts label i {
  position: absolute;
  left: 0.5rem;
}
.preset-amounts label em {
  position: absolute;
  top: 0;
  width: 100%;
  font-style: normal;
  transform: translateY(-100%);
}
.preset-amounts__input {
  position: absolute;
  visibility: hidden;
}