/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

.ocas-upload-images {
  margin-bottom: 10px;
}
.ocas-upl-image {
  position: relative;
}
.ocas-upl-image p {
  margin: 0;
  text-align: center;
}
.ocas-upl-image-remove {
  border-radius: 20px !important;
  padding: 7px !important;
  top: 20px;
  position: absolute;
  right: 0;
  height: 25px !important;
  width: 25px !important;
}
.ocas-upl-image-remove i {
  margin: 0 0 0 -1px !important;
}

.ocas-scene {
  position: relative;
}
.ocas-scene h4 {
  margin-bottom: 5px;
}
.ocas-scene-remove {
  border-radius: 20px !important;
  padding: 7px !important;
  top: 5px;
  position: absolute;
  right: -15px;
}
.ocas-scene-remove i {
  margin: 0 !important;
}
.ocas-scene-prompt {
  margin-top: 10px;
}
.ocas-scene-actions {
  margin-top: 7px;
}

.ocas-start-video-actions button {
  margin-bottom: 10px !important;
}
.ocas-start-video-actions button:last-child {
  margin-bottom: 0 !important;
}

.ocas-output-video-actions {
  margin-top: 7px;
}

.ocas-history-video h4 {
  margin-bottom: 5px;
}
.ocas-history-video p {
  margin-bottom: 5px;
}
.ocas-history-video-actions {
  margin-top: 10px;
}
.ocas-history-video-actions {
  display: flex;
  gap: 5px;
}