/* Nine vivid accents shared by web and Android. */
:root{--button-accent:#4585ff;--button-ink:#08152d;--button-border:#4585ff}
html[data-button-theme] :is(.account-primary,.app-download-button,#voice-listen,#quota-plans,#auth-dialog .quota-actions a:first-child){background:var(--button-accent)!important;border-color:var(--button-border)!important;color:var(--button-ink)!important;box-shadow:none!important}
html[data-button-theme] .composer :is(#voice-open,#send){color:var(--button-ink)!important}
html[data-button-theme] .composer :is(#voice-open,#send)::before{background:var(--button-accent)!important}
html[data-button-theme] #upgrade-link{border-color:var(--button-border);color:var(--button-accent)}

:is(html[data-button-theme=orange],.button-color-option[data-button-color=orange]){--button-accent:#ff8a00;--button-ink:#281300;--button-border:#ff8a00}
:is(html[data-button-theme=red],.button-color-option[data-button-color=red]){--button-accent:#ff405b;--button-ink:#2a0811;--button-border:#ff405b}
:is(html[data-button-theme=blue],.button-color-option[data-button-color=blue]){--button-accent:#4585ff;--button-ink:#08152d;--button-border:#4585ff}
:is(html[data-button-theme=lime],.button-color-option[data-button-color=lime]){--button-accent:#b4f52b;--button-ink:#192500;--button-border:#b4f52b}
:is(html[data-button-theme=green],.button-color-option[data-button-color=green]){--button-accent:#20df8b;--button-ink:#03261a;--button-border:#20df8b}
:is(html[data-button-theme=cyan],.button-color-option[data-button-color=cyan]){--button-accent:#19d5ed;--button-ink:#03262b;--button-border:#19d5ed}
:is(html[data-button-theme=purple],.button-color-option[data-button-color=purple]){--button-accent:#ae75ff;--button-ink:#1e0935;--button-border:#ae75ff}
:is(html[data-button-theme=pink],.button-color-option[data-button-color=pink]){--button-accent:#ff52b5;--button-ink:#300b23;--button-border:#ff52b5}
:is(html[data-button-theme=yellow],.button-color-option[data-button-color=yellow]){--button-accent:#ffd128;--button-ink:#2d2300;--button-border:#ffd128}
.button-color-settings{border:0;padding:0;margin:20px 0 12px;min-width:0}
.button-color-settings legend{font-size:13px;font-weight:600;margin-bottom:12px;color:inherit}
.button-color-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.button-color-option{display:flex;flex-direction:column;align-items:stretch;gap:9px;min-width:0;min-height:96px;padding:6px 6px 10px;border:1px solid #ffffff17;border-radius:14px;background:#131316;color:#e9e6ee;font:inherit;font-size:11px;font-weight:550;line-height:1.35;cursor:pointer;transition:border-color .15s,transform .15s}
.button-color-swatch{position:relative;display:grid;place-items:center;width:100%;height:49px;flex-shrink:0;border-radius:9px;background:linear-gradient(135deg,#ffffff15,transparent 65%),var(--button-accent);box-shadow:inset 0 1px 0 #ffffff30;overflow:hidden}
.button-color-swatch:before{content:"";position:absolute;width:70px;height:70px;right:-23px;top:-30px;border:12px solid #ffffff15;border-radius:50%}
.button-color-name{text-align:center;white-space:nowrap;font-size:inherit}
.button-color-check{display:none;width:23px;height:23px;padding:4px;border-radius:50%;background:#ffffffdc;stroke:#15151a;stroke-width:2.5;fill:none;stroke-linecap:round;stroke-linejoin:round}
.button-color-option[aria-pressed=true]{border-color:var(--button-accent);box-shadow:0 0 0 1px var(--button-accent);background:#1a1a20}
.button-color-option[aria-pressed=true] .button-color-check{display:block}
.button-color-option:hover{border-color:var(--button-accent)}
.button-color-option:focus-visible{outline:2px solid var(--button-accent);outline-offset:3px}
.button-color-status{font-size:11px!important;line-height:1.5;min-height:17px;color:#999!important;margin:10px 0 0!important}
.appearance-help{font-size:12px!important;color:#aaa!important;line-height:1.5;margin:0 0 17px!important}
#appearance-dialog{background:#171719;border:1px solid #363638;border-radius:16px;padding:22px;max-width:380px;max-height:85dvh;overflow-y:auto;width:calc(100% - 32px);color:#f4f4f4}
#appearance-dialog .appearance-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 12px}
#appearance-dialog h2{font-size:20px;letter-spacing:-.5px;margin:0}
#appearance-close{display:grid;place-items:center;width:40px;height:40px;min-height:40px;padding:0;background:transparent;border:0;color:#aaa;font-size:24px}
#appearance-dialog .button-color-picker{justify-content:normal;margin:0}
#appearance-dialog .appearance-profile{font-size:12px;color:#aaa;display:inline-flex;align-items:center;min-height:44px;text-decoration:none;margin-top:9px}
::selection{background:var(--button-accent);color:var(--button-ink);text-shadow:none}
@media(max-width:360px){.button-color-picker{gap:7px}.button-color-option{font-size:10px;padding:5px 5px 9px}.button-color-swatch{height:44px}#appearance-dialog{padding:18px}}
@media(prefers-reduced-motion:reduce){.button-color-option{transition:none}}