.settings-header {

  display: flex;

  align-items: center;

  flex-direction: column;

  margin: 25px 0 35px;

}

.settings-name {

  font-weight: 500;

  font-size: 15px;

  margin-top: 20px;

  margin-bottom: 2px;

}

.settings-email {

  color: #99a0a7;

  font-weight: 400;

}

.settings-list .colored-icon {

  border-radius: 10px;

  height: 32px;

  width: 32px;

}

.dark .settings-list .colored-icon.yellow,

.settings-list .colored-icon.yellow {

  color: #fff;

  background-color: #ffc62b;

}

.dark .settings-list .colored-icon.blue,

.settings-list .colored-icon.blue {

  color: #fff;

  background-color: #089bea;

}

.dark .settings-list .colored-icon.green,

.settings-list .colored-icon.green {

  color: #fff;

  background-color: #41d359;

}

.dark .settings-list .colored-icon.pink,

.settings-list .colored-icon.pink {

  color: #fff;

  background-color: #f20f6a;

}

.dark .settings-list .colored-icon.orange,

.settings-list .colored-icon.orange {

  color: #fff;

  background-color: #ff9925;

}

.dark .settings-list .colored-icon.red,

.settings-list .colored-icon.red {

  color: #fff;

  background-color: #ff4530;

}

.dark .settings-list .colored-icon.purple,

.settings-list .colored-icon.purple {

  color: #fff;

  background-color: #9638f3;

}

.dark .settings-list .colored-icon.gray,

.settings-list .colored-icon.gray {

  color: #fff;

  background-color: #878787;

}

.settings-list .item-after {

  padding-right: 20px;

  font-size: 15px;

}

.list .item-content.toggle-setting,

html[dir="rtl"] .simple-list .item-inner {

  padding-left: 0;

}

.settings-list .item-after:has(.toggle) {

  padding-right: 0;

}