.chip{font-size:.875em;padding:8px 16px;border-radius:24px;color:#6a6c70;background-color:#f7f8fa;transition:.3s ease;cursor:pointer}.chip>input{position:fixed;opacity:0}.chip.border{border:1px solid #c6c9cf}.chip.active{color:#34bfa6;border:1px solid #34bfa6}.chip.active,.chip.active:hover{background-color:#ebf9f6}.chip:hover{background-color:#dadce0}.roles-chips{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;width:100%}