@charset "utf-8";

.rhy-pill-plain { display: inline-flex; align-items: center; gap: 6px; padding: 10px 18px; background: rgb(255, 255, 255); border: 1.5px solid rgb(228, 228, 224); border-radius: 10px; font-size: 0.88rem; font-family: inherit; color: rgb(45, 61, 90); cursor: pointer; transition: border-color 0.18s, background 0.18s, box-shadow 0.18s; white-space: nowrap; font-weight: 500; box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 3px; }

.rhy-pill-plain:hover { border-color: rgb(36, 52, 71); box-shadow: rgba(36, 52, 71, 0.1) 0px 2px 8px; }

.rhy-pill-plain.rhy-selected { background: rgb(221, 229, 216); border-color: rgb(36, 52, 71); color: rgb(30, 45, 61); font-weight: 600; }

.rhy-pills { display: flex; flex-wrap: wrap; gap: 8px; margin: 8px 0px 16px; }