@import '../../../../styles/abstracts/variables';

.video-loading {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  z-index: 1;
}

.video-preview-wrapper {
  position: relative;

  .react-player > video {
    border-radius: 8px;
  }

  &__btn-actions {
    border-radius: 8px;

    &--play {
      padding: 0 !important;
      width: 48px !important;
      height: 48px !important;
      border-radius: 123px !important;
      border: unset;
    }
  }

  &__warning {
    width: 100%;
    height: 38px;
    padding: 10px !important;
    margin-top: -6px;
    border-radius: 0 0 8px 8px !important;
    display: flex;
    align-items: center;
    background-color: $grey;
    z-index: 10;

    .ant-typography {
      margin-left: 10px;
    }
  }
}

.video-preview-wrapper__disable-upload {
  background-color: transparent !important;

  .react-player > video {
    border-radius: 8px 8px 0 0;
  }

  .video-preview-wrapper__btn-actions {
    background-color: transparent !important;
    border-radius: 8px 8px 0 0 !important;
  }
}