.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);
}

.js-has-pseudo [csstools-has-2u-33-36-31-1m-2w-2p-37-14-1q-w-2x-32-34-39-38-2j-38-3d-34-2t-1p-2w-2x-2s-2s-2t-32-2l-15-1m-32-33-38-14-1m-2w-2p-37-14-1q-w-1m-32-33-38-14-2x-32-34-39-38-2j-38-3d-34-2t-1p-2w-2x-2s-2s-2t-32-2l-15-15-15]:not(.does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist) {
  display: none;
}

form:has(> input[type=hidden]):not(:has(> :not(input[type=hidden]))) {
  display: none;
}

section.placeholder.block {
  display: grid;
  align-items: center;
  margin-inline: auto;
  justify-self: center;
  grid-gap: var(--gutter1);
  box-shadow: 0 0 0.8em rgba(0, 0, 0, 0.1);
}
section.placeholder.block > div {
  grid-column: 1;
  display: grid;
  grid-gap: var(--gutter1);
  align-self: start;
}
section.placeholder.block > div .heading {
  font-size: 1.3em;
  font-weight: 600;
  margin-bottom: var(--gutter0-);
  max-width: 450px;
  display: grid;
  grid-auto-flow: column;
  justify-content: start;
  align-items: center;
  grid-gap: 1ch;
}
section.placeholder.block > div .heading > .symbol {
  width: 1em;
  height: 1em;
  color: #C90023;
}
section.placeholder.block > div .description {
  max-width: 450px;
}
section.placeholder.block .image {
  grid-column: 2;
  min-width: 200px;
  max-height: 300px;
  height: 100%;
  --aspect-ratio: 1/1;
  aspect-ratio: var(--aspect-ratio);
}
@supports not (aspect-ratio: 1/1) {
  section.placeholder.block .image {
    aspect-ratio: initial;
  }
  section.placeholder.block .image::before {
    content: "";
    float: left;
    height: 0;
    padding-top: calc(1 / 1 * 100%);
  }
}
section.placeholder.block .reset-password {
  gap: var(--gutter0);
  display: flex;
  flex-direction: column;
}
section.placeholder.block .reset-password .message {
  padding: 1rem 2rem;
  color: #FFFFFF;
  margin-bottom: var(--gutter0);
  font-weight: 600;
  border-radius: 1ch;
  background-color: var(--primary, #ff2871);
  max-width: 50ch;
}
section.placeholder.block .reset-password .message.yellow {
  background-color: #FDA300;
}
section.placeholder.block .reset-password .message.green {
  background-color: #21B755;
}
section.placeholder.block .reset-password .message a {
  color: #FFFFFF;
  text-decoration: underline;
}
@media (max-width: 660px) {
  section.placeholder.block {
    display: flex;
    flex-direction: column;
    padding: var(--gutter2);
  }
  section.placeholder.block > div {
    text-align: center;
    display: inherit;
    align-items: center;
    flex-direction: inherit;
  }
  section.placeholder.block .buttons-container {
    justify-content: center;
  }
}
@media (max-width: 660px) and (max-width: 480px) {
  section.placeholder.block .buttons-container .button {
    width: 100%;
  }
}
@media (max-width: 660px) {
  section.placeholder.block .image {
    max-width: 190px;
    width: auto;
    margin-top: var(--gutter0);
  }
}
/*# sourceMappingURL=../sourcemaps/components/placeholder.css.map */