.clickable-chip{--bs-btn-active-bg:#d5d4d4;--bs-btn-active-color:#000;--bs-btn-line-height:1.3;--bs-btn-border-radius:2rem;display:flex;-moz-column-gap:.5rem;column-gap:.5rem;align-items:center;height:2.5rem;background:var(--Background-OnSurface) border-box}.clickable-chip.btn-large{--bs-btn-padding-x:.6875rem;--bs-btn-padding-y:.4375rem;--bs-btn-font-size:1.125rem}.clickable-chip.btn-large img{width:1.5rem;height:auto}@media(max-width:767.98px){.clickable-chip.btn-large{--bs-btn-font-weight:400;--bs-btn-border-radius:1.375rem}}.clickable-chip.btn-small{--bs-btn-padding-x:.75rem;--bs-btn-padding-y:.5rem;--bs-btn-font-size:.9375rem}.clickable-chip.btn-small img{width:1rem;height:auto}.clickable-chip:hover,.clickable-chip:focus-visible{background:var(--Background-Surface) padding-box,var(--State-HoverBorderOnSurface) border-box}:not(.btn-check)+.clickable-chip:active img,.clickable-chip:first-child:active img,.btn-check:checked+.clickable-chip img,.clickable-chip.active img,.clickable-chip.show img{filter:invert(100%)}:not(.btn-check)+.clickable-chip:active,.clickable-chip:first-child:active{background:var(--bs-btn-active-bg) border-box}.btn-check:checked+.clickable-chip,.clickable-chip.active,.clickable-chip.show{background:#fff border-box}@media(min-width:768px){.clickable-chip{--bs-btn-line-height:1.4;-moz-column-gap:.75rem;column-gap:.75rem}.clickable-chip.btn-large{--bs-btn-padding-x:.9375rem;--bs-btn-padding-y:.6875rem;--bs-btn-font-size:1.375rem;height:3.5rem}.clickable-chip.btn-small{--bs-btn-padding-x:.9375rem;--bs-btn-font-size:1rem}.clickable-chip.btn-small img{width:1.5rem}}