.chips{display:flex;flex-wrap:wrap;margin:-5px}.chips .chip{margin:5px}.chip{background-color:#fff;border:1px solid #000;border-radius:100px;color:#142027;display:flex;font-size:.875rem;font-weight:600;padding:5px 10px;position:relative;transition:all .3s;white-space:nowrap;width:-moz-fit-content;width:fit-content}.chip__close-btn{display:flex;height:15px;margin-left:10px;transition:transform .3s;width:15px}.chip__close-btn svg{height:100%;width:100%;--current-color:#000}.chip__close-btn:hover{transform:rotate(180deg)}.chip--link{cursor:pointer}.chip--link:hover .chip__bg-color{filter:brightness(.9)}.chip--link:active .chip__bg-color{filter:brightness(.8)}.chip--active{background-color:#25a3ae;border-color:#25a3ae;color:#fff;z-index:1}.chip:not(.chip--readonly).chip--link:hover{background-color:#25a3ae;border-color:#25a3ae;color:#fff;z-index:5}.chip--readonly{cursor:default;pointer-events:none}