.loading {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 640px;
  max-width: 100%;
  height: 640px;
  max-height: 100%;
}

.form {
  display: grid;
  gap: var(--Spacing-x3);
}

.termsAndConditions {
  color: var(--Text-Secondary);
  display: grid;
  gap: var(--Spacing-x2);
}

.termsAndConditions .checkbox span {
  align-items: flex-start;
}

.guaranteeCost {
  align-items: center;
  background-color: var(--Base-Surface-Subtle-Normal);
  border-radius: var(--Corner-radius-md);
  display: flex;
  gap: var(--Spacing-x3);
  justify-content: flex-end;
  padding: var(--Spacing-x2);
}

.guaranteeCostText {
  display: flex;
  flex-direction: column;
}

.baseTextHighContrast {
  color: var(--Base-Text-High-contrast);
  white-space: nowrap;
}

.textDefault {
  color: var(--Text-Default);
}

@media screen and (min-width: 768px) {
  .guaranteeCostText {
    align-items: flex-end;
  }
}
