:host {
  @apply flex flex-row h-52 bg-white rounded px-4 py-3;
}

:host > * ~ * {
  @apply ml-4;
}

.package-details-list-item__product-image-wrapper {
  @apply w-12;
}

.package-details-list-item__product-image {
  @apply w-12 shadow max-h-full;
}

@screen desktop {
  .package-details-list-item__product-image-wrapper {
    @apply w-36;
  }

  .package-details-list-item__product-image {
    @apply w-auto max-h-full shadow mx-auto;
  }
}

.package-details-list-item__product-details {
  @apply flex flex-row flex-grow;
}

.package-details-list-item__product-details > * ~ * {
  @apply ml-4;
}

.package-details-list-item__product-details-1 {
  @apply flex-grow;
}

.package-details-list-item__contributors {
  @apply font-bold leading-7;
}

.package-details-list-item__name {
  @apply font-bold leading-7 h-14;
}

.package-details-list-item__format {
  @apply flex flex-row items-center font-bold leading-7 my-2;
}

.package-details-list-item__format span {
  @apply ml-2;
}

.package-details-list-item__ean {
  @apply leading-7;
}

.package-details-list-item__series {
  @apply leading-7;
}

.package-details-list-item__product-details-2 {
  @apply text-right;
}

.package-details-list-item__shelf-info {
  @apply text-p3 leading-7 text-ucla-blue;
}

.package-details-list-item__inventory-quantity {
  @apply leading-8 flex flex-row items-center;
}

.package-details-list-item__package-quantity {
  @apply leading-8 flex flex-row items-center;
}

.package-details-list-item__ssc-text {
  @apply leading-8 flex flex-row items-center;
}

:host.light {
  @apply text-[#AEB7C1];

  .isa-icon-button {
    @apply text-[#AEB7C1];
  }

  .package-details-list-item__format img {
    @apply opacity-50;
  }

  .isa-label {
    @apply bg-opacity-50;
  }

  .isa-label.liefermenge {
    @apply text-[#AEB7C1];
  }
}
