/* css/video.css */
.video-container {
      position: relative;
      max-width: 100%;
      max-height: 100%;
      object-fit: contain;
    }

    #myVideo {
      width: 100%;
      height: auto;
    }

    .controls-overlay {
      position: absolute;
      width:100%;
      height:100%;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      display: none;
      gap: 20px;
      display:flex;
      flex-direction:column;
      justify-content:flex-end;
    }
    
    .playsvgdiv{
      position:fixed;
      top:50%;
      left:50%;
      transform: translate(-50%, -50%);
      background: rgba(0,0,0,0.5);
      border-radius:50%;
      display:flex;
      align-items:center;
    }
    
    .playsvg{
      margin:5px;
      border-radius:50%;
    }
    
    .videotools{
      background: rgba(0,0,0,0.5);
      width:100%;
      padding:8px 0px;
      text-align:center;
      align-items: center;
      display:flex;
    }
    
    .videotools svg{
      margin:0px 4px;
    }
    
    .videotime{
      font-size:12px;
      color:white;
      margin:0px 4px;
    }
    
    
    .progress-container {
    flex:1;
    height: 8px;
    background: rgba(0,0,0,0.3);
    margin:0px 2px;
    }
    
    .progress-bar {
    height: 100%;
    background: #fff;
    width: 0%;
    }