li {
color: white;
}

body {
    background: var(--background-color) var(--background-image) center center no-repeat !important;
    background-attachment: fixed !important;
background-position: top;
     background-size: cover !important;
}

.animatedcolor, .animatedcolor i
{
    -webkit-animation: color-change 1s infinite;
}
.app-menu--d ul[data-v-9cfb8622] {
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--header-image) center center no-repeat !important;
    background-size: cover !important;
}
.container {
    padding: 0 1rem;
    margin: 0 auto;
    max-width: 1169px;
    background-color: #000a18;
    box-shadow: rgb(0 0 0 / 100%) 0 32px 62px -2px, rgb(0 0 0 / 100%) 0 30px 32px -3px;
}
.card--light {
    background-color: #003aff;
    border: 1px solid #002fff;
}
@media (max-width: 768px) {
  .app-footer { max-width: 100%;
}
}
.app-header--d {
    height: 54px;
    display: flex;
    border-bottom: 1px solid #004bff;
}
.footer-text[data-v-29b186f6] {
    font-size: .75rem;
    background-color: #001840;
    border-top: 1px solid rgb(7 0 255);
    max-width: 73rem;
    margin: auto;

}
.app-footer {
    position: relative;
    padding: 1rem 0;
    color: #fff;
    background-color: #00153a;
    margin-bottom: calc(0px + env(safe-area-inset-bottom));
    margin: auto;
margin-top: -9px;
width: 1169px;
}
.bank-select__item {
    position: relative;
    overflow: hidden;
    height: 60px;
    border-radius: 5px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    transition: background-color .2s ease;
    width: 104px;
    background: url(https://imgku.io/download/EwdyMtD5.gif);
}
.card--light {
    background-color: #004cbd;
    border: 1px solid #002fff;
}
.promotions-list .promotions__item .promotion__teaser[data-v-48f0ae32] {
    display: grid;
    padding: 0.5rem;
    grid-gap: 0.5rem;
    background-color: #002d7b;
    grid-template-columns: 5fr 1fr 1fr;
}
    nav.app-breadcrumbs.home--full-width.app-breadcrumbs--d {
        justify-content: center;
    }

    .app-breadcrumbs .nav-item a {
        text-transform: uppercase;
        border-right: 1px solid gold;
    }
.app-breadcrumbs .nav-item a {
    text-transform: uppercase;
    padding: 5px 10px;
    background: var(--breadcrumb-color);
    margin: auto 5px;
    border-radius: 10px;
    border: 1px solid #1100ff;
    box-shadow: 1px 1px 1px black;
    color: #ffffff;
}
.btn--flex {
    display: flex
;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    flex-wrap: nowrap;
    flex-direction: row;
    border-bottom: 3px solid #0f00e7;
    background: var(--btn-secondary);
    box-shadow: 0px 2px 2px 2px #00000080;
    border-radius: 5px 2px 20px 20px;
}
.app-header__widgets .app-header__auth>:last-child, .app-header__widgets .app-header__user>:last-child {
    margin-right: 0;
    border-radius: 0px;

}
.arcade-carousel--light .arcade-carousel__img-container {
    background-color: #001234;
    border: 1px solid #ffeb00;
}
.arcade-carousel--light .carousel__control.highlight:before {
    color: #000000;
}
.app-footer__partners ul li a {
    padding: 3px !important;
    font-size: 10px;
    white-space: nowrap;
    color: hsla(0, 0%, 100%, .6);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: linear-gradient(to bottom, #0047ff 0%, #031772 100%);
    border-radius: 20px;
    margin-top: 10px;
    margin-left: 5px;
}

.app-footer__payment ul li {
    display: flex
;
    align-items: center;
    justify-content: center;
    padding: .5rem;
    overflow: hidden;
    border-radius: 5px;
    border: 1px solid #001b64;
    background: #021a6f;
    color: #000000;
box-shadow: 0px 2px 2px 2px #00000038;
}
.app-header__widgets .app-header__auth>*, .app-header__widgets .app-header__user>* {
    margin-right: .5rem;
    border-radius: 0px;
}

.app-menu--primary {
    background-color: #1d2b4300;
}
.casino-game {
  position: relative;
  overflow: hidden;
  border-radius: 5px;
}
.casino-game--maintenance {
  pointer-events: none;
}
.casino-game a {
  cursor: pointer;
  position: relative;
  width: 100%;
}
.casino-game a .casino-game__container {
  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:before {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  content: "";
  width: 100%;
  height: 100%;
  pointer-events: none;
  border-radius: 5px;
  border: 2px solid #4a5059;
}
.casino-game a .casino-game__container:after {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 50%;
  content: "";
  background: linear-gradient(0deg, #060d18, transparent 30%, transparent);
}
.casino-game a .casino-game__container > img {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  opacity: 0;
  will-change: opacity;
  transition: opacity 0.2s ease;
}
.casino-game a .casino-game__container > img.placeholder {
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.casino-game a .casino-game__maintenance {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  padding: 0.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: rgba(29, 43, 67, 0.8);
}
.casino-game a .casino-game__maintenance span {
  font-size: 0.75rem;
  text-align: center;
  font-weight: 500;
  margin-top: 0.25rem;
}
.casino-game a .casino-game__maintenance img {
  position: relative;
}
.casino-game--history-view {
  display: grid;
  grid-gap: 1rem;
  align-items: center;
  grid-template-columns: 2fr 3fr;
}
@media (min-width: 1024px) {
  .casino-game--history-view {
    grid-template-columns: 1fr 5fr;
  }
}
.casino-game--dark a > .casino-game__container:before {
  border-color: #060d18;
}
.casino-game--promo a > .casino-game__container:before {
  border: 2px solid #139c44;
}
.casino-game--promo: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:before {
  border: 2px solid #ff4343;
}
.casino-game--new: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:before {
  border: 2px solid #dfbb06;
}

.casino-game.casino-game--new.casino-game--special
  a
  .casino-game__container:before {
  border-color: #f6004d;
}
.casino-game.casino-game--new.casino-game--special: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(https://cdn-proxy.globalcontentcloud.com/common/default/ribbons/special-alt.svg);
}
.casino-game__provider {
  display: block;
  left: 0;
  bottom: 0;
  padding: 0.25rem 0.375rem;
}
.casino-game__name,
.casino-game__provider {
  position: absolute;
  width: 100%;
  font-weight: 700;
  font-size: 0.5rem;
  color: #fff;
}
.casino-game__name {
  display: none;
  top: 2rem;
  z-index: 2;
  padding: 0 0.5rem;
  text-align: center;
}
.casino-game__count {
  min-width: 1.5rem;
  font-weight: 700;
  font-size: 0.5rem;
  padding: 1px;
  text-align: center;
  color: #fff;
  border-radius: 5px;
  background-color: #060d18;
  border: 2px solid #4a5059;
  border-top: 4px solid #4a5059;
}
.casino-game__count,
.casino-game__language {
  position: absolute;
  z-index: 4;
  top: 0.25rem;
  left: 0.25rem;
}
.casino-game__language {
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
}
.casino-game__language img {
  display: block;
  width: 100%;
  height: 100%;
}
.casino-game__skeleton {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: #1d2b43;
}
.casino-game__skeleton:before {
  content: "";
  display: block;
  position: absolute;
  left: -150px;
  top: 0;
  height: 100%;
  width: 100%;
  -webkit-animation: skeleton 1s cubic-bezier(0.4, 0, 0.2, 1) infinite;
  animation: skeleton 1s cubic-bezier(0.4, 0, 0.2, 1) infinite;
  background: linear-gradient(90deg, transparent 0, #4a5059 50%, transparent);
}
.casino-game__placeholder {
  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: #1d2b43;
  will-change: opacity;
  transition: opacity 0.2s ease;
}
.casino-game__placeholder img {
  display: block;
  width: 3.5rem;
  height: 3.5rem;
  -o-object-fit: contain;
  object-fit: contain;
}
@media (min-width: 1024px) {
  .casino-game__placeholder img {
    width: 4rem;
    height: 4rem;
  }
}
.casino-game__history {
  display: grid;
  grid-gap: 0.5rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.casino-game__history > a {
  cursor: pointer;
}
.casino-game__history h5 {
  grid-row: 1/2;
  grid-column: 1/-1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.casino-game__history p {
  grid-column: 1/2;
  font-size: 0.75rem;
}
.casino-game__history a {
  grid-row: 2/5;
  grid-column: 2/3;
  align-self: end;
}
@media (min-width: 1024px) {
  .casino-game__history h5 {
    grid-column: 1/2;
  }
  .casino-game__history a {
    grid-row: 1/5;
    justify-self: end;
    align-self: center;
  }
}
.casino-game--d.casino-game--new:after,
.casino-game--d.casino-game--promo:after {
  bottom: -2px;
  min-width: 80px;
  font-size: 0.75rem;
  padding: 0.375rem 0.75rem;
}
.casino-game--d.casino-game--special:after {
  top: -2px;
  min-width: 80px;
  font-size: 0.75rem;
  text-align: center;
  padding: 0.375rem 0.75rem;
}
.casino-game--d .casino-game__name,
.casino-game--d .casino-game__provider {
  font-size: 0.675rem;
}
.casino-game--d .casino-game__count {
  top: 0.5rem;
  left: 0.5rem;
  min-width: 2rem;
  padding: 0.125rem;
  font-size: 0.75rem;
}
.casino-game--d .casino-game__language {
  top: 0.5rem;
  left: 0.5rem;
  width: 1.5rem;
  height: 1.5rem;
}
.casino-game.casino-game--d.casino-game--special.casino-game--new:after {
  top: -2px;
  font-size: 0.75rem;
  padding: 0.375rem 0.75rem;
}
.casino {
  display: grid;
  margin-bottom: 0.5rem;
  grid-template-rows: auto auto auto 1fr;
  min-height: calc(100vh - 150px);
}
.casino__banner {
  margin-bottom: 0.5rem;
  width: calc(100% + 1rem);
  transform: translateX(-0.5rem);
}
.casino__banner img {
  display: block;
  width: 100%;
}
.casino--d {
  grid-gap: 0.5rem;
  margin-top: 0.5rem;
}
.casino--d .casino__banner {
  width: 100%;
  transform: unset;
  overflow: hidden;
  border-radius: 5px;
}
.page-nav {
  position: sticky;
  overflow: hidden;
  width: calc(100% + 1rem);
  transform: translateX(-0.5rem);
  padding: 0.5rem 0;
  top: 90px;
  z-index: 9;
  background-color: #060d18;
}
.page-nav__scroll-parent {
  width: 100%;
  overflow: hidden;
}
.page-nav ul {
  display: flex;
  height: 100%;
  grid-gap: 0.5rem;
  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;
}
.page-nav ul::-webkit-scrollbar {
  display: none;
}
.page-nav ul li {
  scroll-snap-align: center;
}
.page-nav ul a {
  grid-gap: 0.25rem;
  gap: 0.25rem;
  font-size: 1rem;
}
.page-nav ul a span {
  font-size: 0.875rem;
}
.page-nav ul a.app-link--active {
  color: #fff;
  background-color: #dfbb06;
}
.page-nav__badge {
  font-size: 0.75rem;
  color: #fff;
}
.page-nav--d {
  top: 54px;
}
.casino-content {
  position: relative;
  min-height: 15rem;
}
.casino-content .casino-loading,
.casino-content .games-grid {
  display: grid;
  grid-gap: 0.75rem;
  grid-template-rows: minmax(0, 1fr);
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media (min-width: 1024px) {
  .casino-content .casino-loading,
  .casino-content .games-grid {
    grid-gap: 1rem;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}
.casino-content .casino-loading {
  position: absolute;
  width: 100%;
}
.promotions {
  margin: 0.5rem 0;
}
@media (min-width: 1024px) {
  .promotions {
    margin-bottom: 1rem;
  }
}
.promotions .promotions-nav {
  margin-bottom: 1rem;
}
.promotions .promotions-nav ul {
  display: flex;
  overflow: auto;
  -ms-scroll-snap-type: x mandatory;
  scroll-snap-type: x mandatory;
}
.promotions .promotions-nav ul::-webkit-scrollbar {
  display: none;
}
.promotions .promotions-nav li {
  flex: 1 1 20%;
  padding: 0 0.25rem;
  scroll-snap-align: center;
}
.promotions .promotions-nav li:first-child {
  padding-left: 0;
}
.promotions .promotions-nav li:last-child {
  padding-right: 0;
}
.promotions .promotions-nav li .app-link--exact-active {
  background-color: #dfbb06;
}
.promotions-list {
  display: grid;
  grid-gap: 1rem;
  grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
}
@media (min-width: 1024px) {
  .promotions-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.promotions-list .promotions__item {
  overflow: hidden;
  display: grid;
  grid-template-rows: auto 1fr;
  border-radius: 5px;
}
.promotions-list .promotions__item.rows-3 {
  grid-template-rows: auto auto 1fr;
}
.promotions-list .promotions__item .promotion__end {
  padding: 0.375rem 0.5rem;
  font-size: 0.75rem;
  color: hsla(0, 0%, 100%, 0.6);
  background-color: #1d2b43;
  border-bottom: 1px solid #060d18;
}
.promotions-list .promotions__item .promotion__image {
  position: relative;
  display: block;
  height: 0;
  overflow: hidden;
  background-color: #4a5059;
  padding-bottom: 25.72614%;
}
.promotions-list .promotions__item .promotion__image img {
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
}
.promotions-list .promotions__item .promotion__teaser {
  display: grid;
  padding: 0.5rem;
  grid-gap: 0.5rem;
  background-color: #1d2b43;
  grid-template-columns: 5fr 1fr 1fr;
}
.promotions-list
  .promotions__item
  .promotion__teaser
  .promotion__title {
  text-transform: uppercase;
}
.promotions-list .promotions__item .promotion__teaser .detail {
  grid-column: 3/4;
}
.promotions-list .promotions__item .promotion__teaser p {
  font-size: 0.75rem;
  grid-column: 1/-1;
}
.register {
  display: grid;
  grid-row-gap: 1rem;
  margin-bottom: 0.5rem;
  border-radius: 5px;
  background-color: #060d18;
}
.register--d {
  margin-top: 0.5rem;
  padding: 2rem 3rem;
  background-color: #1d2b43;
}
.register-form-1 .g-recaptcha {
  display: inline-block;
  position: relative;
  left: 50%;
  margin-bottom: 1rem;
  transform: translateX(-50%);
}
.register-form-1__fields .field__header {
  color: #dfbb06;
  text-transform: uppercase;
  margin-bottom: 0.5rem;
}
.register-form-1__fields .alert {
  grid-column: 1/-1;
  margin-bottom: 1rem;
}
@media (min-width: 1024px) {
  .register-form-1__fields {
    display: grid;
    grid-column-gap: 3rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.register-form-1__errors {
  margin-bottom: 1rem;
}
@media (min-width: 1024px) {
  .register-form-1__errors {
    max-width: 50%;
    margin: 0 auto 1rem;
  }
}
@media (min-width: 1024px) {
  .register-form-1 .btn {
    margin: 0 auto;
    max-width: 50%;
  }
}
.app-drawer--d.app-drawer__root {
    top: 55px;
    right: 0;
    bottom: 0;
    left: 0;
}
.drawer__toggle--d {
    position: absolute;
    left: 0;
    width: 6rem;
    flex: unset;
    z-index: 2;
    border-left: none;
    color: hsla(0, 0%, 100%, .6);
    border-right: 1px solid #4a5059;
}
.app-drawer--d .app-drawer__backdrop:before
 {
    top: 55px;
    height: calc(100% - 53px);
}
.app-drawer__backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.app-drawer--d.app-drawer--open .app-drawer {
    transform: translateX(calc(300px + 1rem));
}
.app-drawer--d .app-drawer
 {
    right: unset;
    left: calc(-300px - 1rem);
    transform: translateX(0);
}
.app-drawer {
    position: absolute;
    right: calc(-300px - 1rem);
    width: 300px;
    height: 100%;
    overflow-y: auto;
    overflow-y: overlay;
    background-color: #4a5059;
    transform: translateX(0);
    transition: transform 225ms cubic-bezier(.4, 0, .2, 1) 0ms;
    scrollbar-width: none;
    -ms-overflow-style: none;
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: auto 1fr auto;
}
.exclusive--d {
    background-color: #1d2b43;
    margin-top: .5rem;
    padding: 2rem 3rem;
}
.exclusive {
    margin-bottom: .5rem;
}
.exclusive--d ul {
    grid-gap: 1rem;
    grid-template-columns: repeat(5, minmax(0, 1fr));
}
.casino--d .casino__search {
    padding: .25rem .75rem;
    top: 54px;
}
.casino--d {
    grid-gap: .5rem;
    margin-top: .5rem;
}
.casino--d .page-nav {
    top: 95px;
}
    .lotto[data-v-e9fa5246] {
        display: grid;
        height: 100%;
        grid-template-rows: auto auto 1fr;
        min-height: calc(100vh - 150px)
    }

    .lotto--d[data-v-e9fa5246] {
        grid-gap: .5rem;
        margin-top: .5rem
    }

    .lotto-widget[data-v-775803d8] {
        position: relative
    }

    .lotto-widget__container[data-v-775803d8] {
        position: relative;
        display: grid;
        grid-gap: .5rem;
        overflow: hidden;
        padding: 1rem .5rem 0;
        border-radius: 10px;
        background-color: #4a5059
    }

    .lotto-widget__img[data-v-775803d8] {
        position: relative;
        height: 0;
        width: 100%;
        padding-bottom: 33.33333%
    }

    .lotto-widget__img img[data-v-775803d8] {
        position: absolute;
        display: block;
        width: 100%;
        height: 100%;
        -o-object-fit: contain;
        object-fit: contain
    }

    .lotto-widget__spacer[data-v-775803d8] {
        height: .25rem;
        border-radius: 10px;
        background-color: #060d18
    }

    .lotto-widget__title[data-v-775803d8] {
        display: grid
    }

    .lotto-widget__title span[data-v-775803d8]:first-child {
        font-size: .625rem;
        font-weight: 700;
        color: #dfbb06;
        text-transform: uppercase
    }

    .lotto-widget__title span[data-v-775803d8]:nth-child(2) {
        display: inline-block;
        font-size: .75rem;
        color: hsla(0, 0%, 100%, .6);
        margin-left: auto
    }

    .lotto-widget__title h2[data-v-775803d8] {
        font-size: 1rem
    }

    .lotto-widget__result[data-v-775803d8] {
        display: grid;
        grid-gap: .25rem
    }

    .lotto-widget__result>span[data-v-775803d8] {
        font-size: .75rem;
        color: hsla(0, 0%, 100%, .6)
    }

    .lotto-widget__result ul[data-v-775803d8] {
        display: grid;
        grid-gap: .25rem;
        grid-auto-flow: column;
        justify-content: space-between;
        grid-auto-columns: minmax(auto, 35px)
    }

    .lotto-widget__result ul div[data-v-775803d8] {
        position: relative;
        height: 0;
        padding-bottom: 100%;
        border-radius: 50%;
        background-color: #dfbb06
    }

    .lotto-widget__result ul div span[data-v-775803d8] {
        position: absolute;
        color: #fff;
        top: 50%;
        left: 50%;
        font-weight: 800;
        transform: translate(-50%, -50%)
    }

    .lotto-widget__links[data-v-775803d8] {
        display: grid;
        grid-gap: .25rem;
        align-self: center
    }

    .lotto-widget__links a[data-v-775803d8],
    .lotto-widget__links button[data-v-775803d8] {
        display: flex;
        grid-gap: .25rem;
        gap: .25rem;
        align-items: center;
        overflow: hidden;
        color: hsla(0, 0%, 100%, .6);
        padding: .25rem .375rem;
        border-radius: 20px;
        background-color: #060d18
    }

    .lotto-widget__links a i[data-v-775803d8]:first-child,
    .lotto-widget__links button i[data-v-775803d8]:first-child {
        color: #dfbb06
    }

    .lotto-widget__links a span[data-v-775803d8],
    .lotto-widget__links button span[data-v-775803d8] {
        flex-grow: 1;
        font-size: .75rem;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis
    }

    .lotto-widget__countdown[data-v-775803d8] {
        align-self: end;
        padding: .25rem .5rem;
        width: calc(100% + 1rem);
        transform: translateX(-.5rem);
        color: #fff;
        font-weight: 700;
        font-size: .75rem;
        text-align: center;
        background-color: #c20c05
    }

    .lotto-widget--d[data-v-775803d8] {
        grid-column: span 2
    }

    .lotto-widget--d .lotto-widget__container[data-v-775803d8] {
        grid-gap: 1rem;
        padding: 1rem 0 1rem 1rem;
        grid-template-columns: 150px auto 1fr auto
    }

    .lotto-widget--d .lotto-widget__img[data-v-775803d8] {
        align-self: center;
        grid-row: 1/4;
        padding-bottom: 66.66667%
    }

    .lotto-widget--d .lotto-widget__spacer[data-v-775803d8] {
        grid-column: 2/3;
        grid-row: 1/4;
        width: .25rem;
        height: 100%
    }

    .lotto-widget--d .lotto-widget__links[data-v-775803d8],
    .lotto-widget--d .lotto-widget__result[data-v-775803d8],
    .lotto-widget--d .lotto-widget__title[data-v-775803d8] {
        grid-column: 3/4
    }

    .lotto-widget--d .lotto-widget__title[data-v-775803d8] {
        align-items: center;
        grid-template-columns: auto 1fr
    }

    .lotto-widget--d .lotto-widget__title h2[data-v-775803d8] {
        grid-column: span 2
    }

    .lotto-widget--d .lotto-widget__result ul[data-v-775803d8] {
        grid-gap: .5rem;
        justify-content: center
    }

    .lotto-widget--d .lotto-widget__links[data-v-775803d8] {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .lotto-widget--d .lotto-widget__links a[data-v-775803d8],
    .lotto-widget--d .lotto-widget__links button[data-v-775803d8] {
        padding: .5rem .375rem
    }

    .lotto-widget--d .lotto-widget__countdown[data-v-775803d8] {
        grid-row: 1/4;
        grid-column: 4/5;
        -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl;
        text-orientation: mixed;
        width: unset;
        padding: .5rem .25rem;
        height: calc(100% + 2rem);
        transform: translateY(1rem)
    }

    .lotto-content[data-v-1f2cc254] {
        min-height: 15rem
    }

    .lotto-grid[data-v-1f2cc254] {
        display: grid;
        grid-gap: .75rem;
        align-items: start;
        margin-bottom: 1rem;
        grid-auto-flow: dense;
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    @media(min-width:1024px) {
        .lotto-grid[data-v-1f2cc254] {
            grid-template-columns: repeat(4, minmax(0, 1fr))
        }
    }

    .lotto-grid button[data-v-1f2cc254]:first-child {
        position: relative;
        display: block;
        height: 0;
        width: 100%;
        overflow: hidden;
        border-radius: 10px;
        padding-bottom: 75%;
        background-color: #4a5059
    }

    .lotto-grid button:first-child img[data-v-1f2cc254] {
        position: absolute;
        display: block;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

    .lotto-grid button:first-child>span[data-v-1f2cc254] {
        position: absolute;
        z-index: 2;
        left: .375rem;
        bottom: .375rem;
        color: #fff;
        font-weight: 700;
        font-size: .625rem
    }

    .lotto-grid button[data-v-1f2cc254]:first-child:after {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        content: "";
        background: linear-gradient(0deg, #000, transparent 30%, transparent)
    }

    .lotto-grid button:first-child.placeholder img[data-v-1f2cc254] {
        left: 50%;
        top: 50%;
        width: 7rem;
        height: 7rem;
        transform: translate(-50%, -50%)
    }

    .lotto-grid button[data-v-1f2cc254]:last-child {
        width: 100%;
        max-width: 20rem;
        margin: .75rem auto 0
    }

    .lotto-grid__maintenance[data-v-1f2cc254] {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
        width: 100%;
        height: 100%;
        color: #fff;
        background-color: rgba(29, 43, 67, .8)
    }

    .lotto-grid__maintenance i[data-v-1f2cc254] {
        margin-bottom: .5rem
    }

    .lotto-grid__maintenance span[data-v-1f2cc254] {
        font-weight: 500;
        font-size: .75rem
    }

    .lotto-grid--special[data-v-1f2cc254] {
        grid-column: span 2
    }

    .lotto-grid--special button[data-v-1f2cc254]:first-child {
        padding-bottom: 36.80982%
    }

    .lotto-grid--new button[data-v-1f2cc254]:first-child:before {
        position: absolute;
        top: -2.5px;
        left: -2.5px;
        z-index: 2;
        width: 100%;
        height: 3.125rem;
        content: "";
        pointer-events: none;
        background: 0/contain no-repeat url(https://cdn-proxy.globalcontentcloud.com/common/default/lotto/new.png)
    }

    @media(min-width:1024px) {
        .lotto-grid--new button[data-v-1f2cc254]:first-child:before {
            top: -5px;
            left: -5px;
            height: 6rem
        }
    }
    .leaderboard {
        margin-bottom: 1rem
    }

    .leaderboard .leaderboard-content {
        margin-top: 1rem
    }

    @media(min-width:1024px) {
        .leaderboard {
            display: grid;
            align-items: start;
            padding: 2rem 3rem;
            margin-top: .5rem;
            grid-column-gap: 2rem;
            background-color: #1d2b43;
            grid-template-columns: repeat(9, minmax(0, 1fr))
        }

        .leaderboard .page-header {
            grid-column: 1/-1
        }

        .leaderboard .side-nav {
            grid-column: 1/3
        }

        .leaderboard .leaderboard-content {
            grid-column: 3/-1
        }
    }

    .leaderboard-providers__total {
        position: relative;
        width: 100%;
        height: 0;
        border: 1px solid #dfbb06;
        border-radius: 10px;
        padding-bottom: 25%
    }

    .leaderboard-providers__total .icon {
        position: absolute;
        top: 10%;
        height: 80%;
        right: .5rem
    }

    @media(min-width:1024px) {
        .leaderboard-providers__total .icon {
            right: 1rem
        }
    }

    .leaderboard-providers__total .text {
        position: absolute;
        width: 100%;
        height: 100%;
        padding: .5rem;
        display: flex;
        flex-direction: column;
        justify-content: space-evenly
    }

    .leaderboard-providers__total .text h2 {
        font-size: 6vw;
        font-weight: 900
    }

    .leaderboard-providers__total .text h3 {
        font-size: 4vw;
        color: #dfbb06;
        font-weight: 500
    }

    .leaderboard-providers__total .text h3 strong {
        font-weight: 900
    }

    .leaderboard-providers__total .text h4 {
        font-size: 5vw;
        font-weight: 500
    }

    @media(min-width:1024px) {
        .leaderboard-providers__total .text {
            padding: 1rem
        }

        .leaderboard-providers__total .text h2 {
            font-size: 4vw
        }

        .leaderboard-providers__total .text h3,
        .leaderboard-providers__total .text h4 {
            font-size: 2.25vw
        }
    }

    @media(min-width:1280px) {
        .leaderboard-providers__total .text h2 {
            font-size: 3.5rem
        }

        .leaderboard-providers__total .text h3,
        .leaderboard-providers__total .text h4 {
            font-size: 2rem
        }
    }

    .leaderboard-providers ul {
        display: grid;
        grid-gap: 1rem;
        margin-top: 1rem;
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .leaderboard-providers .detail-box {
        position: relative;
        width: 100%;
        height: 0;
        border: 1px solid #dfbb06;
        border-radius: 10px;
        padding-bottom: 40%
    }

    .leaderboard-providers .detail-box .icon {
        position: absolute;
        top: 0;
        right: 0;
        height: 40%
    }

    .leaderboard-providers .detail-box .icon img {
        width: 100%;
        height: 100%;
        -o-object-fit: contain;
        object-fit: contain
    }

    .leaderboard-providers .detail-box .icon span {
        display: none;
        font-weight: 700;
        font-size: .625rem;
        position: relative;
        right: .5rem;
        top: .25rem
    }

    .leaderboard-providers .detail-box .text {
        position: absolute;
        width: 100%;
        height: 100%;
        padding: .5rem;
        display: flex;
        flex-direction: column;
        justify-content: space-evenly
    }

    .leaderboard-providers .detail-box .text h2 {
        font-size: 3.75vw;
        font-weight: 900
    }

    .leaderboard-providers .detail-box .text h3 {
        font-size: 2.75vw;
        color: #dfbb06;
        font-weight: 500
    }

    .leaderboard-providers .detail-box .text h3 strong {
        font-weight: 900
    }

    .leaderboard-providers .detail-box .text h4 {
        font-weight: 500;
        font-size: 3vw
    }

    @media(min-width:1024px) {
        .leaderboard-providers .detail-box .text {
            padding: 1rem
        }

        .leaderboard-providers .detail-box .text h2 {
            font-size: 3vw
        }

        .leaderboard-providers .detail-box .text h3,
        .leaderboard-providers .detail-box .text h4 {
            font-size: 2vw
        }
    }

    @media(min-width:1280px) {
        .leaderboard-providers .detail-box .text h2 {
            font-size: 2.25rem
        }

        .leaderboard-providers .detail-box .text h3,
        .leaderboard-providers .detail-box .text h4 {
            font-size: 1.5rem
        }
    }

    .referral-info {
        margin-bottom: 1rem
    }

    .referral-info__banner {
        display: block;
        width: calc(100% + 1rem);
        transform: translateX(-.5rem)
    }

    .referral-info__bonus,
    .referral-info__content,
    .referral-info__details,
    .referral-info__steps {
        margin: .5rem 0 1rem
    }

    .referral-info__bonus>h5,
    .referral-info__content>h5,
    .referral-info__details>h5,
    .referral-info__steps>h5 {
        margin-bottom: .5rem
    }

    .referral-info__content {
        font-size: .875rem
    }

    .referral-info__content p {
        margin: .25rem 0
    }

    .referral-info__steps ul {
        display: grid;
        grid-gap: .5rem;
        grid-auto-rows: 1fr
    }

    .referral-info__steps ul li {
        position: relative;
        display: grid;
        grid-column-gap: 1rem;
        align-items: center;
        grid-template-columns: 3rem 1fr;
        background-color: #fff;
        color: rgba(0, 0, 0, .6);
        padding: 1rem;
        border-radius: 5px
    }

    .referral-info__steps ul li p {
        font-size: .75rem
    }

    .referral-info__steps ul li h5,
    .referral-info__steps ul li p {
        grid-column: 2/3
    }

    .referral-info__steps ul li i {
        grid-column: 1/2;
        position: absolute;
        align-self: center;
        justify-self: center;
        color: #000
    }

    .referral-info__bonus ul {
        padding: .5rem;
        font-size: .875rem;
        border-radius: 2px;
        background-color: #4a5059
    }

    .referral-info__bonus li {
        padding: .125rem 0;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between
    }

    .referral-info__bonus li label,
    .referral-info__bonus li span {
        flex: 0 0 50%
    }

    .referral-info__bonus li span {
        text-align: right
    }

    .referral-info__details li {
        display: flex;
        align-items: center;
        margin: .5rem 0
    }

    .referral-info__details li i {
        color: #139c44;
        margin-right: .5rem
    }

    .referral-info--d {
        display: grid;
        grid-column-gap: 2rem;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        margin: .5rem 0
    }

    .referral-info--d>* {
        grid-column: 1/-1
    }

    .referral-info--d .referral-info__banner {
        width: 100%;
        border-radius: 5px;
        transform: unset
    }

    .referral-info--d .referral-info__steps ul {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }

    .referral-info--d .referral-info__bonus {
        grid-row: 3/4;
        grid-column: 2/3
    }

    .referral-info--d .referral-info__details {
        grid-row: 3/4;
        grid-column: 1/2
    }

    .referral-info--d>.btn {
        margin: 0 auto;
        width: 20rem;
        grid-row: 4/5
    }

    .contact {
        margin-bottom: .5rem
    }

    .contact__details {
        margin-top: 1rem
    }

    .contact__details li {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        margin-bottom: 1rem
    }

    .contact__details li a {
        display: flex;
        overflow: hidden;
        align-items: center
    }

    .contact__details li div {
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #dfbb06;
        border-radius: 50%
    }

    .contact__details li div,
    .contact__details li img {
        width: 2.5rem;
        height: 2.5rem;
        margin-right: 1.75rem
    }

    .contact__details li span {
        font-size: 1rem;
        font-weight: 700;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis
    }

    .contact .btn {
        width: 100%;
        margin-top: 1rem
    }

    .contact p {
        margin-top: 1rem;
        font-size: .875rem
    }

    .contact--d {
        display: grid;
        padding: 2rem 3rem;
        margin-top: .5rem;
        background-color: #1d2b43;
        grid-row-gap: 2rem;
        grid-column-gap: 1rem;
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .contact--d .page-header {
        grid-column: 1/-1
    }

    .contact--d .contact__details {
        display: grid;
        grid-column: 1/3;
        grid-column-gap: 1rem;
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .contact--d p {
        grid-row: 2/3;
        grid-column: 3/4
    }

    .contact--d .btn {
        width: 50%;
        margin: 0 auto;
        grid-row: 3/4;
        grid-column: 1/-1
    }

    .lotto-pool-results[data-v-745f7623] {
        display: grid;
        grid-gap: .25rem
    }

    .lotto-pool-results__row[data-v-745f7623],
    .lotto-pool-results header[data-v-745f7623] {
        display: grid;
        grid-gap: .25rem;
        justify-items: center;
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .lotto-pool-results__row h5[data-v-745f7623],
    .lotto-pool-results__row span[data-v-745f7623],
    .lotto-pool-results header h5[data-v-745f7623],
    .lotto-pool-results header span[data-v-745f7623] {
        padding: .5rem;
        font-weight: 700;
        font-size: .75rem
    }

    .lotto-pool-results header[data-v-745f7623] {
        padding: 0 .5rem
    }

    .lotto-pool-results__row[data-v-745f7623] {
        padding: .5rem;
        border-radius: 5px;
        background-color: #4a5059
    }

    .lotto-pool-results__load[data-v-745f7623] {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: .5rem
    }

    .lotto-pool-results__numbers[data-v-745f7623] {
        flex-direction: column;
        align-items: center;
        justify-content: center
    }

    .lotto-pool-results__numbers[data-v-745f7623],
    .lotto-pool-results__numbers ul[data-v-745f7623] {
        display: flex;
        grid-gap: .25rem;
        gap: .25rem
    }

    .lotto-pool-results__numbers ul:nth-child(2) li div[data-v-745f7623] {
        background-color: #bbc205
    }

    .lotto-pool-results__numbers ul:nth-child(3) li div[data-v-745f7623] {
        background-color: #05c20c
    }

    .lotto-pool-results__numbers ul:nth-child(4) li div[data-v-745f7623] {
        background-color: #05bbc2
    }

    .lotto-pool-results__numbers li div[data-v-745f7623] {
        position: relative;
        width: 1.5rem;
        height: 1.5rem;
        border-radius: 50%;
        background-color: #c20c05
    }

    .lotto-pool-results__numbers li div span[data-v-745f7623] {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: #fff;
        font-weight: 800;
        font-size: .625rem
    }

    .lotto-pool-results--d .lotto-pool-results__numbers[data-v-745f7623] {
        flex-direction: row;
        grid-gap: .75rem;
        gap: .75rem
    }

    .lotto-results[data-v-72734459] {
        padding: .5rem
    }

    .lotto-results--d .select__container[data-v-72734459] {
        max-width: 300px
    }
    .home--d .home__teaser {
    grid-column: 1 / 5;
}
i.icon--lg[data-v-0e010622] {
    font-size: 1.33333em;
}
i.icon--lg[data-v-0e010622] {
    font-size: 1.33333em;
}
i[data-v-1272be00] {
    margin-right: .5rem;
}
.home--d .card
 {
    margin-top: 0;
    padding-bottom: 1rem;
    border-radius: 5px;
}
.home--d .home--full-width {
    grid-column: 1 / -1;
}
.card--d.card--full-alt .card__header, .card--d.card--full .card__header {
    padding: 1rem;
}
.card--full-alt .card__header .card__title {
    justify-self: start;
}
.card--full-alt .card__header .card__see-all {
    grid-column: 6 / 7;
    justify-self: center;
    align-self: center;
}
.card .card__see-all {
    font-weight: 700;
    font-size: .75rem;
    padding: .2rem .75rem;
    background-color: #060d18;
    border-radius: 10px;
}

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

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

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

        .card__body {
            max-width: 100%;
            overflow: hidden
        }

        .card__banner {
            padding: .5rem 1rem 0
        }

        .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: .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--full-alt {
            display: grid;
            align-items: center;
            grid-template-rows: auto 1fr auto
        }

        .card--full-alt .card__header {
            display: grid;
            padding: 1rem;
            grid-gap: 1rem;
            grid-template-columns: repeat(6, minmax(0, 1fr))
        }

        .card--full-alt .card__header .card__title {
            justify-self: start
        }

        .card--full-alt .card__header .card__see-all {
            grid-column: 6/7;
            justify-self: center;
            align-self: center
        }

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

        .card--full-alt .card__cta {
            padding: .5rem 1rem 0
        }

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

            .card--full-alt .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: .75rem;
            grid-template-columns: repeat(2, minmax(0, 1fr))
        }

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

        .card--split .card__cta {
            margin-top: .5rem
        }

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

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

        .slot-carousel__group[data-v-117d2efa] {
            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-117d2efa] {
            display: grid;
            grid-template-rows: repeat(2, minmax(0, 1fr))
        }

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

        .slot-carousel__item span[data-v-117d2efa] {
            width: 100%;
            font-weight: 500;
            text-align: center;
            font-size: .625rem;
            margin-top: .125rem;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis
        }

        @media(min-width:1024px) {
            .slot-carousel__item span[data-v-117d2efa] {
                font-size: .75rem
            }
        }

        .slot-carousel__item.app-link--exact-active[data-v-117d2efa] {
            color: #dfbb06
        }

        .slot-carousel__item.app-link--exact-active .slot-carousel__img-container[data-v-117d2efa] {
            border: 1px solid #dfbb06
        }

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

        .slot-carousel__img-container img[data-v-117d2efa] {
            width: 100%
        }

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

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

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

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

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

        .slot-carousel__maintenance i[data-v-117d2efa] {
            color: #fdd835
        }

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

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

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

        .slot-carousel--d .slot-carousel__group--ud .slot-carousel__item[data-v-117d2efa]: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: #dfbb06;
            z-index: 2
        }

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

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

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

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

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

        .carousel__next[data-v-4f72f8a2] {
            padding-right: .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 .3s ease-out
        }

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

        .slot-showcase__grid[data-v-2292821f] {
            display: grid;
            grid-gap: .5rem;
            grid-template-columns: repeat(6, minmax(0, 1fr))
        }

        .game-placeholder__wrapper[data-v-62076ebd] {
            background-color: #1d2b43
        }

        .game-placeholder--rtp[data-v-62076ebd] {
            border-radius: 10px;
            padding-bottom: 138.55422%
        }

        .game-placeholder--slot[data-v-62076ebd] {
            padding-bottom: 65.11628%
        }

        .game-placeholder--casino[data-v-62076ebd] {
            border-radius: 5px;
            border: 2px solid transparent;
            padding-bottom: 162.03209%
        }

        .game-placeholder--arcade[data-v-62076ebd] {
            padding-bottom: 61.99525%
        }

        .game-placeholder[data-v-62076ebd] {
            height: 0;
            overflow: hidden;
            position: relative
        }

        .game-placehodler__name[data-v-62076ebd] {
            display: block;
            width: 100%;
            overflow: hidden;
            text-align: center;
            font-size: .875rem;
            white-space: nowrap;
            text-overflow: ellipsis;
            padding: .25rem .5rem;
            color: transparent
        }

        .sns-card button[data-v-c871726a] {
            position: relative;
            display: block;
            overflow: hidden
        }

        .sns-card button img[data-v-c871726a] {
            display: block;
            width: 100%
        }

        .sns-card__ribbon[data-v-c871726a] {
            position: absolute;
            top: 0;
            right: 0;
            border-radius: 2px;
            padding: .125rem .375rem .125rem .25rem;
            background-color: #fd3a52;
            display: grid;
            grid-gap: .125rem;
            align-items: center;
            justify-items: center;
            place-items: center;
            grid-template-columns: auto auto
        }

        .sns-card__ribbon>span[data-v-c871726a] {
            display: block;
            color: #fff;
            font-weight: 900;
            font-size: .5rem;
            letter-spacing: .05em
        }

        .sns-card .pulse[data-v-c871726a] {
            position: relative;
            width: .75rem;
            height: .75rem
        }

        .sns-card .pulse[data-v-c871726a]:after {
            content: "";
            width: 50%;
            height: 50%;
            transform: translate(-50%, -50%) scale(1);
            background-color: #fff;
            z-index: 2;
            -webkit-animation: dot-pulse-data-v-c871726a 2s infinite;
            animation: dot-pulse-data-v-c871726a 2s infinite
        }

        .sns-card .pulse[data-v-c871726a]:after,
        .sns-card .pulse__wave[data-v-c871726a] {
            position: absolute;
            top: 50%;
            left: 50%;
            border-radius: 50%
        }

        .sns-card .pulse__wave[data-v-c871726a] {
            width: 100%;
            height: 100%;
            background-color: hsla(0, 0%, 100%, .4);
            opacity: 0;
            z-index: 1;
            -webkit-animation: ripple-data-v-c871726a 2s infinite;
            animation: ripple-data-v-c871726a 2s infinite;
            transform: translate(-50%, -50%) scale(.5)
        }

        .sns-card .pulse__wave[data-v-c871726a]:nth-of-type(2) {
            -webkit-animation-delay: .2s;
            animation-delay: .2s
        }

        .sns-card .pulse__wave[data-v-c871726a]:nth-of-type(3) {
            -webkit-animation-delay: .4s;
            animation-delay: .4s
        }

        @-webkit-keyframes dot-pulse-data-v-c871726a {
            0% {
                transform: translate(-50%, -50%) scale(1)
            }

            15% {
                transform: translate(-50%, -50%) scale(.85)
            }

            30% {
                transform: translate(-50%, -50%) scale(1)
            }

            to {
                transform: translate(-50%, -50%) scale(1)
            }
        }

        @keyframes dot-pulse-data-v-c871726a {
            0% {
                transform: translate(-50%, -50%) scale(1)
            }

            15% {
                transform: translate(-50%, -50%) scale(.85)
            }

            30% {
                transform: translate(-50%, -50%) scale(1)
            }

            to {
                transform: translate(-50%, -50%) scale(1)
            }
        }

        @-webkit-keyframes ripple-data-v-c871726a {
            0% {
                opacity: 1;
                transform: translate(-50%, -50%) scale(.5)
            }

            30% {
                opacity: 0;
                transform: translate(-50%, -50%) scale(1.5)
            }

            to {
                opacity: 0;
                transform: translate(-50%, -50%) scale(1.5)
            }
        }

        @keyframes ripple-data-v-c871726a {
            0% {
                opacity: 1;
                transform: translate(-50%, -50%) scale(.5)
            }

            30% {
                opacity: 0;
                transform: translate(-50%, -50%) scale(1.5)
            }

            to {
                opacity: 0;
                transform: translate(-50%, -50%) scale(1.5)
            }
        }

        .sns-card--d[data-v-c871726a] {
            border-radius: 5px;
            overflow: hidden
        }

        .sns-card--d .sns-card__ribbon[data-v-c871726a] {
            top: .5rem;
            right: .5rem
        }

        .sns-card--d .sns-card__ribbon>span[data-v-c871726a] {
            font-size: .75rem
        }

        .sns-card--d .pulse[data-v-c871726a] {
            width: 1rem;
            height: 1rem
        }

        .top-tables-showcase__grid[data-v-294d269e] {
            display: grid;
            grid-gap: .5rem;
            grid-template-columns: repeat(6, minmax(0, 1fr))
        }
.casino-game__placeholder{
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .5rem;
    background-color: #1d2b43;
    will-change: opacity;
    transition: opacity .2s ease;
}
.casino-game a .casino-game__container>img {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    opacity: 0;
    will-change: opacity;
    transition: opacity .2s ease;
}
.home--d .card {
    margin-top: 0;
    padding-bottom: 1rem;
    border-radius: 5px;
}
.home--d .home--full-width {
    grid-column: 1 / -1;
}
.card--d.card--full-alt .card__body, .card--d.card--full .card__body {
    padding: 0 1rem;
}
.card__body {
    max-width: 100%;
    overflow: hidden;
}
*, :after, :before {
    /* box-sizing: border-box; */
    padding: 0;
}
.casino-game__placeholder[data-v-2de140c4] {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .5rem;
    background-color: #1d2b43;
    will-change: opacity;
    transition: opacity .2s ease;
}
.casino-game a[data-v-2de140c4] {
    cursor: pointer;
    position: relative;
    width: 100%;
}
  .top-tables-showcase__grid[data-v-294d269e] {
        display: grid;
        grid-gap: .5rem;
        grid-template-columns: repeat(6, minmax(0, 1fr))
    }

    .casino-home ul[data-v-94ce1620] {
        display: grid;
        grid-gap: .5rem;
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }

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

    .casino-game--maintenance[data-v-2de140c4] {
        pointer-events: none
    }

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

    .casino-game a .casino-game__container[data-v-2de140c4] {
        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-2de140c4]:before {
        position: absolute;
        left: 0;
        top: 0;
        z-index: 2;
        content: "";
        width: 100%;
        height: 100%;
        pointer-events: none;
        border-radius: 5px;
        border: 2px solid #4a5059
    }

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

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

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

    .casino-game a .casino-game__maintenance[data-v-2de140c4] {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 2;
        padding: .5rem;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background-color: rgba(29, 43, 67, .8)
    }

    .casino-game a .casino-game__maintenance span[data-v-2de140c4] {
        font-size: .75rem;
        text-align: center;
        font-weight: 500;
        margin-top: .25rem
    }

    .casino-game a .casino-game__maintenance img[data-v-2de140c4] {
        position: relative
    }

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

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

    .casino-game--dark a>.casino-game__container[data-v-2de140c4]:before {
        border-color: #060d18
    }

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

    .casino-game--promo[data-v-2de140c4]: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: .5rem;
        padding: .25rem .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-2de140c4]:before {
        border: 2px solid #ff4343
    }

    .casino-game--new[data-v-2de140c4]: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: .5rem;
        text-align: center;
        padding: .25rem .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-2de140c4]:before {
        border: 2px solid #dfbb06
    }

    .casino-game--special[data-v-2de140c4]: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: .5rem;
        padding: .25rem .5rem;
        background: 50%/contain no-repeat url(https://cdn-proxy.globalcontentcloud.com/456/dist/img/special.2e47c68.svg)
    }

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

    .casino-game.casino-game--new.casino-game--special[data-v-2de140c4]: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: .5rem;
        padding: .25rem .5rem;
        background: 50%/contain no-repeat url(https://cdn-proxy.globalcontentcloud.com/common/default/ribbons/special-alt.svg)
    }

    .casino-game__provider[data-v-2de140c4] {
        display: block;
        left: 0;
        bottom: 0;
        padding: .25rem .375rem;
        white-space: nowrap
    }

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

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

    .casino-game__count[data-v-2de140c4] {
        min-width: 1.5rem;
        font-weight: 700;
        font-size: .5rem;
        padding: 1px;
        text-align: center;
        color: #fff;
        border-radius: 5px;
        background-color: #060d18;
        border: 2px solid #4a5059;
        border-top: 4px solid #4a5059
    }

    .casino-game__count[data-v-2de140c4],
    .casino-game__language[data-v-2de140c4] {
        position: absolute;
        z-index: 4;
        top: .25rem;
        left: .25rem
    }

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

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

    .casino-game__skeleton[data-v-2de140c4] {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
        background-color: #1d2b43
    }

    .casino-game__skeleton[data-v-2de140c4]:before {
        content: "";
        display: block;
        position: absolute;
        left: -150px;
        top: 0;
        height: 100%;
        width: 100%;
        -webkit-animation: skeleton 1s cubic-bezier(.4, 0, .2, 1) infinite;
        animation: skeleton 1s cubic-bezier(.4, 0, .2, 1) infinite;
        background: linear-gradient(90deg, transparent 0, #4a5059 50%, transparent)
    }

    .casino-game__placeholder[data-v-2de140c4] {
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        height: 100%;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: .5rem;
        background-color: #1d2b43;
        will-change: opacity;
        transition: opacity .2s ease
    }

    .casino-game__placeholder img[data-v-2de140c4] {
        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-2de140c4] {
            width: 4rem;
            height: 4rem
        }
    }

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

    .casino-game__history>a[data-v-2de140c4] {
        cursor: pointer
    }

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

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

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

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

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

    .casino-game--d.casino-game--new[data-v-2de140c4]:after,
    .casino-game--d.casino-game--promo[data-v-2de140c4]:after {
        bottom: -2px;
        min-width: 80px;
        font-size: .75rem;
        padding: .375rem .75rem
    }

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

    .casino-game--d .casino-game__name[data-v-2de140c4],
    .casino-game--d .casino-game__provider[data-v-2de140c4] {
        font-size: .675rem
    }

    .casino-game--d .casino-game__count[data-v-2de140c4] {
        top: .5rem;
        left: .5rem;
        min-width: 2rem;
        padding: .125rem;
        font-size: .75rem
    }

    .casino-game--d .casino-game__language[data-v-2de140c4] {
        top: .5rem;
        left: .5rem;
        width: 1.5rem;
        height: 1.5rem
    }

    .casino-game.casino-game--d.casino-game--special.casino-game--new[data-v-2de140c4]:after {
        top: -2px;
        font-size: .75rem;
        padding: .375rem .75rem
    }
    .home--d .card.card--arcade-carousel {
    grid-row: 6 / 7;
}
.home--d .arcade-showcase {
    grid-row: 7 / 8;
}
.card__title a {
    display: flex;
    align-items: center;
    font-size: .875rem;
    font-weight: 700;
}

        .exclusive-card[data-v-1f010ee1] {
            padding: 0 1rem
        }

        .exclusive-card--d[data-v-1f010ee1] {
            padding: 0
        }

        .exclusive-card ul[data-v-1f010ee1] {
            display: grid;
            grid-gap: .5rem;
            grid-template-columns: repeat(3, minmax(0, 1fr))
        }

        .exclusive-card ul a[data-v-1f010ee1],
        .exclusive-card ul button[data-v-1f010ee1] {
            position: relative;
            display: block;
            width: 100%;
            height: 0;
            overflow: hidden;
            padding-bottom: 136.84211%;
            border-radius: 5px
        }

        .exclusive-card ul img[data-v-1f010ee1] {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover
        }

        .exclusive-card ul div[data-v-1f010ee1] {
            display: flex;
            align-items: center;
            justify-content: center;
            position: absolute;
            top: .5rem;
            right: .5rem;
            width: 1.5rem;
            height: 1.5rem;
            color: #fff;
            border-radius: 5px;
            background-color: #c20c05
        }
         .home__teaser {
        display: grid;
        grid-gap: .5rem;
        padding: .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: -.5rem;
        width: calc(100% + 1rem)
    }

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

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

    .home--columns-half {
        grid-column: span 3
    }

    .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: .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: .25rem 1rem
    }

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

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

    .home-carousel {
        height: 0;
        overflow: hidden;
        background-color: #060d18;
        width: calc(100% + 1rem);
        transform: translateX(-.5rem);
        padding-bottom: calc(35% + .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: .75rem;
        margin: 0 1px;
        display: flex;
        align-items: center;
        justify-content: center
    }

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

    .home-carousel .slick-slider .slick-dots li button:before {
        width: 1rem;
        height: .75rem;
        opacity: .5;
        font-size: .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
    }
    .promo-card[data-v-5035947e] {
        padding: 0 .75rem
    }

    .promo-card--d[data-v-5035947e] {
        padding: 0
    }

    .promo-card a[data-v-5035947e] {
        position: relative;
        display: block;
        width: 100%;
        height: 0;
        overflow: hidden;
        border-radius: 5px;
        background-color: #4a5059;
        padding-bottom: 136.84211%
    }

    .promo-card img[data-v-5035947e] {
        position: absolute;
        display: block;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

    .promo-card img.placeholder[data-v-5035947e] {
        width: 3.5rem;
        height: 3.5rem;
        -o-object-fit: contain;
        object-fit: contain;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%)
    }

    @media(min-width:1024px) {
        .promo-card img.placeholder[data-v-5035947e] {
            width: 4rem;
            height: 4rem
        }
    }

    .promo-card__slide[data-v-5035947e] {
        padding: 0 .25rem
    }

    .promo-card[data-v-5035947e] .slick-slide>div {
        line-height: 0
    }

    .promo-card__title[data-v-5035947e] {
        position: absolute;
        display: none;
        top: 20%;
        width: 100%;
        padding: 0 .25rem;
        text-align: center;
        font-size: .625rem;
        font-weight: 700
    }

    .promo-card__flag[data-v-5035947e] {
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        z-index: 2;
        top: .5rem;
        right: .5rem;
        width: 1.5rem;
        height: 1.5rem;
        color: #fff;
        border-radius: 5px
    }

    .promo-card__flag.exclusive[data-v-5035947e] {
        background-color: #c20c05
    }

    .promo-card__flag.network[data-v-5035947e] {
        background-color: #0ca18a
    }

    .promo-card__pagination[data-v-5035947e] {
        position: absolute;
        left: 50%;
        bottom: 6px;
        z-index: 2;
        padding: .125rem .75rem 0;
        transform: translateX(-50%);
        background-color: #060d18;
        border-radius: 10px 10px 0 0
    }

    .promo-card__pagination span[data-v-5035947e] {
        display: block;
        font-weight: 900;
        font-size: .75rem;
        color: #fff
    }

    .promo-card ul[data-v-5035947e] {
        display: grid;
        grid-gap: .5rem;
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
       .home__teaser {
        display: grid;
        grid-gap: .5rem;
        padding: .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: -.5rem;
        width: calc(100% + 1rem)
    }

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

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

    .home--columns-half {
        grid-column: span 3
    }

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

    .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: .25rem 1rem
    }

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

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

    .home-carousel {
        height: 0;
        overflow: hidden;
        background-color: #060d18;
        width: calc(100% + 1rem);
        transform: translateX(-.5rem);
        padding-bottom: calc(35% + .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: .75rem;
        margin: 0 1px;
        display: flex;
        align-items: center;
        justify-content: center
    }

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

    .home-carousel .slick-slider .slick-dots li button:before {
        width: 1rem;
        height: .75rem;
        opacity: .5;
        font-size: .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
    }
        .exclusive-card[data-v-1f010ee1] {
        padding: 0 1rem
    }

    .exclusive-card--d[data-v-1f010ee1] {
        padding: 0
    }

    .exclusive-card ul[data-v-1f010ee1] {
        display: grid;
        grid-gap: .5rem;
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .exclusive-card ul a[data-v-1f010ee1],
    .exclusive-card ul button[data-v-1f010ee1] {
        position: relative;
        display: block;
        width: 100%;
        height: 0;
        overflow: hidden;
        padding-bottom: 136.84211%;
        border-radius: 5px
    }

    .exclusive-card ul img[data-v-1f010ee1] {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

    .exclusive-card ul div[data-v-1f010ee1] {
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: .5rem;
        right: .5rem;
        width: 1.5rem;
        height: 1.5rem;
        color: #fff;
        border-radius: 5px;
        background-color: #c20c05
    }
        .deposit--d {
        display: grid;
        align-items: start;
        padding: 2rem 3rem;
        margin-top: .5rem;
        grid-column-gap: 2rem;
        background-color: #1d2b43;
        grid-template-columns: repeat(9, minmax(0, 1fr));
    }

    .deposit--d .side-nav {
        grid-column: 1 / 3;
    }

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

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

    .bank-select--d .bank-select__body {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

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

    .deposit {
        margin-bottom: 1rem;
        min-height: 50vh
    }

    .deposit .deposit-content {
        margin-top: 1rem
    }

    .deposit>form {
        display: grid;
        padding: .5rem 0;
        grid-gap: .75rem;
        align-content: start
    }

    .deposit--d {
        display: grid;
        align-items: start;
        padding: 2rem 3rem;
        margin-top: .5rem;
        grid-column-gap: 2rem;
        background-color: #1d2b43;
        grid-template-columns: repeat(9, minmax(0, 1fr))
    }

    .deposit--d .page-header {
        grid-column: 1/-1
    }

    .deposit--d .side-nav {
        grid-column: 1/3
    }

    .deposit--d .deposit-content,
    .deposit--d>form {
        grid-column: 3/-1
    }

    .deposit--d>form {
        width: 100%;
        max-width: 30rem;
        justify-self: center
    }

    .deposit--d>.alert {
        grid-column: 1/-1;
        justify-self: center
    }
     .bonus-select {
        margin-bottom: 1rem
    }

    .bonus-select--disabled {
        pointer-events: none;
        color: hsla(0, 0%, 100%, .38)
    }

    .bonus-select__label {
        display: block;
        font-size: .875rem;
        margin-bottom: .25rem
    }

    .bonus-select__body {
        display: grid;
        overflow: hidden;
        grid-gap: .5rem
    }

    .bonus-select__item {
        position: relative;
        overflow: hidden;
        border-radius: 5px;
        background-color: #4a5059;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        transition: background-color .2s ease
    }

    .bonus-select__item--active .bonus-select__icon {
        color: #139c44
    }

    .bonus-select__item--disabled {
        color: hsla(0, 0%, 100%, .38)
    }

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

    .bonus-select__item label {
        cursor: pointer;
        width: 100%;
        height: 100%;
        display: grid;
        padding: .5rem .5rem .5rem 2rem;
        align-items: center
    }

    .bonus-select__item label h3 {
        font-size: 1rem
    }

    .bonus-select__item label h3 em {
        font-weight: 500;
        font-style: normal;
        font-size: 1rem
    }

    .bonus-select__item label span {
        font-size: .625rem;
        font-weight: 500;
        grid-column: 1/-1
    }

    .bonus-select__item label strong {
        margin: .25rem 0;
        font-size: .75rem
    }

    .bonus-select__item a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 3rem;
        height: 100%
    }

    .bonus-select__icon {
        position: absolute;
        left: .625rem;
        pointer-events: none
    }

    .bonus-select__input {
        position: absolute;
        visibility: hidden
    }

    .bonus-select--d .bonus-select__body {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .bonus-select--d label span {
        display: block
    }
        .static-page {
        margin-bottom: .5rem
    }

    .static-page--d {
        margin-top: .5rem;
        padding: 2rem 3rem;
        background-color: #1d2b43
    }

    .static-page__content {
        margin-top: 1rem
    }

    .static-page__content h1 {
        font-size: 1.25rem;
        color: #dfbb06;
        margin-bottom: 1rem
    }

    .static-page__content h2,
    .static-page__content p {
        font-weight: 500;
        margin-bottom: 1rem
    }

    .static-page__content h2 {
        color: #dfbb06;
        font-size: .875rem
    }

    .static-page__content h3 {
        font-weight: 700;
        font-size: 1rem;
        padding-bottom: 1rem;
        margin-bottom: 1rem;
        border-bottom: 1px solid #4a5059
    }

    .static-page__content p {
        font-size: .75rem
    }

    .static-page__content em {
        color: #dfbb06;
        font-style: normal
    }

    .static-page__content ol {
        counter-reset: item;
        padding-left: .5rem
    }

    .static-page__content ol li {
        display: block;
        font-weight: 500;
        font-size: .75rem;
        color: #fff;
        margin-bottom: 1rem
    }

    .static-page__content ol li:before {
        content: counters(item, ".") ".";
        counter-increment: item;
        color: #dfbb06;
        padding-right: .5rem
    }

    .static-page__content ol li>ol {
        margin-top: 1rem
    }

    .static-page__content ol li em {
        font-size: .875rem
    }

    .static-page__content ul {
        padding-left: 1rem
    }

    .static-page__content ul li {
        font-size: .75rem;
        font-weight: 500;
        margin-bottom: 1rem
    }

    .static-page__content ul li:before {
        display: inline-block;
        color: #dfbb06;
        content: "•";
        font-weight: 700;
        width: .8rem;
        margin-left: -1em
    }
        .complaint[data-v-18d2d96e] {
        margin-bottom: .5rem
    }

    .complaint__details[data-v-18d2d96e] {
        display: grid;
        margin: 1rem 0;
        grid-gap: .5rem;
        grid-auto-rows: 1fr
    }

    .complaint__details li[data-v-18d2d96e] {
        display: grid;
        padding: .5rem;
        align-items: center;
        grid-column-gap: .5rem;
        grid-template-columns: 2rem 1fr;
        border-radius: 5px;
        background-color: #fff;
        color: rgba(0, 0, 0, .6)
    }

    .complaint__details li i[data-v-18d2d96e] {
        align-self: center;
        justify-self: center;
        color: #000
    }

    .complaint--d[data-v-18d2d96e] {
        grid-gap: 1rem;
        margin-top: .5rem;
        padding: 2rem 3rem;
        align-items: start;
        background-color: #1d2b43
    }

    .complaint--d .complaint__details[data-v-18d2d96e] {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .complaint--d .complaint__form[data-v-18d2d96e] {
        max-width: 30rem;
        margin: 0 auto
    }

    .complaint--d .complaint__form .btn[data-v-18d2d96e] {
        margin: 0 auto;
        max-width: 20rem
    }
        .deposit-pending[data-v-c62ddada] {
        display: grid;
        grid-gap: 1rem;
        margin: 0 auto;
        max-width: 30rem
    }

    .deposit-pending h4[data-v-c62ddada] {
        text-align: center
    }

    .deposit-pending p[data-v-c62ddada] {
        font-size: .875rem
    }

    .deposit-pending a[data-v-c62ddada] {
        justify-self: center
    }

    .deposit-pending__qr[data-v-c62ddada] {
        display: block;
        width: 80%;
        max-width: 20rem;
        margin: 1rem auto
    }

    .deposit-pending__receipt[data-v-c62ddada] {
        margin-top: 1rem
    }

    .deposit-pending__oasis[data-v-c62ddada] {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center
    }

    .deposit-pending__oasis[data-v-c62ddada] .alert {
        width: 100%
    }

    .deposit-pending__oasis[data-v-c62ddada] .alert .alert__content {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center
    }

    .deposit-pending__oasis h4[data-v-c62ddada] {
        color: #fff;
        margin-bottom: 1rem
    }

    .deposit-pending__paycode[data-v-c62ddada] {
        width: 100%;
        display: flex;
        align-items: center;
        grid-gap: .5rem;
        gap: .5rem;
        margin-top: .5rem
    }

    .deposit-pending__paycode span[data-v-c62ddada] {
        flex: 1;
        overflow-y: auto;
        max-height: 4rem;
        word-break: break-all;
        text-align: left;
        font-size: .75rem
    }

    .deposit-pending__paycode span[data-v-c62ddada]::-webkit-scrollbar {
        width: 3px
    }

    .deposit-pending__paycode span[data-v-c62ddada]::-webkit-scrollbar-track {
        background: transparent
    }

    .deposit-pending__paycode span[data-v-c62ddada]::-webkit-scrollbar-thumb {
        background: hsla(0, 0%, 100%, .6);
        border-radius: 3px
    }

    .deposit-detail[data-v-c62ddada] {
        width: 100%;
        margin: 1rem 0;
        background-color: #4a5059
    }

    .deposit-detail li[data-v-c62ddada] {
        padding: .5rem 0 .25rem;
        position: relative;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        border-bottom: 1px solid #fff
    }

    .deposit-detail li p[data-v-c62ddada] {
        font-weight: 500;
        color: #fff
    }

    .deposit-detail li.break-word[data-v-c62ddada] {
        display: block;
        min-height: 4rem
    }

    .deposit-detail li.break-word .deposit-detail__copy[data-v-c62ddada] {
        width: 100%;
        height: 100%;
        margin-top: .25rem;
        align-self: center;
        justify-self: center
    }

    .deposit-detail li.break-word .deposit-detail__copy span[data-v-c62ddada]:first-child {
        overflow-y: auto;
        word-break: break-all;
        white-space: normal;
        max-height: 100%;
        height: auto;
        padding: 0 .5rem 0 0;
        text-align: left;
        background-color: transparent
    }

    .deposit-detail li.break-word .deposit-detail__copy span[data-v-c62ddada]:first-child::-webkit-scrollbar {
        width: 3px
    }

    .deposit-detail li.break-word .deposit-detail__copy span[data-v-c62ddada]:first-child::-webkit-scrollbar-track {
        background: transparent
    }

    .deposit-detail li.break-word .deposit-detail__copy span[data-v-c62ddada]:first-child::-webkit-scrollbar-thumb {
        background: hsla(0, 0%, 100%, .6);
        border-radius: 3px
    }

    .deposit-detail li.qr[data-v-c62ddada] {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        grid-gap: .5rem
    }

    .deposit-detail li.qr p[data-v-c62ddada] {
        word-break: break-all
    }

    .deposit-detail__copy[data-v-c62ddada] {
        display: grid;
        grid-gap: 1px;
        padding: 0;
        grid-template-columns: 1fr auto
    }

    .deposit-detail__copy span[data-v-c62ddada] {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 .5rem;
        color: #fff;
        height: 24px;
        background-color: #060d18
    }