.root {
  @apply flex flex-col py-4;
}

.root:first-child {
  padding-top: 0;
}

.actions {
  @apply flex p-1 border-accent-3 border items-center justify-center w-12 text-accent-7;
  transition-property: border-color, background, color, transform, box-shadow;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}

.actions:hover {
  @apply bg-accent-1 border-accent-4 text-accent-9;
  transition: border-color;
  z-index: 10;
}

.actions:focus {
  @apply bg-accent-2 outline-none;
}

.quantity {
  appearance: textfield;
  @apply w-8 border-accent-2 border mx-3 rounded text-center text-sm text-black;
}

.quantity::-webkit-outer-spin-button,
.quantity::-webkit-inner-spin-button {
  @apply appearance-none m-0;
}

.productImage {
  position: absolute;
  transform: scale(1.9);
  width: 100%;
  height: 100%;
  left: 30% !important;
  top: 30% !important;
}