.casinoTopWinnersWidget {
    width: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden
}

[class*=is-web] .casinoTopWinnersWidget {
    gap: var(--fds-ref-spacing-large)
}

[class*=is-mobile] .casinoTopWinnersWidget {
    gap: var(--fds-ref-spacing-medium)
}

.casinoTopWinnersWidgetTitle {
    flex: 1
}

.casinoTopWinnersWidgetHeader {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--fds-ref-spacing-xsmall)
}

[class*=is-mobile] .casinoTopWinnersWidgetHeader {
    padding-inline-end: var(--fds-ref-spacing-xsmall)
}

.casinoTopWinnersPeriodsSection {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--fds-ref-spacing-xsmall)
}

.casinoTopWinnersWidget .runningLine {
    gap: 8px
}

.casinoTopWinnersCarouselWrapper .swiper-slide {
    width: auto
}

.casinoTopWinnersWidgetNoData {
    text-align: center;
    color: rgba(var(--b-sc), var(--fds-ref-alpha-64))
}

.casinoWinnerWidgetItem {
    display: flex;
    align-items: center;
    background: rgba(var(--b-sc), var(--fds-ref-alpha-8));
    border-radius: var(--fds-ref-radius-xsmall)
}

[class*=is-web] .casinoWinnerWidgetItem {
    min-width: 204px;
    padding: var(--fds-ref-spacing-xsmall);
    gap: var(--fds-ref-spacing-xsmall);
    transition: background-color var(--default-transition-duration) ease;
    cursor: pointer
}

[class*=is-web] .casinoWinnerWidgetItem:hover {
    background: rgba(var(--b-sc), var(--fds-ref-alpha-12))
}

[class*=is-mobile] .casinoWinnerWidgetItem {
    min-width: 168px;
    padding: var(--fds-ref-spacing-2xsmall);
    gap: var(--fds-ref-spacing-2xsmall)
}

.casinoWinnerWidgetImg {
    flex-shrink: 0;
    border-radius: var(--fds-ref-radius-3xsmall);
    object-fit: cover
}

[class*=is-web] .casinoWinnerWidgetImg {
    width: var(--fds-sem-dimension-2xlarge);
    height: var(--fds-sem-dimension-2xlarge)
}

[class*=is-mobile] .casinoWinnerWidgetImg {
    width: var(--fds-sem-dimension-xlarge);
    height: var(--fds-sem-dimension-xlarge)
}

.casinoWinnerWidgetInfo {
    display: flex;
    flex-direction: column;
    gap: var(--fds-ref-spacing-4xsmall);
    overflow: hidden;
    flex: 1;
    min-width: 0
}

.casinoWinnerWidgetName,
.casinoWinnerWidgetGameName {
    color: rgba(var(--b-sc), var(--fds-ref-alpha-64))
}

.casinoWinnerWidgetAmount {
    color: rgba(var(--oc-2), var(--fds-ref-alpha-100))
}