/* === POOLBAAS LIVE STANDINGS V1 === */

/*
 * Alleen functionele feedback.
 * Geen herontwerp van de bestaande Stand-pagina.
 */

.pb-live-points-chip {
    display: inline-flex !important;
    align-items: center;

    width: max-content;
    margin-top: 3px;
    padding: 2px 6px;

    border-radius: 999px;

    background:
        rgba(41, 190, 111, 0.13);

    color: #168c50 !important;

    font-size: 0.58rem !important;
    font-weight: 850 !important;
    line-height: 1.2 !important;
}


.ste-rank-row.has-live-points {
    border-color:
        rgba(44, 190, 112, 0.25);
}


.ste-rank-row.is-live-updated {
    animation:
        pb-live-rank-update
        850ms ease-out;
}


@keyframes pb-live-rank-update {

    0% {
        background:
            rgba(65, 210, 131, 0.2);
    }

    100% {
        background:
            inherit;
    }

}


@media (
    prefers-reduced-motion: reduce
) {

    .ste-rank-row.is-live-updated {
        animation: none;
    }

}