#settings.account-redesign{max-width:1200px;margin:auto;padding:30px;color:#edf5f2;font-family:"Segoe UI",Arial,sans-serif}#settings.account-redesign .account-heading{display:flex;align-items:center;justify-content:space-between;gap:24px}#settings.account-redesign h1{font-size:28px;margin:0}#settings.account-redesign .lede{font-size:14px;color:#adc1bd;margin:8px 0 28px}#settings.account-redesign h2{font-size:22px;margin:0 0 6px}#settings.account-redesign h3{font-size:16px;margin:0 0 14px}#settings.account-redesign .account-heading input{width:260px;background:#101c23;border:1px solid #3b535b;border-radius:7px;padding:10px;color:inherit}#settings .account-settings-shell{display:grid;grid-template-columns:220px minmax(0,1fr);gap:30px}#settings .account-settings-nav{border-right:1px solid #30444c;padding-right:18px}#settings .account-settings-nav button{display:flex;align-items:center;gap:11px;width:100%;background:transparent;border:0;color:#b3c9c2;text-align:left;padding:12px 10px;margin-bottom:4px;border-radius:7px;font-size:14px}#settings .account-settings-nav button[hidden],#settings .account-settings-pane[hidden]{display:none}#settings .account-settings-nav button[aria-current=page]{background:#29473e;color:#d3f2e5}#settings .account-settings-nav svg{width:18px;height:18px;flex-shrink:0}#settings .account-description,#settings .account-scope,#settings .account-note{color:#adc1bd;font-size:13px}#settings .account-overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:24px 0}#settings .account-overview-tile{background:#18252c;border:1px solid #30444c;border-radius:10px;padding:21px;text-align:left;color:inherit;min-height:120px}#settings .account-overview-tile strong{font-size:16px}#settings .account-overview-tile p{font-size:13px;color:#adc1bd;margin:9px 0 0}#settings .account-overview-tile:hover{border-color:#81b598}#settings .account-panel,#settings .account-settings-pane>.card{background:#18252c;border:1px solid #30444c;border-radius:10px;padding:20px;margin-top:20px}#settings .account-setting-row{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:17px 0;border-bottom:1px solid #30444c}#settings .account-setting-row:last-child{border:0}#settings .account-setting-row p{font-size:12px;color:#adc1bd;margin:4px 0 0;max-width:430px}#settings .account-setting-row select{background:#102027;color:#edf5f2;border:1px solid #466059;border-radius:6px;padding:8px;min-width:125px;width:auto}#settings .account-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:16px 0}#settings .account-presets button{background:#102027;color:inherit;border:1px solid #30444c;padding:12px;border-radius:6px}#settings .account-presets button[aria-pressed=true]{background:#29473e;border-color:#82b69b}#settings .account-switch{position:relative;border:0;background:#47605a;width:42px;height:24px;border-radius:20px;flex-shrink:0;padding:0}#settings .account-switch:after{content:'';position:absolute;top:3px;left:3px;background:#edf5f2;border-radius:50%;width:18px;height:18px}#settings .account-switch[aria-checked=true]{background:#78b398}#settings .account-switch[aria-checked=true]:after{left:21px}#settings .account-focus-help{display:none;position:absolute;right:0;bottom:calc(100% + 8px);background:#0c171c;color:#edf5f2;padding:6px 9px;border-radius:4px;min-width:150px;z-index:3;font-size:12px}#settings .account-switch:hover .account-focus-help,#settings .account-switch:focus-visible .account-focus-help{display:block}#settings .account-settings-status{min-height:24px;color:#b4e3cf}#settings details{margin-top:22px}#settings summary{color:#b4e3cf;cursor:pointer}#settings .account-panel a{display:inline-block;margin-top:12px;color:#b4e3cf}#settings .account-settings-pane input[type=range]{accent-color:#a3d9bd}#settings .account-settings-pane .check-row input[role=switch]{appearance:none;width:42px;height:24px;border:0;border-radius:20px;background:#47605a;position:relative;flex-shrink:0}#settings .account-settings-pane .check-row input[role=switch]:after{content:'';position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#edf5f2}#settings .account-settings-pane .check-row input[role=switch]:checked{background:#78b398}#settings .account-settings-pane .check-row input[role=switch]:checked:after{left:21px}
html[data-interface-text="Large"] #settings{--settings-scale:1.12}html[data-interface-text="Extra large"] #settings{--settings-scale:1.25}#settings.account-redesign .account-setting-row p,#settings.account-redesign .account-description,#settings.account-redesign .account-note,#settings.account-redesign .account-overview-tile p{font-size:calc(13px * var(--settings-scale,1))}#settings.account-redesign .account-settings-content strong,#settings.account-redesign .account-settings-content label,#settings.account-redesign .account-settings-content button,#settings.account-redesign .account-settings-content select{font-size:calc(14px * var(--settings-scale,1))}html[data-interface-text="Large"] #settings-dialog{font-size:17px}html[data-interface-text="Extra large"] #settings-dialog{font-size:19px}html[data-interface-text="Large"] #settings-dialog :is(button,input,select),html[data-interface-text="Extra large"] #settings-dialog :is(button,input,select){font-size:inherit}html[data-interface-contrast=true] #settings .account-panel,html[data-interface-contrast=true] #settings .account-overview-tile,html[data-interface-contrast=true] #settings-dialog{background:#0a1419;border-color:#91b4a8}html[data-interface-contrast=true] #settings p,html[data-interface-contrast=true] #settings-dialog{color:#d5e9e1}
@media(max-width:700px){#settings.account-redesign{padding:20px 16px}#settings.account-redesign .account-heading{align-items:stretch;flex-direction:column;gap:12px}#settings.account-redesign .account-heading input{width:100%}#settings .account-settings-shell{display:block}#settings .account-settings-nav{display:flex;flex-wrap:wrap;gap:4px;border:0;padding:0 0 18px}#settings .account-settings-nav button{width:auto;font-size:12px;padding:10px}#settings .account-overview-grid{grid-template-columns:1fr}#settings .account-presets{grid-template-columns:1fr 1fr}#settings .account-setting-row{gap:12px}#settings .account-setting-row select{min-width:100px;max-width:130px}#settings .account-panel{padding:15px}}

#settings :is(button,input,select,a,summary):focus-visible{outline:2px solid #a3d9bd;outline-offset:3px}#settings .account-heading input{box-sizing:border-box}#settings .account-setting-row>div{min-width:0}#settings .account-panel,#settings .card{min-width:0}

#settings.account-redesign h1{letter-spacing:normal}#settings .account-settings-nav{display:block;align-self:start}#settings .account-settings-nav button{min-height:44px;height:auto;line-height:1.4}#settings .account-settings-shell{align-items:start}@media(max-width:700px){#settings .account-settings-nav{display:flex}}