/* Fixed columns so the bars line up from one indicator to the next; the label
   is truncated rather than wrapped when a translation gets too long. */
.review-indicator-label {
    width: 62%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.review-indicator-bar {
    width: 26%;
}

.review-indicator-state {
    width: 12%;
}

@media (min-width: 1024px) {
    .page-profil .columns {
        --tw-bg-opacity: 1;
        background-color: rgb(241 241 241 / var(--tw-bg-opacity));
        padding-top: 3.5rem;
        padding-bottom: 5rem;
    }
}