.funnel-select {
  grid-gap: var(--gutter0);
  max-width: 600px;
  margin: 0 auto;
}
.funnel-select label {
  font-weight: 700;
}
.funnel-select a {
  --aspect-ratio: 1/1;
  aspect-ratio: var(--aspect-ratio);
}
@supports not (aspect-ratio: 1/1) {
  .funnel-select a {
    aspect-ratio: initial;
  }
  .funnel-select a::before {
    content: "";
    float: left;
    height: 0;
    padding-top: calc(1 / 1 * 100%);
  }
}
.funnel-select a {
  place-items: center;
  place-content: center;
  font-weight: 600;
}
.funnel-select a img {
  width: 8em;
}
.funnel-select a:nth-of-type(1) {
  grid-column: 1;
}
.funnel-select a:nth-of-type(2) {
  grid-column: 2;
}
.funnel-select a {
  padding: 0;
  border: 1px solid transparent;
  transition: border-color var(--transition);
}
@media (hover: hover) {
  .funnel-select a:hover {
    border: 1px solid #ff2871;
  }
}
@media (min-width: 481px) {
  .funnel-select {
    grid-template-columns: repeat(2, 1fr);
  }
}

registration-form {
  position: relative;
  width: 100%;
  max-width: 600px;
}
registration-form loading-bar {
  top: 0 !important;
}
registration-form.loading form {
  display: none !important;
}
registration-form form {
  display: grid;
  grid-gap: var(--gutter0);
  margin-left: auto;
  margin-right: auto;
}
registration-form form:invalid button.next {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.2;
}
registration-form form {
  display: none;
}
registration-form form.active {
  display: grid;
}
registration-form form input-field label {
  font-size: inherit;
}
registration-form form .buttons {
  margin-top: var(--gutter0);
  display: grid;
  grid-gap: var(--gutter0);
  grid-auto-flow: column;
  justify-content: end;
}
registration-form form#step2 .locations-list .authoritydatalocationids > div {
  display: grid;
  grid-gap: calc(var(--gap) * 0.5);
  margin: var(--gap) 0;
}
registration-form form#step2 .locations-list .authoritydatalocationids > div input-field label {
  font-size: inherit;
}
registration-form form#step2 care-authority-search {
  display: flex;
  flex-direction: column;
  gap: var(--gutter0);
}
registration-form form#step3 input-field, registration-form form#step3 .block.notice, registration-form form#step3 .buttons {
  grid-column: 1/span 2;
}
registration-form form#step3 input-field:nth-of-type(1) {
  grid-row: 1;
}
registration-form form#step3 input-field:nth-of-type(2) {
  grid-row: 2;
}
registration-form form#step3 .block.notice {
  font-size: 0.8em;
  margin-top: var(--gutter0);
  padding-block: var(--gutter0);
}
registration-form form#step4 > p {
  text-align: center;
}
registration-form form#step4 ol.review {
  margin-top: var(--gutter0);
  display: grid;
}
registration-form form#step4 ol.review > li {
  display: grid;
  grid-gap: var(--gutter1);
  grid-auto-flow: column;
  align-items: top;
  padding: var(--gutter0) var(--gutter1);
  grid-template-columns: var(--title-width, 140px) 1fr auto;
}
registration-form form#step4 ol.review > li a {
  font-size: 0.8em;
  cursor: pointer;
}
registration-form form#step4 ol.review > li:nth-child(odd) {
  box-shadow: 0 0 4em rgba(0, 0, 0, 0.1);
  background-color: white;
  border-radius: calc(var(--border-radius) / 2);
}
@media (max-width: 480px) {
  registration-form form#step4 ol.review > li {
    --title-width: 100px;
  }
  registration-form form#step4 ol.review > li strong {
    font-size: 0.8em;
  }
}
registration-form form#step4 ol.review > li > span > ul {
  margin-top: 0;
}
registration-form form#step4 .terms {
  font-size: 0.8em;
  text-align: center;
  margin-top: calc(var(--gap) * 0.5);
}
registration-form form#step5 .seconds {
  font-weight: 700;
}
/*# sourceMappingURL=../../sourcemaps/components/account/registration-form.css.map */