@layer components{[data-ui=checkbox]{--checkbox-size:20px;width:var(--checkbox-size);aspect-ratio:1;border:1px solid var(--color-surface-container-highest);border-radius:var(--spacing-6);cursor:pointer;transition:background-color var(--transition-expressive-fast-effects), border-color var(--transition-expressive-fast-effects), box-shadow var(--transition-expressive-fast-effects), scale var(--transition-expressive-fast-effects);justify-content:center;align-items:center;display:inline-flex;position:relative}@media (hover:hover) and (pointer:fine){[data-ui=checkbox]:not([aria-disabled]):hover{background-color:var(--color-primary-container);border-color:var(--color-primary)}}[data-ui=checkbox]:not([aria-disabled]):active{scale:.95}[data-ui=checkbox]:not([aria-disabled]):focus-visible{outline:var(--spacing-4) solid color-mix(in oklab, var(--color-primary) 35%, transparent)}[data-ui=checkbox] [data-ui=checkbox-indicator]{width:calc(var(--checkbox-size) / 5.5);height:calc(var(--checkbox-size) / 2);border-right:1.5px solid #0000;border-block-end:1.5px solid #0000;position:absolute;top:50%;left:50%;transform:translate(-50%,-60%)rotate(45deg)}:is([data-ui=checkbox][data-checked],[data-ui=checkbox][data-indeterminate]),:is([data-ui=checkbox][data-checked],[data-ui=checkbox][data-indeterminate]) [data-ui=checkbox-indicator]{border-color:var(--color-primary)}[data-ui=checkbox][data-indeterminate] [data-ui=checkbox-indicator]{border-inline-end:none;width:70%;height:0;transform:translate(-50%,-50%)rotate(0)}[data-ui=checkbox][aria-disabled]{background-color:var(--color-surface-container);cursor:default;border-color:var(--color-surface-container-highest);color:var(--color-on-surface-variant)}[data-ui=checkbox][aria-disabled] [data-ui=checkbox-indicator]{border-color:var(--color-on-surface-variant)}}