/* #region Utility */
._login_1ceu7_2 > * > div > footer > button {
  border-radius: 1em;
  padding: 1ch;
  border: 1px solid light-dark(#d1d1d6, #333);
}

._login_1ceu7_2 > * > div > footer > button {
  cursor: pointer;
}
._login_1ceu7_2 > * > div > footer > button:active {
  translate: 0 0.25ch;
}

._login_1ceu7_2 > * > div {
  transition: border-color 0.1s;
}
._login_1ceu7_2 > * > div:hover {
  border-color: light-dark(#aeaeb2, #4d4d4f);
}

._login_1ceu7_2 {
  --color-accent: light-dark(var(--color-accent-light, #1f9d63), var(--color-accent-dark, #3ecf8e));
}

/* #endregion */
/* #region Templates */
._login_1ceu7_2 > * > small {
  color: light-dark(#6e6e73, #a1a1a6);
  text-transform: uppercase;
  letter-spacing: 0.14em;
  font-weight: 500;
  font-size: 70%;
}

._login_1ceu7_2 > * > div > footer > button {
  background-color: var(--color-accent);
  color: color(from var(--color-accent) xyz-d65 calc(clamp(0, (0.179 - y) * 1000, 1) * 0.9505) clamp(0, (0.179 - y) * 1000, 1) calc(clamp(0, (0.179 - y) * 1000, 1) * 1.089));
  font-weight: bold;
}
._login_1ceu7_2 > * > div > footer > button:hover {
  background-color: hsl(from var(--color-accent) h s calc(l * 0.85));
}

/* #endregion */
._login_1ceu7_2 {
  background: light-dark(#f2f2f7, #000);
  padding: 1em;
}
._login_1ceu7_2 > * {
  display: grid;
  grid: 1fr max-content/1fr;
  gap: 1em;
}
._login_1ceu7_2 > * > div {
  display: grid;
  gap: 1em;
  background: light-dark(#ffffff, #1c1c1e);
  border-radius: 1em;
  border: 1px solid light-dark(#d1d1d6, #333);
  padding: 1em;
}
._login_1ceu7_2 > * > div > header {
  display: grid;
  grid-template-columns: max-content 1fr;
  gap: 1em;
}
._login_1ceu7_2 > * > div > header > img {
  align-self: center;
  width: 2.5em;
  aspect-ratio: 1;
}
._login_1ceu7_2 > * > div > header > img._round_1ceu7_73 {
  border-radius: 101vw;
  object-fit: cover;
}
._login_1ceu7_2 > * > div > header > span {
  align-self: center;
  font-weight: 500;
  font-size: 190%;
}
._login_1ceu7_2 > * > div > small {
  color: light-dark(#6e6e73, #a1a1a6);
  font-size: 110%;
}
._login_1ceu7_2 > * > div > footer {
  display: grid;
  grid-auto-flow: column;
  gap: 1em;
}
._login_1ceu7_2 > * > div > footer > button {
  border-radius: 101vw;
}
._login_1ceu7_2 > * > small {
  text-align: center;
}

._alert_1ceu7_98 {
  transition: height 0.3s;
  container-type: inline-size;
  overflow: hidden;
}
@starting-style {
  ._alert_1ceu7_98 {
    height: 0;
  }
}
._alert_1ceu7_98 > div {
  display: grid;
  grid: 1fr/max-content 1fr max-content;
  gap: 1ch;
  background-color: rgb(from #dc3545 r g b/0.3);
  color: light-dark(#dc3545, hsl(from #dc3545 h s 85%));
  border: 1px solid #dc3545;
  border-radius: 1em;
  padding: 1em;
}
._alert_1ceu7_98 > div > span {
  font-size: 130%;
}
._alert_1ceu7_98 > div > button {
  align-self: start;
  background: none;
  color: inherit;
  border: none;
}