/**
 * Дополнения к вендорному video-js.css для плееров на секретных страницах.
 * Копия лежит в zems.pro/local/templates/3208_v2/css/ — переносить правки
 * в оба репозитория.
 *
 * Плеер здесь шириной 288px, поэтому панель громкости вертикальная
 * (см. js/video-player.js): слайдер всплывает над иконкой звука по тапу,
 * штатных стилей video.js для этого достаточно — в отличие от десктопа
 * раскрывать её постоянно не нужно.
 */

/** Кнопка выбора качества: вместо иконки — текущее значение («Авто», «720p»). */
.video-js .vjs-quality-button .vjs-icon-placeholder {
    display: none;
}

.video-js .vjs-quality-button .vjs-quality-value {
    display: inline-block;
    line-height: 3em;
    font-size: 1em;
    padding: 0 0.3em;
}

.video-js .vjs-quality-button .vjs-menu {
    width: 6em;
    left: 50%;
    margin-left: -3em;
}

/**
 * В узком контрол-баре кнопки скоростей и качества конкурируют за место
 * с прогресс-баром — не даём им сжиматься и отдаём остаток прогрессу.
 */
.video-js .vjs-playback-rate,
.video-js .vjs-quality-button {
    /** штатные 4em не вмещают «1080p» */
    width: auto;
    min-width: 3.2em;
    flex: none;
}