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

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

form {
  max-width: 650px;
  margin-left: auto;
  margin-right: auto;
}

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

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

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

.submit-wrapper {
  @apply text-center sticky;
  bottom: 0px;
}

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

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

.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 mt-8 my-4;

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

.spin {
  @apply animate-spin;
}
