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

.on-demand-delete-confirm-modal {
  overflow: hidden;
}

.on-demand-card {
  overflow: hidden;

  &__picture {
    img,
    .ant-skeleton-avatar {
      width: 112px !important;
      height: 82px !important;
      object-fit: cover;
    }
  }

  &__info {
    padding: 0 16px;
    width: 345px;
    &--content {
      .ondemand-drag-btn {
        padding-right: 0;
      }

      &__status {
        font-size: 12px;
        line-height: 20px;
        padding: 0 6px;
        color: #ffffff;
        display: inline-block;
        border-radius: 4px;

        &--active {
          background-color: $green;
        }

        &--draft {
          background-color: $gray8;
        }

        &--unpublished {
          background-color: $yellow;
        }
      }
    }
  }
  &__title {
    max-width: 298px;
  }
}