.rating-main{
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 5px;
}
.rating-container {
    display: inline-flex;
    position: relative;
}
.rating_big .rating-value{
    font-size: 28px;
    margin-left: 20px;
}
.rating_x_small .rating-value{
    font-size: 9px;
}
.rating-value{
    font-size: 11px;
    font-weight: 800;
}
.rating-value .rating-value-big{
    font-size: 1.3em;
}
.table_single_row_compact .rating-value{
    color: var(--e-global-color-primary);
}

.rating-container svg {
    width: 15px; /* Dimensione della stella */
    height: auto;
    color: rgb(105, 114, 125); /* Colore delle stelle non attive */
    transition: color 0.3s ease;
}
.rating_big .rating-container svg{
    width: 45px;
}
.rating_x_small .rating-container svg{
    width: 11px;
}
.rating-container .filled-stars {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden; /* Permette il clipping delle stelle */
    width: 0%; /* Questo verrà impostato dinamicamente */
}

.rating-container .filled-stars svg {
    flex-shrink: 0; /* Impedisce il ridimensionamento degli SVG */
    color: var( --e-global-color-accent ); /* Colore delle stelle attive */
}

@media (max-width: 1200px) {
    .rating_big .rating-container svg{
        width: 35px;
    }
}

@media (max-width: 768px) {
    .rating_big .rating-container svg{
        width: 30px;
    }
}