.img-frame {
  border: $border-width solid $card-border-color;

  &.more {
    height: $font-size-icon;
    width: $font-size-icon;
  }
}

.media {
  display: flex;

  position: relative;
  margin-bottom: 0;

  .media-left {
    .attachment-thumb {
      max-width: 50px;
    }
  }

  .media-left.border {
    padding: 0;
    border-right: $border-width solid $border-color;
  }

  .media-body {
    flex: 1 1 auto;

    position: relative;
    word-break: break-word;

    .device-info {
      margin-bottom: $spacing-xs;
      line-height: 1;
    }

    .remove {
      position: absolute;
      right: -$spacing-xs;
      top: -$spacing-xs;

      .icon {
        height: $font-size-icon-sm;
        font-size: $font-size-icon-sm;
      }
    }
  }

  &.media-justify {
    justify-content: between;
  }

  .media-body-stack {
    display: flex;
    align-items: start;
    flex-direction: column;
  }

  .media-stack-around {
    justify-content: space-around;
  }

  &.media-mirror {
    flex-direction: row-reverse;

    .media-left {
      padding-left: $spacing-xs;
      padding-right: 0;
    }
  }
}

.requirement-icon {
  display: flex;
  align-items: start;
}

.requirement-description {
  display: flex;
  align-items: start;
  justify-content: between;
  flex-direction: column;
}