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

.shopify-collection-item {
  width: 100%;
  margin-bottom: 12px;
  border-radius: 8px;
  cursor: pointer;
  .ant-card-body {
    padding: 12px;
  }
  &__image {
    width: 60px;
    height: 60px;
    border: 1px solid $gray2;
    border-radius: 6px;
  }
  &__skeleton {
    width: 3.75rem;
    height: 3.75rem;
    background-color: $gray2;
    border-radius: 6px;
  }
  &.selected {
    border: 1px solid $primary;
  }
  &:last-child {
    margin-bottom: 0;
  }
}
