.ucap-video-viewer-container {
  width: 100%;
  height: 100%;

  .ucap-video-viewer-header {
    width: 100%;
    height: 50px;

    .ucap-video-viewer-icon {
    }

    .ucap-video-viewer-title {
    }
  }

  .ucap-video-viewer-body {
    position: relative;
    background-color: white;
    width: 100%;
    height: 100%;
    padding-bottom: 70px;

    .ucap-video-viewer-video-icon {
      width: 100%;
      height: calc(100% - 60px);
    }
    .ucap-video-viewer-video-time {
      width: 100%;
      height: 30px;
    }
    .ucap-video-viewer-video-controls {
      width: 100%;
      height: 30px;

      .ucap-video-viewer-video-time-current {
        padding-left: 30px;
      }

      .ucap-video-viewer-video-time-total {
        padding-right: 30px;
      }
    }
  }
  .ucap-video-viewer-spacer {
    flex: 1 1 auto;
  }
  .ucap-video-viewer-action {
  }
}

mat-slider {
  width: 95%;
}
