@layer components{.cl-label{display:block;font-size:12.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2)}.cl-note{margin-top:8px;font-size:13.5px;color:var(--ink-2);line-height:1.45}.cl-radios{border:0;margin:0;padding:0;min-width:0}.cl-radios legend{padding:0;margin:0 0 8px}.cl-pills{display:flex;flex-wrap:wrap;gap:6px}.cl-pill{position:relative;display:inline-flex;flex:1 1 auto}.cl-pill input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;z-index:1}.cl-pill span{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:100%;min-height:var(--tap);padding:0 15px;border-radius:999px;border:1px solid var(--line-2);background:var(--chip);color:var(--ink);font-weight:700;font-size:14.5px;transition:background .2s,color .2s}.cl-pill input:hover+span{background:var(--chip-hover)}.cl-pill input:checked+span{background:var(--chip-on);color:var(--chip-on-ink);border-color:transparent}.cl-pill input:focus-visible+span{outline:3px solid var(--focus);outline-offset:2px}}