.chip{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);border-radius:var(--radius-md);border:1px solid var(--border-light);color:var(--text-white-50);padding:0 var(--spacing-smX);height:40px;line-height:normal}.chip:hover,.chip:active,.chip:focus{color:var(--text-white-50)}.chip__icon{width:16px}.chip--active{border-color:transparent;background-color:var(--color-accent-transparent);color:var(--color-accent)}@media(min-width:1024px){.chip{font-size:var(--font-size-md)}}