@layer components{.meal-toggle{align-items:center;gap:var(--space-1);color:var(--color-text-muted);font:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;padding:0;display:flex}.meal-toggle__circle{--meal-icon-size:24px;border:var(--border-thick) dashed var(--color-ink);border-radius:var(--radius-pill);background:var(--color-zapallo-suave);width:54px;height:54px;transition:transform var(--duration-fast) var(--ease-out);justify-content:center;align-items:center;display:inline-flex}.meal-toggle__label{font-size:var(--text-xs);font-weight:600}.meal-toggle[aria-pressed=true]{color:var(--color-ink)}.meal-toggle[aria-pressed=true] .meal-toggle__circle{background:var(--color-remolacha);box-shadow:var(--shadow-hard-sm);color:var(--color-on-brand);transform:rotate(calc(var(--tilt-2) * -1)) translate(calc(var(--press-distance) / -2), calc(var(--press-distance) / -2));border-style:solid}.meal-toggle[aria-pressed=true] .meal-toggle__label{font-weight:800}.meal-toggle--brand{color:var(--color-coliflor)}.meal-toggle--brand .meal-toggle__circle{border-color:var(--color-coliflor);background:0 0}.meal-toggle--brand[aria-pressed=true]{color:var(--color-coliflor)}.meal-toggle--brand[aria-pressed=true] .meal-toggle__circle{border-color:var(--color-ink);background:var(--color-coliflor);color:var(--color-ink)}.meal-toggle:focus-visible{outline:none}.meal-toggle:focus-visible .meal-toggle__circle{outline:4px solid var(--color-focus);outline-offset:3px}.meal-toggle--brand:focus-visible .meal-toggle__circle{outline-color:var(--color-coliflor)}.meal-toggle--colored.meal-toggle--breakfast{--meal-toggle-color:var(--color-meal-breakfast);--meal-toggle-ink:var(--color-meal-breakfast-ink)}.meal-toggle--colored.meal-toggle--lunch{--meal-toggle-color:var(--color-meal-lunch);--meal-toggle-ink:var(--color-meal-lunch-ink)}.meal-toggle--colored.meal-toggle--snack{--meal-toggle-color:var(--color-meal-snack);--meal-toggle-ink:var(--color-meal-snack-ink)}.meal-toggle--colored.meal-toggle--dinner{--meal-toggle-color:var(--color-meal-dinner);--meal-toggle-ink:var(--color-meal-dinner-ink)}.meal-toggle--colored[aria-pressed=true] .meal-toggle__circle{border-color:var(--color-ink);background:var(--meal-toggle-color);color:var(--meal-toggle-ink)}}
@layer components{.meal-picker{gap:var(--space-2);flex-direction:column;display:flex}.meal-picker__label{font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;font-weight:800}.meal-picker__toggles{gap:var(--space-1);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}}