/**
 * Vislun Video System — Safari desktop / macOS
 *
 * Diferença visual comprovada: estabilização do contador de tempo ao
 * alternar entre decorrido e restante. O WebKit pode preservar o raster
 * anterior durante a troca de texto dentro da barra flexível.
 *
 * O JS específico do Safari fixa externamente a largura do botão usando
 * a maior representação real possível para a duração atual. Assim:
 * - o conteúdo visível continua alinhado à esquerda, igual aos demais
 *   navegadores;
 * - o hífen aparece somente no modo restante;
 * - a barra não sofre reflow quando o hífen entra ou sai;
 * - nenhuma reserva visual é inserida entre o tempo atual e a duração.
 */

html.is-vislun-desktop-safari
.vislun-video-wrapper.vislun-video-custom-player
.vislun-player-time,
html.is-vislun-desktop-safari
.vislun-video-wrapper.vislun-video-custom-player
.vislun-player-time-current,
html.is-vislun-desktop-safari
.vislun-video-wrapper.vislun-video-custom-player
.vislun-player-time-duration {
    animation: none !important;
    transition: none !important;
    transform: none !important;
    -webkit-transform: none !important;
    filter: none !important;
}

html.is-vislun-desktop-safari
.vislun-video-wrapper.vislun-video-custom-player
.vislun-player-time {
    position: relative;
    white-space: nowrap;
}

html.is-vislun-desktop-safari
.vislun-video-wrapper.vislun-video-custom-player
.vislun-player-time
.vislun-safari-time-sizer {
    position: absolute;
    top: 0;
    left: 0;

    display: inline-block;

    margin: 0;
    padding: 0;

    white-space: nowrap;

    visibility: hidden;
    pointer-events: none;
}