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: white;
  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: #FDC705;
}
section.placeholder.block .reset-password .message.green {
  background-color: #21B755;
}
@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 */