.chip{display:inline-block}.chip__input{position:absolute;width:1px;height:1px;border:0;padding:0;margin:-1px;clip:rect(0 0 0 0);overflow:hidden}.chip__input[type=button]+.chip__label--default{padding:.4rem 1.2rem .4rem 1.6rem}.chip__input[type=button]+.chip__label--small{padding:0 .8rem 0 1.2rem}.chip__input:checked+.chip__label,.chip__input[type=button]+.chip__label{color:var(--primary-dark);background-color:var(--primary-lightest);border-color:var(--primary);transition:all .2s linear}.chip__input:checked+.chip__label .chip__icon,.chip__input:checked+.chip__label .chip__icon svg,.chip__input[type=button]+.chip__label .chip__icon,.chip__input[type=button]+.chip__label .chip__icon svg{fill:var(--primary-dark)}.chip__input:disabled+.chip__label{color:#d9d3cc;background-color:#fbf9f7;border-color:#f3eee8;cursor:auto}.chip__input:disabled+.chip__label .chip__icon,.chip__input:disabled+.chip__label .chip__icon svg{fill:#d9d3cc}.chip__label{display:inline-flex;align-items:center;color:#7a736b;font-size:1.6rem;font-weight:500;line-height:1;background-color:#fff;border:1px solid var(--primary-lightest);border-radius:9999px;white-space:nowrap;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all .2s linear}.chip__label--default{height:4.8rem;padding:.4rem 1.6rem}.chip__label--small{height:3.2rem;padding:0 1.2rem}.chip__input:focus-visible:not(:checked)+.chip__label,.chip__label:hover{color:var(--primary-dark);box-shadow:0 4px 8px #867e750a,0 0 4px #867e751f;transition:color .2s linear}.chip__input:focus-visible:not(:checked)+.chip__label .chip__icon,.chip__input:focus-visible:not(:checked)+.chip__label .chip__icon svg,.chip__label:hover .chip__icon,.chip__label:hover .chip__icon svg{fill:var(--primary-dark)}.chip__icon,.chip__icon svg{fill:#7a736b;transition:all .2s linear}