/* The same pastel belongs to the account, independently of the selected portrait. */
.barae-account-backgrounds{border:0;padding:0;margin:0 0 24px;text-align:left;min-width:0}
.barae-account-backgrounds legend{display:block;width:100%;padding:0;margin:0 0 10px;font-size:13px;font-weight:700}
.barae-account-color-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:7px}
.barae-account-page .barae-account-color{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:1;min-height:32px;padding:0;border:2px solid transparent;border-radius:50%;background:var(--avatar-swatch);color:#39312c;cursor:pointer;box-shadow:inset 0 0 0 1px #39312c16}
.barae-account-color[aria-pressed=true]{border-color:#39312c;box-shadow:0 0 0 2px var(--account-paper,#faf7f0),0 0 0 3px #39312c}
.barae-account-color[aria-pressed=true]::after{content:'✓';font-size:15px;font-weight:800;line-height:1}
.barae-account-background-help{margin:10px 0 0;font-size:11px;line-height:1.5;color:var(--account-muted,#687574)}
.barae-account-portrait,.barae-account-avatar-option,.daily-rank-avatar,.barae-pilot-avatar{background-color:var(--avatar-background-color,#F1E4D1)}
@media(max-width:370px){.barae-account-color-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.barae-account-page .barae-account-color{max-width:42px;justify-self:center}}