.ccs-ingredient-quantity[data-v-8cc81577]{gap:.625rem;min-width:0;display:grid}.ccs-ingredient-quantity__units[data-v-8cc81577]{background:var(--ccs-color-surface-container);border-radius:.75rem;gap:.35rem;min-width:0;padding:.25rem;display:grid}.ccs-ingredient-quantity__unit[data-v-8cc81577]{min-width:0;min-height:2rem;color:var(--ccs-color-on-surface-variant);text-overflow:ellipsis;white-space:nowrap;transition:color var(--ccs-motion-fast),background-color var(--ccs-motion-fast),box-shadow var(--ccs-motion-fast);border-radius:.5rem;padding:0 .35rem;font-size:.8125rem;font-weight:700;overflow:hidden}.ccs-ingredient-quantity__unit--active[data-v-8cc81577]{color:var(--ccs-color-primary);background:var(--ccs-color-primary-fixed);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ccs-color-primary) 18%,transparent)}.ccs-ingredient-quantity__adjust[data-v-8cc81577]:focus-visible,.ccs-ingredient-quantity__ruler[data-v-8cc81577]:focus-visible,.ccs-ingredient-quantity__unit[data-v-8cc81577]:focus-visible{outline:2px solid var(--ccs-color-primary);outline-offset:2px}.ccs-ingredient-quantity__picker[data-v-8cc81577]{border:1px solid color-mix(in srgb,var(--ccs-color-outline-variant) 70%,transparent);border-radius:var(--ccs-radius-md);background:var(--ccs-color-surface-container-low);gap:.75rem;padding:.625rem .75rem .8rem;display:grid}.ccs-ingredient-quantity__picker--disabled[data-v-8cc81577]{opacity:.6}.ccs-ingredient-quantity__summary[data-v-8cc81577]{grid-template-columns:2.25rem minmax(0,1fr) 2.25rem;align-items:center;display:grid}.ccs-ingredient-quantity__adjust[data-v-8cc81577]{width:2.25rem;height:2.25rem;color:var(--ccs-color-primary);border-radius:50%;font-size:1.5rem;font-weight:600;line-height:1}.ccs-ingredient-quantity__adjust[data-v-8cc81577]:hover:not(:disabled){background:var(--ccs-color-surface-container)}.ccs-ingredient-quantity__adjust[data-v-8cc81577]:disabled{color:var(--ccs-color-on-surface-variant);opacity:.4}.ccs-ingredient-quantity__value[data-v-8cc81577]{color:var(--ccs-color-on-surface);font-variant-numeric:tabular-nums;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:.9375rem;font-weight:700;overflow:hidden}.ccs-ingredient-quantity__ruler[data-v-8cc81577]{cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none;height:2rem;position:relative;overflow:hidden}.ccs-ingredient-quantity__ruler--dragging[data-v-8cc81577]{cursor:grabbing}.ccs-ingredient-quantity__ruler-track[data-v-8cc81577]{align-items:end;width:max-content;height:100%;display:flex;position:absolute;top:0;left:calc(50% - 16.3125rem)}.ccs-ingredient-quantity__tick[data-v-8cc81577]{background:var(--ccs-color-outline-variant);border-radius:1px;width:.125rem;height:.45rem;margin-right:.6875rem}.ccs-ingredient-quantity__tick--major[data-v-8cc81577]{height:1.2rem}.ccs-ingredient-quantity__tick--hidden[data-v-8cc81577]{visibility:hidden}.ccs-ingredient-quantity__indicator[data-v-8cc81577]{z-index:1;background:var(--ccs-color-primary);width:.1875rem;box-shadow:0 0 0 .125rem color-mix(in srgb,var(--ccs-color-surface-container-low) 80%,transparent);border-radius:999px;position:absolute;top:.1rem;bottom:0;left:50%;transform:translate(-50%)}.ccs-ingredient-quantity__conversion[data-v-8cc81577]{min-height:1.125rem;color:var(--ccs-color-on-surface-variant);text-align:center;margin:-.25rem 0 0;font-size:.75rem;font-weight:600}