/* Checkbox · the kit rules for this component, quoted from phase-2/kit (kit v3) by phase-4/src/build_pack.py.
   Tokens come from ../../styles.css. Build it as: Checkbox. */
/* base.css */
.cb{appearance:none;-webkit-appearance:none;display:inline-block;flex:none;width:18px;height:18px;margin:0;vertical-align:middle;cursor:pointer;border:1.5px solid hsl(var(--input));border-radius:var(--r-chip);background:hsl(var(--background)) no-repeat center / 14px 14px;transition:background-color var(--motion-hover),border-color var(--motion-hover),box-shadow var(--motion-focus)}
/* base.css */
input[type=radio].cb, .cb.rd{border-radius:50%}
/* base.css */
.cb:hover, .cb.is-hover{border-color:hsl(var(--input-hover))}
/* base.css */
.cb:checked, .cb[type=checkbox]:indeterminate{background-color:hsl(var(--primary));border-color:hsl(var(--primary))}
/* base.css */
.cb[type=checkbox]:checked{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FAFAF8' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E")}
/* base.css */
.cb[type=checkbox]:indeterminate{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FAFAF8' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M6 12h12'/%3E%3C/svg%3E")}
/* base.css */
input[type=radio].cb:checked{background-color:hsl(var(--background));box-shadow:inset 0 0 0 4px hsl(var(--primary))}
/* base.css */
.cb:focus-visible, .cb.is-focus{outline:0;box-shadow:var(--focus-ring)}
/* base.css */
input[type=radio].cb:checked:focus-visible, input[type=radio].cb.is-focus:checked{box-shadow:inset 0 0 0 4px hsl(var(--primary)),var(--focus-ring)}
/* base.css */
.cb.err{border-color:hsl(var(--destructive))}
/* base.css */
.cb:disabled{background-color:hsl(var(--muted));border-color:hsl(var(--border));cursor:not-allowed}
/* base.css */
.cb[type=checkbox]:disabled:checked{background-color:hsl(var(--muted-foreground)/.55);border-color:transparent}
/* base.css */
input[type=radio].cb:disabled:checked{box-shadow:inset 0 0 0 4px hsl(var(--muted-foreground)/.55)}
/* base.css */
.kit-m .cb{width:20px;height:20px;background-size:16px 16px}