// Estilos para el contenedor del video
#videoContainer
    position: relative
    width: 600px
    margin: 0 auto

// Estilos para el video
#myVideo
    width: 100%

// Estilos para los controles
#controls
    position: absolute
    bottom: 10px
    left: 10px
    right: 10px
    display: flex
    align-items: center
    justify-content: space-between

// Estilos para el contenedor de la barra de progreso
#progressBarContainer
    flex: 1
    margin: 0 10px
    background: #ddd
    cursor: pointer
    height: 5px

// Estilos para la barra de progreso
#progressBar
    width: 0
    height: 100%
    background: #2196F3

// Estilos para los botones
.button
    background: #2196F3
    border: none
    color: white
    padding: 5px 10px
    cursor: pointer

// Estilos para el control de volumen
#volumeContainer
    display: flex
    align-items: center

#volumeIcon
    margin-right: 5px

#volumeSlider
    width: 80px
    margin-left: 5px