.ccb-wrap{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;gap:10px;display:inline-flex}.ccb-wrap.disabled{opacity:.6;cursor:not-allowed}.ccb-box{cursor:pointer;background:#fff;border:1.5px solid rgba(15,23,42,.35);border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;margin:0;padding:0;line-height:0;transition:transform .12s,box-shadow .12s,border-color .12s,background .12s;display:inline-flex;position:relative;box-shadow:0 2px rgba(12,15,25,.06)}.ccb-box:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(12,15,25,.12)}.ccb-box.on{background:linear-gradient(180deg,var(--accent1,#2563eb),var(--accent2,#7c3aed));border-color:transparent}.ccb-box:active{filter:saturate(1.03);transform:translateY(0)}.ccb-check{width:16px;height:16px}.ccb-ring{opacity:0;pointer-events:none;background:rgba(124,58,237,.18);border-radius:9999px;width:36px;height:36px;transition:opacity .15s,transform .15s;position:absolute;transform:scale(.9)}.ccb-box:focus-visible .ccb-ring{opacity:1;transform:scale(1)}.ccb-glow{filter:blur(6px);pointer-events:none;opacity:.6;background:radial-gradient(12px 12px,rgba(124,58,237,.1),transparent 60%);border-radius:12px;position:absolute;top:-8px;bottom:-8px;left:-8px;right:-8px}.ccb-wrap.disabled .ccb-box{box-shadow:none;cursor:not-allowed;background:#f3f4f6;border-color:#d1d5db}.ccb-wrap.disabled .ccb-label{color:#9ca3af}.ccb-label{color:#0f172a;font-weight:700;line-height:1.3}.ccb-label a{color:var(--accent1,#2563eb);font-weight:800;text-decoration:none}.ccb-label a:hover{text-decoration:underline}