.container {
  position: relative;
  
  .error-message {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
  }

  &.unlive {
    :global {
      .vjs-time-divider {
        display: flex!important;
        opacity: 0;
        flex: 1!important;
      }
    }
  }

  :global {
    .next-loading-indicator {
      margin-bottom: 10px;
    }

    .vjs-snapshot-button, .vjs-ptz-button {
      cursor: pointer;
    }

    .vjs-time-divider {
      display: none!important;
    }

    .vjs-big-play-button > .vjs-icon-placeholder{
      display: block;
    height: 100%;
    }

    .vjs-button>.vjs-icon-placeholder {
      display: block;
      height: 30px;
    }
  
    .vjs-zoom-button {
      white-space: nowrap;
      line-height: 30px;
      width: 60px !important;
  
      .vjs-menu-button {
        position: absolute;
        top: 0;
        left: 0;
      }
  
      .vjs-menu {
        width: 100%;
        left: 0;
      }
    }
  }
}