.citizen-handle{font-size:13px;color:#d6e9a6;margin:6px 0 12px;overflow-wrap:anywhere}
.citizen-mention,.cinema-dialog .citizen-mention{display:inline;border:0!important;border-radius:4px;padding:1px 4px!important;background:#3a492b!important;color:#e9ffb6!important;font:inherit!important;cursor:pointer;overflow-wrap:anywhere}
.citizen-mention.mentions-you{outline:1px solid #d9ee98}
#generalChatForm,#networkMessageForm,#cinemaChatForm{position:relative}
.mention-suggestions,.city-mention-options{position:absolute;left:0;right:0;bottom:calc(100% + 8px);z-index:20;display:grid;padding:6px;background:#202a21;border:1px solid #687d4a;border-radius:10px;box-shadow:0 5px 24px #0008;max-height:220px;overflow:auto}
.mention-suggestions[hidden]{display:none}
.mention-suggestions button,.city-mention-options button{display:block;width:100%;text-align:left;padding:10px 12px;border:0;border-radius:5px;background:transparent;color:#edf5d3;font:inherit;cursor:pointer}
.mention-suggestions button[aria-selected=true],.city-mention-options button[aria-selected=true],.mention-suggestions button:hover,.city-mention-options button:hover{background:#3a492d}
#customizer .accessory-colors{display:flex;flex-wrap:wrap;gap:10px;grid-column:1/-1;margin:8px 0 18px}
#customizer .accessory-colors button{flex:none;width:38px;height:40px;position:relative}
#displayNameField small{display:block;font-size:11px;font-weight:400;letter-spacing:0;line-height:1.6;margin-top:7px;color:#aebf97}