.scene-preview-header {
  @include align-center-vertical;
  position: absolute;
  width: 100vw;
  height: 60px;
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2) 44%, rgba(0, 0, 0, 0.4));
  z-index: 1;

  @mixin type {
    @include size(19px);
    margin-left: 25px;
  }

  &__icon {
    @include scene;
    @include type;
  }

  &__name {
    font-size: 16px;
    font-weight: 600;
    text-align: left;
    color: #ffffff;
    margin-left: 17px;
  }

  &__close {
    @include bounded-cross-button;
    @include size(30px);
    position: absolute;
    right: 15px;
    cursor: pointer;
  }
}

.layout-panel__body__status {
  &--image {
    @include panel;
  }

  &--video {
    background-color: gray;
    width: 100%;
    height: 100%;
    overflow: hidden;

    video {
      object-fit: cover;
    }
  }
}

.scene-preview {
  @include align-center-both;
  background-color: black;
}

.scene-preview .divider > div {
  cursor: default !important;
}