.application-submitted-main {
  padding-block-start: var(--header-nav-height);
}

.application-submitted {
  padding: 180px 72px;
  background: var(--color-canvas);
}

.application-submitted__inner {
  display: flex;
  width: 100%;
  max-width: 640px;
  flex-direction: column;
  align-items: center;
  gap: 28px;
  margin-inline: auto;
}

.application-submitted__copy {
  min-height: 93px;
  color: var(--color-warm-grey);
  font-size: var(--font-size-body-lg);
  line-height: 1.7;
  text-align: center;
  font-optical-sizing: none;
  font-variation-settings: "wght" 400, "opsz" 15;
}

.application-submitted__copy--mobile {
  display: none;
}

html.apl-submitted-motion-boot .application-submitted__tick,
html.apl-submitted-motion-boot .application-submitted__title,
html.apl-submitted-motion-boot .application-submitted__copy--desktop,
html.apl-submitted-motion-boot .application-submitted__back {
  opacity: 0;
}

html.apl-submitted-motion-boot .application-submitted__tick {
  transform: scale(.8);
}

html.apl-submitted-motion-boot .application-submitted__title,
html.apl-submitted-motion-boot .application-submitted__copy--desktop,
html.apl-submitted-motion-boot .application-submitted__back {
  transform: translateY(12px);
}

@media (max-width: 1366px) {
  .application-submitted { padding-block: 144px; }
  .application-submitted__inner { gap: 24px; }
}

@media (max-width: 900px) {
  .application-submitted { padding-block: 120px; padding-inline: 32px; }
  .application-submitted__title { font-size: var(--font-size-h2); }
}

@media (max-width: 640px) {
  .application-submitted { padding-block: 110px; padding-inline: 24px; }
  .application-submitted__title { font-size: var(--font-size-heading-mobile); white-space: normal; }
  .application-submitted__back { width: 100%; }
}

@media (max-width: 480px) {
  .application-submitted { padding-block: 100px; }
  .application-submitted__inner { gap: 22px; }
  .application-submitted__title { font-size: var(--font-size-heading-compact); white-space: nowrap; }
  .application-submitted__copy { max-width: 330px; min-height: 112px; font-size: var(--font-size-body); line-height: 1.72; }
  .application-submitted__copy--desktop { display: none; }
  .application-submitted__copy--mobile { display: block; }
  html.apl-submitted-motion-boot .application-submitted__copy--desktop { opacity: 1; transform: none; }
  html.apl-submitted-motion-boot .application-submitted__copy--mobile { opacity: 0; transform: translateY(12px); }
}

@media (max-width: 360px) {
  .application-submitted { padding-inline: 16px; }
  .application-submitted__title { font-size: var(--font-size-heading-narrow); }
}

@media (min-width: 901px) and (max-height: 650px) {
  .application-submitted { padding-block: 80px; }
}