.roles{display:flex;flex-wrap:wrap;overflow:auto;padding:5px;max-width:280px;max-height:400px}.roles::-webkit-scrollbar{width:4px}.roles::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.1);border-radius:2px}.roles-handle{cursor:pointer}.roles .item{box-sizing:border-box;padding:5px;width:50%}.roles.alone .item{width:100%}.roles span{background-color:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.3);border-radius:2px;cursor:pointer;display:block;color:#fff;padding:6px 8px;overflow:hidden;text-overflow:ellipsis;text-align:center;white-space:nowrap}.roles span:hover{border-color:#fff;background-color:#fff;color:#333}