:host {
  @apply box-border bg-transparent  relative;
}

.summary-wrapper {
  @apply rounded overflow-scroll h-split-screen-tablet desktop-small:h-split-screen-desktop flex flex-col justify-between;
}

.fetching {
  @apply w-28 h-5 bg-wild-blue-yonder ml-4;
  animation: load 1s linear infinite;
}

hr {
  @apply bg-[#EDEFF0] h-[0.125rem];
}

.page-checkout-summary__items-tablet {
  @apply grid grid-flow-row gap-x-3;
  grid-template-columns: 3.125rem 75% auto;
  grid-template-rows: 1.6875rem 1.6875rem auto;
  grid-template-areas:
    "thumbnail title price"
    "thumbnail ssc quantity"
    "thumbnail delivery delivery";
}

.page-checkout-summary__items {
  @apply grid grid-flow-row gap-x-3;
  grid-template-columns: 3.125rem 37.5% 42.5% auto;
  grid-template-rows: 1.6875rem auto;
  grid-template-areas:
    "thumbnail title . price"
    "thumbnail ssc delivery quantity";
}

.page-checkout-summary__items-thumbnail {
  grid-area: thumbnail;
}

.page-checkout-summary__items-title {
  grid-area: title;
}

.page-checkout-summary__items-price {
  grid-area: price;
}

.page-checkout-summary__items-quantity {
  grid-area: quantity;
}

.page-checkout-summary__items-delivery {
  grid-area: delivery;
}

.page-checkout-summary__items-ssc {
  grid-area: ssc;
}

.product-details {
  @apply flex flex-col whitespace-nowrap overflow-ellipsis overflow-hidden;

  .info-row {
    @apply flex items-center whitespace-nowrap overflow-ellipsis overflow-hidden;
  }

  .format {
    @apply w-px-40;
  }

  .contributors {
    @apply whitespace-nowrap overflow-ellipsis overflow-hidden;
  }
}

.delivery-row {
  .order-type {
    @apply font-bold inline-flex flex-wrap;
  }

  .supplier {
    @apply ml-2;
  }
}

.product-price {
  @apply whitespace-nowrap ml-4;

  .quantity {
    @apply w-px-30 text-right font-semibold;
  }

  .price {
    @apply w-px-100 font-bold text-right ml-4;
  }
}

.print-button {
  &:disabled {
    @apply bg-inactive-branch border-solid border-inactive-branch text-white cursor-not-allowed;
  }
}

.last {
  @apply pb-5;
}
