a.chip,button.chip,input.chip{width:max-content;display:flex;align-items:baseline;gap:.3em;font-size:.7rem;line-height:100%;text-transform:uppercase;letter-spacing:.01em;text-decoration:none;padding:.45rem .5rem .48rem;border-radius:var(--radius-s);border:2px solid;cursor:pointer;transition:var(--transition-basic)}input.chip{outline:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent}input.chip::placeholder{color:currentColor;font-size:.7rem;line-height:100%;text-transform:uppercase;letter-spacing:.01em;opacity:.9}input.chip::-webkit-search-decoration,input.chip::-webkit-search-results-button,input.chip::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none;appearance:none}input.chip::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1.6em;height:1.6em;margin-left:.4rem;border-radius:var(--radius-s);background-color:transparent;background-repeat:no-repeat;background-position:center;background-size:60% 60%;cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M6 6 L18 18 M18 6 L6 18' stroke='%23ffffff' stroke-width='2' stroke-linecap='square'/></svg>")}a.chip:hover,button.chip:hover,input.chip:hover,input.chip:focus{color:var(--c-bg);background-color:var(--c-text);border-color:var(--c-text)}a.chip.active,button.chip.active{color:var(--c-bg);background-color:var(--c-text);border-color:var(--c-text)}@media screen and (max-width: 500px){a.chip,button.chip,input.chip{font-size:.8rem}}