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

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

.shopify-product-card {
  overflow: hidden;
  .price {
    color: $grey4;
  }

  &__picture {
    img,
    .ant-skeleton-avatar {
      width: 82px !important;
      height: 82px !important;
      object-fit: cover;
      border-right: 1px solid $grey2;
    }
  }

  &__info {
    padding: 0 16px;
    width: 334px;
    &--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: 224px;
  }
  &__empty {
    width: 82px;
    height: 82px;
    background-color: $gray2;
    border-right: 1px solid $grey2;
  }
}
