:host {
  @apply flex flex-col box-border overflow-scroll;
  height: calc(100vh - 293px);
}

.title {
  @apply text-page-heading font-bold;
}

.card-customer-orders,
.card-customer-card,
.card-customer-details {
  @apply bg-white p-4 text-center;
  box-shadow: 0 -2px 24px 0 #dce2e9;
}

.card-customer-card {
  @apply p-0 relative;
}

.content {
  @apply relative overflow-x-hidden overflow-y-scroll;
  scroll-behavior: smooth;
  max-height: calc(100vh - 400px);
}

.header-container {
  @apply bg-white w-full absolute z-sticky;
  left: 0;
  box-shadow: 0px 19px 25px -10px white;
}

a {
  @apply no-underline;
}

.info {
  @apply text-2xl mb-px-35;
  padding-top: 70px;
}

.partner-cards-headline {
  @apply text-xl mb-px-15 font-bold;
}

.card-customer-orders .title,
.card-customer-details .title {
  @apply text-inactive-customer text-xl;
}

.cancel-customer-card {
  @apply mb-px-50;
}

.cancel-message {
  @apply text-card-sub bg-transparent text-brand border-none font-bold pr-0 no-underline;
}

.customer-card,
.partner-cards {
  @apply box-border flex flex-col items-center justify-items-center;
}
