.winner--status-pending .winner__source,
.winner--status-hold .winner__source,
.winner--status-deferred .winner__source {
    color: var(--color-warning);
}

.winner--status-rejected .winner__source,
.winner--status-chargeback .winner__source {
    color: var(--color-danger);
}

.winner--status-approved .winner__source,
.winner--status-refunded .winner__source {
    color: var(--color-success);
}

.winner--event-withdraw .coin {
    opacity: 0.85;
}

.winner--event-withdraw > .avatar.avatar--sm {
    background-image: url('/images/activity-cashout.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 70%;
    color: transparent;
}

.winner--event-withdraw > .avatar.avatar--sm img {
    opacity: 0;
}

/* Provider / cashout logos: fit inside thumb without cropping wide artwork */
.winner__thumb {
    width: 44px;
    height: 44px;
    background: var(--color-surface-2);
    border: 1px solid color-mix(in srgb, var(--color-border) 85%, transparent);
    box-sizing: border-box;
}

.winner__thumb img {
    object-fit: contain;
    width: 100%;
    height: 100%;
    padding: 4px;
    box-sizing: border-box;
}

.winner--btn > .avatar--sm {
    width: 44px;
    height: 44px;
}

@media (width <= 1023px) {
    .winner__thumb {
        width: 38px;
        height: 38px;
    }

    .winner--btn > .avatar--sm {
        width: 38px;
        height: 38px;
    }
}
