.progressive-jackpot {
    background: center no-repeat;
    background-size: contain;
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.progressive-jackpot .jackpot-container {
    font-family: 'advanced_dot_digital7';
    /* color: #fff; */
    font-size: 32px;
    width: 73%;
    text-align: center
}

.progressive-jackpot .jackpot-currency {
    /* color: #03ffd8; */
    margin-right: 20px
}

[data-browser="safari"] .progressive-jackpot .jackpot-container {
    transform: translateY(10px)
}

.jackpot-winners {
    width: 100%;
    padding: 5px 0;
    background: #0a0a0a;
    background: linear-gradient(to bottom, #0a0a0a 0%, #3b3b3b 46%, #0a0a0a 100%);
}

.jackpot-winners .jackpot-winner-title {
    padding: 5px 10px;
    color: #fff;
    display: flex;
    align-items: center
}

.jackpot-winners .jackpot-winner-title [data-icon="trophy"] {
    display: inline-block;
    height: 16px;
    width: 16px;
    margin-right: 5px;
    background: center no-repeat;
    background-image: var(--image-src);
    background-size: contain
}

.jackpot-winners .winners-ticker-container {
    margin: 0 5px;
    height: 70px;
    overflow: hidden;
    background-color: #06113f
}

.winners-ticker ul {
    width: 100%
}

.winners-ticker ul li {
    padding: 10px;
    display: flex;
    align-items: center
}

.winners-ticker ul li img {
    height: 50px;
    width: 50px
}

.winners-ticker ul li .winner-info {
    color: #fff;
    font-size: 12px;
    padding-left: 10px
}

.winners-ticker ul li .winner-amount {
    color: #f8a201
}

.slots-games-container .vendor-name {
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    font-size: 20px
}

.slots-games-container .filter-section {
    background-color: #1a1a1a;
    padding: 20px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between
}

.slots-games-container .filter-section input[type=text] {
    font-size: 16px;
    padding: 5px 10px;
    border: none;
    width: 200px;
    background: #000;
    color: #fff
}

.slots-games-container .category-filter {
    display: flex;
    flex-wrap: wrap;
    flex-grow: 1
}

.slots-games-container .category-filter-link {
    font-size: 14px;
    padding: 10px 0;
    flex-basis: calc(100%/5);
    text-align: center;
    color: #fff;
    cursor: pointer
}

.slot-jackpot-container {
    background-color: rgba(31, 31, 29, .5);
    margin-bottom: 20px;
    padding: 15px 20px;
    display: flex;
    justify-content: space-between
}

.slot-jackpot-container [data-section] {
    height: 140px
}

.slot-jackpot-container [data-section="jackpot"] {
    flex-basis: calc((100% - 20px)*.75)
}

.slot-jackpot-container [data-section="jackpot"] .progressive-jackpot {
    height: 100%
}

.slot-jackpot-container [data-section="winners"] {
    flex-basis: calc((100% - 20px)*.25);
    display: flex;
    align-items: center
}

.provider-slide {
    background-color: #0f0f0f;
    margin-bottom: 20px;
    display: flex;
    overflow: hidden
}

.provider-slide>i {
    background-color: rgba(255, 255, 255, .1);
    display: flex;
    align-items: center;
    padding: 0 15px;
    top: 0;
    cursor: pointer
}

.provider-slide>i:hover {
    background-color: rgba(255, 255, 255, .25)
}

.provider-slide>main {
    margin: 0;
    flex-grow: 1;
    display: flex;
    overflow: hidden;
    scroll-behavior: smooth
}

.provider-slide>main>.slide-item:first-child {
    margin-left: auto
}

.provider-slide>main>.slide-item:last-child {
    margin-right: auto
}

.provider-slide>main>.slide-item {
    background-color: rgba(255, 255, 255, .1);
    position: relative;
    flex-basis: calc(100%/6);
    flex-shrink: 0;
    padding: 4px 2px
}

.provider-slide>main>.slide-item>a:not(.game-info) {
    background-color: #0f0f0f;
    padding: 5px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.provider-slide>main>.slide-item>a:not(.game-info):hover {
    background-color: #644c1c;
}

.provider-slide>main>.slide-item h5 {
    color: #fff;
    text-align: center;
    font-size: 16px;
    margin: 5px 0 0;
    padding: 10px 0;
    white-space: nowrap
}