.ingredient-icon[data-v-e6082cb1]{--ingredient-icon-size:3rem;--ingredient-quantity-height:1.125rem;flex-direction:column;align-items:center}.ingredient-icon--sm[data-v-e6082cb1]{--ingredient-icon-size:2.5rem}.ingredient-icon--md[data-v-e6082cb1]{--ingredient-icon-size:3rem}.ingredient-icon--lg[data-v-e6082cb1]{--ingredient-icon-size:3.5rem}.ingredient-icon__surface[data-v-e6082cb1],.ingredient-icon__visual[data-v-e6082cb1]{width:var(--ingredient-icon-size);height:var(--ingredient-icon-size)}.ingredient-icon__visual[data-v-e6082cb1]{display:block}.ingredient-icon__quantity[data-v-e6082cb1]{z-index:2;box-sizing:border-box;width:var(--ingredient-icon-size);max-width:var(--ingredient-icon-size);height:var(--ingredient-quantity-height);margin-bottom:calc(var(--ingredient-quantity-height)/-2);border:1px solid color-mix(in srgb,var(--ccs-color-primary) 28%,transparent);color:var(--ccs-color-primary);background:var(--ccs-color-primary-fixed);font-variant-numeric:tabular-nums;text-align:center;text-overflow:ellipsis;white-space:nowrap;border-radius:.375rem;padding:.125rem .25rem;font-size:.6875rem;font-weight:700;line-height:1.1;display:block;position:relative;overflow:hidden}