/* Palette dots describe fixed choices; they intentionally do not follow the theme. */
#theme-settings .theme-settings__choices { padding-block:6px; }
#theme-settings .theme-settings__hint,
#theme-settings .theme-settings__status { margin:8px 6px; color:var(--mb-c-94b39f,#94b39f); font-size:12px; line-height:1.6; white-space:normal; }
#theme-settings .theme-settings__choice { display:flex; align-items:center; gap:10px; width:100%; min-height:44px; margin:4px 0; padding:9px 10px; border:1px solid transparent; border-radius:9px; background:transparent; color:#edf2f7; font:500 13px/1.5 Roboto,sans-serif; text-align:left; cursor:pointer; }
#theme-settings .theme-settings__choice:hover { background:#ffffff0d; }
#theme-settings .theme-settings__choice[aria-pressed="true"] { border-color:var(--mb-c-8ce8b1,#8ce8b1); background:#ffffff0d; }
#theme-settings .theme-settings__choice:focus-visible { outline:2px solid var(--mb-c-8ce8b1,#8ce8b1); outline-offset:1px; }
.theme-settings__dot { flex:0 0 18px; width:18px; height:18px; border:1px solid #ffffff60; border-radius:50%; }
.theme-settings__dot--green { background:#8ce8b1; }
.theme-settings__dot--red { background:#e88c8f; }
.theme-settings__dot--blue { background:#8cbde8; }
.theme-settings__dot--navy { background:#526bc4; }
.theme-settings__dot--yellow { background:#e8d58c; }
.theme-settings__check { margin-left:auto; visibility:hidden; font-size:16px; }
[aria-pressed="true"] > .theme-settings__check { visibility:visible; }
@media (forced-colors:active) {
    #theme-settings .theme-settings__choice[aria-pressed="true"] { border-color:Highlight; }
}