.top_jackpots__container {
    grid-template-columns: repeat(2, minmax(140px, 1fr));
    grid-gap: 8px;
    z-index: 12;
}
.jackpot_container {
    transition: all 0.3s;
}
.jackpot_container.cw_sport_jackpot {
    min-height: 78px;
}
.jackpot_container.onerow  {
    padding: 0;
    min-height: 62px;
}
.jackpot_container.tworows {

}
.jackpot_container.onerow .top_jackpots__container {
    grid-template-columns: repeat(4, minmax(43vw, 1fr));
    overflow-x: auto;
    padding-inline: 16px;
}


.top_jackpots__anim {
    min-height: 62px;
    z-index: auto;
    -webkit-tap-highlight-color: transparent;
}

.top_jackpots__block {
    border-radius: 12px;
    padding: 12px 8px;
    min-height: 62px;
    z-index: auto;
}

.top_jackpots__value {
    margin-inline-end: 3px;
    font-size: 18px;
    line-height: 27px;
}

.top_jackpots__value.IRT_value, .top_jackpots__value.irt_value,
.top_jackpots__value.IRT_value ~ .top_jackpots__crns,
.top_jackpots__value.irt_value ~ .top_jackpots__crns {
    font-size: 14px;
    line-height: 21px;
}

.top_jackpots__content {
    row-gap: 2px;
    max-width: calc(100% - 40px);
}

.top_jackpots__content .my-04 {
    margin: 3px 0;
}

.top_jackpots__name {
    font-size: 12px;
    line-height: 18px;
    border: 0;
    background-color: transparent;
    border-radius: 0;
    padding: 0;
    text-align: initial;
}

.top_jackpots__winners{
    font-size: 10px;
    line-height: 12px;
    font-weight: 700;
}

.top_jackpots__crns {
    --icoSize: 15px;
    font-size: 16px;
    line-height: 27px;
}

.top_jackpots__crns [class^="cw_icon"] {
    line-height: var(--icoSize);
}

.top_jackpots__crns .cw_icon_ron, .top_jackpots__crns .cw_icon_RON {
    font-size: 16px;
}

.top_jackpots__crns .cw_icon_irt, .top_jackpots__crns .cw_icon_IRT {
    font-size: 14px;
    line-height: normal;
}

.top_jackpots__hover_btn {
    margin-top: auto;
    padding: 7px 16px;
    border-radius: 8px;
}

.top_jackpot_icon {
    height: 32px;
    width: 32px;
    border-radius: 4px;
    margin-inline-end: 8px;
    background-size: 32px auto;
}

.top_jackpot_icon.ic_club,
.top_jackpot_icon.ic_one,
.prg_jackpot_icon.ic_grand{
    background-position: 0 -105px;
}

.top_jackpot_icon.ic_diamond,
.top_jackpot_icon.ic_two,
.prg_jackpot_icon.ic_mega{
    background-position: 0 -70px;
}

.top_jackpot_icon.ic_heart,
.top_jackpot_icon.ic_three,
.prg_jackpot_icon.ic_major{
    background-position: 0 -35px;
}

.top_jackpots__hover_block {
    inset-inline-start: 0px;
    width: 100%;
    bottom: -420px;
    padding: 0;
    position: fixed;
    z-index: 88888888888;
    display: block;
    opacity: 1;
    background-color: rgb(0 0 0 / 80%);
}

.topJackpot-cover {
    position: fixed;
    background-color: rgb(0 0 0 / 80%);
    width: 100%;
    left: 0;
    top: 0;
    z-index: 1111111;
    height: calc(100% - 394px);
    height: calc(100dvh - 394px);
}

.top_jackpots__hover_content {
    border-radius: 12px 12px 0px 0px;
    border: 0;
    box-shadow: none;
    padding: 12px 16px 16px 16px;
    min-height: 394px;
}

.top_jackpots__hover__game:last-child{
    margin-bottom: 12px;
}

.top_jackpots__hover__game {
    padding: 12px 0;
}

.top_jackpots__hover_winners {
    font-size: 14px;
    line-height: 20px;
    padding: 8px 16px;
}

.top_jackpots__hover_winners__count {
    font-size: 16px;
    line-height: 20px;
}

.top_jackpots__hover__text{
    font-size: 14px;
}

.top_jackpots__hover_win__name{
    line-height: 20px;
}

.top_jackpots__hover__value {
    font-size: 16px;
    line-height: 20px;
}

.top_jackpots__hover__value span {
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
}

    .top_jackpots__hover__value .top_jackpots__crns {
        line-height: 20px;
        --icoSize: 16px;
    }

.top_jackpots__hover__value .top_jackpots__crns .cw_icon_ron, .top_jackpots__hover__value .top_jackpots__crns .cw_icon_RON, .top_jackpots__hover__value .top_jackpots__crns .cw_icon_irt, .top_jackpots__hover__value .top_jackpots__crns .cw_icon_IRT{
    font-size: 16px;
}

.top_jackpots__hover__value .top_jackpots__crns .cw_icon_krw,
.top_jackpots__hover__value .top_jackpots__crns .cw_icon_KRW{
    --icoSize: 14px;
    line-height: 15px;
}

.cw-rtl-global .top_jackpots__hover__value .top_jackpots__crns .cw_icon_ron,
.cw-rtl-global .top_jackpots__hover__value .top_jackpots__crns .cw_icon_RON,
.cw-rtl-global .top_jackpots__hover__value .top_jackpots__crns .cw_icon_irt,
.cw-rtl-global .top_jackpots__hover__value .top_jackpots__crns .cw_icon_IRT {
    line-height: 18px;
}

.top_jackpots__hover__min_bet .top_jackpots__crns {
    --icoSize: 12px;
    font-size: 14px;
}

.top_jackpots__hover_win {
    font-size: 14px;
    line-height: 20px;
}

.top_jackpots__hover_header {
    padding: 8px 0 20px;
    border-bottom: 1px solid var(--bg-level-1, var(--cwBodyBg));
    margin-bottom: 12px;
    position: relative;
}

.top_jackpots__hover_close {
    margin-inline-start: auto;
    color: var(--icon-level-high, var(--cwBodyTxt));
    width: 34px;
    height: 34px;
    position: absolute;
    inset-inline-end: -8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.top_jackpots__hover_close .dynamic_icon {
    font-size: 30px;
    line-height: 18px;
    margin: 0;
}

.top_jackpot__hover_icon.top_jackpot_icon {
    width: 20px;
    height: 20px;
    background-size: 20px auto;
    margin-inline-end: 12px;
    display: inline-block;
}

.top_jackpot__hover_icon.ic_club,
.top_jackpot__hover_icon.ic_one {
    background-position: 0 -64px;
}

.top_jackpot__hover_icon.ic_diamond,
.top_jackpot__hover_icon.ic_two {
    background-position: 0 -44px;
}

.top_jackpot__hover_icon.ic_heart,
.top_jackpot__hover_icon.ic_three {
    background-position: 0 -20px;
}

.top_jackpot__hover_title {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: var(--text-level-high, var(--cwBodyTxt));
}

@media screen and (max-width: 450px) {
    .top_jackpots__value.RON_value, .top_jackpots__value.ron_value {
        font-size: 14px;
        line-height: 21px;
    }
    .top_jackpots__crns .cw_icon_ron, .top_jackpots__crns .cw_icon_RON{
        font-size: 14px;
        line-height: 15px;
    }
    .top_jackpots__value,
    .top_jackpots__crns {
        font-size: 14px;
        line-height: 26px;
    }
    .top_jackpot_icon {
        margin-inline-end: 4px;
    }
}

@media screen and (max-width: 400px) {
    .top_jackpots__value.IRT_value, .top_jackpots__value.irt_value,
    .top_jackpots__value.IRT_value ~ .top_jackpots__crns,
    .top_jackpots__value.irt_value ~ .top_jackpots__crns {
        font-size: 12px;
        line-height: 18px;
    }

    .top_jackpots__crns {
        --icoSize: 14px;
    }
    .top_jackpots__crns .cw_icon_irt, .top_jackpots__crns .cw_icon_IRT {
        font-size: 12px;
    }
}

@media screen and (max-width: 375px) {
    .top_jackpots__value,
    .top_jackpots__crns {
        font-size: 13px;
        line-height: 20px;
    }
    .top_jackpots__value.IRT_value, .top_jackpots__value.irt_value,
    .top_jackpots__value.IRT_value ~ .top_jackpots__crns,
    .top_jackpots__value.irt_value ~ .top_jackpots__crns {
        font-size: 11px;
        line-height: 16px;
    }
    .top_jackpots__anim {
        min-height: 50px;
    }
    .top_jackpots__block {
        border-radius: 12px;
        padding: 6px 8px;
        min-height: 50px;
    }
}

@media screen and (max-width: 370px) {
    .top_jackpots__crns .cw_icon_irt, .top_jackpots__crns .cw_icon_IRT {
        font-size: 11px;
    }
}

@media screen and (max-width: 360px) {
    .top_jackpots__value {
        font-size: 14px;
        line-height: 21px;
    }
    .top_jackpots__crns {
        --icoSize: 12px;
    }
    .top_jackpots__value,
    .top_jackpots__crns {
        font-size: 12px;
        line-height: 20px;
    }


    .top_jackpot_icon {
        height: 20px;
        width: 20px;
        margin-inline-end: 2px;
        background-size: 20px auto;
    }

    .top_jackpot_icon.ic_club,
    .top_jackpot_icon.ic_one,
    .prg_jackpot_icon.ic_grand {
        background-position: 0 -64px;
    }

    .top_jackpot_icon.ic_diamond,
    .top_jackpot_icon.ic_two,
    .prg_jackpot_icon.ic_mega {
        background-position: 0 -44px;
    }

    .top_jackpot_icon.ic_heart,
    .top_jackpot_icon.ic_three,
    .prg_jackpot_icon.ic_major {
        background-position: 0 -20px;
    }

}

@media screen and (max-width: 350px) {
    .top_jackpots__value.RON_value, .top_jackpots__value.ron_value {
        font-size: 12px;
        line-height: 18px;
    }
    .top_jackpots__crns .cw_icon_ron, .top_jackpots__crns .cw_icon_RON {
        font-size: 12px;
    }
    .top_jackpots__crns .cw_icon_irt, .top_jackpots__crns .cw_icon_IRT {
        display: none;
    }
    .jackpot_container.onerow .top_jackpots__container {
        grid-template-columns: repeat(4, minmax(55vw, 1fr));
    }
}

@media only screen and (max-width: 340px) {
    .top_jackpots__block {
        padding: 6px;
    }
    .top_jackpots__value {
        margin-inline-end: 2px;
    }
}

/*Pragmatic Play Jackpots*/
.prg_jackpots__container,
.prg_jackpots__anim {
    z-index: 1;
}

/*Start Skeleton loading */
.skeleton-jackpot__container {
    grid-template-columns: repeat(2, minmax(140px, 1fr));
    grid-gap: 8px;
}
.jackpot_container.onerow .skeleton-jackpot__container {
    grid-template-columns: repeat(4, minmax(43vw, 1fr));
}
.skeleton-jackpot__body {
    min-height: 62px;
    border-radius: 12px;
    padding: 12px 8px;
}

.skeleton-jackpot__icon {
    height: 32px;
    width: 32px;
    border-radius: 4px;
    margin-inline-end: 8px;
}

.skeleton-jackpot__content {
    width: 60%;
}

.skeleton-jackpot__winners {
    min-height: 12px;
}

.skeleton-jackpot__value {
    min-height: 16px;
    margin-bottom: 5px;
}

.prg_jackpots__container .skeleton-jackpot__value {
    margin-bottom: 0;
}
/*End Skeleton loading */

/*Start Top Jeckot Sport section*/
.top_jackpots_sport {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.top_jackpots_sport .top_jackpots__anim{
    width: calc(50% - 8px);
}
/*End Top Jeckot Sport section*/
/*start no jeckpot*/
.jackpot_container.onerow .no_jeckpots {
   margin: 0 16px;
}
.no_jeckpots {
    padding: 19px 16px;
}
.no_jeckpots_text {
    font-size: 14px;
    line-height: 20px;
}
/*end no jeckpot*/

@media only screen and (max-height: 400px) {
    .topJackpot-cover {
        height: calc(100% - 300px);
        height: calc(100dvh - 300px)
    }
    .top_jackpots__hover_content {
        padding: 10px 12px 12px;
        min-height: 300px;
    }
    .top_jackpots__hover__game {
        padding: 6px 0;
    }
    .top_jackpots__hover_header {
        padding: 4px 0 10px;
        margin-bottom: 6px;
    }
}