<style data-vue-ssr-id="5f8fffe6:0 5f8fffe6:1 5564551a:0 5c346d62:0 737e6e7e:0 abacbb72:0 3d6af804:0 b07c7b88:0 0f34a119:0 516a95ee:0 2065e928:0 48d2e31c:0 1e6962f8:0 6328fecd:0 01423e96:0 d44b6368:0 45950b50:0 0f1b1166:0 7f8ce74e:0 3527a6c8:0 63e9c044:0 1bd34be1:0 2f97eff2:0 0d5f88d1:0 5ec9e21a:0 507314ec:0 6a594412:0 047c1842:0 87f150ba:0">
      @import url(css/icons.css);
      @font-face {
        font-family: Avenir;
        src: url(fonts/avenir-35.f136337.ttf) format("ttf");
        font-style: normal;
        font-weight: 300;
      }

      @font-face {
        font-family: Avenir;
        src: url(fonts/avenir-45.f630d8a.ttf) format("ttf");
        font-style: normal;
        font-weight: 400;
      }

      @font-face {
        font-family: Avenir;
        src: url(fonts/avenir-55.1ff38de.ttf) format("ttf");
        font-style: normal;
        font-weight: 500;
      }

      @font-face {
        font-family: Avenir;
        src: url(fonts/avenir-65.575ae43.ttf) format("ttf");
        font-style: normal;
        font-weight: 600;
      }

      @font-face {
        font-family: Avenir;
        src: url(fonts/avenir-85.af8024e.ttf) format("ttf");
        font-style: normal;
        font-weight: 700;
      }

      @font-face {
        font-family: Avenir;
        src: url(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(fonts/idn.ttf) format("truetype");
        font-weight: 400;
        font-style: normal;
        font-display: block;
      }

      [class*=" icon-"],
      [class^="icon-"] {
        font-family: "idn" !important;
        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;
      }

      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: var(--theme-color);
        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: #0b0b0b;
        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: var(--theme-color);
      }

      .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: var(--theme-color);
      }

      .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%;
      }

      div.datepicker__calendar {
        border: none;
        margin-top: 0.5rem;
        border-radius: 5px;
        background-color: #0f0f0f;
      }

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

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

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

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

      div.datepicker__calendar .cell.selected {
        background: unset;
        color: var(--theme-color);
      }

      div.datepicker__calendar .cell:not(.blank):not(.disabled).day:hover,
      div.datepicker__calendar .cell:not(.blank):not(.disabled).month:hover,
      div.datepicker__calendar .cell:not(.blank):not(.disabled).year:hover {
        border: none;
        color: var(--theme-color);
      }

      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: var(--theme-color);
        }
      }

      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: #0f0f0f;
      }

      .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: #0f0f0f;
      }

      .btn--loading i {
        position: absolute;
        color: var(--theme-color);
      }

      .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: #0f0f0f;
      }

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

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

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

      .btn--dark {
        color: #fff;
        background-color: #0b0b0b;
      }

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

      .btn--primary {
        color: #fff;
        background-color: var(--theme-color);
      }

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

      .btn--accent {
        color: #fff;
        background-color: var(--theme-color);
      }

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

      .btn--accent-secondary {
        color: #fff;
        background-color: var(--theme-color);
      }

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

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

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

      .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: #0f0f0f;
        filter: drop-shadow(0.1rem 0.1rem 0.1rem #0b0b0b);
      }

      .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(13, 191, 187, 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: #0f0f0f;
      }

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

      .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: var(--theme-color);
      }

      .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: var(--theme-color);
      }

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

      .shadow-container {
        position: relative;
        overflow: hidden;
      }

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

      .shadow-container.shadow--primary:before {
        left: 0;
        background: linear-gradient(
          90deg,
          var(--theme-color) 0,
          rgb(0, 0, 0)
        );
      }

      .shadow-container.shadow--primary:after {
        right: 0;
        background: linear-gradient(
          270deg,
          var(--theme-color) 0,
          rgb(23, 30, 38)
        );
      }

      .shadow-container.shadow--dark:before {
        left: 0;
        background: linear-gradient(90deg, #0b0b0b 0, rgba(16, 19, 23, 0));
      }

      .shadow-container.shadow--dark:after {
        right: 0;
        background: linear-gradient(270deg, #0b0b0b 0, rgba(16, 19, 23, 0));
      }

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

      .shadow-container .shadow-observer {
        display: block;
        width: 1px;
        height: 1px;
        flex-shrink: 0;
      }

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

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

      .game-fade-enter-active,
      .game-fade-leave-active {
        transition: opacity 0.5s ease;
      }

      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: #0b0b0b;
        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: #0b0b0b;
        }

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

      #__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;
      }

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

      .surface {
        box-shadow:
          0 3px 3px -2px rgb(0, 0, 0),
          0 3px 4px 0 rgb(0, 0, 0),
          0 1px 8px 0 rgb(0, 0, 0);
      }

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

      .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 #0f0f0f;
      }

      .page-header h3 {
        font-size: 1rem;
      }

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

      .scroll--disabled {
        overflow: hidden;
      }

      .error {
        color: #ff4d4d;
      }

      .warning {
        color: #fdd835;
      }

      .loading[data-v-1259992c] {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 999;
        background-color: rgba(16, 19, 23, 0.9);
      }

      .loading--global[data-v-1259992c] {
        position: fixed;
        background-color: rgba(16, 19, 23, 0.7);
      }

      .loading .sk-cube-grid[data-v-1259992c] {
        width: 40px;
        height: 40px;
        overflow: hidden;
        border-radius: 2px;
      }

      .loading .sk-cube-grid .sk-cube[data-v-1259992c] {
        width: 33%;
        height: 33%;
        float: left;
        background-color: var(--theme-color);
        -webkit-animation: sk-cubeGridScaleDelay-data-v-1259992c 1.3s
          ease-in-out infinite;
        animation: sk-cubeGridScaleDelay-data-v-1259992c 1.3s ease-in-out
          infinite;
      }

      .loading .sk-cube-grid .sk-cube1[data-v-1259992c] {
        -webkit-animation-delay: 0.2s;
        animation-delay: 0.2s;
      }

      .loading .sk-cube-grid .sk-cube2[data-v-1259992c] {
        -webkit-animation-delay: 0.3s;
        animation-delay: 0.3s;
      }

      .loading .sk-cube-grid .sk-cube3[data-v-1259992c] {
        -webkit-animation-delay: 0.4s;
        animation-delay: 0.4s;
      }

      .loading .sk-cube-grid .sk-cube4[data-v-1259992c] {
        -webkit-animation-delay: 0.1s;
        animation-delay: 0.1s;
      }

      .loading .sk-cube-grid .sk-cube5[data-v-1259992c] {
        -webkit-animation-delay: 0.2s;
        animation-delay: 0.2s;
      }

      .loading .sk-cube-grid .sk-cube6[data-v-1259992c] {
        -webkit-animation-delay: 0.3s;
        animation-delay: 0.3s;
      }

      .loading .sk-cube-grid .sk-cube7[data-v-1259992c] {
        -webkit-animation-delay: 0s;
        animation-delay: 0s;
      }

      .loading .sk-cube-grid .sk-cube8[data-v-1259992c] {
        -webkit-animation-delay: 0.1s;
        animation-delay: 0.1s;
      }

      .loading .sk-cube-grid .sk-cube9[data-v-1259992c] {
        -webkit-animation-delay: 0.2s;
        animation-delay: 0.2s;
      }

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

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

      @keyframes sk-cubeGridScaleDelay-data-v-1259992c {
        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: #0b0b0b;
      }

      .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: linear-gradient(90deg, #000000 12.02%, #000000 50.96%, #000000 85.1%) !important;
      }

      .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: linear-gradient(90deg, #000000 12.02%, #000000 50.96%, #000000 85.1%) !important;
        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 #0f0f0f;
        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 #0f0f0f;
      }

      .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: var(--theme-color);
      }

      .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 var(--theme-color);
      }

      .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 #0f0f0f;
      }

      .drawer__toggle--d:hover,
      .drawer__toggle--d i {
        color: var(--theme-color);
      }

      .drawer__toggle--active {
        color: var(--theme-color);
        background-color: #0b0b0b;
      }

      .container--fluid[data-v-ced53b20] {
        width: 100vw;
        padding: 0 0.5rem;
      }

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

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

      .app-breadcrumbs--light {
        background-color: #0b0b0b;
      }

      .app-breadcrumbs--primary {
        background-color: var(--theme-color);
      }

      .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,
          var(--theme-color) 0,
          rgba(23, 30, 38, 0)
        );
      }

      .app-breadcrumbs:after {
        right: 0;
        background: linear-gradient(
          270deg,
          var(--theme-color) 0,
          rgba(23, 30, 38, 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: var(--theme-color);
      }

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

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

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

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

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

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

      i[data-v-0e010622]:before {
        margin: 0;
        font-size: inherit;
      }

      i.success[data-v-0e010622] {
        color: #139c44;
      }

      i.error[data-v-0e010622] {
        color: #ff4d4d;
      }

      i.spin[data-v-0e010622] {
        display: inline-block;
        -webkit-animation: spin-data-v-0e010622 2s linear infinite;
        animation: spin-data-v-0e010622 2s linear infinite;
      }

      i.icon--xs[data-v-0e010622] {
        font-size: 0.75em;
      }

      i.icon--sm[data-v-0e010622] {
        font-size: 0.875em;
      }

      i.icon--md[data-v-0e010622] {
        font-size: inherit;
      }

      i.icon--lg[data-v-0e010622] {
        font-size: 1.33333em;
      }

      i.icon--2x[data-v-0e010622] {
        font-size: 2em;
      }

      i.icon--2-5x[data-v-0e010622] {
        font-size: 2.5em;
      }

      i.icon--3x[data-v-0e010622] {
        font-size: 3em;
      }

      i.icon--4x[data-v-0e010622] {
        font-size: 4em;
      }

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

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

      @keyframes spin-data-v-0e010622 {
        0% {
          transform: rotate(0deg);
        }

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

      .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;
        }
      }

      .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: #0b0b0b;
        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;
      }

      i[data-v-1272be00] {
        margin-right: 0.5rem;
      }

      .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: #0f0f0f;
      }

      .running-text--light:before {
        background: linear-gradient(90deg, #0f0f0f 0, rgb(0, 0, 0));
      }

      .running-text--light:after {
        background: linear-gradient(270deg, #0f0f0f 0, rgb(0, 0, 0));
      }

      .running-text--primary {
        background-color: var(--theme-color);
      }

      .running-text--primary:before {
        background: linear-gradient(
          90deg,
          var(--theme-color) 0,
          rgba(23, 30, 38, 0)
        );
      }

      .running-text--primary:after {
        background: linear-gradient(
          270deg,
          var(--theme-color) 0,
          rgba(23, 30, 38, 0)
        );
      }

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

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

      .app-menu--primary[data-v-9cfb8622] {
        background-color: var(--theme-color);
      }

      .app-menu--dark[data-v-9cfb8622] {
        background-color: #0b0b0b;
      }

      .app-menu[data-v-9cfb8622]:after,
      .app-menu[data-v-9cfb8622]: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[data-v-9cfb8622]:before {
        left: 0;
        background: linear-gradient(90deg, #0b0b0b 0, rgba(16, 19, 23, 0));
      }

      .app-menu[data-v-9cfb8622]:after {
        right: 0;
        background: linear-gradient(270deg, #0b0b0b 0, rgba(16, 19, 23, 0));
      }

      .app-menu--shadow-end[data-v-9cfb8622]:after,
      .app-menu--shadow-start[data-v-9cfb8622]:before {
        opacity: 1;
      }

      .app-menu ul[data-v-9cfb8622] {
        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[data-v-9cfb8622]::-webkit-scrollbar {
        display: none;
      }

      .app-menu ul li[data-v-9cfb8622] {
        scroll-snap-align: start;
      }

      .app-menu ul .app-menu__observer[data-v-9cfb8622] {
        display: block;
        width: 1px;
        height: 1px;
        flex-shrink: 0;
      }

      .app-menu ul .app-menu__item[data-v-9cfb8622] {
        flex: 0 0 20%;
        padding: 0 0.25rem;
      }

      .app-menu ul .app-menu__item a[data-v-9cfb8622] {
        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[data-v-9cfb8622] {
        display: block;
        margin-top: 0.5rem;
      }

      .app-menu ul .app-menu__item a .app-menu--active[data-v-9cfb8622] {
        position: absolute;
        bottom: -1rem;
      }

      .app-menu ul .app-menu__item a.app-link--active[data-v-9cfb8622] {
        color: var(--theme-color);
      }

      .app-menu
        ul
        .app-menu__item
        a.app-link--active
        .app-menu--active[data-v-9cfb8622] {
        bottom: 0;
      }

      .app-menu ul .app-menu__item--font-large a[data-v-9cfb8622] {
        font-size: 0.875rem;
      }

      .app-menu
        ul
        .app-menu__item--font-large
        a
        .app-menu--active[data-v-9cfb8622] {
        bottom: -1.25rem;
      }

      @media (min-width: 640px) {
        .app-menu ul[data-v-9cfb8622] {
          justify-content: space-evenly;
        }

        .app-menu ul .app-menu__item[data-v-9cfb8622] {
          flex: unset;
        }
      }

      .app-menu--d[data-v-9cfb8622] {
        width: 100%;
        left: unset;
        margin-top: -0.5rem;
      }

      .app-menu--d ul[data-v-9cfb8622] {
        display: flex;
        align-items: center;
        justify-content: center;
      }

      .app-menu--d ul .app-menu__item[data-v-9cfb8622] {
        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;
      }

      .brand-icon--landscape {
        width: 100%;
        max-width: 10rem;
      }

      .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: #0f0f0f;
      }

      .card--primary {
        background-color: var(--theme-color);
      }

      .card.card--primary .card__see-all {
        background-color: #0f0f0f;
      }

      .card .card__see-all {
        font-weight: 700;
        font-size: 0.75rem;
        padding: 0.2rem 0.75rem;
        background-color: #0b0b0b;
        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[data-v-60fb8dfc] {
        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[data-v-60fb8dfc] {
        display: grid;
        grid-template-rows: repeat(2, minmax(0, 1fr));
      }

      .slot-carousel__item[data-v-60fb8dfc] {
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
      }

      .slot-carousel__item span[data-v-60fb8dfc] {
        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[data-v-60fb8dfc] {
          font-size: 0.75rem;
        }
      }

      .slot-carousel__item.app-link--exact-active[data-v-60fb8dfc] {
        color: var(--theme-color);
      }

      .slot-carousel__item.app-link--exact-active
        .slot-carousel__img-container[data-v-60fb8dfc] {
        border: 1px solid var(--theme-color);
      }

      .slot-carousel__img-container[data-v-60fb8dfc] {
        position: relative;
        width: 3.5rem;
        height: 3.5rem;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #0b0b0b;
        border-radius: 50%;
        border: 1px solid #0b0b0b;
      }

      .slot-carousel__img-container img[data-v-60fb8dfc] {
        width: 100%;
      }

      .slot-carousel__img-container[data-v-60fb8dfc]:before {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 30%;
      }

      .slot-carousel__img-container.provider--promo[data-v-60fb8dfc]:before {
        content: "";
        filter: drop-shadow(0.1rem 0.1rem 0.1rem #0b0b0b);
        background: 0 100% / contain no-repeat
          url(/assets/img/provider-promo.svg);
      }

      .slot-carousel__img-container.provider--new[data-v-60fb8dfc]:before {
        content: "";
        filter: drop-shadow(0.1rem 0.1rem 0.1rem #0b0b0b);
        background: 0 100% / contain no-repeat
          url(/assets/img/provider-new.svg);
      }

      .slot-carousel__maintenance[data-v-60fb8dfc] {
        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: var(--theme-color);
        border-radius: 50%;
      }

      .slot-carousel__maintenance i[data-v-60fb8dfc] {
        color: #fdd835;
      }

      .slot-carousel__by-habanero[data-v-60fb8dfc],
      .slot-carousel__by-pragmatic[data-v-60fb8dfc] {
        position: absolute;
        right: -22%;
        bottom: -5px;
        width: 2rem;
        height: 2rem;
      }

      .slot-carousel__by-habanero img[data-v-60fb8dfc],
      .slot-carousel__by-pragmatic img[data-v-60fb8dfc] {
        display: block;
        width: 100%;
        height: 100%;
        -o-object-fit: contain;
        object-fit: contain;
        filter: drop-shadow(0 0 0.2rem #0b0b0b);
      }

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

      .slot-carousel--d
        .slot-carousel__group--ud
        .slot-carousel__item[data-v-60fb8dfc]:nth-child(2n) {
        grid-row: unset;
      }

      .carousel[data-v-4f72f8a2] {
        display: grid;
        overflow: hidden;
        grid-template-columns: auto 1fr auto;
      }

      .carousel[data-v-4f72f8a2],
      .carousel__control[data-v-4f72f8a2] {
        position: relative;
        align-items: center;
      }

      .carousel__control[data-v-4f72f8a2] {
        display: flex;
        width: 1.5rem;
        height: 4rem;
        cursor: pointer;
        color: var(--theme-color);
        z-index: 2;
      }

      .carousel__control i[data-v-4f72f8a2] {
        z-index: 2;
      }

      .carousel__control.highlight[data-v-4f72f8a2]:before {
        position: absolute;
        color: #0b0b0b;
        font-size: 3.5rem;
        content: "";
        font-family: "idn";
      }

      .carousel__control--disabled[data-v-4f72f8a2] {
        pointer-events: none;
        color: hsla(0, 0%, 100%, 0.38);
      }

      .carousel__prev[data-v-4f72f8a2] {
        padding-left: 0.25rem;
      }

      .carousel__prev[data-v-4f72f8a2]:before {
        left: 0;
      }

      .carousel__next[data-v-4f72f8a2] {
        padding-right: 0.25rem;
        justify-content: flex-end;
      }

      .carousel__next[data-v-4f72f8a2]:before {
        right: 0;
        transform: rotate(180deg);
      }

      .carousel__inner[data-v-4f72f8a2] {
        overflow: hidden;
      }

      .carousel__container[data-v-4f72f8a2] {
        display: flex;
      }

      .carousel__container.transition[data-v-4f72f8a2] {
        transition: transform 0.3s ease-out;
      }

      .carousel--d .carousel__control[data-v-4f72f8a2] {
        width: auto;
        height: 2rem;
      }

      .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: var(--theme-color);
      }

      .casino-carousel__item:nth-last-child(2) {
        margin-right: 0;
      }

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

      .casino-game[data-v-223f59df] {
        position: relative;
        overflow: hidden;
        border-radius: 5px;
      }

      .casino-game--maintenance[data-v-223f59df] {
        pointer-events: none;
      }

      .casino-game a[data-v-223f59df] {
        cursor: pointer;
        position: relative;
        width: 100%;
      }

      .casino-game a .casino-game__container[data-v-223f59df] {
        position: relative;
        height: 0;
        padding-bottom: 162.03209%;
        display: flex;
        align-items: flex-end;
        overflow: hidden;
        border-radius: 5px;
      }

      .casino-game a .casino-game__container[data-v-223f59df]:before {
        position: absolute;
        left: 0;
        top: 0;
        z-index: 2;
        content: "";
        width: 100%;
        height: 100%;
        pointer-events: none;
        border-radius: 5px;
        border: 2px solid #0f0f0f;
      }

      .casino-game a .casino-game__container[data-v-223f59df]:after {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 50%;
        content: "";
        background: linear-gradient(
          0deg,
          #0b0b0b,
          transparent 30%,
          transparent
        );
      }

      .casino-game a .casino-game__container > img[data-v-223f59df] {
        position: absolute;
        width: 100%;
        left: 0;
        bottom: 0;
        opacity: 1;
        will-change: opacity;
        transition: opacity 0.2s ease;
      }

      .casino-game
        a
        .casino-game__container
        > img.placeholder[data-v-223f59df] {
        height: 100%;
        -o-object-fit: contain;
        object-fit: contain;
      }

      .casino-game a .casino-game__maintenance[data-v-223f59df] {
        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(23, 30, 38, 0.8);
      }

      .casino-game a .casino-game__maintenance span[data-v-223f59df] {
        font-size: 0.75rem;
        text-align: center;
        font-weight: 500;
        margin-top: 0.25rem;
      }

      .casino-game a .casino-game__maintenance img[data-v-223f59df] {
        position: relative;
      }

      .casino-game--history-view[data-v-223f59df] {
        display: grid;
        grid-gap: 1rem;
        align-items: center;
        grid-template-columns: 2fr 3fr;
      }

      @media (min-width: 1024px) {
        .casino-game--history-view[data-v-223f59df] {
          grid-template-columns: 1fr 5fr;
        }
      }

      .casino-game--dark a > .casino-game__container[data-v-223f59df]:before {
        border-color: #0b0b0b;
      }

      .casino-game--promo a > .casino-game__container[data-v-223f59df]:before {
        border: 2px solid #139c44;
      }

      .casino-game--promo[data-v-223f59df]:not(
          .casino-game--history-view
        ):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(/assets/img/promo.svg);
      }

      .casino-game--new a .casino-game__container[data-v-223f59df]:before {
        border: 2px solid #ff4343;
      }

      .casino-game--new[data-v-223f59df]:not(.casino-game--history-view):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(/assets/img/new-2.svg);
      }

      .casino-game--special a .casino-game__container[data-v-223f59df]:before {
        border: 2px solid var(--theme-color);
      }

      .casino-game--special[data-v-223f59df]:not(
          .casino-game--history-view
        ):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(/assets/img/special.svg);
      }

      .casino-game.casino-game--new.casino-game--special
        a
        .casino-game__container[data-v-223f59df]:before {
        border-color: #f6004d;
      }

      .casino-game.casino-game--new.casino-game--special[data-v-223f59df]:not(
          .casino-game--history-view
        ):after {
        position: absolute;
        right: 0;
        top: -1px;
        bottom: unset;
        z-index: 3;
        color: #fff;
        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(/assets/img/special-alt.svg);
      }

      .casino-game__provider[data-v-223f59df] {
        display: block;
        left: 0;
        bottom: 0;
        padding: 0.25rem 0.375rem;
      }

      .casino-game__name[data-v-223f59df],
      .casino-game__provider[data-v-223f59df] {
        position: absolute;
        width: 100%;
        font-weight: 700;
        font-size: 0.5rem;
        color: #fff;
      }

      .casino-game__name[data-v-223f59df] {
        display: none;
        top: 2rem;
        z-index: 2;
        padding: 0 0.5rem;
        text-align: center;
      }

      .casino-game__count[data-v-223f59df] {
        min-width: 1.5rem;
        font-weight: 700;
        font-size: 0.5rem;
        padding: 1px;
        text-align: center;
        color: #fff;
        border-radius: 5px;
        background-color: #0b0b0b;
        border: 2px solid #0f0f0f;
        border-top: 4px solid #0f0f0f;
      }

      .casino-game__count[data-v-223f59df],
      .casino-game__language[data-v-223f59df] {
        position: absolute;
        z-index: 4;
        top: 0.25rem;
        left: 0.25rem;
      }

      .casino-game__language[data-v-223f59df] {
        width: 1rem;
        height: 1rem;
        border-radius: 50%;
      }

      .casino-game__language img[data-v-223f59df] {
        display: block;
        width: 100%;
        height: 100%;
      }

      .casino-game__skeleton[data-v-223f59df] {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
        background-color: var(--theme-color);
      }

      .casino-game__skeleton[data-v-223f59df]: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,
          #0f0f0f 50%,
          transparent
        );
      }

      .casino-game__placeholder[data-v-223f59df] {
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        height: 100%;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0.5rem;
        background-color: var(--theme-color);
        will-change: opacity;
        transition: opacity 0.2s ease;
      }

      .casino-game__placeholder img[data-v-223f59df] {
        display: block;
        width: 3.5rem;
        height: 3.5rem;
        -o-object-fit: contain;
        object-fit: contain;
      }

      @media (min-width: 1024px) {
        .casino-game__placeholder img[data-v-223f59df] {
          width: 4rem;
          height: 4rem;
        }
      }

      .casino-game__history[data-v-223f59df] {
        display: grid;
        grid-gap: 0.5rem;
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .casino-game__history > a[data-v-223f59df] {
        cursor: pointer;
      }

      .casino-game__history h5[data-v-223f59df] {
        grid-row: 1/2;
        grid-column: 1/-1;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
      }

      .casino-game__history p[data-v-223f59df] {
        grid-column: 1/2;
        font-size: 0.75rem;
      }

      .casino-game__history a[data-v-223f59df] {
        grid-row: 2/5;
        grid-column: 2/3;
        align-self: end;
      }

      @media (min-width: 1024px) {
        .casino-game__history h5[data-v-223f59df] {
          grid-column: 1/2;
        }

        .casino-game__history a[data-v-223f59df] {
          grid-row: 1/5;
          justify-self: end;
          align-self: center;
        }
      }

      .casino-game--d.casino-game--new[data-v-223f59df]:after,
      .casino-game--d.casino-game--promo[data-v-223f59df]:after {
        bottom: -2px;
        min-width: 80px;
        font-size: 0.75rem;
        padding: 0.375rem 0.75rem;
      }

      .casino-game--d.casino-game--special[data-v-223f59df]:after {
        top: -2px;
        min-width: 80px;
        font-size: 0.75rem;
        text-align: center;
        padding: 0.375rem 0.75rem;
      }

      .casino-game--d .casino-game__name[data-v-223f59df],
      .casino-game--d .casino-game__provider[data-v-223f59df] {
        font-size: 0.675rem;
      }

      .casino-game--d .casino-game__count[data-v-223f59df] {
        top: 0.5rem;
        left: 0.5rem;
        min-width: 2rem;
        padding: 0.125rem;
        font-size: 0.75rem;
      }

      .casino-game--d .casino-game__language[data-v-223f59df] {
        top: 0.5rem;
        left: 0.5rem;
        width: 1.5rem;
        height: 1.5rem;
      }

      .casino-game.casino-game--d.casino-game--special.casino-game--new[data-v-223f59df]:after {
        top: -2px;
        font-size: 0.75rem;
        padding: 0.375rem 0.75rem;
      }

      .arcade-carousel--light .carousel__control.highlight:before {
        color: #0f0f0f;
      }

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

      .arcade-carousel__item[data-v-3615b381] {
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
      }

      .arcade-carousel__item span[data-v-3615b381] {
        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[data-v-3615b381] {
          font-size: 0.75rem;
        }
      }

      .arcade-carousel__item.app-link--exact-active[data-v-3615b381] {
        color: var(--theme-color);
      }

      .arcade-carousel__item.app-link--exact-active
        .arcade-carousel__img-container[data-v-3615b381] {
        border: 1px solid var(--theme-color);
      }

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

      .arcade-carousel__img-container img[data-v-3615b381] {
        width: 100%;
      }

      .arcade-carousel__img-container[data-v-3615b381]:before {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 30%;
      }

      .arcade-carousel__img-container.provider--promo[data-v-3615b381]:before {
        content: "";
        filter: drop-shadow(0.1rem 0.1rem 0.1rem #0b0b0b);
        background: 0 100% / contain no-repeat
          url(/assets/img/provider-promo.svg);
      }

      .arcade-carousel__img-container.provider--new[data-v-3615b381]:before {
        content: "";
        filter: drop-shadow(0.1rem 0.1rem 0.1rem #0b0b0b);
        background: 0 100% / contain no-repeat
          url(/assets/img/provider-new.svg);
      }

      .arcade-carousel__maintenance[data-v-3615b381] {
        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: var(--theme-color);
        border-radius: 50%;
      }

      .arcade-carousel__maintenance i[data-v-3615b381] {
        color: #fdd835;
      }

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

      .arcade-carousel__by-idn img[data-v-3615b381] {
        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[data-v-3615b381] {
        background-color: #0b0b0b;
        border: 1px solid #0b0b0b;
      }

      .arcade-carousel--light
        .carousel__control.highlight[data-v-3615b381]:before {
        color: #0f0f0f;
      }

      .arcade-carousel--light .arcade-carousel__img-container[data-v-3615b381] {
        background-color: #0f0f0f;
        border: 1px solid #0f0f0f;
      }

      .arcade-carousel--d ul[data-v-3615b381] {
        grid-auto-columns: 12.5%;
      }

      .footer-banner {
        padding: 0.5rem;
        background-color: var(--theme-color);
        border-top: 1px solid hsla(0, 0%, 100%, 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[data-v-bd310b88] {
        font-size: 0.75rem;
        background-color: var(--theme-color);
        border-top: 1px solid hsl(0, 0%, 0%);
      }

      .footer-text__container[data-v-bd310b88] {
        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 hsl(0, 0%, 0%);
      }

      .footer-text article[data-v-bd310b88] {
        position: relative;
        width: 100%;
        overflow: hidden;
      }

      .footer-text article[data-v-bd310b88]:after {
        position: absolute;
        bottom: 0;
        content: "";
        width: 100%;
        height: 24px;
        background: linear-gradient(
          0deg,
          var(--theme-color),
          rgba(23, 30, 38, 0)
        );
      }

      .footer-text button[data-v-bd310b88] {
        position: absolute;
        bottom: 0.5rem;
        color: var(--theme-color);
        font-size: 0.75rem;
      }

      .footer-text--collapsed[data-v-bd310b88] {
        max-height: 1000px;
      }

      .footer-text--collapsed article[data-v-bd310b88]:after {
        content: unset;
      }

      .footer-text--d .footer-text__container[data-v-bd310b88] {
        max-height: 8rem;
      }

      .footer-text--d .footer-text--collapsed[data-v-bd310b88] {
        max-height: 1000px;
      }

      .app-footer {
        position: relative;
        padding: 1rem 0;
        color: #fff;
        background: linear-gradient(90deg, #000000 12.02%, #000000 50.96%, #000000 85.1%) !important;
        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 hsla(0, 0%, 100%, 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.808);
      }

      .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,
          var(--theme-color),
          rgba(23, 30, 38, 0)
        );
      }

      .app-footer section.app-footer__text button {
        position: absolute;
        bottom: 0.5rem;
        color: var(--theme-color);
        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: var(--theme-color);
        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: var(--theme-color);
        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: white;
        margin-bottom: 0.25rem;
      }

      .app-footer__payment h5 {
        color: var(--theme-color);
        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 #0f0f0f;
      }

      .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));
      }

      .sticky-footer {
        position: relative;
        width: 100%;
        bottom: 0;
        z-index: 99;
        background-color: #0b0b0b;
        border-top: 1px solid #0f0f0f;
        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: var(--theme-color);
      }

      .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: var(--theme-color);
      }

      .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-drawer__root[data-v-05d51de6] {
        position: fixed;
        pointer-events: none;
        z-index: 999;
        top: 90px;
        right: 0;
        bottom: 0;
        left: 0;
      }

      .app-drawer__backdrop[data-v-05d51de6] {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
      }

      .app-drawer__backdrop[data-v-05d51de6]: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[data-v-05d51de6] {
        position: absolute;
        right: calc(-300px - 1rem);
        width: 300px;
        height: 100%;
        overflow-y: auto;
        overflow-y: overlay;
        background-color: #0f0f0f;
        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[data-v-05d51de6]::-webkit-scrollbar {
        display: none;
      }

      .app-drawer--open[data-v-05d51de6] {
        pointer-events: all;
      }

      .app-drawer--open .app-drawer[data-v-05d51de6] {
        transform: translateX(calc(-300px - 1rem));
      }

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

      .drawer-fade-enter[data-v-05d51de6],
      .drawer-fade-leave-to[data-v-05d51de6] {
        opacity: 0;
      }

      .app-drawer__header[data-v-05d51de6] {
        background-color: #0b0b0b;
      }

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

      .app-drawer__header li[data-v-05d51de6] {
        flex: 0 0 25%;
        padding: 0.5rem;
      }

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

      .app-drawer__header a span[data-v-05d51de6] {
        display: block;
        margin-top: 0.5rem;
        white-space: nowrap;
      }

      .app-drawer__header a.app-link--active[data-v-05d51de6] {
        color: var(--theme-color);
      }

      .app-drawer__nav__item .badge[data-v-05d51de6] {
        height: unset;
        padding: 0 0.625rem;
      }

      .app-drawer__nav__item a[data-v-05d51de6],
      .app-drawer__nav__item button[data-v-05d51de6] {
        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[data-v-05d51de6],
      .app-drawer__nav__item button.app-link--exact-active[data-v-05d51de6] {
        color: var(--theme-color);
        background-color: rgba(13, 191, 187, 0.1);
      }

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

      .app-drawer__nav__item a i.dropdown-toggle[data-v-05d51de6],
      .app-drawer__nav__item button i.dropdown-toggle[data-v-05d51de6] {
        margin-left: auto;
      }

      .app-drawer__nav__item a span[data-v-05d51de6],
      .app-drawer__nav__item button span[data-v-05d51de6] {
        margin-left: 3rem;
      }

      @media (hover: hover) and (min-width: 1024px) {
        .app-drawer__nav__item a[data-v-05d51de6]:hover,
        .app-drawer__nav__item button[data-v-05d51de6]:hover {
          color: var(--theme-color);
        }
      }

      .app-drawer__nav__item__dropdown[data-v-05d51de6] {
        overflow: hidden;
      }

      .app-drawer__nav__item__dropdown.dropdown-collapsed[data-v-05d51de6] {
        background-color: rgba(13, 191, 187, 0.1);
      }

      .app-drawer__nav__item__dropdown.dropdown-collapsed
        > button[data-v-05d51de6] {
        color: var(--theme-color);
      }

      @media (hover: hover) and (min-width: 1024px) {
        .app-drawer__nav__item__dropdown:hover > button[data-v-05d51de6] {
          color: var(--theme-color);
        }
      }

      .app-drawer__nav__item__dropdown ul[data-v-05d51de6] {
        background-color: rgba(0, 0, 0, 0.1);
        transition: height 0.2s ease;
      }

      .app-drawer__freespins ul[data-v-05d51de6] {
        display: grid;
        max-height: 0;
        grid-gap: 1px;
        overflow: hidden;
        background-color: #0f0f0f;
        transition: max-height 0.2s ease;
      }

      .app-drawer__freespins
        ul.app-drawer__freespins--collapsed[data-v-05d51de6] {
        max-height: 600px;
      }

      .app-drawer__freespins ul li[data-v-05d51de6] {
        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, #0f0f0f 0, #0b0b0b);
      }

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

      .app-drawer__freespins ul li .no-spins[data-v-05d51de6] {
        font-weight: 700;
        font-size: 0.75rem;
        grid-column: span 3;
      }

      .app-drawer__freespins ul li .fs-detail[data-v-05d51de6] {
        display: grid;
        font-size: 0.625rem;
      }

      .app-drawer__freespins
        ul
        li
        .fs-detail
        span[data-v-05d51de6]:first-child {
        font-weight: 600;
      }

      .app-drawer__freespins ul li em[data-v-05d51de6] {
        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[data-v-05d51de6] {
        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[data-v-05d51de6]:hover {
          color: #fff;
          background-color: #a70b59;
        }
      }

      .app-drawer__freespins ul li.feature em[data-v-05d51de6] {
        font-size: 0.5rem;
        text-transform: uppercase;
      }

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

      .app-drawer__extra .btn[data-v-05d51de6]:nth-child(3) {
        grid-column: span 2;
      }

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

      .app-drawer__locale span[data-v-05d51de6] {
        margin-right: 0.5rem;
      }

      .app-drawer__locale ul[data-v-05d51de6] {
        display: flex;
      }

      .app-drawer__locale ul li[data-v-05d51de6]:first-child {
        margin-right: 0.5rem;
      }

      .app-drawer__locale ul li[data-v-05d51de6]:last-child {
        margin-right: 0;
      }

      .app-drawer__locale ul li a[data-v-05d51de6] {
        position: relative;
      }

      .app-drawer__locale ul li a img[data-v-05d51de6] {
        width: 100%;
        height: 100%;
      }

      .app-drawer__locale ul li a.app-drawer__locale--active[data-v-05d51de6] {
        border: 2px solid var(--theme-color);
      }

      .app-drawer--d.app-drawer__root[data-v-05d51de6] {
        top: 55px;
        right: 0;
        bottom: 0;
        left: 0;
      }

      .app-drawer--d .app-drawer__backdrop[data-v-05d51de6]:before {
        top: 55px;
        height: calc(100% - 53px);
      }

      .app-drawer--d .app-drawer[data-v-05d51de6] {
        right: unset;
        left: calc(-300px - 1rem);
        transform: translateX(0);
      }

      .app-drawer--d .app-drawer[data-v-05d51de6]::-webkit-scrollbar {
        width: 0.25rem;
      }

      .app-drawer--d .app-drawer[data-v-05d51de6]::-webkit-scrollbar-track {
        border-radius: 20px;
        background-color: #0b0b0b;
      }

      .app-drawer--d .app-drawer[data-v-05d51de6]::-webkit-scrollbar-thumb {
        border-radius: 20px;
        background-color: #fff;
      }

      .app-drawer--d.app-drawer--open .app-drawer[data-v-05d51de6] {
        transform: translateX(calc(300px + 1rem));
      }

      .modal[data-v-a03670f8] {
        position: fixed;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 999;
      }

      .modal[data-v-a03670f8],
      .modal__backdrop[data-v-a03670f8] {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
      }

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

      .modal--full .modal__backdrop[data-v-a03670f8] {
        display: none;
      }

      .modal--full .modal__header[data-v-a03670f8] {
        height: 54px;
        padding: 0 1rem;
        background-color: #0b0b0b;
      }

      .modal--full .modal__root[data-v-a03670f8] {
        width: 100%;
        height: 100%;
      }

      .modal--full .modal__surface[data-v-a03670f8] {
        width: 100%;
        height: 100%;
        max-width: 100%;
        padding: 0;
        border-radius: 0;
      }

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

      .modal__root[data-v-a03670f8] {
        position: relative;
        z-index: 2;
      }

      .modal__surface[data-v-a03670f8] {
        position: relative;
        min-width: 300px;
        max-width: 90vw;
        overflow: hidden;
        padding: 2rem 1rem;
        border-radius: 20px;
        background-color: #0f0f0f;
      }

      .modal__surface--inverse[data-v-a03670f8] {
        background-color: #fff;
      }

      .modal__surface--inverse .modal__header[data-v-a03670f8] {
        color: #000;
      }

      .modal__surface--reduced[data-v-a03670f8] {
        padding: 0.5rem;
        border-radius: 5px;
      }

      .modal__surface--notification[data-v-a03670f8] {
        width: 90vw;
        max-width: 600px;
        padding: 2rem 0 1rem;
        border-radius: 5px;
        background-color: var(--theme-color);
      }

      .modal__surface--no-padding[data-v-a03670f8] {
        padding: 0;
      }

      .modal__body[data-v-a03670f8] {
        display: flex;
        align-items: center;
      }

      .modal__body[data-v-a03670f8] > :first-child {
        flex-grow: 1;
      }

      .modal__close[data-v-a03670f8] {
        color: #fff;
        transition: color 0.2s ease;
      }

      .modal__close[data-v-a03670f8]:hover {
        color: #0e7f7b;
      }

      .modal__close--inverse[data-v-a03670f8] {
        color: #000;
      }

      .modal__close[data-v-a03670f8]:not(.modal__close--inline) {
        position: absolute;
        right: 0.75rem;
        top: 0.75rem;
      }

      .modal__close--inline[data-v-a03670f8] {
        margin-left: 0.5rem;
      }

      .modal__header[data-v-a03670f8] {
        color: var(--theme-color);
        min-height: 36px;
        padding: 0 1rem 1rem;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
      }

      .modal__header h3[data-v-a03670f8] {
        text-align: center;
      }

      .modal__header i[data-v-a03670f8] {
        margin-bottom: 0.5rem;
      }

      .modal-fade-enter[data-v-a03670f8],
      .modal-fade-leave-to[data-v-a03670f8] {
        opacity: 0;
      }

      .modal-fade-enter-active[data-v-a03670f8],
      .modal-fade-leave-active[data-v-a03670f8] {
        transition: opacity 0.5s ease;
      }

      .floating[data-v-4a023200] {
        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[data-v-4a023200] {
        position: relative;
        display: grid;
        grid-gap: 0.5rem;
      }

      .floating--left[data-v-4a023200] {
        grid-column: 1/2;
        justify-self: start;
      }

      .floating--right[data-v-4a023200] {
        grid-column: 2/3;
        justify-self: end;
      }

      .floating a[data-v-4a023200] {
        display: block;
        width: 4rem;
        height: 4rem;
        pointer-events: all;
      }

      .floating a img[data-v-4a023200] {
        display: block;
        width: 100%;
        height: 100%;
        -o-object-fit: contain;
        object-fit: contain;
      }
    </style>

    <style>
      :root {
        --theme-color: #000000;
        --theme-color-rgb: 116, 122, 124;
      }
    </style>

<!-- ========================================= -->
<!-- ====== GOLD & BLACK THEME OVERRIDE ====== -->
<!-- ========================================= -->
<style id="gold-black-theme-override">
:root {
  --theme-color: #FFD700 !important;
  --theme-color-rgb: 255, 215, 0 !important;
}

/* BACKGROUNDS - HITAM */
body,
.layout--default main > .container,
.layout--default .card,
.card--light,
.app-menu--dark,
.app-breadcrumbs--light,
.running-text--light,
.app-header,
.app-header__extra {
  background-color: #0a0a0a !important;
  background: #0a0a0a !important;
}

/* HEADER */
.app-header {
  background: linear-gradient(90deg, #0a0a0a 0%, #1a1a1a 50%, #0a0a0a 100%) !important;
}

.app-header__extra {
  background: linear-gradient(90deg, #0a0a0a 0%, #1a1a1a 50%, #0a0a0a 100%) !important;
}

/* BUTTONS - GOLD */
.btn--primary,
.btn--accent,
.btn--accent-secondary,
.app-menu--primary,
.app-breadcrumbs--primary,
.running-text--primary,
.card--primary,
.toasted-container.app-toast .toasted.app-toast.toast--success,
.toasted-container.app-toast .toasted.app-toast.toast--error,
.toasted-container.app-toast .toasted.app-toast.toast--info {
  background: linear-gradient(135deg, #FFD700 0%, #B8860B 50%, #DAA520 100%) !important;
  color: #000000 !important;
}

.btn--primary:hover,
.btn--accent:hover {
  background: linear-gradient(135deg, #FFEA55 0%, #DAA520 50%, #FFD700 100%) !important;
  color: #000000 !important;
}

/* TEKS - GOLD */
.btn,
.drawer__toggle--active,
.app-link--active,
.slot-carousel__item.app-link--exact-active,
.app-drawer__nav__item a.app-link--exact-active,
.nav-link:hover,
a:not(.btn):hover {
  color: #FFD700 !important;
}

/* BORDER - GOLD */
.btn--outlined,
.input,
.slot-carousel__img-container,
.app-drawer__nav__item__dropdown {
  border-color: #FFD700 !important;
}

/* CARD BACKGROUND - HITAM */
.card,
.input,
.btn--light,
.btn--dark,
.app-drawer__header,
.modal__surface,
.app-drawer,
.surface,
.app-drawer__nav__item__dropdown ul,
.toasted-container.app-toast .toasted.app-toast {
  background-color: #111111 !important;
}

/* SIDEBAR DRAWER - HITAM */
.app-drawer__root .app-drawer {
  background-color: #0a0a0a !important;
}

.app-drawer__nav__item a,
.app-drawer__nav__item button {
  color: #FFFFFF !important;
}

.app-drawer__nav__item a.app-link--exact-active,
.app-drawer__nav__item button.app-link--exact-active {
  color: #FFD700 !important;
  background-color: rgba(255, 215, 0, 0.1) !important;
}

/* LINK HOVER */
@media (hover: hover) and (min-width: 1024px) {
  a:not(.btn):hover {
    color: #FFD700 !important;
  }
}

/* SLOT CAROUSEL ACTIVE */
.slot-carousel__item.app-link--exact-active .slot-carousel__img-container {
  border: 1px solid #FFD700 !important;
}

/* FREE SPINS - GOLD BADGE */
.app-drawer__freespins ul li em {
  background-color: #FFD700 !important;
  color: #000000 !important;
}

.app-drawer__freespins ul li a {
  background-color: #FFD700 !important;
  color: #000000 !important;
}

.app-drawer__freespins ul li a:hover {
  background-color: #B8860B !important;
  color: #FFFFFF !important;
}

/* STICKY FOOTER - HITAM */
.sticky-footer {
  background-color: #0a0a0a !important;
  border-top: 1px solid #FFD700 !important;
}

.sticky-footer__nav > ul .btn {
  color: #FFFFFF !important;
}

.sticky-footer__nav > ul .btn.app-link--active {
  color: #FFD700 !important;
}

.sticky-footer__balance {
  background-color: #FFD700 !important;
  color: #000000 !important;
}

/* APP FOOTER - HITAM */
.app-footer {
  background: linear-gradient(90deg, #0a0a0a 0%, #1a1a1a 50%, #0a0a0a 100%) !important;
  border-top: 1px solid #FFD700 !important;
}

.app-footer section {
  border-bottom: 1px solid rgba(255, 215, 0, 0.1) !important;
}

.app-footer__link-group a,
.app-footer__link-group button {
  color: #B8860B !important;
}

.app-footer__link-group a:hover,
.app-footer__link-group button:hover {
  color: #FFD700 !important;
}

.app-footer__payment ul li {
  border: 1px solid rgba(255, 215, 0, 0.2) !important;
}

.app-footer__idn h5,
.app-footer__partners h5,
.app-footer__payment h5 {
  color: #FFD700 !important;
}

/* FOOTER BANNER */
.footer-banner {
  background-color: #0a0a0a !important;
  border-top: 1px solid #FFD700 !important;
}

/* FOOTER TEXT */
.footer-text {
  background-color: #0a0a0a !important;
  border-top: 1px solid #FFD700 !important;
}

.footer-text__container {
  border-bottom: 1px solid rgba(255, 215, 0, 0.1) !important;
}

.footer-text article p {
  color: #FFFFFF !important;
}

/* MODAL CLOSE */
.modal__close {
  color: #FFD700 !important;
}

.modal__close:hover {
  color: #B8860B !important;
}

/* TOASTED NOTIFICATION - HITAM + GOLD */
.toasted-container.app-toast .toasted.app-toast {
  background-color: #111111 !important;
  border: 1px solid #FFD700 !important;
}

.toasted-container.app-toast .toasted.app-toast > i {
  background-color: #0a0a0a !important;
}

/* INPUT - HITAM + GOLD */
.input {
  color: #FFFFFF !important;
  background-color: #0a0a0a !important;
  border: 1px solid #FFD700 !important;
}

.input:focus,
.input:hover {
  border-color: #FFEA55 !important;
}

.input::-moz-placeholder {
  color: #B8860B !important;
}

.input:-ms-input-placeholder {
  color: #B8860B !important;
}

.input::placeholder {
  color: #B8860B !important;
}

/* RIPPLE/SHADOW */
.surface {
  box-shadow: 0 0 15px rgba(255, 215, 0, 0.1), 0 3px 3px -2px #0a0a0a !important;
}

/* BREADCRUMBS ACTIVE */
.app-breadcrumbs .nav-item a.app-link--active {
  color: #FFD700 !important;
}

/* HOME TEASER - BORDER */
.home__dewafortune {
  border-color: #FFD700 !important;
}

/* CAROUSEL DOTS */
.home-carousel .slick-slider .slick-dots li button:before {
  color: #B8860B !important;
}

.home-carousel .slick-slider .slick-dots li.slick-active button:before {
  color: #FFD700 !important;
}

/* RUNNING TEXT - HITAM + GOLD */
.running-text--light {
  background-color: #0a0a0a !important;
}

.running-text--light:before {
  background: linear-gradient(90deg, #0a0a0a 0, rgba(10, 10, 10, 0)) !important;
}

.running-text--light:after {
  background: linear-gradient(270deg, #0a0a0a 0, rgba(10, 10, 10, 0)) !important;
}

/* APPBREADCRUMBS SHADOW */
.app-breadcrumbs--d:before {
  background: linear-gradient(90deg, #0a0a0a 0, transparent) !important;
}

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

/* DRAWER TOGGLE */
.drawer__toggle--d {
  border-right: 1px solid rgba(255, 215, 0, 0.2) !important;
}

.drawer__toggle--d:hover,
.drawer__toggle--d i {
  color: #FFD700 !important;
}

/* LANGUAGE SELECTOR ACTIVE */
.app-drawer__locale ul li a.app-drawer__locale--active {
  border: 2px solid #FFD700 !important;
}

/* CASINO GAME BORDER */
.casino-game a .casino-game__container:before {
  border: 2px solid rgba(255, 215, 0, 0.2) !important;
}

.casino-game--dark a > .casino-game__container:before {
  border-color: #0a0a0a !important;
}

/* CASINO GAME SPECIAL */
.casino-game--special[data-v-223f59df]:not(.casino-game--history-view):after {
  background: 50% / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 30'%3E%3Crect width='100' height='30' fill='%23FFD700' rx='4'/%3E%3Ctext x='50' y='20' font-family='Arial' font-size='12' font-weight='bold' fill='%23000' text-anchor='middle'%3ESPECIAL%3C/text%3E%3C/svg%3E") !important;
}

/* CASINO GAME NEW */
.casino-game--new[data-v-223f59df]:not(.casino-game--history-view):after {
  background: 50% / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 30'%3E%3Crect width='100' height='30' fill='%23B8860B' rx='4'/%3E%3Ctext x='50' y='20' font-family='Arial' font-size='12' font-weight='bold' fill='%23FFF' text-anchor='middle'%3ENEW%3C/text%3E%3C/svg%3E") !important;
}

.casino-game--new a .casino-game__container:before {
  border: 2px solid #B8860B !important;
}

/* CASINO GAME PROMO */
.casino-game--promo a > .casino-game__container:before {
  border: 2px solid #FFD700 !important;
}

.casino-game--promo[data-v-223f59df]:not(.casino-game--history-view):after {
  background: 50% / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 30'%3E%3Crect width='100' height='30' fill='%23FFD700' rx='4'/%3E%3Ctext x='50' y='20' font-family='Arial' font-size='12' font-weight='bold' fill='%23000' text-anchor='middle'%3EPROMO%3C/text%3E%3C/svg%3E") !important;
}

/* SHADOW CONTAINER */
.shadow-container.shadow--primary:before {
  background: linear-gradient(90deg, #FFD700 0, rgba(0, 0, 0, 0)) !important;
}

.shadow-container.shadow--primary:after {
  background: linear-gradient(270deg, #FFD700 0, rgba(0, 0, 0, 0)) !important;
}

.shadow-container.shadow--dark:before {
  background: linear-gradient(90deg, #0a0a0a 0, rgba(16, 19, 23, 0)) !important;
}

.shadow-container.shadow--dark:after {
  background: linear-gradient(270deg, #0a0a0a 0, rgba(16, 19, 23, 0)) !important;
}

/* SKELETON LOADING */
.casino-game__skeleton:before {
  background: linear-gradient(90deg, transparent 0, #FFD700 50%, transparent) !important;
}

.casino-game__skeleton {
  background-color: #0a0a0a !important;
}

/* LOADING SPINNER */
.loading .sk-cube-grid .sk-cube {
  background-color: #FFD700 !important;
}

.loading {
  background-color: rgba(0, 0, 0, 0.9) !important;
}

/* BUTTON SPINNER */
.btn--loading:disabled,
.btn--loading:disabled:hover {
  background-color: #0a0a0a !important;
}

.btn--loading i {
  color: #FFD700 !important;
}

/* DROPDOWN ARROW */
.select__arrow {
  color: #FFD700 !important;
}

/* CHECKED SELECTOR */
.radio-selector__radio:checked ~ .radio-selector__select {
  background-color: #FFD700 !important;
  border-color: #FFD700 !important;
}

/* TOAST PROGRESS */
.toasted-container.app-toast .toasted.app-toast:after {
  background-color: #FFD700 !important;
}

/* VALIDATION ICON */
.input__validation-icon.valid {
  color: #FFD700 !important;
}

.input__validation-icon.invalid {
  color: #B8860B !important;
}

/* BUTTON SUCCESS/DANGER */
.btn--success {
  background-color: #FFD700 !important;
  color: #000000 !important;
}

.btn--success:hover {
  background-color: #B8860B !important;
}

.btn--danger {
  background-color: #B8860B !important;
  color: #FFFFFF !important;
}

.btn--danger:hover {
  background-color: #8B6914 !important;
}

/* BADGE */
.badge {
  background-color: #FFD700 !important;
  color: #000000 !important;
}

/* CARD BORDER */
.card--primary .card__see-all {
  background-color: #0a0a0a !important;
  color: #FFD700 !important;
}

/* DATEPICKER */
div.datepicker__calendar {
  background-color: #0a0a0a !important;
  border: 1px solid #FFD700 !important;
}

div.datepicker__calendar .cell.selected {
  color: #FFD700 !important;
}

div.datepicker__calendar .cell:not(.blank):not(.disabled).day:hover,
div.datepicker__calendar .cell:not(.blank):not(.disabled).month:hover,
div.datepicker__calendar .cell:not(.blank):not(.disabled).year:hover {
  color: #FFD700 !important;
}

/* SELECT */
.select__arrow--disabled {
  color: #B8860B !important;
}
</style>