body.settings-page {
  background: #f0f1f3;
}

.settings-page .account-shell,
.settings-page .account-main {
  background: #f0f1f3;
}

.settings-main {
  padding-top: 0;
}

.settings-profile-card {
  margin-top: 6px;
  margin-bottom: var(--account-card-gap);
}

.settings-profile-card p {
  color: #2f2f30;
  font-weight: 400;
}

.settings-field--single,
.settings-card-list {
  border-radius: 8px;
  background: #fff;
}

.settings-field--single {
  margin-top: 0;
}

.settings-field--single span {
  color: #2f2f30;
  font-weight: 500;
}

.settings-field--single input {
  color: #b1b8c1;
}

.settings-field--single input::placeholder {
  color: #b1b8c1;
}

.settings-card-list {
  margin-top: var(--account-card-gap);
  overflow: hidden;
}

.settings-link-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: var(--account-form-row-height);
  padding: 0 var(--account-form-side-padding);
}

.settings-field--single,
.settings-link-row {
  min-height: 52px;
}

.settings-card-list .settings-link-row + .settings-link-row {
  border-top: 1px solid #eef0f2;
}

.settings-link-row span:first-child {
  color: #2f2f30;
  font-size: var(--account-form-label-size);
  line-height: var(--account-form-line-height);
  font-weight: 500;
}

.settings-link-row__chevron {
  width: 10px;
  height: 10px;
  border-top: 1.75px solid #2f2f2f;
  border-right: 1.75px solid #2f2f2f;
  transform: rotate(45deg);
}

@media (max-width: 359px) {
  .settings-main {
    padding-top: 2px;
  }

  .settings-profile-card {
    margin-top: 10px;
    margin-bottom: var(--account-card-gap);
  }

  .settings-profile-card p,
  .settings-field--single span,
  .settings-field--single input,
  .settings-link-row span:first-child {
    line-height: var(--account-form-line-height);
  }

  .settings-field--single,
  .settings-link-row {
    min-height: var(--account-form-row-height);
    padding-inline: var(--account-form-side-padding);
  }
}