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