.hint{vertical-align:middle;align-items:center;display:inline-flex;position:relative}.hint-trigger{min-height:0;color:var(--color-text-muted);font-size:var(--font-size-sm);cursor:pointer;background:0 0;border:none;margin:0;padding:0;line-height:1;display:inline-flex}.hint-trigger:hover,.hint-trigger:active{box-shadow:none;color:var(--color-brand);background:0 0}.hint-trigger:focus-visible{box-shadow:none;color:var(--color-brand);background:0 0}.hint-popup{bottom:calc(100% + var(--space-xs));z-index:30;width:max-content;max-width:16rem;padding:var(--space-sm) var(--space-sm);background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);white-space:normal;text-align:left;border-radius:.5rem;font-size:.8rem;font-weight:400;line-height:1.35;display:block;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 0 0 1px #00000014,0 8px 24px #00000059}.hint-popup[hidden]{display:none}.hint-popup-text{display:inline}.hint-close{float:right;min-height:0;padding:0 0 0 var(--space-xs);color:var(--color-text-muted);font-size:var(--font-size-sm);cursor:pointer;background:0 0;border:none;margin:0;line-height:1.35}.hint-close:hover,.hint-close:active{box-shadow:none;color:var(--color-text);background:0 0}.hint-close:focus-visible{box-shadow:none;color:var(--color-text);background:0 0}.hint-popup:after{content:"";border:.4rem solid #0000;border-top-color:var(--color-surface);position:absolute;top:100%;left:50%;transform:translate(-50%)}.hint-popup--shifted:after{display:none}.ingredients-toolbar{justify-content:space-between;align-items:center;gap:var(--space-md);display:flex}.ingredient-editor input{box-sizing:border-box;min-width:0;max-width:100%}.ingredient-editor .unit-toggle{min-height:0;color:inherit;font:inherit;cursor:pointer;text-underline-offset:2px;background:0 0;border:none;border-radius:0;padding:0;font-weight:600;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.ingredient-editor .unit-toggle:hover{color:var(--color-brand);background:0 0}.ingredient-editor .unit-toggle:focus-visible{color:var(--color-brand);background:0 0}.ingredient-editor .unit-toggle:active{transform:none}.ingredient-editor fieldset.ie-stock{gap:var(--space-sm);flex-direction:column;display:flex}.ingredient-editor .ie-checks{gap:var(--space-sm) var(--space-xl);flex-wrap:wrap;display:flex}.ingredient-editor .ie-buy-grid[hidden],.ingredient-editor .ie-cantbuy[hidden],.ingredient-editor .ie-shelflife[hidden]{display:none}.ingredient-editor .ie-details.has-image{align-items:stretch;gap:var(--space-md);display:flex}.ingredient-editor .ie-details.has-image .ie-grid{flex:auto;grid-template-columns:minmax(0,1fr);align-content:start;min-width:0}.ingredient-editor .ie-image{height:var(--ie-image-h,130px);aspect-ratio:var(--ie-image-ratio,1 / 1);flex:none;align-self:flex-start;min-width:0;position:relative}.ingredient-editor .ie-image[hidden]{display:none}.ingredient-editor .ie-image-thumb{object-fit:cover;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);width:100%;height:100%;display:block}.ingredient-editor .ie-image-spinner{color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);justify-content:center;align-items:center;font-size:1.5rem;display:none;position:absolute;top:0;bottom:0;left:0;right:0}.ingredient-editor .ie-image.loading .ie-image-spinner{display:flex}.ingredient-editor .ie-image.loading .ie-image-thumb{visibility:hidden}.ingredient-editor .ie-image-remove{background:var(--color-surface);border:1px solid var(--color-border);width:1.5rem;height:1.5rem;min-height:0;font-size:var(--font-size-xs);border-radius:50%;padding:0;line-height:1;position:absolute;top:-.5rem;right:-.5rem;box-shadow:0 1px 3px #00000026}.coles-dialog .modal-help{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0 0 var(--space-sm)}.coles-dialog .coles-error-mount:not(:empty){margin-bottom:var(--space-sm)}@media (max-width:480px){.ingredient-editor .ie-grid,.ingredient-editor .ie-buy-grid{grid-template-columns:1fr}.ingredient-editor .ie-checks{flex-direction:column}.ingredient-editor .ie-shelflife{align-items:stretch;gap:var(--space-sm);flex-direction:column}}
