.rating-plugin-container {
    margin-top: 5px;
    float: left;
}

/* Общие стили для всех рейтингов */
.mark-scale-kp, .mark-scale-imdb, .mark-scale-shiki, .mark-scale-wordart {
    display: grid;
    grid-template-columns: max-content 1fr;
    grid-template-rows: 1fr 13px;
    grid-template-areas: "sc-title sc-mark" "sc-graph sc-graph";
    width: 317px;
    height: 36px;
    margin-bottom: 10px;
}

.sc-title, .sc-mark {
    color: #fff;
    font-weight: 100;
    font-size: 16px;
}

.sc-title {
    grid-area: sc-title;
}

.sc-mark {
    display: flex;
    grid-area: sc-mark;
    justify-content: flex-end;
}

.sc-graph {
    display: flex;
    padding: 2px;
    grid-area: sc-graph;
    background: #fff;
    border-radius: 2px;
}

.sc-graph div:not(:last-child) {
    margin-right: 2px;
}

/* Стили для КиноПоиска */
.graph-part-kp {
    width: 30px;
    height: 9px;
    background: #5B5B5B;
}

.gp-active-kp {
    background: #FF6600;
}

.st-last-kp {
    background-image: linear-gradient(to right, #FF7A00 60%, #5B5B5B 60%, #5B5B5B 100%);
}

/* Стили для IMDB */
.graph-part-imdb {
    width: 30px;
    height: 9px;
    background: #5B5B5B;
}

.gp-active-imdb {
    background: #F5C518;
}

.st-last-imdb {
    background-image: linear-gradient(to right, #F5C518 90%, #5B5B5B 90%, #5B5B5B 100%);
}

/* Стили для Shikimori */
.graph-part-shiki {
    width: 30px;
    height: 9px;
    background: #5B5B5B;
}

.gp-active-shiki {
    background: #7CFC00; /* Зеленый цвет для активных сегментов */
}

.st-last-shiki {
    background-image: linear-gradient(to right, #7CFC00 70%, #5B5B5B 70%, #5B5B5B 100%);
}

/* Стили для Word-Art */
.graph-part-wordart {
    width: 30px;
    height: 9px;
    background: #5B5B5B;
}

.gp-active-wordart {
    background: #FF4500; /* Оранжево-красный цвет для активных сегментов */
}

.st-last-wordart {
    background-image: linear-gradient(to right, #FF4500 50%, #5B5B5B 50%, #5B5B5B 100%);
}