.video-slider {
    display: flex;
    align-items: center;
    /* column-gap: 0.75rem; */
    column-gap: calc(8px + (12 - 8) * (100vw - 320px) / (1920 - 320));
}

.video-slider__item {
    /* width: 1.375rem; */
    /* height: 1.375rem; */
    width: calc(16px + (22 - 16) * (100vw - 320px) / (1920 - 320));
    height: calc(16px + (22 - 16) * (100vw - 320px) / (1920 - 320));

    transform: scale(0.9);
    
    background-color: var(--slider-color);

    transition: transform .25s ease-in-out, background-color .25s ease-in-out;

    border-radius: 50%;

    cursor: pointer;
}

.video-slider__item:hover,
.video-slider__item.video-slider__item_active {
    transform: scale(1);

    background-color: var(--accent-color);
}