.fui-type-html p + p {
  margin-block-start: 1.6rem;
}

.fui-alert {
  --fui-alert-font-size: 1.6rem;
  --fui-alert-padding: 2rem;
}
.fui-alert p {
  line-height: 1.2;
}

.fui-form-container {
  container-type: inline-size;
}

@container ( width < 500px) {
  .fui-page-row[data-fui-field-count="2"] {
    flex-direction: column;
  }
}

.fui-form-container {
  --fui-label-font-size:1.6rem;
  --fui-input-font-size:1.6rem;
  --fui-check-font-size:1.4rem;
  --fui-check-label-line-height: 1.2;
  --fui-label-color: #666666;
  --fui-check-label-width: 1.8rem;
  --fui-check-label-height: 1.8rem;
  --fui-check-label-padding-left: 3rem;
}
.fui-form-container .fui-input-container {
  --fui-input-border-radius: calc(var(--border-radius) / 2);
}

main > .fui-i {
  max-width: 650px;
  --fui-field-gutter: var(--gutter0);
  --fui-row-gutter: var(--gutter1);
}

body#care-provider header,
body#care-seeker header {
  grid-row: 2;
  text-align: center;
}
body#care-provider header .pills,
body#care-seeker header .pills {
  display: flex;
  margin: 0 auto;
}
body#care-provider header .pills a,
body#care-seeker header .pills a {
  min-width: 155px;
}
body#care-provider header .pills a:first-of-type,
body#care-seeker header .pills a:first-of-type {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
body#care-provider header .pills a:last-of-type,
body#care-seeker header .pills a:last-of-type {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
body#care-provider header .pills a[disabled],
body#care-seeker header .pills a[disabled] {
  opacity: 1;
}
body#care-provider .accordion h2,
body#care-seeker .accordion h2 {
  text-align: center;
  margin-bottom: var(--gutter2);
}
body#care-provider .accordion details,
body#care-seeker .accordion details {
  margin-bottom: var(--gap);
}
body#care-provider .accordion details summary,
body#care-seeker .accordion details summary {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  padding-bottom: calc(var(--gap) * 0.5);
}
body#care-provider .accordion details summary:hover,
body#care-seeker .accordion details summary:hover {
  cursor: pointer;
}
body#care-provider .accordion details .content,
body#care-seeker .accordion details .content {
  margin-top: calc(var(--gap) * 0.5);
}
body#care-provider .accordion .button,
body#care-seeker .accordion .button {
  margin: calc(var(--gap) * 2) auto 0;
}
body#care-provider .has\:curve,
body#care-seeker .has\:curve {
  justify-items: center;
  position: relative;
  padding-top: var(--gutter1);
  padding-bottom: var(--spacer1);
  margin-top: var(--spacer1);
  grid-gap: var(--gutter1);
}
@media (max-width: 660px) {
  body#care-provider .has\:curve,
  body#care-seeker .has\:curve {
    grid-gap: var(--gutter1);
  }
}
body#care-provider .has\:curve::before,
body#care-seeker .has\:curve::before {
  content: "";
  clip-path: ellipse(55% 50% at 50% 100%);
  position: absolute;
  background: linear-gradient(var(--gradient-angle, 270deg), #ff2871 var(--gradient-offset, 33%), #ff715c);
  top: -100px;
  height: 100px;
  width: 100%;
  left: 0;
}
@media (min-width: 769px) {
  body#care-provider video-container,
  body#care-seeker video-container {
    order: 1;
  }
}

section.grid\:fluid,
div.grid\:fluid {
  --grid-gap: calc(var(--gap) * 0.5) var(--gutter1);
}
section.grid\:fluid h2, section.grid\:fluid h3, section.grid\:fluid h4, section.grid\:fluid .button,
div.grid\:fluid h2,
div.grid\:fluid h3,
div.grid\:fluid h4,
div.grid\:fluid .button {
  grid-column: 1/-1;
  text-align: center;
  margin: 0 auto;
}
/*# sourceMappingURL=../sourcemaps/pages/how-it-works.css.map */