.rx2 { margin:10px 0; border-top:1px solid #eee; padding-top:8px; }
.rx2-row { display:flex; align-items:center; }
.rx2-row-top { justify-content:space-between; gap:10px; }
.rx2-left { display:flex; flex-wrap:wrap; gap:6px; align-items:center; }
.rx2-right { min-width:28px; text-align:right; font-size:18px; }
.rx2-mine { font-size:18px; line-height:1; display:inline-flex; align-items:center; }
.rx2-mine--empty { color: transparent; }

.rx2-chip {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  border: 1px solid #e6e6e6;
  background: #fff;
  padding: 3px 7px;
  border-radius: 999px;
  font-size: 13px;  
  line-height: 1;
}
.rx2-emoji {
  font-size: 12px;  
  line-height: 1;
}

.rx2-count {
  font-weight: 500;
  font-size: 12px;  
  color: #000;      
  margin-left: 1px;
}
.rx2-none { color:#888; font-size:13px; }

.rx2-row-bottom { justify-content:center; margin-top:6px; }
.rx2-react-toggle {
  border:1px solid #d9d9d9; background:#fff; border-radius:999px;
  padding:6px 12px; font-size:14px; cursor:pointer;
  display:inline-flex; align-items:center; gap:8px;
  box-shadow:0 1px 1px rgba(0,0,0,.04);
}
.rx2-react-toggle:hover { border-color:#c9c9c9; }

.rx2-chooser {
  display:flex; justify-content:center; gap:8px; flex-wrap:wrap;
  padding:8px; margin-top:8px; border:1px solid #eee; border-radius:12px;
  background:#fafafa;
}
.rx2-chooser[hidden] { display:none !important; }
.rx2-choice {
  display:inline-flex; align-items:center; gap:6px;
  border:1px solid #e5e7eb; background:#fff; border-radius:10px;
  padding:6px 10px; cursor:pointer; font-size:14px;
}
.rx2-choice[aria-pressed="true"] {
  background:#e8f0fe; border-color:#bcd0ff;
}
.rx2-chip {
  background: #fafafa;
  border-color: #ddd;
  box-shadow: 0 1px 1px rgba(0,0,0,0.03);
}
.rx2-chip:hover {
  border-color: #ccc;
  background: #f5f5f5;
}