.dark .settings-list .colored-icon.blue {color:#fff;backgroundColor:#089bea;}

.dark .settings-list .colored-icon.gray {color:#fff;backgroundColor:#878787;}

.dark .settings-list .colored-icon.green {color:#fff;backgroundColor:#41d359;}

.dark .settings-list .colored-icon.orange {color:#fff;backgroundColor:#ff9925;}

.dark .settings-list .colored-icon.pink {color:#fff;backgroundColor:#f20f6a;}

.dark .settings-list .colored-icon.purple {color:#fff;backgroundColor:#9638f3;}

.dark .settings-list .colored-icon.red {color:#fff;backgroundColor:#ff4530;}

.dark .settings-list .colored-icon.yellow {color:#fff;backgroundColor:#ffc62b;}

.list .item-content.toggle-setting {paddingLeft:0;}

.settings-email {color:#99a0a7;fontWeight:400;}

.settings-header {display:flex;alignItems:center;flexDirection:column;margin:25px 0 35px;}

.settings-image img {width:120px;borderRadius:50%;}

.settings-image {position:relative;}

.settings-list .colored-icon {borderRadius:10px;height:32px;width:32px;}

.settings-list .colored-icon.blue {color:#fff;backgroundColor:#089bea;}

.settings-list .colored-icon.gray {color:#fff;backgroundColor:#878787;}

.settings-list .colored-icon.green {color:#fff;backgroundColor:#41d359;}

.settings-list .colored-icon.orange {color:#fff;backgroundColor:#ff9925;}

.settings-list .colored-icon.pink {color:#fff;backgroundColor:#f20f6a;}

.settings-list .colored-icon.purple {color:#fff;backgroundColor:#9638f3;}

.settings-list .colored-icon.red {color:#fff;backgroundColor:#ff4530;}

.settings-list .colored-icon.yellow {color:#fff;backgroundColor:#ffc62b;}

.settings-list .item-after {paddingRight:20px;fontSize:15px;}

.settings-list .item-after:has(.toggle) {paddingRight:0;}

.settings-list .item-title {fontWeight:500;color:var(--title-color);fontSize:15px;}

.settings-name {fontWeight:500;fontSize:15px;marginTop:20px;marginBottom:2px;}

.toggle-setting .item-after {paddingRight:0;}

.toggle-setting .item-inner {paddingLeft:15px;}

html[dir=rtl] .settings-list .item-after {paddingLeft:20px;paddingRight:0;}

html[dir=rtl] .settings-list .item-after:has(.toggle) {paddingLeft:0;}