// scss-lint:disable SelectorDepth NestingDepth IdSelector

#canvas-container,
#module-archive {
  .panel-heading {
    padding: 10px 15px 4px;
  }

  .panel-body {
    padding: 6px 15px;

    .status-label {
      background-color: var(--state-color);
      color: $color-white;
      display: inline-block;
      margin: 3px 0;
      max-width: 100%;
      overflow: hidden;
      padding: 2px 8px;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
  }

  .panel-footer {
    .nav > li > a {
      padding: 6px 15px;
    }

    .btn {
      height: 30px;
    }

    .badge-indicator {
      background: $brand-accent;
      border-radius: $border-radius-tag;
      color: $color-black;
      font-size: 10px;
      margin-left: -8px;
    }
  }
}

#canvas-container {
  margin: 10px -28px 0;
}

.canvas-preview-img,
.canvas-preview-rect {
  border-radius: 4px;
  bottom: 16px;
  box-shadow: inset 0 0 0 8px $color-white;
  display: flex;
  height: 80px;
  padding: 8px;
  position: absolute;
  right: 16px;
  width: 84px;
  z-index: 999999;
}