/* Identical role identities on quick choices, cards and the event guide selector. */
.guide-role-new{--guide-role-color:#216b5a;--guide-role-bg:#e6f3ee}
.guide-role-organizer{--guide-role-color:#b8463f;--guide-role-bg:#ffe2df}
.guide-role-listener{--guide-role-color:#315fc7;--guide-role-bg:#eef3ff}
.guide-role-account{--guide-role-color:#181a22;--guide-role-bg:#eef0f5}
.guide-role-icon{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--guide-role-bg);color:var(--guide-role-color)}
.guide-role-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.guide-role-label{color:var(--guide-role-color);font-size:11px;font-weight:800;line-height:1.4;letter-spacing:.08em;text-transform:uppercase}
/* Scope past the older styles.css nth-child icon rules, regardless of stylesheet order. */
#main .hub-card .ico.guide-role-icon{color:var(--guide-role-color);background:var(--guide-role-bg)}
#main .hub-card .ico svg{color:inherit}
#main .hub-card-top{justify-content:flex-start;flex-wrap:wrap}
.hub-role-badge{display:inline-flex;align-items:center;gap:10px}
.guide-role-picker button{display:flex;align-items:center;gap:12px;text-align:start;min-width:0;overflow-wrap:anywhere}
.guide-role-picker button .guide-role-icon{display:grid;margin:0;color:var(--guide-role-color);background:var(--guide-role-bg);letter-spacing:normal}
.guide-role-picker button .guide-role-copy{display:flex;flex-direction:column;gap:4px;margin:0;font:inherit;color:inherit;letter-spacing:normal;min-width:0}
.guide-role-picker button .guide-role-label{margin:0;color:var(--guide-role-color);font-size:11px;letter-spacing:.08em}
.guide-role-picker button[data-guide-role][aria-pressed=true]{background:var(--guide-role-bg);border-color:var(--guide-role-color);box-shadow:inset 0 0 0 1px var(--guide-role-color)}
.role-card-head .guide-role-label{display:block;margin-bottom:4px}
.role-icon.guide-role-icon{background:var(--guide-role-bg);color:var(--guide-role-color)}
@media(max-width:640px){.guide-role-picker{flex-wrap:wrap}.guide-role-picker button{flex-basis:220px}.guide-role-picker button .guide-role-icon{width:36px;height:36px}}