@media(min-width: 374.5px) {
    .dynamic-content .area .recently-played-tiles .swiper-wrapper .swiper-slide .live-casino-tile img,
    .content .area .recently-played-tiles .swiper-wrapper .swiper-slide .live-casino-tile img {
        height: 130px
    }
}

@media(min-width: 767.5px) {
    .dynamic-content .area .recently-played-tiles .swiper-wrapper .swiper-slide .live-casino-tile img,
    .content .area .recently-played-tiles .swiper-wrapper .swiper-slide .live-casino-tile img {
        height: 166px
    }
}

@media(min-width: 1023.5px) {
    .dynamic-content .area .recently-played-tiles .swiper-wrapper .swiper-slide .live-casino-tile img,
    .content .area .recently-played-tiles .swiper-wrapper .swiper-slide .live-casino-tile img {
        height: 212px
    }
}

@media(min-width: 374.5px) {
    .dynamic-content .area .recently-played-tiles .swiper-wrapper .swiper-slide .sportsbook-tile img,
    .content .area .recently-played-tiles .swiper-wrapper .swiper-slide .sportsbook-tile img {
        height: 130px
    }
}

@media(min-width: 767.5px) {
    .dynamic-content .area .recently-played-tiles .swiper-wrapper .swiper-slide .sportsbook-tile img,
    .content .area .recently-played-tiles .swiper-wrapper .swiper-slide .sportsbook-tile img {
        height: 166px
    }
}

@media(min-width: 1023.5px) {
    .dynamic-content .area .recently-played-tiles .swiper-wrapper .swiper-slide .sportsbook-tile img,
    .content .area .recently-played-tiles .swiper-wrapper .swiper-slide .sportsbook-tile img {
        height: 212px
    }
}

@media(min-width: 374.5px) {
    .dynamic-content .area .recently-played-tiles .swiper-wrapper .swiper-slide .keno-lotto-tile img,
    .content .area .recently-played-tiles .swiper-wrapper .swiper-slide .keno-lotto-tile img {
        height: 118px
    }
}

@media(min-width: 767.5px) {
    .dynamic-content .area .recently-played-tiles .swiper-wrapper .swiper-slide .keno-lotto-tile img,
    .content .area .recently-played-tiles .swiper-wrapper .swiper-slide .keno-lotto-tile img {
        height: 154px
    }
}

@media(min-width: 1023.5px) {
    .dynamic-content .area .recently-played-tiles .swiper-wrapper .swiper-slide .keno-lotto-tile img,
    .content .area .recently-played-tiles .swiper-wrapper .swiper-slide .keno-lotto-tile img {
        height: 196px
    }
}

@media(min-width: 374.5px) {
    .dynamic-content .area .recently-played-tiles .swiper-wrapper .swiper-slide .casino-tile .d-flex img,
    .content .area .recently-played-tiles .swiper-wrapper .swiper-slide .casino-tile .d-flex img {
        height: 118px
    }
}

@media(min-width: 767.5px) {
    .dynamic-content .area .recently-played-tiles .swiper-wrapper .swiper-slide .casino-tile .d-flex img,
    .content .area .recently-played-tiles .swiper-wrapper .swiper-slide .casino-tile .d-flex img {
        height: 154px
    }
}

@media(min-width: 1023.5px) {
    .dynamic-content .area .recently-played-tiles .swiper-wrapper .swiper-slide .casino-tile .d-flex img,
    .content .area .recently-played-tiles .swiper-wrapper .swiper-slide .casino-tile .d-flex img {
        height: 196px
    }
}

.dynamic-content .area .recently-played-tiles .swiper-wrapper .swiper-slide .poker-tile .d-flex img,
.content .area .recently-played-tiles .swiper-wrapper .swiper-slide .poker-tile .d-flex img {
    width: auto
}

@media(min-width: 374.5px) {
    .dynamic-content .area .recently-played-tiles .swiper-wrapper .swiper-slide .poker-tile .d-flex img,
    .content .area .recently-played-tiles .swiper-wrapper .swiper-slide .poker-tile .d-flex img {
        height: 118px
    }
}

@media(min-width: 767.5px) {
    .dynamic-content .area .recently-played-tiles .swiper-wrapper .swiper-slide .poker-tile .d-flex img,
    .content .area .recently-played-tiles .swiper-wrapper .swiper-slide .poker-tile .d-flex img {
        height: 154px
    }
}

@media(min-width: 1023.5px) {
    .dynamic-content .area .recently-played-tiles .swiper-wrapper .swiper-slide .poker-tile .d-flex img,
    .content .area .recently-played-tiles .swiper-wrapper .swiper-slide .poker-tile .d-flex img {
        height: 196px
    }
}

.dynamic-content .area .swiper-tiles,
.content .area .swiper-tiles {
    display: flex;
    width: 100%;
    height: 100%
}

@media(min-width: 1023.5px) {
    .dynamic-content .area .swiper-tiles,
    .content .area .swiper-tiles {
        padding: 0px
    }
}

.dynamic-content .area .swiper-tiles.promotion-tiles,
.content .area .swiper-tiles.promotion-tiles {
    overflow: hidden
}

.dynamic-content .area .swiper-tiles.last-results-tiles,
.content .area .swiper-tiles.last-results-tiles {
    height: 136px
}

@media(min-width: 767.5px) {
    .dynamic-content .area .swiper-tiles.last-results-tiles,
    .content .area .swiper-tiles.last-results-tiles {
        height: 159px
    }
}

.dynamic-content .area .swiper-tiles.last-results-tiles .swiper-wrapper .swiper-slide .tile .tile-image,
.content .area .swiper-tiles.last-results-tiles .swiper-wrapper .swiper-slide .tile .tile-image {
    height: 136px
}

@media(min-width: 767.5px) {
    .dynamic-content .area .swiper-tiles.last-results-tiles .swiper-wrapper .swiper-slide .tile .tile-image,
    .content .area .swiper-tiles.last-results-tiles .swiper-wrapper .swiper-slide .tile .tile-image {
        height: 159px
    }
}

.dynamic-content .area .swiper-tiles:not(.multi-swiper) .swiper-slide,
.content .area .swiper-tiles:not(.multi-swiper) .swiper-slide {
    width: auto !important
}

.dynamic-content .area .swiper-tiles.multi-swiper.kingmaker-tiles,
.content .area .swiper-tiles.multi-swiper.kingmaker-tiles {
    width: calc(100% + var(--spacing-16))
}

.dynamic-content .area .swiper-tiles.multi-swiper.kingmaker-tiles .swiper-wrapper,
.content .area .swiper-tiles.multi-swiper.kingmaker-tiles .swiper-wrapper {
    height: auto
}

@media(min-width: 1023.5px) {
    .dynamic-content .area .swiper-tiles.multi-swiper.kingmaker-tiles .swiper-wrapper,
    .content .area .swiper-tiles.multi-swiper.kingmaker-tiles .swiper-wrapper {
        height: 432px
    }
}

.dynamic-content .area .swiper-tiles.multi-swiper.kingmaker-tiles .swiper-wrapper .swiper-slide,
.content .area .swiper-tiles.multi-swiper.kingmaker-tiles .swiper-wrapper .swiper-slide {
    height: auto;
    width: auto
}

.dynamic-content .area .swiper-tiles.multi-swiper.kingmaker-tiles .swiper-wrapper .swiper-slide:first-child,
.content .area .swiper-tiles.multi-swiper.kingmaker-tiles .swiper-wrapper .swiper-slide:first-child {
    margin-left: 0
}

.dynamic-content .area .swiper-tiles.multi-swiper.kingmaker-tiles .swiper-wrapper .swiper-slide .tile,
.content .area .swiper-tiles.multi-swiper.kingmaker-tiles .swiper-wrapper .swiper-slide .tile {
    width: 120px;
    flex-direction: column;
    text-align: center
}

@media(min-width: 767.5px) {
    .dynamic-content .area .swiper-tiles.multi-swiper.kingmaker-tiles .swiper-wrapper .swiper-slide .tile,
    .content .area .swiper-tiles.multi-swiper.kingmaker-tiles .swiper-wrapper .swiper-slide .tile {
        width: 152px
    }
}

@media(min-width: 1023.5px) {
    .dynamic-content .area .swiper-tiles.multi-swiper.kingmaker-tiles .swiper-wrapper .swiper-slide .tile,
    .content .area .swiper-tiles.multi-swiper.kingmaker-tiles .swiper-wrapper .swiper-slide .tile {
        width: 172px
    }
}

.dynamic-content .area .swiper-tiles.multi-swiper.kingmaker-tiles .swiper-wrapper .swiper-slide .tile img,
.content .area .swiper-tiles.multi-swiper.kingmaker-tiles .swiper-wrapper .swiper-slide .tile img {
    border-radius: 16px
}

.dynamic-content .area .swiper-tiles.multi-swiper.kingmaker-tiles .swiper-wrapper .swiper-slide .tile .text,
.content .area .swiper-tiles.multi-swiper.kingmaker-tiles .swiper-wrapper .swiper-slide .tile .text {
    text-overflow: ellipsis;
    max-height: 20px;
    white-space: nowrap;
    overflow: hidden
}

.dynamic-content .area .swiper-tiles.multi-swiper.poker-lc-tiles,
.dynamic-content .area .swiper-tiles.multi-swiper.poker-ng-tiles,
.dynamic-content .area .swiper-tiles.multi-swiper.poker-ky-tiles,
.content .area .swiper-tiles.multi-swiper.poker-lc-tiles,
.content .area .swiper-tiles.multi-swiper.poker-ng-tiles,
.content .area .swiper-tiles.multi-swiper.poker-ky-tiles {
    width: calc(100% + var(--spacing-16))
}

.dynamic-content .area .swiper-tiles.multi-swiper.poker-lc-tiles .swiper-wrapper,
.dynamic-content .area .swiper-tiles.multi-swiper.poker-ng-tiles .swiper-wrapper,
.dynamic-content .area .swiper-tiles.multi-swiper.poker-ky-tiles .swiper-wrapper,
.content .area .swiper-tiles.multi-swiper.poker-lc-tiles .swiper-wrapper,
.content .area .swiper-tiles.multi-swiper.poker-ng-tiles .swiper-wrapper,
.content .area .swiper-tiles.multi-swiper.poker-ky-tiles .swiper-wrapper {
    height: auto
}

@media(min-width: 1023.5px) {
    .dynamic-content .area .swiper-tiles.multi-swiper.poker-lc-tiles .swiper-wrapper,
    .dynamic-content .area .swiper-tiles.multi-swiper.poker-ng-tiles .swiper-wrapper,
    .dynamic-content .area .swiper-tiles.multi-swiper.poker-ky-tiles .swiper-wrapper,
    .content .area .swiper-tiles.multi-swiper.poker-lc-tiles .swiper-wrapper,
    .content .area .swiper-tiles.multi-swiper.poker-ng-tiles .swiper-wrapper,
    .content .area .swiper-tiles.multi-swiper.poker-ky-tiles .swiper-wrapper {
        height: 494px
    }
}

.dynamic-content .area .swiper-tiles.multi-swiper.poker-lc-tiles .swiper-wrapper .swiper-slide,
.dynamic-content .area .swiper-tiles.multi-swiper.poker-ng-tiles .swiper-wrapper .swiper-slide,
.dynamic-content .area .swiper-tiles.multi-swiper.poker-ky-tiles .swiper-wrapper .swiper-slide,
.content .area .swiper-tiles.multi-swiper.poker-lc-tiles .swiper-wrapper .swiper-slide,
.content .area .swiper-tiles.multi-swiper.poker-ng-tiles .swiper-wrapper .swiper-slide,
.content .area .swiper-tiles.multi-swiper.poker-ky-tiles .swiper-wrapper .swiper-slide {
    height: auto;
    width: auto
}

.dynamic-content .area .swiper-tiles.multi-swiper.poker-lc-tiles .swiper-wrapper .swiper-slide:first-child,
.dynamic-content .area .swiper-tiles.multi-swiper.poker-ng-tiles .swiper-wrapper .swiper-slide:first-child,
.dynamic-content .area .swiper-tiles.multi-swiper.poker-ky-tiles .swiper-wrapper .swiper-slide:first-child,
.content .area .swiper-tiles.multi-swiper.poker-lc-tiles .swiper-wrapper .swiper-slide:first-child,
.content .area .swiper-tiles.multi-swiper.poker-ng-tiles .swiper-wrapper .swiper-slide:first-child,
.content .area .swiper-tiles.multi-swiper.poker-ky-tiles .swiper-wrapper .swiper-slide:first-child {
    margin-left: 0
}

.dynamic-content .area .swiper-tiles.multi-swiper.poker-lc-tiles .swiper-wrapper .swiper-slide .tile,
.dynamic-content .area .swiper-tiles.multi-swiper.poker-ng-tiles .swiper-wrapper .swiper-slide .tile,
.dynamic-content .area .swiper-tiles.multi-swiper.poker-ky-tiles .swiper-wrapper .swiper-slide .tile,
.content .area .swiper-tiles.multi-swiper.poker-lc-tiles .swiper-wrapper .swiper-slide .tile,
.content .area .swiper-tiles.multi-swiper.poker-ng-tiles .swiper-wrapper .swiper-slide .tile,
.content .area .swiper-tiles.multi-swiper.poker-ky-tiles .swiper-wrapper .swiper-slide .tile {
    width: 116px;
    flex-direction: column;
    text-align: center
}

@media(min-width: 767.5px) {
    .dynamic-content .area .swiper-tiles.multi-swiper.poker-lc-tiles .swiper-wrapper .swiper-slide .tile,
    .dynamic-content .area .swiper-tiles.multi-swiper.poker-ng-tiles .swiper-wrapper .swiper-slide .tile,
    .dynamic-content .area .swiper-tiles.multi-swiper.poker-ky-tiles .swiper-wrapper .swiper-slide .tile,
    .content .area .swiper-tiles.multi-swiper.poker-lc-tiles .swiper-wrapper .swiper-slide .tile,
    .content .area .swiper-tiles.multi-swiper.poker-ng-tiles .swiper-wrapper .swiper-slide .tile,
    .content .area .swiper-tiles.multi-swiper.poker-ky-tiles .swiper-wrapper .swiper-slide .tile {
        width: 168px
    }
}

@media(min-width: 1023.5px) {
    .dynamic-content .area .swiper-tiles.multi-swiper.poker-lc-tiles .swiper-wrapper .swiper-slide .tile,
    .dynamic-content .area .swiper-tiles.multi-swiper.poker-ng-tiles .swiper-wrapper .swiper-slide .tile,
    .dynamic-content .area .swiper-tiles.multi-swiper.poker-ky-tiles .swiper-wrapper .swiper-slide .tile,
    .content .area .swiper-tiles.multi-swiper.poker-lc-tiles .swiper-wrapper .swiper-slide .tile,
    .content .area .swiper-tiles.multi-swiper.poker-ng-tiles .swiper-wrapper .swiper-slide .tile,
    .content .area .swiper-tiles.multi-swiper.poker-ky-tiles .swiper-wrapper .swiper-slide .tile {
        width: 200px;
        height: 239px
    }
}

.dynamic-content .area .swiper-tiles.multi-swiper.poker-lc-tiles .swiper-wrapper .swiper-slide .tile img,
.dynamic-content .area .swiper-tiles.multi-swiper.poker-ng-tiles .swiper-wrapper .swiper-slide .tile img,
.dynamic-content .area .swiper-tiles.multi-swiper.poker-ky-tiles .swiper-wrapper .swiper-slide .tile img,
.content .area .swiper-tiles.multi-swiper.poker-lc-tiles .swiper-wrapper .swiper-slide .tile img,
.content .area .swiper-tiles.multi-swiper.poker-ng-tiles .swiper-wrapper .swiper-slide .tile img,
.content .area .swiper-tiles.multi-swiper.poker-ky-tiles .swiper-wrapper .swiper-slide .tile img {
    width: 100%
}

.dynamic-content .area .swiper-tiles.multi-swiper.poker-lc-tiles .swiper-wrapper .swiper-slide .tile .text,
.dynamic-content .area .swiper-tiles.multi-swiper.poker-ng-tiles .swiper-wrapper .swiper-slide .tile .text,
.dynamic-content .area .swiper-tiles.multi-swiper.poker-ky-tiles .swiper-wrapper .swiper-slide .tile .text,
.content .area .swiper-tiles.multi-swiper.poker-lc-tiles .swiper-wrapper .swiper-slide .tile .text,
.content .area .swiper-tiles.multi-swiper.poker-ng-tiles .swiper-wrapper .swiper-slide .tile .text,
.content .area .swiper-tiles.multi-swiper.poker-ky-tiles .swiper-wrapper .swiper-slide .tile .text {
    text-overflow: ellipsis;
    max-height: 20px;
    white-space: nowrap;
    overflow: hidden
}

@media(min-width: 1023.5px) {
    .dynamic-content .area .swiper-tiles,
    .content .area .swiper-tiles {
        overflow: hidden;
        width: calc(100% + var(--spacing-24))
    }
    .dynamic-content .area .swiper-tiles.last-results-tiles,
    .content .area .swiper-tiles.last-results-tiles {
        height: 159px
    }
}

.dynamic-content .area .swiper-tiles .swiper-button-prev,
.dynamic-content .area .swiper-tiles .swiper-button-next,
.content .area .swiper-tiles .swiper-button-prev,
.content .area .swiper-tiles .swiper-button-next {
    display: none;
    outline: none
}

.dynamic-content .area .swiper-tiles .swiper-button-prev:after,
.dynamic-content .area .swiper-tiles .swiper-button-next:after,
.content .area .swiper-tiles .swiper-button-prev:after,
.content .area .swiper-tiles .swiper-button-next:after {
    content: unset
}

.dynamic-content .area .swiper-tiles:hover .swiper-button-prev,
.dynamic-content .area .swiper-tiles:hover .swiper-button-next,
.content .area .swiper-tiles:hover .swiper-button-prev,
.content .area .swiper-tiles:hover .swiper-button-next {
    outline: none
}

@media(min-width: 1023.5px) {
    .dynamic-content .area .swiper-tiles:hover .swiper-button-prev,
    .dynamic-content .area .swiper-tiles:hover .swiper-button-next,
    .content .area .swiper-tiles:hover .swiper-button-prev,
    .content .area .swiper-tiles:hover .swiper-button-next {
        display: flex
    }
}

.dynamic-content .area .swiper-tiles .swiper-button-disabled,
.content .area .swiper-tiles .swiper-button-disabled {
    display: none !important
}

.dynamic-content .area .swiper-tiles .swiper-slide:last-child,
.content .area .swiper-tiles .swiper-slide:last-child {
    margin-right: var(--spacing-16)
}

@media(min-width: 1023.5px) {
    .dynamic-content .area .swiper-tiles .swiper-slide:last-child,
    .content .area .swiper-tiles .swiper-slide:last-child {
        margin-right: 0px
    }
}

.dynamic-content .area .swiper-tiles .swiper-slide:first-child,
.content .area .swiper-tiles .swiper-slide:first-child {
    margin-left: var(--spacing-16)
}

@media(min-width: 1023.5px) {
    .dynamic-content .area .swiper-tiles .swiper-slide:first-child,
    .content .area .swiper-tiles .swiper-slide:first-child {
        margin-left: 0px
    }
}

.dynamic-content .area .swiper-tiles .swiper-slide .tile:not(.promotion),
.content .area .swiper-tiles .swiper-slide .tile:not(.promotion) {
    flex: 0 0 auto;
    height: auto;
    position: relative;
    cursor: pointer;
    width: 255px
}

@media(min-width: 767.5px) {
    .dynamic-content .area .swiper-tiles .swiper-slide .tile:not(.promotion),
    .content .area .swiper-tiles .swiper-slide .tile:not(.promotion) {
        width: 328px
    }
}

@media(min-width: 1023.5px) {
    .dynamic-content .area .swiper-tiles .swiper-slide .tile:not(.promotion),
    .content .area .swiper-tiles .swiper-slide .tile:not(.promotion) {
        width: 427px
    }
}

.dynamic-content .area .swiper-tiles .swiper-slide .tile .tile-image,
.content .area .swiper-tiles .swiper-slide .tile .tile-image {
    width: 100%;
    height: auto;
    position: relative
}

.dynamic-content .area .swiper-tiles .swiper-slide .tile .tile-image.position-right,
.content .area .swiper-tiles .swiper-slide .tile .tile-image.position-right {
    width: auto;
    height: 100%;
    right: 0
}

.dynamic-content .area .swiper-tiles .swiper-slide .tile .tile-image.position-right-up,
.content .area .swiper-tiles .swiper-slide .tile .tile-image.position-right-up {
    width: auto;
    height: auto;
    right: 0;
    bottom: unset;
    max-height: 100%
}

.dynamic-content .area .swiper-tiles .swiper-slide .tile .lazy-load,
.content .area .swiper-tiles .swiper-slide .tile .lazy-load {
    background-color: var(--primary-1);
    position: relative;
    top: 0;
    width: 100%;
    height: 149px
}

@media(min-width: 767.5px) {
    .dynamic-content .area .swiper-tiles .swiper-slide .tile .lazy-load,
    .content .area .swiper-tiles .swiper-slide .tile .lazy-load {
        height: 190px
    }
}

@media(min-width: 1023.5px) {
    .dynamic-content .area .swiper-tiles .swiper-slide .tile .lazy-load,
    .content .area .swiper-tiles .swiper-slide .tile .lazy-load {
        height: 249px
    }
}

.dynamic-content .area .swiper-tiles .swiper-slide .tile .lazy-load-image,
.content .area .swiper-tiles .swiper-slide .tile .lazy-load-image {
    position: absolute;
    bottom: 0
}

.dynamic-content .area .swiper-tiles .swiper-slide .tile .info-box,
.content .area .swiper-tiles .swiper-slide .tile .info-box {
    position: absolute;
    display: flex;
    bottom: 0;
    width: 100%;
    box-sizing: border-box;
    color: var(--other-1);
    padding: 0 var(--spacing-16) var(--spacing-16) var(--spacing-16)
}

@media(min-width: 1023.5px) {
    .dynamic-content .area .swiper-tiles .swiper-slide .tile .info-box,
    .content .area .swiper-tiles .swiper-slide .tile .info-box {
        padding: 0 var(--spacing-24) var(--spacing-24) var(--spacing-24)
    }
}

.dynamic-content .area .swiper-tiles .swiper-slide .tile .info-box .content-wrapper,
.content .area .swiper-tiles .swiper-slide .tile .info-box .content-wrapper {
    display: flex;
    align-items: center;
    padding-bottom: 0px
}

.dynamic-content .area .swiper-tiles .swiper-slide .tile .info-box .content-wrapper.align-content-start,
.content .area .swiper-tiles .swiper-slide .tile .info-box .content-wrapper.align-content-start {
    justify-content: flex-start;
    margin-right: auto
}

.dynamic-content .area .swiper-tiles .swiper-slide .tile .info-box .content-wrapper.align-content-center,
.content .area .swiper-tiles .swiper-slide .tile .info-box .content-wrapper.align-content-center {
    justify-content: center
}

.dynamic-content .area .swiper-tiles .swiper-slide .tile .info-box .content-wrapper.align-content-end,
.content .area .swiper-tiles .swiper-slide .tile .info-box .content-wrapper.align-content-end {
    justify-content: flex-end;
    margin-left: auto
}

.dynamic-content .area .swiper-tiles .swiper-slide .tile .info-box .maintenance,
.content .area .swiper-tiles .swiper-slide .tile .info-box .maintenance {
    display: flex;
    flex-direction: row;
    align-items: center
}

.dynamic-content .area .swiper-tiles .swiper-slide .tile .info-box .maintenance:before,
.content .area .swiper-tiles .swiper-slide .tile .info-box .maintenance:before {
    content: "";
    display: flex;
    flex-shrink: 0;
    -webkit-mask: url(/~/static/images/icons/icon-maintenance.svg) no-repeat center;
    background-color: var(--other-1);
    margin-right: var(--spacing-8);
    width: 16px;
    height: 16px;
    -webkit-mask-size: contain
}

@media(min-width: 1023.5px) {
    .dynamic-content .area .swiper-tiles .swiper-slide .tile .info-box .maintenance:before,
    .content .area .swiper-tiles .swiper-slide .tile .info-box .maintenance:before {
        margin-right: var(--spacing-8);
        width: 24px;
        height: 24px
    }
}

.dynamic-content .area .swiper-tiles .swiper-slide .tile .info-box .maintenance .maintenance-content,
.content .area .swiper-tiles .swiper-slide .tile .info-box .maintenance .maintenance-content {
    display: flex;
    flex-direction: column
}

.dynamic-content .area .swiper-tiles .swiper-slide .tile .info-box .maintenance .maintenance-content .maintenance-title,
.content .area .swiper-tiles .swiper-slide .tile .info-box .maintenance .maintenance-content .maintenance-title {
    font-size: 12px
}

@media(min-width: 1023.5px) {
    .dynamic-content .area .swiper-tiles .swiper-slide .tile .info-box .maintenance .maintenance-content .maintenance-title,
    .content .area .swiper-tiles .swiper-slide .tile .info-box .maintenance .maintenance-content .maintenance-title {
        font-size: 14px
    }
}

.dynamic-content .area .swiper-tiles .swiper-slide .tile .info-box .maintenance .maintenance-content .maintenance-text,
.content .area .swiper-tiles .swiper-slide .tile .info-box .maintenance .maintenance-content .maintenance-text {
    font-size: 10px
}

@media(min-width: 1023.5px) {
    .dynamic-content .area .swiper-tiles .swiper-slide .tile .info-box .maintenance .maintenance-content .maintenance-text,
    .content .area .swiper-tiles .swiper-slide .tile .info-box .maintenance .maintenance-content .maintenance-text {
        font-size: 12px
    }
}

.dynamic-content .area .swiper-tiles:not(.promotions-category) .dynamic-content .area .swiper-tiles:not(.recently-played-tiles) .swiper-slide .tile .info-box,
.dynamic-content .area .swiper-tiles:not(.promotions-category) .content .area .swiper-tiles:not(.recently-played-tiles) .swiper-slide .tile .info-box,
.content .area .swiper-tiles:not(.promotions-category) .dynamic-content .area .swiper-tiles:not(.recently-played-tiles) .swiper-slide .tile .info-box,
.content .area .swiper-tiles:not(.promotions-category) .content .area .swiper-tiles:not(.recently-played-tiles) .swiper-slide .tile .info-box {
    padding: 0 var(--spacing-16) var(--spacing-16) var(--spacing-16)
}

@media(min-width: 1023.5px) {
    .dynamic-content .area .swiper-tiles:not(.promotions-category) .dynamic-content .area .swiper-tiles:not(.recently-played-tiles) .swiper-slide .tile .info-box,
    .dynamic-content .area .swiper-tiles:not(.promotions-category) .content .area .swiper-tiles:not(.recently-played-tiles) .swiper-slide .tile .info-box,
    .content .area .swiper-tiles:not(.promotions-category) .dynamic-content .area .swiper-tiles:not(.recently-played-tiles) .swiper-slide .tile .info-box,
    .content .area .swiper-tiles:not(.promotions-category) .content .area .swiper-tiles:not(.recently-played-tiles) .swiper-slide .tile .info-box {
        padding: 0 var(--spacing-24) var(--spacing-24) var(--spacing-24)
    }
}

.dynamic-content .area .swiper-tiles:not(.promotions-category) .dynamic-content .area .swiper-tiles:not(.recently-played-tiles) .swiper-slide .tile .info-box .content-wrapper .button,
.dynamic-content .area .swiper-tiles:not(.promotions-category) .content .area .swiper-tiles:not(.recently-played-tiles) .swiper-slide .tile .info-box .content-wrapper .button,
.content .area .swiper-tiles:not(.promotions-category) .dynamic-content .area .swiper-tiles:not(.recently-played-tiles) .swiper-slide .tile .info-box .content-wrapper .button,
.content .area .swiper-tiles:not(.promotions-category) .content .area .swiper-tiles:not(.recently-played-tiles) .swiper-slide .tile .info-box .content-wrapper .button {
    display: none
}

@media(min-width: 767.5px) {
    .dynamic-content .area .swiper-tiles:not(.promotions-category) .dynamic-content .area .swiper-tiles:not(.recently-played-tiles) .swiper-slide .tile .info-box .content-wrapper .button,
    .dynamic-content .area .swiper-tiles:not(.promotions-category) .content .area .swiper-tiles:not(.recently-played-tiles) .swiper-slide .tile .info-box .content-wrapper .button,
    .content .area .swiper-tiles:not(.promotions-category) .dynamic-content .area .swiper-tiles:not(.recently-played-tiles) .swiper-slide .tile .info-box .content-wrapper .button,
    .content .area .swiper-tiles:not(.promotions-category) .content .area .swiper-tiles:not(.recently-played-tiles) .swiper-slide .tile .info-box .content-wrapper .button {
        display: flex;
        height: 40px;
        padding: 11px var(--spacing-20);
        font-size: 12px
    }
}

@media(min-width: 1023.5px) {
    .dynamic-content .area .swiper-tiles:not(.promotions-category) .dynamic-content .area .swiper-tiles:not(.recently-played-tiles) .swiper-slide .tile .info-box .content-wrapper .button,
    .dynamic-content .area .swiper-tiles:not(.promotions-category) .content .area .swiper-tiles:not(.recently-played-tiles) .swiper-slide .tile .info-box .content-wrapper .button,
    .content .area .swiper-tiles:not(.promotions-category) .dynamic-content .area .swiper-tiles:not(.recently-played-tiles) .swiper-slide .tile .info-box .content-wrapper .button,
    .content .area .swiper-tiles:not(.promotions-category) .content .area .swiper-tiles:not(.recently-played-tiles) .swiper-slide .tile .info-box .content-wrapper .button {
        height: 48px;
        padding: 14px var(--spacing-24);
        font-size: 14px
    }
}

.dynamic-content .area .swiper-tiles.special-promotion-tiles~.swiper-button-prev:after,
.dynamic-content .area .swiper-tiles.special-promotion-tiles~.swiper-button-next:after,
.content .area .swiper-tiles.special-promotion-tiles~.swiper-button-prev:after,
.content .area .swiper-tiles.special-promotion-tiles~.swiper-button-next:after {
    display: none;
    outline: none
}

.dynamic-content .area .swiper-tiles.poker-tiles .swiper-slide .tile,
.content .area .swiper-tiles.poker-tiles .swiper-slide .tile {
    width: 120px;
    align-items: center;
    flex-direction: column
}

.dynamic-content .area .swiper-tiles.poker-tiles .swiper-slide .tile .game-title-text,
.content .area .swiper-tiles.poker-tiles .swiper-slide .tile .game-title-text {
    font-size: 14px;
    font-weight: bold;
    color: var(--primary-1);
    text-transform: uppercase
}

.dynamic-content .area .swiper-tiles.poker-tiles .swiper-slide .tile .selected-line,
.content .area .swiper-tiles.poker-tiles .swiper-slide .tile .selected-line {
    background: rgba(0, 0, 0, 0);
    display: flex;
    width: 40px;
    height: 3px;
    content: ""
}

.dynamic-content .area .swiper-tiles.poker-tiles .swiper-slide .tile .selected-line.hover,
.content .area .swiper-tiles.poker-tiles .swiper-slide .tile .selected-line.hover {
    background: var(--secondary-3)
}

.dynamic-content .area .swiper-tiles.poker-tiles .swiper-slide .tile img,
.content .area .swiper-tiles.poker-tiles .swiper-slide .tile img {
    width: 100%;
    height: 100%;
    position: relative
}

.dynamic-content .area .swiper-tiles.poker-tiles .swiper-slide .tile:active,
.content .area .swiper-tiles.poker-tiles .swiper-slide .tile:active {
    opacity: .8
}

@media(min-width: 767.5px) {
    .dynamic-content .area .swiper-tiles.poker-tiles .swiper-slide .tile,
    .content .area .swiper-tiles.poker-tiles .swiper-slide .tile {
        width: 140px
    }
}

@media(min-width: 1023.5px) {
    .dynamic-content .area .swiper-tiles.poker-tiles .swiper-slide .tile,
    .content .area .swiper-tiles.poker-tiles .swiper-slide .tile {
        width: 200px
    }
}

.dynamic-content .area .swiper-tiles.poker-tiles .swiper-slide .tile .lazy-load,
.content .area .swiper-tiles.poker-tiles .swiper-slide .tile .lazy-load {
    height: 194px
}

@media(min-width: 767.5px) {
    .dynamic-content .area .swiper-tiles.poker-tiles .swiper-slide .tile .lazy-load,
    .content .area .swiper-tiles.poker-tiles .swiper-slide .tile .lazy-load {
        height: 204px
    }
}

@media(min-width: 1023.5px) {
    .dynamic-content .area .swiper-tiles.poker-tiles .swiper-slide .tile .lazy-load,
    .content .area .swiper-tiles.poker-tiles .swiper-slide .tile .lazy-load {
        height: 249px
    }
}

.dynamic-content .area .swiper-tiles.laliga-room-tiles .swiper-slide .tile,
.content .area .swiper-tiles.laliga-room-tiles .swiper-slide .tile {
    width: 336px
}

.dynamic-content .area .swiper-tiles.laliga-room-tiles .swiper-slide .tile:active,
.content .area .swiper-tiles.laliga-room-tiles .swiper-slide .tile:active {
    opacity: .8
}

@media(min-width: 767.5px) {
    .dynamic-content .area .swiper-tiles.laliga-room-tiles .swiper-slide .tile,
    .content .area .swiper-tiles.laliga-room-tiles .swiper-slide .tile {
        width: 352px
    }
}

@media(min-width: 1023.5px) {
    .dynamic-content .area .swiper-tiles.laliga-room-tiles .swiper-slide .tile,
    .content .area .swiper-tiles.laliga-room-tiles .swiper-slide .tile {
        width: 427px
    }
}

.dynamic-content .area .swiper-tiles.laliga-room-tiles .swiper-slide .tile .lazy-load,
.content .area .swiper-tiles.laliga-room-tiles .swiper-slide .tile .lazy-load {
    height: 194px
}

@media(min-width: 767.5px) {
    .dynamic-content .area .swiper-tiles.laliga-room-tiles .swiper-slide .tile .lazy-load,
    .content .area .swiper-tiles.laliga-room-tiles .swiper-slide .tile .lazy-load {
        height: 204px
    }
}

@media(min-width: 1023.5px) {
    .dynamic-content .area .swiper-tiles.laliga-room-tiles .swiper-slide .tile .lazy-load,
    .content .area .swiper-tiles.laliga-room-tiles .swiper-slide .tile .lazy-load {
        height: 249px
    }
}

.dynamic-content .area .swiper-tiles.keno-lotto-tiles .swiper-slide .tile,
.content .area .swiper-tiles.keno-lotto-tiles .swiper-slide .tile {
    width: 255px
}

@media(min-width: 767.5px) {
    .dynamic-content .area .swiper-tiles.keno-lotto-tiles .swiper-slide .tile,
    .content .area .swiper-tiles.keno-lotto-tiles .swiper-slide .tile {
        width: 280px
    }
}

@media(min-width: 1023.5px) {
    .dynamic-content .area .swiper-tiles.keno-lotto-tiles .swiper-slide .tile,
    .content .area .swiper-tiles.keno-lotto-tiles .swiper-slide .tile {
        width: 316px
    }
}

.dynamic-content .area .swiper-tiles.keno-lotto-tiles .swiper-slide .tile .lazy-load,
.content .area .swiper-tiles.keno-lotto-tiles .swiper-slide .tile .lazy-load {
    height: 151px
}

@media(min-width: 767.5px) {
    .dynamic-content .area .swiper-tiles.keno-lotto-tiles .swiper-slide .tile .lazy-load,
    .content .area .swiper-tiles.keno-lotto-tiles .swiper-slide .tile .lazy-load {
        height: 165px
    }
}

@media(min-width: 1023.5px) {
    .dynamic-content .area .swiper-tiles.keno-lotto-tiles .swiper-slide .tile .lazy-load,
    .content .area .swiper-tiles.keno-lotto-tiles .swiper-slide .tile .lazy-load {
        height: 184px
    }
}

.dynamic-content .area .swiper-tiles.last-results-tiles .swiper-slide .tile,
.content .area .swiper-tiles.last-results-tiles .swiper-slide .tile {
    width: 320px;
    height: 100%
}

@media(min-width: 767.5px) {
    .dynamic-content .area .swiper-tiles.last-results-tiles .swiper-slide .tile,
    .content .area .swiper-tiles.last-results-tiles .swiper-slide .tile {
        width: 440px
    }
}

@media(min-width: 1023.5px) {
    .dynamic-content .area .swiper-tiles.last-results-tiles .swiper-slide .tile,
    .content .area .swiper-tiles.last-results-tiles .swiper-slide .tile {
        width: 427px
    }
}

.dynamic-content .area .swiper-tiles.last-results-tiles .swiper-slide .tile .lazy-load,
.content .area .swiper-tiles.last-results-tiles .swiper-slide .tile .lazy-load {
    height: 136px
}

@media(min-width: 767.5px) {
    .dynamic-content .area .swiper-tiles.last-results-tiles .swiper-slide .tile .lazy-load,
    .content .area .swiper-tiles.last-results-tiles .swiper-slide .tile .lazy-load {
        height: 159px
    }
}

@media(min-width: 1023.5px) {
    .dynamic-content .area .swiper-tiles.last-results-tiles .swiper-slide .tile .lazy-load,
    .content .area .swiper-tiles.last-results-tiles .swiper-slide .tile .lazy-load {
        height: 159px
    }
}

.dynamic-content .area .swiper-tiles.jackpot-tiles .swiper-slide .tile,
.content .area .swiper-tiles.jackpot-tiles .swiper-slide .tile {
    width: 320px;
    height: 176px
}

@media(min-width: 767.5px) {
    .dynamic-content .area .swiper-tiles.jackpot-tiles .swiper-slide .tile,
    .content .area .swiper-tiles.jackpot-tiles .swiper-slide .tile {
        width: 400px;
        height: 176px
    }
}

@media(min-width: 1023.5px) {
    .dynamic-content .area .swiper-tiles.jackpot-tiles .swiper-slide .tile,
    .content .area .swiper-tiles.jackpot-tiles .swiper-slide .tile {
        width: 427px;
        height: 220px
    }
}

.dynamic-content .area .swiper-tiles.jackpot-tiles .swiper-slide .tile [data-class*=tile-image-jackpot],
.dynamic-content .area .swiper-tiles.jackpot-tiles .swiper-slide .tile .tile-image-jackpot,
.content .area .swiper-tiles.jackpot-tiles .swiper-slide .tile [data-class*=tile-image-jackpot],
.content .area .swiper-tiles.jackpot-tiles .swiper-slide .tile .tile-image-jackpot {
    width: 80px;
    height: 80px
}

.dynamic-content .area .swiper-tiles.latest-winners-tiles .swiper-slide .tile,
.content .area .swiper-tiles.latest-winners-tiles .swiper-slide .tile {
    width: 184px;
    height: 134px
}

@media(min-width: 767.5px) {
    .dynamic-content .area .swiper-tiles.latest-winners-tiles .swiper-slide .tile,
    .content .area .swiper-tiles.latest-winners-tiles .swiper-slide .tile {
        width: 200px
    }
}

@media(min-width: 1023.5px) {
    .dynamic-content .area .swiper-tiles.latest-winners-tiles .swiper-slide .tile,
    .content .area .swiper-tiles.latest-winners-tiles .swiper-slide .tile {
        width: 205px;
        height: 142px
    }
}

.dynamic-content .area .swiper-tiles.latest-winners-tiles .swiper-button-prev.left:before,
.content .area .swiper-tiles.latest-winners-tiles .swiper-button-prev.left:before {
    background-color: rgb(252, 213, 53)
}

.dynamic-content .area .swiper-tiles.latest-winners-tiles .swiper-button-next.right:before,
.content .area .swiper-tiles.latest-winners-tiles .swiper-button-next.right:before {
    background-color: rgb(252, 213, 53)
}

.dynamic-content .area .swiper-tiles.recently-played-tiles .swiper-wrapper .swiper-slide .tile .tile-image,
.content .area .swiper-tiles.recently-played-tiles .swiper-wrapper .swiper-slide .tile .tile-image {
    width: unset
}

.dynamic-content .area .swiper-tiles.recently-played-tiles .swiper-slide .tile,
.content .area .swiper-tiles.recently-played-tiles .swiper-slide .tile {
    border-radius: var(--spacing-8);
    overflow: hidden;
    width: auto;
    height: 130px
}

@media(min-width: 767.5px) {
    .dynamic-content .area .swiper-tiles.recently-played-tiles .swiper-slide .tile,
    .content .area .swiper-tiles.recently-played-tiles .swiper-slide .tile {
        height: 166px
    }
}

@media(min-width: 1023.5px) {
    .dynamic-content .area .swiper-tiles.recently-played-tiles .swiper-slide .tile,
    .content .area .swiper-tiles.recently-played-tiles .swiper-slide .tile {
        height: 212px
    }
}

.dynamic-content .area .swiper-tiles.recently-played-tiles .swiper-slide .tile:not(.loaded):not(.casino-replace, .virtuals-replace):not(.casino-tile),
.content .area .swiper-tiles.recently-played-tiles .swiper-slide .tile:not(.loaded):not(.casino-replace, .virtuals-replace):not(.casino-tile) {
    width: 222px
}

@media(min-width: 767.5px) {
    .dynamic-content .area .swiper-tiles.recently-played-tiles .swiper-slide .tile:not(.loaded):not(.casino-replace, .virtuals-replace):not(.casino-tile),
    .content .area .swiper-tiles.recently-played-tiles .swiper-slide .tile:not(.loaded):not(.casino-replace, .virtuals-replace):not(.casino-tile) {
        width: 255px
    }
}

@media(min-width: 1023.5px) {
    .dynamic-content .area .swiper-tiles.recently-played-tiles .swiper-slide .tile:not(.loaded):not(.casino-replace, .virtuals-replace):not(.casino-tile),
    .content .area .swiper-tiles.recently-played-tiles .swiper-slide .tile:not(.loaded):not(.casino-replace, .virtuals-replace):not(.casino-tile) {
        width: 364px
    }
}

.dynamic-content .area .swiper-tiles.recently-played-tiles .swiper-slide .tile:not(.loaded):not(.casino-replace, .virtuals-replace) .casino-tile,
.content .area .swiper-tiles.recently-played-tiles .swiper-slide .tile:not(.loaded):not(.casino-replace, .virtuals-replace) .casino-tile {
    width: 165px
}

@media(min-width: 767.5px) {
    .dynamic-content .area .swiper-tiles.recently-played-tiles .swiper-slide .tile:not(.loaded):not(.casino-replace, .virtuals-replace) .casino-tile,
    .content .area .swiper-tiles.recently-played-tiles .swiper-slide .tile:not(.loaded):not(.casino-replace, .virtuals-replace) .casino-tile {
        width: 189px
    }
}

@media(min-width: 1023.5px) {
    .dynamic-content .area .swiper-tiles.recently-played-tiles .swiper-slide .tile:not(.loaded):not(.casino-replace, .virtuals-replace) .casino-tile,
    .content .area .swiper-tiles.recently-played-tiles .swiper-slide .tile:not(.loaded):not(.casino-replace, .virtuals-replace) .casino-tile {
        width: 271px
    }
}

.dynamic-content .area .swiper-tiles.recently-played-tiles .swiper-slide .tile.casino-replace,
.dynamic-content .area .swiper-tiles.recently-played-tiles .swiper-slide .tile.virtuals-replace,
.content .area .swiper-tiles.recently-played-tiles .swiper-slide .tile.casino-replace,
.content .area .swiper-tiles.recently-played-tiles .swiper-slide .tile.virtuals-replace {
    background-color: var(--primary-1);
    width: 165px
}

@media(min-width: 767.5px) {
    .dynamic-content .area .swiper-tiles.recently-played-tiles .swiper-slide .tile.casino-replace,
    .dynamic-content .area .swiper-tiles.recently-played-tiles .swiper-slide .tile.virtuals-replace,
    .content .area .swiper-tiles.recently-played-tiles .swiper-slide .tile.casino-replace,
    .content .area .swiper-tiles.recently-played-tiles .swiper-slide .tile.virtuals-replace {
        width: 189px
    }
}

@media(min-width: 1023.5px) {
    .dynamic-content .area .swiper-tiles.recently-played-tiles .swiper-slide .tile.casino-replace,
    .dynamic-content .area .swiper-tiles.recently-played-tiles .swiper-slide .tile.virtuals-replace,
    .content .area .swiper-tiles.recently-played-tiles .swiper-slide .tile.casino-replace,
    .content .area .swiper-tiles.recently-played-tiles .swiper-slide .tile.virtuals-replace {
        width: 271px
    }
}

.dynamic-content .area .swiper-tiles.recently-played-tiles .swiper-slide .tile .lazy-load,
.content .area .swiper-tiles.recently-played-tiles .swiper-slide .tile .lazy-load {
    background-color: var(--primary-1);
    position: relative;
    top: 0;
    height: 100%
}

.dynamic-content .area .swiper-tiles.recently-played-tiles .swiper-slide .tile .lazy-load:not(.lazy-load-casino),
.content .area .swiper-tiles.recently-played-tiles .swiper-slide .tile .lazy-load:not(.lazy-load-casino) {
    width: 222px
}

@media(min-width: 767.5px) {
    .dynamic-content .area .swiper-tiles.recently-played-tiles .swiper-slide .tile .lazy-load:not(.lazy-load-casino),
    .content .area .swiper-tiles.recently-played-tiles .swiper-slide .tile .lazy-load:not(.lazy-load-casino) {
        width: 255px
    }
}

@media(min-width: 1023.5px) {
    .dynamic-content .area .swiper-tiles.recently-played-tiles .swiper-slide .tile .lazy-load:not(.lazy-load-casino),
    .content .area .swiper-tiles.recently-played-tiles .swiper-slide .tile .lazy-load:not(.lazy-load-casino) {
        width: 364px
    }
}

.dynamic-content .area .swiper-tiles.recently-played-tiles .swiper-slide .tile .lazy-load.lazy-load-casino,
.content .area .swiper-tiles.recently-played-tiles .swiper-slide .tile .lazy-load.lazy-load-casino {
    width: 165px
}

@media(min-width: 767.5px) {
    .dynamic-content .area .swiper-tiles.recently-played-tiles .swiper-slide .tile .lazy-load.lazy-load-casino,
    .content .area .swiper-tiles.recently-played-tiles .swiper-slide .tile .lazy-load.lazy-load-casino {
        width: 189px
    }
}

@media(min-width: 1023.5px) {
    .dynamic-content .area .swiper-tiles.recently-played-tiles .swiper-slide .tile .lazy-load.lazy-load-casino,
    .content .area .swiper-tiles.recently-played-tiles .swiper-slide .tile .lazy-load.lazy-load-casino {
        width: 271px
    }
}

.dynamic-content .area .swiper-tiles.recently-played-tiles .swiper-slide .tile .info-box .content-wrapper .table-type .mask,
.content .area .swiper-tiles.recently-played-tiles .swiper-slide .tile .info-box .content-wrapper .table-type .mask {
    width: 12px;
    height: 12px
}

.dynamic-content .area .swiper-tiles.recently-played-tiles .swiper-slide .tile .info-box .content-wrapper .table-type>span,
.content .area .swiper-tiles.recently-played-tiles .swiper-slide .tile .info-box .content-wrapper .table-type>span {
    font-size: 12px
}

.dynamic-content .area .swiper-tiles.recently-played-tiles .swiper-slide .tile .tag,
.content .area .swiper-tiles.recently-played-tiles .swiper-slide .tile .tag {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 1
}

.dynamic-content .area .swiper-tiles.provider-tiles .swiper-slide .tile,
.content .area .swiper-tiles.provider-tiles .swiper-slide .tile {
    width: 160px;
    display: flex
}

@media(min-width: 767.5px) {
    .dynamic-content .area .swiper-tiles.provider-tiles .swiper-slide .tile,
    .content .area .swiper-tiles.provider-tiles .swiper-slide .tile {
        width: 168px
    }
}

@media(min-width: 1023.5px) {
    .dynamic-content .area .swiper-tiles.provider-tiles .swiper-slide .tile,
    .content .area .swiper-tiles.provider-tiles .swiper-slide .tile {
        width: 205px
    }
}

.dynamic-content .area .swiper-tiles.provider-tiles .swiper-slide .tile img,
.content .area .swiper-tiles.provider-tiles .swiper-slide .tile img {
    width: 100%;
    height: auto;
    position: relative
}

.dynamic-content .area .swiper-tiles.casino-tiles .swiper-slide .tile .hover-element-wrapper img,
.content .area .swiper-tiles.casino-tiles .swiper-slide .tile .hover-element-wrapper img {
    transition: transform .5s
}

.dynamic-content .area .swiper-tiles.casino-tiles .swiper-slide .tile .hover-element-wrapper:hover img,
.content .area .swiper-tiles.casino-tiles .swiper-slide .tile .hover-element-wrapper:hover img {
    transform: scale(1.1)
}

.dynamic-content .area .swiper-tiles.casino-tiles .swiper-slide .tile .hover-element-wrapper.border-radius-8,
.content .area .swiper-tiles.casino-tiles .swiper-slide .tile .hover-element-wrapper.border-radius-8 {
    transform: scale(1)
}

.dynamic-content .area .swiper-tiles.casino-tiles .swiper-slide .tile .hover-element-wrapper.border-radius-8:hover,
.content .area .swiper-tiles.casino-tiles .swiper-slide .tile .hover-element-wrapper.border-radius-8:hover {
    transform: scale(1)
}

.dynamic-content .area .swiper-tiles.casino-tiles.big .swiper-slide .tile.sm,
.content .area .swiper-tiles.casino-tiles.big .swiper-slide .tile.sm {
    width: 194px
}

@media(min-width: 767.5px) {
    .dynamic-content .area .swiper-tiles.casino-tiles.big .swiper-slide .tile.sm,
    .content .area .swiper-tiles.casino-tiles.big .swiper-slide .tile.sm {
        width: 206px
    }
}

@media(min-width: 1023.5px) {
    .dynamic-content .area .swiper-tiles.casino-tiles.big .swiper-slide .tile.sm,
    .content .area .swiper-tiles.casino-tiles.big .swiper-slide .tile.sm {
        width: 255px
    }
}

.dynamic-content .area .swiper-tiles.casino-tiles.big .swiper-slide .tile.sm .lazy-load,
.content .area .swiper-tiles.casino-tiles.big .swiper-slide .tile.sm .lazy-load {
    height: 268px
}

@media(min-width: 767.5px) {
    .dynamic-content .area .swiper-tiles.casino-tiles.big .swiper-slide .tile.sm .lazy-load,
    .content .area .swiper-tiles.casino-tiles.big .swiper-slide .tile.sm .lazy-load {
        height: 287px
    }
}

@media(min-width: 1023.5px) {
    .dynamic-content .area .swiper-tiles.casino-tiles.big .swiper-slide .tile.sm .lazy-load,
    .content .area .swiper-tiles.casino-tiles.big .swiper-slide .tile.sm .lazy-load {
        height: 353px
    }
}

.dynamic-content .area .swiper-tiles.casino-tiles.big .swiper-slide .tile.md,
.content .area .swiper-tiles.casino-tiles.big .swiper-slide .tile.md {
    width: 206px
}

@media(min-width: 767.5px) {
    .dynamic-content .area .swiper-tiles.casino-tiles.big .swiper-slide .tile.md,
    .content .area .swiper-tiles.casino-tiles.big .swiper-slide .tile.md {
        width: 210px
    }
}

@media(min-width: 1023.5px) {
    .dynamic-content .area .swiper-tiles.casino-tiles.big .swiper-slide .tile.md,
    .content .area .swiper-tiles.casino-tiles.big .swiper-slide .tile.md {
        width: 271px
    }
}

.dynamic-content .area .swiper-tiles.casino-tiles.big .swiper-slide .tile.md .lazy-load,
.content .area .swiper-tiles.casino-tiles.big .swiper-slide .tile.md .lazy-load {
    height: 285px
}

@media(min-width: 767.5px) {
    .dynamic-content .area .swiper-tiles.casino-tiles.big .swiper-slide .tile.md .lazy-load,
    .content .area .swiper-tiles.casino-tiles.big .swiper-slide .tile.md .lazy-load {
        height: 306px
    }
}

@media(min-width: 1023.5px) {
    .dynamic-content .area .swiper-tiles.casino-tiles.big .swiper-slide .tile.md .lazy-load,
    .content .area .swiper-tiles.casino-tiles.big .swiper-slide .tile.md .lazy-load {
        height: 376px
    }
}

.dynamic-content .area .swiper-tiles.casino-tiles.big .swiper-slide .tile.lg,
.dynamic-content .area .swiper-tiles.casino-tiles.big .swiper-slide .tile:not(.md):not(.sm),
.content .area .swiper-tiles.casino-tiles.big .swiper-slide .tile.lg,
.content .area .swiper-tiles.casino-tiles.big .swiper-slide .tile:not(.md):not(.sm) {
    width: 240px
}

@media(min-width: 767.5px) {
    .dynamic-content .area .swiper-tiles.casino-tiles.big .swiper-slide .tile.lg,
    .dynamic-content .area .swiper-tiles.casino-tiles.big .swiper-slide .tile:not(.md):not(.sm),
    .content .area .swiper-tiles.casino-tiles.big .swiper-slide .tile.lg,
    .content .area .swiper-tiles.casino-tiles.big .swiper-slide .tile:not(.md):not(.sm) {
        width: 256px
    }
}

@media(min-width: 1023.5px) {
    .dynamic-content .area .swiper-tiles.casino-tiles.big .swiper-slide .tile.lg,
    .dynamic-content .area .swiper-tiles.casino-tiles.big .swiper-slide .tile:not(.md):not(.sm),
    .content .area .swiper-tiles.casino-tiles.big .swiper-slide .tile.lg,
    .content .area .swiper-tiles.casino-tiles.big .swiper-slide .tile:not(.md):not(.sm) {
        width: 316px
    }
}

.dynamic-content .area .swiper-tiles.casino-tiles.big .swiper-slide .tile.lg .lazy-load,
.dynamic-content .area .swiper-tiles.casino-tiles.big .swiper-slide .tile:not(.md):not(.sm) .lazy-load,
.content .area .swiper-tiles.casino-tiles.big .swiper-slide .tile.lg .lazy-load,
.content .area .swiper-tiles.casino-tiles.big .swiper-slide .tile:not(.md):not(.sm) .lazy-load {
    height: 332px
}

@media(min-width: 767.5px) {
    .dynamic-content .area .swiper-tiles.casino-tiles.big .swiper-slide .tile.lg .lazy-load,
    .dynamic-content .area .swiper-tiles.casino-tiles.big .swiper-slide .tile:not(.md):not(.sm) .lazy-load,
    .content .area .swiper-tiles.casino-tiles.big .swiper-slide .tile.lg .lazy-load,
    .content .area .swiper-tiles.casino-tiles.big .swiper-slide .tile:not(.md):not(.sm) .lazy-load {
        height: 356px
    }
}

@media(min-width: 1023.5px) {
    .dynamic-content .area .swiper-tiles.casino-tiles.big .swiper-slide .tile.lg .lazy-load,
    .dynamic-content .area .swiper-tiles.casino-tiles.big .swiper-slide .tile:not(.md):not(.sm) .lazy-load,
    .content .area .swiper-tiles.casino-tiles.big .swiper-slide .tile.lg .lazy-load,
    .content .area .swiper-tiles.casino-tiles.big .swiper-slide .tile:not(.md):not(.sm) .lazy-load {
        height: 438px
    }
}

.dynamic-content .area .swiper-tiles.casino-tiles.big .swiper-slide .tile .lazy-load,
.content .area .swiper-tiles.casino-tiles.big .swiper-slide .tile .lazy-load {
    background-color: var(--primary-mode-1);
    position: relative;
    top: 0;
    width: 100%
}

.dynamic-content .area .swiper-tiles.casino-tiles.big .swiper-slide .tile .lazy-load-image,
.content .area .swiper-tiles.casino-tiles.big .swiper-slide .tile .lazy-load-image {
    position: absolute;
    bottom: 0
}

.dynamic-content .area .swiper-tiles.casino-tiles.big .swiper-slide .tile img,
.content .area .swiper-tiles.casino-tiles.big .swiper-slide .tile img {
    width: 100%;
    height: auto;
    position: relative
}

.dynamic-content .area .swiper-tiles.casino-tiles:not(.big) .swiper-slide .tile,
.content .area .swiper-tiles.casino-tiles:not(.big) .swiper-slide .tile {
    width: 160px
}

@media(min-width: 767.5px) {
    .dynamic-content .area .swiper-tiles.casino-tiles:not(.big) .swiper-slide .tile,
    .content .area .swiper-tiles.casino-tiles:not(.big) .swiper-slide .tile {
        width: 168px
    }
}

@media(min-width: 1023.5px) {
    .dynamic-content .area .swiper-tiles.casino-tiles:not(.big) .swiper-slide .tile,
    .content .area .swiper-tiles.casino-tiles:not(.big) .swiper-slide .tile {
        width: 205px
    }
}

.dynamic-content .area .swiper-tiles.casino-tiles:not(.big) .swiper-slide .tile.wide,
.content .area .swiper-tiles.casino-tiles:not(.big) .swiper-slide .tile.wide {
    width: 328px
}

@media(min-width: 767.5px) {
    .dynamic-content .area .swiper-tiles.casino-tiles:not(.big) .swiper-slide .tile.wide,
    .content .area .swiper-tiles.casino-tiles:not(.big) .swiper-slide .tile.wide {
        width: 344px
    }
}

@media(min-width: 1023.5px) {
    .dynamic-content .area .swiper-tiles.casino-tiles:not(.big) .swiper-slide .tile.wide,
    .content .area .swiper-tiles.casino-tiles:not(.big) .swiper-slide .tile.wide {
        width: 426px
    }
}

.dynamic-content .area .swiper-tiles.casino-tiles:not(.big) .swiper-slide .tile .lazy-load,
.content .area .swiper-tiles.casino-tiles:not(.big) .swiper-slide .tile .lazy-load {
    background-color: var(--primary-mode-1);
    position: relative;
    top: 0;
    width: 100%;
    height: 115px
}

@media(min-width: 767.5px) {
    .dynamic-content .area .swiper-tiles.casino-tiles:not(.big) .swiper-slide .tile .lazy-load,
    .content .area .swiper-tiles.casino-tiles:not(.big) .swiper-slide .tile .lazy-load {
        height: 120px
    }
}

@media(min-width: 1023.5px) {
    .dynamic-content .area .swiper-tiles.casino-tiles:not(.big) .swiper-slide .tile .lazy-load,
    .content .area .swiper-tiles.casino-tiles:not(.big) .swiper-slide .tile .lazy-load {
        height: 146px
    }
}

.dynamic-content .area .swiper-tiles.casino-tiles:not(.big) .swiper-slide .tile .lazy-load-image,
.content .area .swiper-tiles.casino-tiles:not(.big) .swiper-slide .tile .lazy-load-image {
    position: absolute;
    bottom: 0
}

.dynamic-content .area .swiper-tiles.casino-tiles:not(.big) .swiper-slide .tile img,
.content .area .swiper-tiles.casino-tiles:not(.big) .swiper-slide .tile img {
    width: 100%;
    height: 100%;
    position: relative
}

.dynamic-content .area .swiper-tiles.casino-tiles:not(.big) .swiper-slide .tile .hover-content button,
.content .area .swiper-tiles.casino-tiles:not(.big) .swiper-slide .tile .hover-content button {
    width: 100px
}

@media(min-width: 1023.5px) {
    .dynamic-content .area .swiper-tiles.casino-tiles:not(.big) .swiper-slide .tile .hover-content button,
    .content .area .swiper-tiles.casino-tiles:not(.big) .swiper-slide .tile .hover-content button {
        width: 120px
    }
}

.dynamic-content .area .swiper-tiles.casino-tiles:not(.big) .swiper-slide .tile .icon-provider,
.content .area .swiper-tiles.casino-tiles:not(.big) .swiper-slide .tile .icon-provider {
    width: 20px;
    height: 20px
}

@media(min-width: 1023.5px) {
    .dynamic-content .area .swiper-tiles.casino-tiles:not(.big) .swiper-slide .tile .icon-provider,
    .content .area .swiper-tiles.casino-tiles:not(.big) .swiper-slide .tile .icon-provider {
        width: 24px;
        height: 24px
    }
}

.dynamic-content .area .swiper-tiles.casino-tiles:not(.big) .swiper-button-prev,
.dynamic-content .area .swiper-tiles.casino-tiles:not(.big) .swiper-button-next,
.content .area .swiper-tiles.casino-tiles:not(.big) .swiper-button-prev,
.content .area .swiper-tiles.casino-tiles:not(.big) .swiper-button-next {
    top: calc((100% - 36px)/2)
}

.dynamic-content .area .swiper-tiles.kingmaker-top-ten-tiles .swiper-slide:first-child,
.content .area .swiper-tiles.kingmaker-top-ten-tiles .swiper-slide:first-child {
    margin-left: 0px
}

.dynamic-content .area .swiper-tiles.kingmaker-top-ten-tiles .swiper-slide .tile,
.content .area .swiper-tiles.kingmaker-top-ten-tiles .swiper-slide .tile {
    position: relative;
    width: 216px
}

@media(min-width: 767.5px) {
    .dynamic-content .area .swiper-tiles.kingmaker-top-ten-tiles .swiper-slide .tile,
    .content .area .swiper-tiles.kingmaker-top-ten-tiles .swiper-slide .tile {
        width: 280px
    }
}

@media(min-width: 1023.5px) {
    .dynamic-content .area .swiper-tiles.kingmaker-top-ten-tiles .swiper-slide .tile,
    .content .area .swiper-tiles.kingmaker-top-ten-tiles .swiper-slide .tile {
        width: 312px
    }
}

.dynamic-content .area .swiper-tiles.kingmaker-top-ten-tiles .swiper-slide .tile img,
.content .area .swiper-tiles.kingmaker-top-ten-tiles .swiper-slide .tile img {
    width: 100%;
    height: auto;
    border-radius: var(--spacing-8)
}

.dynamic-content .area .swiper-tiles.kingmaker-top-ten-tiles .swiper-slide .tile .text,
.content .area .swiper-tiles.kingmaker-top-ten-tiles .swiper-slide .tile .text {
    position: absolute;
    bottom: var(--spacing-16);
    left: var(--spacing-16);
    right: var(--spacing-16)
}

.dynamic-content .area .swiper-tiles.recently-played-tiles .progressive-jackpot-value,
.dynamic-content .area .swiper-tiles.casino-tiles .progressive-jackpot-value,
.content .area .swiper-tiles.recently-played-tiles .progressive-jackpot-value,
.content .area .swiper-tiles.casino-tiles .progressive-jackpot-value {
    display: flex;
    width: 100%;
    height: 26px;
    position: absolute;
    bottom: 0;
    background-color: var(--opacity-1);
    padding: 0 4px;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: var(--secondary-3);
    font-weight: bold;
    line-height: 1.5;
    padding-left: 0;
    padding-right: 0;
    border-radius: 8px
}

@media(min-width: 1023.5px) {
    .dynamic-content .area .swiper-tiles.recently-played-tiles .progressive-jackpot-value,
    .dynamic-content .area .swiper-tiles.casino-tiles .progressive-jackpot-value,
    .content .area .swiper-tiles.recently-played-tiles .progressive-jackpot-value,
    .content .area .swiper-tiles.casino-tiles .progressive-jackpot-value {
        height: 32px;
        font-size: 16px
    }
}

.dynamic-content .area .swiper-tiles.recently-played-tiles .progressive-jackpot-value.hidden,
.dynamic-content .area .swiper-tiles.casino-tiles .progressive-jackpot-value.hidden,
.content .area .swiper-tiles.recently-played-tiles .progressive-jackpot-value.hidden,
.content .area .swiper-tiles.casino-tiles .progressive-jackpot-value.hidden {
    display: none
}

.dynamic-content .area .swiper-pagination,
.content .area .swiper-pagination {
    width: auto;
    position: relative;
    left: unset;
    bottom: unset;
    top: unset;
    right: unset;
    margin: auto 0 auto auto;
    display: none
}

@media(min-width: 1023.5px) {
    .dynamic-content .area .swiper-pagination,
    .content .area .swiper-pagination {
        display: flex
    }
}

.dynamic-content .area .swiper-pagination .swiper-pagination-bullet,
.content .area .swiper-pagination .swiper-pagination-bullet {
    border-radius: unset;
    opacity: 1;
    height: 2px;
    width: 56px
}

.dynamic-content .area .swiper-pagination.theme-1 .swiper-pagination-bullet,
.content .area .swiper-pagination.theme-1 .swiper-pagination-bullet {
    background-color: var(--primary-mode-9)
}

.dynamic-content .area .swiper-pagination.theme-1 .swiper-pagination-bullet.swiper-pagination-bullet-active,
.content .area .swiper-pagination.theme-1 .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: var(--primary-mode-1)
}

.dynamic-content .area .swiper-pagination.theme-2 .swiper-pagination-bullet,
.content .area .swiper-pagination.theme-2 .swiper-pagination-bullet {
    background-color: var(--primary-5)
}

.dynamic-content .area .swiper-pagination.theme-2 .swiper-pagination-bullet.swiper-pagination-bullet-active,
.content .area .swiper-pagination.theme-2 .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: var(--secondary-3)
}