.m3-checkbox{--checkbox-display:inline-flex;--checkbox-align-items:center;--checkbox-padding:0.5rem;--checkbox-cursor:pointer;--checkbox-gap:0.75rem;--checkbox-size:1.125rem;--checkbox-border-radius:0.125rem;--checkbox-border-width:0.125rem;--checkbox-border-color:var(--color-text-muted);--checkbox-background:transparent;--checkbox-check-color:var(--color-on-primary);--checkbox-check-background:var(--color-primary);--checkbox-check-opacity:0;--checkbox-check-content:"\e5ca";--checkbox-check-font-size:1.125rem;--checkbox-state-size:2.5rem;--checkbox-state-color:var(--color-primary);--checkbox-state-opacity:0;--checkbox-label-size:0.875rem;--checkbox-label-color:var(--color-text);--checkbox-transition:all var(--duration-fast) var(--ease-in-out);align-items:var(--checkbox-align-items);color:var(--checkbox-label-color);cursor:var(--checkbox-cursor);display:var(--checkbox-display);font-size:var(--checkbox-label-size);gap:var(--checkbox-gap);padding:var(--checkbox-padding);transition:var(--checkbox-transition);user-select:none}.m3-checkbox input[type=checkbox]{appearance:none;background:var(--checkbox-background);border:var(--checkbox-border-width) solid var(--checkbox-border-color);border-radius:var(--checkbox-border-radius);box-sizing:border-box;cursor:inherit;flex-shrink:0;height:var(--checkbox-size);margin:0;position:relative;width:var(--checkbox-size)}.m3-checkbox input[type=checkbox]:after{align-items:center;background-color:var(--checkbox-check-background);border-radius:var(--checkbox-border-radius);color:var(--checkbox-check-color);content:var(--checkbox-check-content);display:flex;font-family:Material Symbols Outlined;font-size:var(--checkbox-check-font-size);font-weight:var(--font-weight-medium);inset:calc(var(--checkbox-border-width)*-1);justify-content:center;opacity:var(--checkbox-check-opacity);position:absolute;transition:var(--checkbox-transition)}.m3-checkbox input[type=checkbox]:before{background:var(--checkbox-state-color);border-radius:50%;content:"";height:var(--checkbox-state-size);left:50%;opacity:var(--checkbox-state-opacity);position:absolute;top:50%;transform:translate(-50%,-50%);transition:var(--checkbox-transition);width:var(--checkbox-state-size)}.m3-checkbox input[type=checkbox]:checked:after{--checkbox-check-opacity:1}.m3-checkbox input[type=checkbox]:not(:disabled):hover:before{--checkbox-state-opacity:0.08}.m3-checkbox input[type=checkbox]:not(:disabled):focus-visible:before{--checkbox-state-opacity:0.12}.m3-checkbox input[type=checkbox]:not(:disabled):active:before{--checkbox-state-opacity:0.12}.m3-checkbox input[type=checkbox]:disabled{--checkbox-border-color:color-mix(in srgb,var(--color-text) 38%,transparent);--checkbox-cursor:not-allowed}.m3-checkbox input[type=checkbox]:disabled:after{--checkbox-check-background:color-mix(in srgb,var(--color-text) 38%,transparent)}.m3-checkbox:has(input:disabled){--checkbox-label-color:color-mix(in srgb,var(--color-text) 38%,transparent);--checkbox-cursor:not-allowed}.m3-checkbox.checkbox-mode\:indeterminate input[type=checkbox]:after{--checkbox-check-content:"\f88a";--checkbox-check-opacity:1}.m3-checkbox.checkbox-color\:primary{--checkbox-check-background:var(--color-primary);--checkbox-state-color:var(--color-primary)}.m3-checkbox.checkbox-color\:secondary{--checkbox-check-background:var(--color-secondary);--checkbox-state-color:var(--color-secondary)}.m3-checkbox.checkbox-color\:tertiary{--checkbox-check-background:var(--color-tertiary);--checkbox-state-color:var(--color-tertiary)}.m3-checkbox.checkbox-color\:danger{--checkbox-check-background:var(--color-danger);--checkbox-state-color:var(--color-danger)}.m3-checkbox.checkbox-color\:success{--checkbox-check-background:var(--color-success);--checkbox-state-color:var(--color-success)}.m3-checkbox.checkbox-color\:warning{--checkbox-check-background:var(--color-warning);--checkbox-state-color:var(--color-warning)}.m3-checkbox.checkbox-state\:checked input[type=checkbox]:after{--checkbox-check-opacity:1}.m3-checkbox.checkbox-state\:hovered input[type=checkbox]:before{--checkbox-state-opacity:0.08}.m3-checkbox.checkbox-state\:focused input[type=checkbox]:before{--checkbox-state-opacity:0.12}.m3-checkbox.checkbox-state\:disabled input[type=checkbox]{--checkbox-border-color:color-mix(in srgb,var(--color-text) 38%,transparent)}