.grocery-checkbox[data-v-dccda4d6]{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-dccda4d6]{min-height:2.2rem}.grocery-checkbox input[data-v-dccda4d6]{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.grocery-checkbox .box[data-v-dccda4d6]{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-dccda4d6]{font-size:var(--fs--2);color:var(--background-color-card)}.grocery-checkbox.checked .box[data-v-dccda4d6]{background-color:var(--color-ui);border-color:var(--color-ui)}@media (hover:hover){.grocery-checkbox:hover .box[data-v-dccda4d6]{border-color:var(--color-ui)}}.grocery-checkbox input:focus-visible+.box[data-v-dccda4d6]{outline:2px solid var(--color-ui);outline-offset:2px}