.settings-grid {
  grid-template-columns: 1fr 1fr;
}

.security-panel {
  grid-row: span 2;
}

.security-panel .panel-head small {
  display: block;
  color: var(--muted);
  margin-top: 5px;
}

.security-panel .panel-head > span {
  width: 42px;
  height: 42px;
  border-radius: 12px;
  background: var(--mint2);
  color: var(--green);
  display: grid;
  place-items: center;
}

.password-form {
  display: grid;
  gap: 5px;
}

.password-form .field > span {
  font-size: 12px;
  font-weight: 700;
  color: #475467;
}

.password-form .field small {
  color: var(--muted);
  font-size: 11px;
}

.password-form-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  border-top: 1px solid var(--line);
  padding-top: 18px;
  margin-top: 6px;
}

.password-form-foot > span {
  display: flex;
  align-items: center;
  gap: 6px;
  color: var(--muted);
  font-size: 12px;
}

.password-form-foot > span i {
  font-size: 18px;
  color: var(--green);
}