.is-hidden {
  display: none !important;
}


.order__submit .loader {
  display: none;
}

.order.is-sending .order__submit {
  opacity: 0.75;
  pointer-events: none;
}

.order.is-sending .order__submit .loader {
  display: inline-block;
}

.order.is-sending .order__submit-label {
  opacity: 0.6;
}

.order__submit-label {
  display: inline-block;
}

.order__input.is-invalid {
  border-color: #f87171;
}


.order-done {
  background: #0e1626;
  border: 1px solid #22d3ee;
  border-radius: 16px;
  padding: 1.75rem;
  text-align: center;
  max-width: 34rem;
  margin: 0 auto;
}

.order-done__mark {
  width: 56px;
  height: 56px;
  margin: 0 auto 0.9rem;
  border-radius: 50%;
  background: rgba(34, 211, 238, 0.14);
  display: flex;
  align-items: center;
  justify-content: center;
}

.order-done__mark svg {
  width: 28px;
  height: 28px;
}

.order-done__title {
  margin-bottom: 0.5rem;
}

.order-done__text {
  color: #94a3b8;
  margin-bottom: 0.75rem;
}

.order-done__meta {
  color: #cbd5e1;
  font-size: 0.93rem;
  border-top: 1px solid #1e2a44;
  padding-top: 0.9rem;
  margin-top: 0.9rem;
}


@media (max-width: 768px) {
  .footprint__col--lead .footprint__head {
    cursor: default;
  }

  .footprint__col--lead .footprint__head::after {
    content: "";
  }

  .footprint__col--lead .footprint__body {
    display: block;
  }
}

@media (prefers-reduced-motion: reduce) {
  .showcase__aura,
  .loader,
  .skeleton {
    animation: none !important;
  }
}