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