:host {
  @apply flex flex-col box-border;
}

.card {
  @apply bg-white rounded-card p-card;
}

h1 {
  @apply m-0 text-center font-bold;
  font-size: 26px;
  margin-top: 27px;
}

p {
  @apply m-0;
  font-size: 22px;
  margin-top: 10px;
}

.card > h1,
.card > p {
  @apply text-center;
}

page-customer-type-selector {
  margin-top: 45px;
}

.router-outlet-wrapper {
  max-width: 650px;
  @apply mx-auto;

  p {
    @apply text-regular mt-8;
  }
}

.control-row {
  @apply flex flex-row gap-8;

  ui-form-control {
    width: 50%;
  }
}

.center {
  @apply text-center;
}

.sticky-bottom {
  @apply sticky bottom-0;
}

.create-customer-submit {
  @apply border-none outline-none bg-brand text-white font-bold text-cta-l px-px-25 py-px-15 rounded-full my-8;

  &:disabled {
    @apply bg-inactive-branch;
  }
}

.bold {
  @apply font-semibold;
}

.spin {
  @apply animate-spin;
}

.different-shipping-address {
  @apply flex-col justify-around text-cta-l mt-8;

  input {
    @apply text-cta-l;
  }
}

.organisation-header {
}

::ng-deep.spin {
  @apply text-white;
}
