@import url(https://cdn-proxy.globalcontentcloud.com/common/font/v1/icons.css);
@font-face {
  font-family: Avenir;
  src: url(https://cdn-proxy.globalcontentcloud.com/58/dist/fonts/avenir-35.f136337.ttf)
    format("ttf");
  font-style: normal;
  font-weight: 300;
}
@font-face {
  font-family: Avenir;
  src: url(https://cdn-proxy.globalcontentcloud.com/58/dist/fonts/avenir-45.f630d8a.ttf)
    format("ttf");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: Avenir;
  src: url(https://cdn-proxy.globalcontentcloud.com/58/dist/fonts/avenir-55.1ff38de.ttf)
    format("ttf");
  font-style: normal;
  font-weight: 500;
}
@font-face {
  font-family: Avenir;
  src: url(https://cdn-proxy.globalcontentcloud.com/58/dist/fonts/avenir-65.575ae43.ttf)
    format("ttf");
  font-style: normal;
  font-weight: 600;
}
@font-face {
  font-family: Avenir;
  src: url(https://cdn-proxy.globalcontentcloud.com/58/dist/fonts/avenir-85.af8024e.ttf)
    format("ttf");
  font-style: normal;
  font-weight: 700;
}
@font-face {
  font-family: Avenir;
  src: url(https://cdn-proxy.globalcontentcloud.com/58/dist/fonts/avenir-95.dbad8bb.ttf)
    format("ttf");
  font-style: normal;
  font-weight: 900;
}
.text-link-bold {
  font-weight: 600;
}
@font-face {
  font-family: "idn";
  src: url(https://cdn-proxy.globalcontentcloud.com/common/font/v1/idn.ttf)
    format("truetype");
  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: hsl(59 100% 50%);
}
.input {
  width: 100%;
  outline: none;
  padding: 0.375rem 1.5rem;
  border-radius: 5px;
  color: #00575a;
  border: 1px solid hsl(59 100% 50%);
  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: hsl(0 0% 8%);
}
.input:-ms-input-placeholder {
  color: hsl(0 0% 8%);
}
.input::placeholder {
  color: hsl(0 0% 8%);
}
.input:focus,
.input:hover {
  border-color: var(--theme-color);
}
.input:disabled {
  color: hsl(59 100% 50%);
  border-color: hsl(59 100% 50%);
}
.input--inverse {
  color: #000;
  background-color: #f0f0f0;
  border-color: #fff0;
}
.input--inverse::-moz-placeholder {
  color: rgb(0 0 0 / 0.38);
}
.input--inverse:-ms-input-placeholder {
  color: rgb(0 0 0 / 0.38);
}
.input--inverse::placeholder {
  color: rgb(0 0 0 / 0.38);
}
.input--hidden {
  z-index: -1;
  position: absolute;
  color: #fff0;
  background-color: #fff0;
}
.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: hsl(0 0% 8%);
  transition: color 0.2s ease;
}
.input-search--clear:hover {
  color: #00575a;
}
.input--search .input {
  padding-left: 2rem;
  padding-right: 2rem;
}
.input--underlined .input {
  border-radius: 0;
  background-color: #fff0;
  border: none;
  border-bottom: 1px solid hsl(0 0% 8%);
}
.input--underlined .input__icon {
  color: #00575a;
}
.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: #00575a;
}
div.datepicker__calendar .next:after {
  border-left-color: #00575a;
}
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: #00575a;
  white-space: nowrap;
  padding: 0 1rem;
  font-weight: 700;
  font-size: 0.875rem;
  text-align: center;
  border-radius: 2px;
  background-color: #fff0;
  transition: background-color 0.2s ease;
}
.btn:disabled,
.btn:hover:disabled {
  cursor: not-allowed;
  color: hsl(59 100% 50%);
  background-color: #0f0f0f;
}
.btn--loading {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.btn--loading:disabled,
.btn--loading:disabled:hover {
  color: #fff0;
  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 hsl(0 0% 8%);
}
@media (hover: hover) and (min-width: 1024px) {
  .btn--outlined:hover {
    border-color: #00575a;
  }
}
.btn--light {
  color: #00575a;
  background-color: #0f0f0f;
}
@media (hover: hover) and (min-width: 1024px) {
  .btn--light:hover {
    background-color: #1f252d;
  }
}
.btn--demo-play {
  color: #00575a;
  border: 1px solid hsl(0 0% 8%);
  background-color: rgb(41 50 60 / 0.5);
}
@media (hover: hover) and (min-width: 1024px) {
  .btn--demo-play:hover {
    background-color: #0f0f0f;
  }
}
.btn--dark {
  color: #00575a;
  background-color: #0b0b0b;
}
.btn--dark:hover {
  background-color: #060708;
}
.btn--primary {
  color: #00575a;
  background-color: var(--theme-color);
}
.btn--primary:hover {
  background-color: #0d1116;
}
.btn--accent {
  color: #00575a;
  background-color: var(--theme-color);
}
@media (hover: hover) and (min-width: 1024px) {
  .btn--accent:hover {
    background-color: #c61449;
  }
}
.btn--accent-secondary {
  color: #00575a;
  background-color: var(--theme-color);
}
@media (hover: hover) and (min-width: 1024px) {
  .btn--accent-secondary:hover {
    background-color: #a817b5;
  }
}
.btn--brand {
  color: #00575a;
  background-color: var(--theme-color);
}
@media (hover: hover) and (min-width: 1024px) {
  .btn--brand:hover {
    background-color: #a70b59;
  }
}
.btn--success {
  color: #00575a;
  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: hsl(59 100% 50%);
  background-color: #0d6f30;
}
.btn--danger {
  color: #00575a;
  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: #00575a;
  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: rgb(191 13 13 / 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: #00575a;
  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: #00575a;
}
.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, #fff0);
}
.shadow-container.shadow--primary:after {
  right: 0;
  background: linear-gradient(270deg, var(--theme-color) 0, #fff0);
}
.shadow-container.shadow--dark:before {
  left: 0;
  background: linear-gradient(90deg, #0b0b0b 0, #fff0);
}
.shadow-container.shadow--dark:after {
  right: 0;
  background: linear-gradient(270deg, #0b0b0b 0, #fff0);
}
.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: #00575a;
  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: #00575a;
  }
}
#__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.2),
    0 3px 4px 0 rgb(0 0 0 / 0.14),
    0 1px 8px 0 rgb(0 0 0 / 0.12);
}
.surface--inverse {
  box-shadow:
    0 -3px 3px -2px rgb(0 0 0 / 0.2),
    0 -3px 4px 0 rgb(0 0 0 / 0.14),
    0 -1px 8px 0 rgb(0 0 0 / 0.12);
}
.page {
  min-height: 100%;
  flex-direction: column;
  justify-content: center;
  padding-bottom: 1rem;
}
.page,
.page-header {
  display: flex;
  align-items: center;
}
.page-header {
  padding: 0.5rem 0;
  border-bottom: 1px solid #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: rgb(16 19 23 / 0.9);
}
.loading--global[data-v-1259992c] {
  position: fixed;
  background-color: rgb(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: #00575a;
  height: 90px;
  z-index: 99;
  background-color: #0b0b0b;
}
.app-header__dewafortune {
  position: relative;
  margin-right: 0.5rem;
}
.app-header__dewafortune img {
  position: absolute;
  top: 0;
  left: 0;
  width: 2rem;
  transform: translate(-60%, -20%);
}
.app-header__main {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  height: 54px;
}
.app-header__extra {
  display: flex;
  overflow: hidden;
  background-color: var(--theme-color);
  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: hsl(0 0% 8%);
  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, #fff0);
}
.app-breadcrumbs:after {
  right: 0;
  background: linear-gradient(270deg, var(--theme-color) 0, #fff0);
}
.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: #00575a;
}
.app-breadcrumbs .nav-item--fill {
  font-size: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.app-breadcrumbs .nav-item--fill i {
  color: #00575a;
}
.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: #00575a;
}
.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: #00575a;
}
.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: #00575a;
}
.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, #fff0);
}
.running-text--light:after {
  background: linear-gradient(270deg, #0f0f0f 0, #fff0);
}
.running-text--primary {
  background-color: var(--theme-color);
}
.running-text--primary:before {
  background: linear-gradient(90deg, var(--theme-color) 0, #fff0);
}
.running-text--primary:after {
  background: linear-gradient(270deg, var(--theme-color) 0, #fff0);
}
.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, #fff0);
}
.app-menu[data-v-9cfb8622]:after {
  right: 0;
  background: linear-gradient(270deg, #0b0b0b 0, #fff0);
}
.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(https://cdn-proxy.globalcontentcloud.com/common/default/ribbons/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(https://cdn-proxy.globalcontentcloud.com/common/default/ribbons/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: hsl(59 100% 50%);
}
.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: rgb(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(https://cdn-proxy.globalcontentcloud.com/common/default/ribbons/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(https://cdn-proxy.globalcontentcloud.com/common/default/ribbons/new.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(https://cdn-proxy.globalcontentcloud.com/58/dist/img/special.b3be628.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: #00575a;
  content: attr(data-flag);
  text-transform: uppercase;
  font-weight: 700;
  font-style: italic;
  font-size: 0.5rem;
  padding: 0.25rem 0.5rem;
  background: 50% / contain no-repeat
    url(https://cdn-proxy.globalcontentcloud.com/common/default/ribbons/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: #00575a;
}
.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: #00575a;
  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(https://cdn-proxy.globalcontentcloud.com/common/default/ribbons/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(https://cdn-proxy.globalcontentcloud.com/common/default/ribbons/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: #00575a;
  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 hsl(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% 100% / 0.1);
}
.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% 100% / 0.1);
}
.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), #fff0);
}
.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: #00575a;
  background-color: var(--theme-color);
  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 hsl(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: hsl(0 0% 8%);
  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: hsl(0 0% 8%);
}
.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), #fff0);
}
.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: hsl(0 0% 8%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.app-footer__partners ul li a i {
  color: var(--theme-color);
  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: #00575a;
  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: rgb(0 0 0 / 0.5);
  -webkit-tap-highlight-color: #fff0;
}
.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: #00575a;
}
.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: rgb(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: rgb(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: rgb(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: #00575a;
    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: #00575a;
}
.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: rgb(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: #00575a;
}
.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: #00575a;
  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;
}
:root {
  --theme-color: #00eeff;
  --theme-color-rgb: 0, 193, 200;
}