.ccb-wrap{display:grid;grid-template-columns:auto 1fr;column-gap:var(--sp-2);row-gap:var(--sp-1);align-items:center}.ccb-heading{font-family:var(--ff-display);font-weight:700;text-transform:uppercase;letter-spacing:0.1em;font-size:0.85rem;color:var(--sc-brand-text-1);white-space:nowrap}.ccb-row{display:flex;flex-wrap:wrap;gap:0.45rem;align-items:center}.ccb-badge{display:inline-flex;align-items:center;justify-content:center;padding:0;background:transparent;border:0;border-radius:50%;cursor:pointer;transition:transform var(--motion-fast) ease,box-shadow var(--motion-fast) ease}.ccb-badge:hover .ccb-dot{transform:scale(1.08)}.ccb-badge--active .ccb-dot{box-shadow:0 0 0 2px var(--sc-paper),0 0 0 4px var(--sc-brand-action)}.ccb-badge--empty{opacity:0.45}.ccb-badge:focus-visible{outline:2px solid var(--sc-brand-action);outline-offset:3px;border-radius:50%}.ccb-dot{width:1.4rem;height:1.4rem;border-radius:50%;background:var(--ccb-color,transparent);border:1px solid rgba(15,17,18,0.5);flex:0 0 auto;transition:transform var(--motion-fast) ease,box-shadow var(--motion-fast) ease}