.account-page main {
  max-width: 940px;
}
.account-page .account-forms {
  max-width: 580px;
  margin-top: 42px;
}
.account-page .account-modes {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  padding-bottom: 22px;
  border-bottom: 1px solid #d8d5ce;
  margin-bottom: 32px;
}
.account-page .account-modes a[aria-current="page"] {
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 7px;
}
.account-page form label {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: center;
  gap: 8px 14px;
  margin: 24px 0;
}
.account-page form label > input { grid-column: 1; grid-row: 2; }
.account-page form label > small { grid-column: 1 / -1; }
.account-page form button {
  margin: 12px 10px 12px 0;
}
.account-page #accountNotice {
  max-width: 680px;
}
@media (max-width: 600px) {
  .account-page .account-forms {
    margin-top: 28px;
  }
  .account-page .account-modes {
    gap: 20px;
  }
}

.account-page form .account-remember { display:flex; gap:10px; align-items:center; }
.account-page form .account-remember input { width:18px; height:18px; accent-color:#242424; }
.account-page form .account-remember { min-height:44px; cursor:pointer; flex-direction:row; justify-content:flex-start; }
.account-page form .account-remember input { appearance:none; -webkit-appearance:none; flex:0 0 24px; width:24px; height:24px; min-height:24px; padding:0; margin:0; border:1px solid #d8d5ce; border-radius:50%; background:#fff; display:grid; place-content:center; cursor:pointer; box-sizing:border-box; min-width:24px; max-width:24px; max-height:24px; aspect-ratio:1 / 1; align-self:center; box-shadow:none; }
.account-page form .account-remember input:checked { background:#242424; border-color:#242424; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8 3 3 7-7' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-position:center; background-repeat:no-repeat; background-size:16px 16px; box-shadow:none; }
.account-page form .account-remember input:checked::after { content:none; }
.account-page form .account-remember input:focus-visible { outline:2px solid #242424; outline-offset:4px; }
