.cc{display: grid;gap: 20px}.cc-groups{display: grid;gap: 14px}.cc-group{display: grid;grid-template-columns: 104px 1fr;align-items: start;gap: 10px 16px}.cc-group__h{padding-top: 10px;font-size: 12.5px;font-weight: 600;letter-spacing: .06em;text-transform: uppercase;color: var(--muted)}.cc-cases{display: flex;flex-wrap: wrap;gap: 8px}.cc-case{padding: 8px 14px;border-radius: 999px;cursor: pointer;font: 600 14px var(--font);color: var(--ink);background: #fbf7f2;border: 1px solid rgba(29,23,18,.1);transition: border-color .2s,color .2s,background .2s}.cc-group:last-child .cc-case{font: 500 13.5px var(--mono)}.cc-case:hover:not(:disabled){border-color: var(--copper);color: var(--copper)}.cc-case[aria-pressed="true"]{color: var(--cream);background: var(--espresso);border-color: var(--espresso)}.cc-case:disabled{cursor: not-allowed;opacity: .5}@media (max-width: 560px){.cc-group{grid-template-columns: 1fr}.cc-group__h{padding-top: 0}}@media (prefers-reduced-motion: reduce){.cc-case{transition: none}}