:host {
  @apply flex justify-center bg-white pb-10 pt-4;
}

ui-slider {
  @apply px-4;
  max-width: 845px;
}

.cover {
  @apply mr-5;

  .image {
    @apply relative border-none outline-none bg-transparent flex;
    width: 53px;
    height: 85px;
  }

  .quantity {
    @apply flex justify-center text-p3 font-bold;
  }

  .compartment-code {
    @apply absolute bottom-0 left-0 inline-block bg-black text-white opacity-80 rounded-md break-all text-center text-p4;
    width: 53px;
  }

  .thumbnail {
    @apply rounded-md shadow-lg;
    max-height: 5.3125rem;
  }

  .faded {
    @apply opacity-50;
  }
}

ui-spinner {
  @apply my-4;
}
