.clb{border:0;margin:0 0 var(--space-6);padding:0;min-width:0}.clb-legend{padding:0;margin-bottom:10px;font-family:var(--font-mono);font-weight:var(--fw-label);font-stretch:87.5%;font-size:var(--fs-label-sm);letter-spacing:var(--tr-label-sm);text-transform:uppercase;color:var(--on-fg-2)}.clb-legend span{font-family:var(--font-body, inherit);font-weight:400;font-stretch:100%;text-transform:none;letter-spacing:0;opacity:.8}.clb-row{display:flex;flex-wrap:wrap;gap:8px}.clb-i{position:relative;display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:0 16px 0 12px;cursor:pointer;background:var(--white);color:var(--ink);border-radius:999px;box-shadow:inset 0 0 0 1.5px var(--hair);transition:box-shadow var(--dur-hover) var(--ease-standard),transform var(--dur-press) var(--ease-standard)}.clb-i:hover{box-shadow:inset 0 0 0 1.5px var(--grey-3)}.clb-i:active{transform:scale(.98)}.clb-i[data-on]{box-shadow:inset 0 0 0 2.5px var(--navy)}.clb-i input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.clb-i:has(input:focus-visible){outline:2px solid var(--navy);outline-offset:3px}.clb-i b{font-family:var(--font-mono);font-weight:var(--fw-label);font-stretch:87.5%;font-size:13px;letter-spacing:.04em;line-height:1.2;white-space:nowrap}.clb-i[data-none] b{text-transform:none;letter-spacing:0;font-family:var(--font-body, inherit);font-weight:600;font-stretch:100%;font-size:14px}.clb-tick{flex:0 0 auto;position:relative;width:18px;height:18px;border-radius:4px;background:var(--white);box-shadow:inset 0 0 0 1.5px var(--grey-3);transition:background var(--dur-hover) var(--ease-standard),box-shadow var(--dur-hover) var(--ease-standard)}.clb-i[data-on] .clb-tick{background:var(--navy);box-shadow:inset 0 0 0 1.5px var(--navy)}.clb-tick:after{content:"";position:absolute;left:6px;top:2.5px;width:5px;height:9px;border:solid var(--white);border-width:0 2px 2px 0;transform:rotate(42deg) scale(.4);opacity:0;transition:opacity var(--dur-hover) var(--ease-standard),transform var(--dur-hover) var(--ease-standard)}.clb-i[data-on] .clb-tick:after{opacity:1;transform:rotate(42deg) scale(1)}.clb-hint{margin:8px 0 0;font-size:13.5px;line-height:1.45;color:var(--ink-2);max-width:56ch}@media (prefers-reduced-motion: reduce){.clb-i,.clb-tick,.clb-tick:after{transition:none}}