/* Password review tracker: [asusn_password_review]. */
.asusn-site .password-review { display: grid; gap: var(--a-space-5); margin-top: var(--a-space-6); padding: var(--a-space-5); border: 1px solid var(--a-rule); }
.asusn-site .prose .password-review-title { margin-top: 0; font-size: var(--a-type-title); color: var(--a-link); }
.asusn-site .password-review-setup-row { display: flex; flex-wrap: wrap; align-items: center; gap: var(--a-space-3); }
.asusn-site .password-review-setup-row .input { width: 8rem; }
.asusn-site .password-review-unit { font-weight: 700; }
.asusn-site .password-review-board { display: grid; gap: var(--a-space-4); }
.asusn-site .password-review-board[hidden], .asusn-site .password-review-setup[hidden] { display: none; }
.asusn-site .password-review-status { display: flex; justify-content: space-between; align-items: baseline; gap: var(--a-space-3); font-size: var(--a-type-label); font-weight: 700; }
.asusn-site .password-review-count { font: 700 1.25rem/1.3 var(--a-font-latin); font-variant-numeric: tabular-nums; }
.asusn-site .password-review-meter { height: 1.25rem; overflow: hidden; background: var(--a-color-subtle); border: 1px solid var(--a-color-line-strong); }
.asusn-site .password-review-bar { display: block; width: 0; height: 100%; background: var(--a-color-brand); transition: width 320ms var(--a-motion-ease); }
.asusn-site .password-review-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--a-space-3); }
.asusn-site .password-review-action { justify-content: center; text-align: center; }
.asusn-site .password-review-action.is-popping { animation: password-review-pop 260ms var(--a-motion-ease); }
.asusn-site .password-review-done { font-weight: 900; color: var(--a-link); font-size: var(--a-type-title); }
.asusn-site .password-review-reset { justify-self: start; cursor: pointer; font-family: inherit; }
.password-review-confetti { position: fixed; inset: 0; z-index: 1000; width: 100%; height: 100%; pointer-events: none; }
@keyframes password-review-pop { 40% { transform: scale(1.06); } 100% { transform: scale(1); } }
@media (max-width: 700px) {
  .asusn-site .password-review { padding: var(--a-space-4); }
  .asusn-site .password-review-actions { grid-template-columns: minmax(0, 1fr); }
}