.account-footer{display:flex;align-items:center;justify-content:space-between;gap:10px}
.account-footer>div{min-width:0}.account-footer #myNick{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#settingsBtn{flex:none;border:1px solid #2b3c59;border-radius:8px;background:#17243a;color:#aebcd0;padding:7px 9px;cursor:pointer}
#settingsBtn:hover{background:#21324d;color:#fff}
#userSettings{width:min(92vw,520px)}
#userSettings form{margin:0}
#userSettings header{display:flex;align-items:center;justify-content:space-between;padding:19px 21px;border-bottom:1px solid var(--line)}
#userSettings h2,#userSettings p{margin:0}#userSettings p{margin-top:3px;color:var(--muted);font-size:12px}
#userSettings header button{border:0;background:transparent;color:#93a2b9;font-size:25px;cursor:pointer}
.settings-list{display:grid;padding:9px 13px 14px}
.setting-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 8px;border-bottom:1px solid #22304a;cursor:pointer}
.setting-row:last-child{border-bottom:0}.setting-row b,.setting-row small{display:block}.setting-row b{font-size:13px}.setting-row small{margin-top:3px;color:#7f8da5;font-size:11px}
.setting-control{display:flex;align-items:center;gap:8px;flex:none}.setting-status{width:42px;text-align:right;color:#7f8da5;font-size:11px}
.setting-control input{position:absolute;opacity:0;pointer-events:none}.setting-control i{position:relative;width:38px;height:21px;border-radius:20px;background:#35435a;transition:.18s}
.setting-control i:after{content:"";position:absolute;top:3px;left:3px;width:15px;height:15px;border-radius:50%;background:#aeb9ca;transition:.18s}
.setting-control input:checked+i{background:#356fd0}.setting-control input:checked+i:after{left:20px;background:#fff}
@media(max-width:480px){.setting-row{gap:9px}.setting-row small{max-width:215px}.setting-status{display:none}}