.grocery-checkbox[data-v-3641ee58]{cursor:pointer;-webkit-user-select:none;user-select:none;flex:none;justify-content:center;align-items:center;min-width:44px;min-height:44px;display:inline-flex}.grocery-checkbox.compact[data-v-3641ee58]{min-height:2.2rem}.grocery-checkbox input[data-v-3641ee58]{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.grocery-checkbox .box[data-v-3641ee58]{border-radius:var(--border-radius-s);border:var(--border-width-secondary) solid var(--border-color);background-color:var(--background-color-card);box-sizing:border-box;justify-content:center;align-items:center;width:1.375rem;height:1.375rem;transition:background-color .15s,border-color .15s;display:inline-flex}.grocery-checkbox .check[data-v-3641ee58]{font-size:var(--fs--2);color:var(--background-color-card)}.grocery-checkbox.checked .box[data-v-3641ee58]{background-color:var(--color-ui);border-color:var(--color-ui)}@media (hover:hover){.grocery-checkbox:hover .box[data-v-3641ee58]{border-color:var(--color-ui)}}.grocery-checkbox:active .box[data-v-3641ee58]{border-color:var(--color-ui);background-color:var(--select-selected-background)}.grocery-checkbox.checked:active .box[data-v-3641ee58]{background-color:color-mix(in oklab, var(--color-ui) 80%, var(--select-selected-color));border-color:color-mix(in oklab, var(--color-ui) 80%, var(--select-selected-color))}.grocery-checkbox input:focus-visible+.box[data-v-3641ee58]{outline:2px solid var(--color-ui);outline-offset:2px}