:root {
    --vc-clr-primary: #000;
    --vc-clr-secondary: #090f207f;
    --vc-clr-white: #ffffff
}

.carousel,.carousel * {
    box-sizing: border-box
}

.carousel {
    height: var(--vc-carousel-height);
    overscroll-behavior: none;
    position: relative;
    touch-action: pan-x pan-y pinch-zoom;
    z-index: 1
}

.carousel.is-dragging {
    touch-action: none
}

.carousel__track {
    display: flex;
    gap: var(--vc-slide-gap);
    height: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    transition: transform var(--vc-transition-easing);
    transition-duration: var(--vc-transition-duration);
    width: 100%
}

.carousel__viewport {
    height: 100%;
    overflow: hidden;
    width: 100%
}

.carousel__sr-only {
    border: 0;
    clip: rect(0,0,0,0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.carousel.is-rtl {
    direction: rtl
}

.carousel.is-ttb .carousel__track {
    flex-direction: column
}

.carousel.is-btt .carousel__track {
    flex-direction: column-reverse
}

.carousel.is-vertical .carousel__slide--clone:first-child {
    margin-block-start:var(--vc-cloned-offset)}

.carousel: not(.is-vertical) .carousel__slide--clone:first-child {
    margin-inline-start:var(--vc-cloned-offset)
}

.carousel.is-effect-fade .carousel__track {
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: 100%;
    transition: none
}

.carousel.is-effect-fade .carousel__slide {
    grid-area: 1 / 1;
    height: 100%;
    opacity: 0;
    pointer-events: none;
    transition: opacity var(--vc-transition-easing);
    transition-duration: var(--vc-transition-duration);
    width: 100%
}

.carousel.is-effect-fade .carousel__slide--active {
    opacity: 1;
    pointer-events: auto
}

:root {
    --vc-icn-width: 100%
}

.carousel__icon {
    fill: currentColor;
    height: var(--vc-icn-width);
    width: var(--vc-icn-width)
}

:root {
    --vc-nav-background: transparent;
    --vc-nav-border-radius: 0;
    --vc-nav-color: var(--vc-clr-primary);
    --vc-nav-color-hover: var(--vc-clr-secondary);
    --vc-nav-height: 30px;
    --vc-nav-width: 30px
}

.carousel__next,.carousel__prev {
    align-items: center;
    background: var(--vc-nav-background);
    border: 0;
    border-radius: var(--vc-nav-border-radius);
    color: var(--vc-nav-color);
    cursor: pointer;
    display: flex;
    font-size: var(--vc-nav-height);
    height: var(--vc-nav-height);
    justify-content: center;
    padding: 0;
    position: absolute;
    inset-block-start: 50%;
    transform: translateY(-50%);
    width: var(--vc-nav-width)
}

.carousel__next--disabled,.carousel__prev--disabled {
    cursor: not-allowed;
    opacity: .5
}

.carousel__next {
    inset-inline-end: 0
}

.carousel__prev {
    inset-inline-start: 0
}

.carousel.is-vertical .carousel__next,.carousel.is-vertical .carousel__prev {
    inset-inline: auto 50%;
    inset-block-start: auto;
    transform: translate(50%)
}

.carousel.is-vertical.is-ttb .carousel__next {
    inset-block-end: 0
}

.carousel.is-vertical.is-ttb .carousel__prev,.carousel.is-vertical.is-btt .carousel__next {
    inset-block-start: 0
}

.carousel.is-vertical.is-btt .carousel__prev {
    inset-block-end: 0
}

@media(hover: hover) {
    .carousel__next:hover,.carousel__prev:hover {
        color:var(--vc-nav-color-hover)
    }
}

:root {
    --vc-pgn-active-color: var(--vc-clr-primary);
    --vc-pgn-background-color: var(--vc-clr-secondary);
    --vc-pgn-border-radius: 0;
    --vc-pgn-gap: 6px;
    --vc-pgn-height: 4px;
    --vc-png-bottom: 10px;
    --vc-png-left: auto;
    --vc-png-right: 10px;
    --vc-pgn-width: 16px
}

.carousel__pagination {
    bottom: var(--vc-png-bottom);
    display: flex;
    gap: var(--vc-pgn-gap);
    justify-content: center;
    left: 50%;
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    transform: translate(-50%)
}

.carousel__pagination-button {
    background-color: var(--vc-pgn-background-color);
    border: 0;
    border-radius: var(--vc-pgn-border-radius);
    cursor: pointer;
    display: block;
    height: var(--vc-pgn-height);
    margin: 0;
    padding: 0;
    width: var(--vc-pgn-width)
}

.carousel__pagination-button--active {
    background-color: var(--vc-pgn-active-color)
}

@media(hover: hover) {
    .carousel__pagination-button:hover {
        background-color:var(--vc-pgn-active-color)
    }
}

.carousel.is-vertical .carousel__pagination {
    bottom: 50%;
    flex-direction: column;
    left: var(--vc-png-left);
    right: var(--vc-png-right);
    transform: translateY(50%)
}

.carousel.is-vertical .carousel__pagination-button {
    height: var(--vc-pgn-width);
    width: var(--vc-pgn-height)
}

.carousel.is-btt .carousel__pagination {
    flex-direction: column-reverse
}

.carousel__slide {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    margin: 0;
    transform: translateZ(0)
}

@keyframes shineEffect-0333b146 {
    0% {
        left: -50%;
        opacity: 0
    }

    50% {
        left: 25%;
        opacity: .5
    }

    to {
        left: 100%;
        opacity: 0
    }
}

section.carousel[data-v-0333b146] {
    border-radius: 0
}

.slot-games-wrapper[data-v-0333b146] {
    display: flex;
    justify-content: center;
    padding-bottom: 40px
}

.slot-games-container[data-v-0333b146] {
    width: 100%
}

.provider-slider-wrapper[data-v-0333b146] {
    background: rgba(var(--card),1);
    border: 1px solid rgba(var(--card-border),1);
    border-radius: 12px;
    padding: 14px;
    margin-bottom: 16px
}

.provider-slider-wrapper[data-v-0333b146] .carousel .carousel__viewport {
    overflow: hidden
}

.provider-slider-wrapper .provider-slide[data-v-0333b146] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 6px;
    margin: 0 3px;
    background: rgba(var(--t),.03);
    border: 1px solid rgba(var(--t),.05);
    border-radius: 8px;
    cursor: pointer;
    transition: all .2s ease;
    width: 100%
}

.provider-slider-wrapper .provider-slide[data-v-0333b146]:hover {
    background: rgba(var(--t),.06);
    border-color: rgba(var(--t),.12)
}

.provider-slider-wrapper .provider-slide.active[data-v-0333b146] {
    background: rgba(var(--primary),.08);
    border-color: rgba(var(--primary),.2)
}

.provider-slider-wrapper .provider-slide.active .provider-logo .fallback-text[data-v-0333b146] {
    color: rgba(var(--primary),1)
}

.provider-slider-wrapper .provider-slide .provider-logo[data-v-0333b146] {
    width: 80px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

.provider-slider-wrapper .provider-slide .provider-logo img[data-v-0333b146] {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    opacity: .85;
    transition: opacity .2s ease
}

.provider-slider-wrapper .provider-slide .provider-logo .fallback-text[data-v-0333b146] {
    display: none;
    font-size: var(--fs-xs);
    font-weight: 700;
    color: rgba(var(--t),.7);
    text-align: center;
    word-break: break-word
}

.provider-slider-wrapper .provider-slide .provider-logo.show-fallback .fallback-text[data-v-0333b146] {
    display: block
}

.provider-slider-wrapper .provider-slide:hover .provider-logo img[data-v-0333b146],.provider-slider-wrapper .provider-slide.active .provider-logo img[data-v-0333b146] {
    opacity: 1
}

@media(max-width: 768px) {
    .provider-slider-wrapper[data-v-0333b146] {
        padding:10px
    }

    .provider-slider-wrapper .provider-slide[data-v-0333b146] {
        padding: 8px 4px
    }

    .provider-slider-wrapper .provider-slide .provider-logo[data-v-0333b146] {
        width: 56px;
        height: 26px
    }
}

.provider-slider-header[data-v-0333b146] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px
}

.provider-slider-header__left[data-v-0333b146] {
    display: flex;
    align-items: center;
    gap: 8px
}

.provider-slider-header__left h2[data-v-0333b146] {
    font-size: var(--fs-base);
    font-weight: 700;
    color: rgba(var(--t),.9);
    margin: 0
}

.provider-slider-header__left span[data-v-0333b146] {
    font-size: var(--fs-xs);
    color: rgba(var(--t),.3);
    font-weight: 600
}

.provider-slider-header__arrows[data-v-0333b146] {
    display: flex;
    gap: 4px
}

.sl-arrow[data-v-0333b146] {
    width: 30px;
    height: 30px;
    border-radius: 8px;
    background: rgba(var(--t),.04);
    border: 1px solid rgba(var(--t),.06);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all .15s ease
}

.sl-arrow svg[data-v-0333b146] {
    width: 16px;
    height: 16px;
    fill: rgba(var(--t),.45)
}

.sl-arrow[data-v-0333b146]:hover {
    background: rgba(var(--t),.08);
    border-color: rgba(var(--t),.12)
}

.sl-arrow:hover svg[data-v-0333b146] {
    fill: rgba(var(--t),.9)
}

.sl-arrow[data-v-0333b146]:active {
    transform: scale(.94)
}

.provider-section[data-v-0333b146] {
    background: rgba(var(--card),1);
    border: 1px solid rgba(var(--card-border),1);
    border-radius: 12px;
    padding: 16px
}

.games-grid[data-v-0333b146] {
    display: grid;
    grid-template-columns: repeat(8,1fr);
    gap: 8px
}

@media(max-width: 768px) {
    .games-grid[data-v-0333b146] {
        grid-template-columns:repeat(3,1fr);
        gap: 6px
    }
}

.game-card[data-v-0333b146] {
    background: rgba(var(--b),1);
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid rgba(var(--card-border),.6);
    transition: all .2s ease
}

.game-card[data-v-0333b146]:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 16px #00000040;
    border-color: rgba(var(--primary),.3)
}

.game-card:hover .game-image .play-overlay[data-v-0333b146] {
    opacity: 1
}

.game-card .game-image[data-v-0333b146] {
    position: relative
}

.game-card .game-image img[data-v-0333b146] {
    width: 100%;
    aspect-ratio: 3/4;
    object-fit: cover;
    display: block
}

.game-card .game-image .play-overlay[data-v-0333b146] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #000000a6;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity .2s ease;
    cursor: pointer
}

.game-card .game-image .play-overlay .play-btn[data-v-0333b146] {
    background: rgba(var(--primary),1);
    color: rgba(var(--primary-sc),1);
    padding: 8px 20px;
    border-radius: 6px;
    font-size: var(--fs-xs);
    font-weight: 800;
    letter-spacing: .5px;
    transition: transform .15s ease
}

.game-card .game-image .play-overlay:active .play-btn[data-v-0333b146] {
    transform: scale(.95)
}

.game-card .game-info[data-v-0333b146] {
    padding: 8px
}

.game-card .game-info .game-name[data-v-0333b146] {
    font-size: var(--fs-xs);
    font-weight: 700;
    color: rgba(var(--t),.9);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.load-more-wrapper[data-v-0333b146] {
    display: flex;
    justify-content: center;
    margin-top: 16px;
    flex-direction: column;
    align-items: center;
    padding-top: 16px;
    border-top: 1px solid rgba(var(--card-border),1)
}

.load-more-wrapper .remaining[data-v-0333b146] {
    margin-top: 8px;
    color: rgba(var(--t),.3);
    font-size: var(--fs-xs)
}

.empty-state[data-v-0333b146] {
    text-align: center;
    padding: 60px 20px
}

.empty-state p[data-v-0333b146] {
    font-size: var(--fs-base);
    color: rgba(var(--t),.4);
    font-weight: 600;
    margin: 0
}