.variation-item {
  $block: #{&};

  &__cover-wrapper {
    @include size(4rem, 4rem);

    position: relative;
  }

  &__cover {
    object-fit: cover;
    object-position: center;
  }

  &__input,
  &__select {
    flex: 1;
    min-inline-size: 0;
  }

  &__price-input,
  &__stock-input {
    max-inline-size: 15rem;
  }

  &__discount-container {
    @include flex(row, nowrap);

    max-inline-size: 20rem;
  }

  &__discount-container {
    max-inline-size: 15rem;
  }

  &__discount-value-input {
    flex: 1;
  }

  &__discount-type-input {
    @include flex(row, nowrap, null, center, center);

    inline-size: 2.5rem !important;
    min-inline-size: unset !important;
    max-inline-size: unset !important;
    border-block-start: 0.2rem solid $color-neutral-10;
    border-block-end: 0.2rem solid $color-neutral-10;
    border-inline-end: 0.2rem solid $color-neutral-10;
  }
}