@layer components{.checkbox--parent{--parent-color: var(--color-primary);--parent-line-color: var(--parent-color);--parent-line-thickness: 2px;--checkbox-size: var(--checkbox-size, 24px)}.checkbox--parent .checkbox__control{background:var(--surface-1)}.checkbox--parent .checkbox__control::after{content:"";position:absolute;left:50%;top:50%;width:calc(var(--checkbox-size) * 0.6);height:var(--parent-line-thickness);background:var(--parent-line-color);border-radius:999px;transform:translate(-50%, -50%) scaleX(0);opacity:0;transition:transform var(--motion-duration-moderate) var(--motion-ease-soft-in-out),opacity var(--motion-duration-swift) var(--motion-ease-soft-out),background var(--motion-duration-swift) var(--motion-ease-soft-out)}.checkbox--parent[data-state="none"]:hover .checkbox__control::after{opacity:1;transform:translate(-50%, -50%) scaleX(1);background:var(--parent-line-color)}.checkbox--parent[data-state="partial"] .checkbox__control{background:var(--parent-color);border-color:var(--parent-color)}.checkbox--parent[data-state="partial"] .checkbox__control::after{opacity:1;transform:translate(-50%, -50%) scaleX(1);background:var(--parent-line-color-contrast, var(--color-paper))}.checkbox--parent[data-state="all"] .checkbox__control{background:var(--checkbox-checked-bg, var(--surface-1));border-color:var(--checkbox-checked-border-color, var(--color-primary))}.checkbox--parent[data-state="all"] .checkbox__control::after{width:var(--checkbox-inner-size, 16px);height:var(--checkbox-inner-size, 16px);border-radius:var(--radius-xs, 2px);background:var(--checkbox-inner-color, var(--color-primary));transform:translate(-50%, -50%) scale(1);opacity:1}.checkbox-parent-group{display:flex;flex-direction:column;gap:var(--space-unit-2_5, 10px)}.checkbox-parent-group .checkbox .checkbox__label{margin-left:16px}.checkbox-parent-group .checkbox--child{margin-left:calc(var(--checkbox-size, 24px) + 16px)}.checkbox{--checkbox-size: 24px;--checkbox-inner-size: 16px;--checkbox-spacing: var(--space-unit-2);--checkbox-border-width: 2px;--checkbox-border-color: var(--border-1);--checkbox-before: var(--checkbox-before-default);--checkbox-checked-border-color: var(--color-primary);--checkbox-checked-bg: var(--surface-1);--checkbox-inner-color: var(--color-primary);--checkbox-label-color: var(--text);--checkbox-bg: var(--surface-1);display:inline-flex;align-items:center;gap:var(--checkbox-spacing);cursor:pointer;user-select:none;-webkit-user-select:none;font-family:var(--font-family-body);font-size:var(--font-size-body-m, 14px);font-weight:400;line-height:1.5;color:var(--checkbox-label-color);transition:color var(--motion-duration-quick) var(--motion-ease-soft-out)}.checkbox__input{position:absolute;opacity:0;pointer-events:none;width:0;height:0}.checkbox__control{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--checkbox-size, 24px);height:var(--checkbox-size, 24px);min-width:var(--checkbox-size, 24px);min-height:var(--checkbox-size, 24px);border-radius:var(--radius-sm, 4px);border:var(--checkbox-border-width, 2px) solid var(--checkbox-border-color, var(--border-1));background:var(--checkbox-bg, var(--surface-1));cursor:pointer;box-shadow:none;transition:border-color var(--motion-duration-swift) var(--motion-ease-soft-out),background var(--motion-duration-swift) var(--motion-ease-soft-out),transform var(--motion-duration-quick) var(--motion-ease-lunar-float),box-shadow var(--motion-duration-moderate) var(--motion-ease-elevate)}.checkbox__control::before{content:"";position:absolute;inset:0;padding:var(--checkbox-border-width, 2px);border-radius:inherit;background:var(--checkbox-before, var(--checkbox-before-default));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;pointer-events:none;z-index:1;opacity:0;transition:opacity var(--motion-duration-swift) var(--motion-ease-soft-out)}.checkbox__control::after{content:"";position:absolute;left:50%;top:50%;width:var(--checkbox-inner-size, 16px);height:var(--checkbox-inner-size, 16px);border-radius:var(--radius-xs, 2px);background:var(--checkbox-inner-color, var(--color-primary));transform:translate(-50%, -50%) scale(0);opacity:0;z-index:2;transition:transform var(--motion-duration-moderate) var(--motion-ease-bounce-lunar),opacity var(--motion-duration-quick) var(--motion-ease-soft-in-out)}.checkbox__control:hover{background:var(--glass-bg, rgba(255,255,255,0.72));backdrop-filter:blur(10px) saturate(120%);-webkit-backdrop-filter:blur(10px) saturate(120%);background-clip:padding-box;-webkit-background-clip:padding-box;background:var(--checkbox-bg);border-color:transparent;transform:translateY(calc(-1 * var(--motion-translate-micro))) var(--motion-scale-hover);box-shadow:var(--elev-1);transition:border-color var(--motion-duration-swift) var(--motion-ease-soft-out),background var(--motion-button-hover-duration) var(--motion-button-hover-easing),transform var(--motion-button-hover-duration) var(--motion-button-hover-easing),box-shadow var(--motion-button-hover-duration) var(--motion-button-hover-easing),backdrop-filter var(--motion-button-hover-duration) var(--motion-button-hover-easing),-webkit-backdrop-filter var(--motion-button-hover-duration) var(--motion-button-hover-easing)}.checkbox__control:hover::before{opacity:1}.checkbox__control:active{transform:var(--motion-scale-press);transition-duration:var(--motion-button-press-duration);transition-timing-function:var(--motion-button-press-easing)}.checkbox__control:focus-visible{outline:2px solid var(--checkbox-focus-ring-color, rgba(12,80,255,0.4));outline-offset:2px;box-shadow:var(--elev-focus-secondary),0 0 0 6px var(--checkbox-focus-glow-color, rgba(12,80,255,0.1));transition-duration:var(--motion-duration-swift)}.checkbox__label{cursor:pointer;color:inherit}.checkbox__input:checked~.checkbox__control,.checkbox--checked .checkbox__control{background:var(--checkbox-checked-bg, var(--surface-1));border-color:var(--checkbox-checked-border-color, var(--color-primary))}.checkbox__input:checked~.checkbox__control::after,.checkbox--checked .checkbox__control::after{transform:translate(-50%, -50%) scale(1);opacity:1;background:var(--checkbox-inner-color, var(--color-primary))}.checkbox__input:indeterminate~.checkbox__control{background:var(--checkbox-checked-bg, var(--surface-1));border-color:var(--checkbox-checked-border-color, var(--color-primary))}.checkbox__input:indeterminate~.checkbox__control::after{width:calc(var(--checkbox-size, 24px) * 0.6);height:2px;border-radius:999px;background:var(--checkbox-inner-color, var(--color-primary));transform:translate(-50%, -50%) scaleX(1);opacity:1}.checkbox__input:disabled~.checkbox__control,.checkbox--disabled .checkbox__control,.checkbox[aria-disabled="true"] .checkbox__control{opacity:.5;cursor:not-allowed;pointer-events:none;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;background:var(--surface-1)}.checkbox__input:disabled~.checkbox__control::after,.checkbox--disabled .checkbox__control::after,.checkbox[aria-disabled="true"] .checkbox__control::after{background:var(--text-disabled)}.checkbox__input:disabled~.checkbox__label,.checkbox--disabled .checkbox__label,.checkbox[aria-disabled="true"] .checkbox__label{color:var(--text-disabled);cursor:not-allowed}.checkbox__input:focus-visible~.checkbox__control:focus-visible{outline:2px solid var(--checkbox-focus-ring-color, rgba(12,80,255,0.4));outline-offset:2px;box-shadow:var(--elev-focus-secondary),0 0 0 6px var(--checkbox-focus-glow-color, rgba(12,80,255,0.1));transition-duration:var(--motion-duration-swift)}.checkbox:hover:not(.checkbox--disabled):not([aria-disabled="true"]) .checkbox__control:hover{background:var(--glass-bg, rgba(255,255,255,0.72));backdrop-filter:blur(10px) saturate(120%);-webkit-backdrop-filter:blur(10px) saturate(120%);background-clip:padding-box;-webkit-background-clip:padding-box;background:var(--checkbox-bg);border-color:transparent;transform:translateY(calc(-1 * var(--motion-translate-micro))) var(--motion-scale-hover);box-shadow:var(--elev-1);transition:border-color var(--motion-duration-swift) var(--motion-ease-soft-out),background var(--motion-button-hover-duration) var(--motion-button-hover-easing),transform var(--motion-button-hover-duration) var(--motion-button-hover-easing),box-shadow var(--motion-button-hover-duration) var(--motion-button-hover-easing),backdrop-filter var(--motion-button-hover-duration) var(--motion-button-hover-easing),-webkit-backdrop-filter var(--motion-button-hover-duration) var(--motion-button-hover-easing)}.checkbox:hover:not(.checkbox--disabled):not([aria-disabled="true"]) .checkbox__control:hover::before{opacity:1}.checkbox:hover:not(.checkbox--disabled):not([aria-disabled="true"]) .checkbox__control:active{transform:var(--motion-scale-press);transition-duration:var(--motion-button-press-duration);transition-timing-function:var(--motion-button-press-easing)}.checkbox:hover:not(.checkbox--checked):not(.checkbox--disabled):not([aria-disabled="true"]) .checkbox__control::after{opacity:0.3;transform:translate(-50%, -50%) scale(1)}.checkbox--sm{--checkbox-size: 18px;--checkbox-inner-size: 12px;--checkbox-spacing: var(--space-unit-1_5);font-size:var(--font-size-body-s, 12px)}.checkbox--md{--checkbox-size: 24px;--checkbox-inner-size: 16px;--checkbox-spacing: var(--space-unit-2)}.checkbox--lg{--checkbox-size: 28px;--checkbox-inner-size: 20px;--checkbox-spacing: var(--space-unit-2_5);font-size:var(--font-size-body-l, 16px)}.checkbox--xl{--checkbox-size: 32px;--checkbox-inner-size: 24px;--checkbox-spacing: var(--space-unit-3);font-size:var(--font-size-body-l, 16px)}.checkbox--primary{--checkbox-before: var(--checkbox-before-primary);--checkbox-checked-border-color: var(--color-primary);--checkbox-inner-color: var(--color-primary);--checkbox-focus-color: var(--color-primary)}.checkbox--secondary{--checkbox-before: var(--checkbox-before-secondary);--checkbox-checked-border-color: var(--color-secondary);--checkbox-inner-color: var(--color-secondary);--checkbox-focus-color: var(--color-secondary)}.checkbox--success{--checkbox-before: var(--checkbox-before-success);--checkbox-checked-border-color: var(--success-500);--checkbox-inner-color: var(--success-500);--checkbox-focus-color: var(--success-500)}.checkbox--warning{--checkbox-before: var(--checkbox-before-warning);--checkbox-checked-border-color: var(--warning-500);--checkbox-inner-color: var(--warning-500);--checkbox-focus-color: var(--warning-500)}.checkbox--danger{--checkbox-before: var(--checkbox-before-danger);--checkbox-checked-border-color: var(--danger-500);--checkbox-inner-color: var(--danger-500);--checkbox-focus-color: var(--danger-500)}.checkbox-group{display:flex;flex-direction:column;gap:var(--space-unit-2_5)}.checkbox-group__label{font-family:var(--font-family-body);font-size:var(--font-size-body-m, 14px);font-weight:500;color:var(--text-label);margin-bottom:var(--space-unit-1)}.checkbox-group__items{display:flex;flex-direction:column;gap:var(--space-unit-2_5)}.checkbox-group--horizontal .checkbox-group__items{flex-direction:row;flex-wrap:wrap;gap:var(--space-unit-4)}.checkbox-group--compact{gap:var(--space-unit-1_5)}.checkbox-group--compact .checkbox-group__items{gap:var(--space-unit-1_5)}.checkbox-group--spacious{gap:var(--space-unit-4)}.checkbox-group--spacious .checkbox-group__items{gap:var(--space-unit-4)}.checkbox-group--disabled{opacity:0.6;pointer-events:none}.checkbox-group--disabled .checkbox-group__label{color:var(--text-disabled)}.checkbox--with-description{align-items:flex-start}.checkbox--with-description .checkbox__control{margin-top:2px}.checkbox--with-description .checkbox__label-wrapper{display:flex;flex-direction:column;gap:var(--space-unit-0_5)}.checkbox--with-description .checkbox__description{font-size:var(--font-size-caption, 12px);color:var(--text-muted);line-height:1.4}.checkbox--card{padding:var(--space-unit-3);border-radius:var(--radius-md);border:1px solid var(--border-0);background:var(--surface-1);transition:border-color var(--motion-card-hover-duration) var(--motion-card-hover-easing),background var(--motion-card-hover-duration) var(--motion-card-hover-easing),box-shadow var(--motion-card-hover-duration) var(--motion-card-hover-easing),transform var(--motion-card-hover-duration) var(--motion-card-hover-easing)}.checkbox--card:hover:not(.checkbox--disabled){border-color:var(--border-1);box-shadow:var(--elev-2);transform:translateY(-2px)}.checkbox--card.checkbox--checked{border-color:var(--checkbox-checked-border-color, var(--color-primary));background:var(--checkbox-card-checked-bg, rgba(255,72,0,0.05));box-shadow:var(--elev-1)}.checkbox--inline{display:inline-flex;margin-right:var(--space-unit-4)}@media (prefers-reduced-motion: reduce){.checkbox,.checkbox__control,.checkbox__control::before,.checkbox__control::after,.checkbox--card{transition-duration:10ms !important;animation:none !important}}@media (prefers-contrast: high){.checkbox__control{border-width:3px}}[data-theme="dark"] .checkbox{--checkbox-bg: var(--surface-1);--checkbox-border-color: var(--border-1)}}