.convert[data-v-2eb537f6]{--_bg:var(--convert-bg,#fff);--_border:var(--convert-border,#e7e5e4);--_text:var(--convert-text,#1a1a1a);--_muted:var(--convert-muted,#64748b);--_accent:var(--convert-accent,#e67e22);--_highlight:var(--convert-highlight,#f7f5f0);--_radius:var(--convert-radius,.5rem);--_shadow:var(--convert-shadow,0 1px 2px rgba(28,25,23,.04),0 12px 32px -16px rgba(28,25,23,.18));--_font-mono:var(--convert-font-mono,"JetBrains Mono",ui-monospace,monospace);--_font-display:var(--convert-font-display,Georgia,serif);--_focus:color-mix(in srgb,var(--_accent) 78%,var(--_text));--_danger:#b42318;background:var(--_bg);border:1px solid var(--_border);border-radius:calc(var(--_radius) + .375rem);box-shadow:var(--_shadow);color:var(--_text);container:convert/inline-size;font-size:.9375rem;line-height:1.5;text-align:left}.convert[data-v-2eb537f6] *,.convert[data-v-2eb537f6] :after,.convert[data-v-2eb537f6] :before{box-sizing:border-box}.convert-amount-message[data-v-2eb537f6],.convert-empty[data-v-2eb537f6],.convert-eyebrow[data-v-2eb537f6],.convert-figure[data-v-2eb537f6],.convert-heading[data-v-2eb537f6],.convert-message[data-v-2eb537f6],.convert-note[data-v-2eb537f6]{margin:0}.convert-sr[data-v-2eb537f6]{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0 0 0 0);border:0;white-space:nowrap}.convert-form[data-v-2eb537f6]{display:grid;gap:.375rem .75rem;grid-template-columns:6.5rem minmax(0,1fr);padding:1.25rem}.convert-field[data-v-2eb537f6]{display:flex;flex-direction:column;gap:.375rem;min-width:0}.convert-amount-message[data-v-2eb537f6],.convert-field--ingredient[data-v-2eb537f6],.convert-options[data-v-2eb537f6]{grid-column:1/-1}.convert-field--ingredient[data-v-2eb537f6]{margin-top:.875rem}.convert-options[data-v-2eb537f6]{display:flex;flex-wrap:wrap;gap:1rem .75rem;margin-top:1rem}.convert-field--form[data-v-2eb537f6]{flex:1 1 11rem}.convert-cups[data-v-2eb537f6]{flex:1 1 15rem}@container convert (min-width: 38rem){.convert-form[data-v-2eb537f6]{grid-template-columns:7rem 13rem minmax(0,1fr);padding:1.75rem}.convert-field--amount[data-v-2eb537f6]{grid-area:1/1}.convert-field--unit[data-v-2eb537f6]{grid-area:1/2}.convert-field--ingredient[data-v-2eb537f6]{grid-area:1/3;margin-top:0}.convert-amount-message[data-v-2eb537f6]{grid-area:2/1/3/-1}.convert-options[data-v-2eb537f6]{grid-area:3/1/4/-1}}.convert-label[data-v-2eb537f6]{color:var(--_muted);font-family:var(--_font-mono);font-size:.6875rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.convert-control[data-v-2eb537f6]{background:var(--_bg);border:1px solid var(--_border);border-radius:var(--_radius);color:var(--_text);font:inherit;font-size:1rem;margin:0;min-height:2.75rem;padding:.5rem .75rem;transition:border-color .15s ease,box-shadow .15s ease;width:100%}.convert-control[data-v-2eb537f6]:hover{border-color:color-mix(in srgb,var(--_muted) 55%,var(--_border))}.convert-button[data-v-2eb537f6]:focus-visible,.convert-control[data-v-2eb537f6]:focus-visible{outline:2px solid var(--_focus);outline-offset:2px}.convert-control--invalid[data-v-2eb537f6]{border-color:var(--_danger)}.convert-amount[data-v-2eb537f6]{font-family:var(--_font-mono);font-variant-numeric:tabular-nums}.convert-select[data-v-2eb537f6]{position:relative}.convert-select .convert-control[data-v-2eb537f6]{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;padding-right:2.25rem;text-overflow:ellipsis}.convert-button svg[data-v-2eb537f6],.convert-combobox-search[data-v-2eb537f6],.convert-combobox-toggle svg[data-v-2eb537f6],.convert-select-icon[data-v-2eb537f6]{fill:none;height:1rem;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2;width:1rem}.convert-select-icon[data-v-2eb537f6]{color:var(--_muted);pointer-events:none;position:absolute;right:.75rem;top:50%;transform:translateY(-50%)}.convert-amount-message[data-v-2eb537f6]{color:var(--_muted);font-size:.8125rem}.convert-amount-message--error[data-v-2eb537f6]{color:var(--_danger)}.convert-combobox[data-v-2eb537f6]{position:relative}.convert-combobox-search[data-v-2eb537f6]{color:var(--_muted);left:.75rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.convert-combobox-input[data-v-2eb537f6]{padding-left:2.25rem;padding-right:2.75rem;text-overflow:ellipsis}.convert-combobox-input[data-v-2eb537f6]::-moz-placeholder{color:var(--_muted);opacity:.8}.convert-combobox-input[data-v-2eb537f6]::placeholder{color:var(--_muted);opacity:.8}.convert-combobox-toggle[data-v-2eb537f6]{align-items:center;background:none;border:0;bottom:0;color:var(--_muted);cursor:pointer;display:inline-flex;justify-content:center;padding:0;position:absolute;right:0;top:0;width:2.75rem}.convert-combobox-toggle[data-v-2eb537f6]:hover{color:var(--_text)}.convert-combobox-toggle svg[data-v-2eb537f6]{transition:transform .15s ease}.convert-combobox-toggle svg.is-open[data-v-2eb537f6]{transform:rotate(180deg)}.convert-popup[data-v-2eb537f6]{background:var(--_bg);border:1px solid var(--_border);border-radius:calc(var(--_radius) + .125rem);box-shadow:0 16px 40px -12px #1c191738,0 2px 6px #1c19170f;left:0;max-height:min(21rem,60vh);overflow-y:auto;overscroll-behavior:contain;padding:.25rem;position:absolute;right:0;top:calc(100% + .375rem);z-index:30}.convert-group-heading[data-v-2eb537f6]{background:var(--_bg);color:var(--_muted);font-family:var(--_font-mono);font-size:.6875rem;font-weight:700;letter-spacing:.1em;padding:.75rem .75rem .25rem;position:sticky;text-transform:uppercase;top:-.25rem;z-index:1}.convert-option[data-v-2eb537f6]{border-radius:var(--_radius);cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:2.75rem;padding:.375rem .75rem}.convert-option.is-active[data-v-2eb537f6]{background:var(--_highlight);box-shadow:inset 2px 0 0 var(--_accent)}.convert-option.is-current .convert-option-label[data-v-2eb537f6]{font-weight:600}.convert-option.is-current .convert-option-label[data-v-2eb537f6]:after{color:var(--_focus);content:" ✓"}.convert-option-meta[data-v-2eb537f6]{color:var(--_muted);font-family:var(--_font-mono);font-size:.6875rem}.convert-empty[data-v-2eb537f6]{color:var(--_muted);font-size:.875rem;padding:.75rem}.convert-cups[data-v-2eb537f6]{border:0;margin:0;padding:0}.convert-cups legend[data-v-2eb537f6]{margin-bottom:.375rem;padding:0}.convert-segmented[data-v-2eb537f6]{background:var(--_highlight);border:1px solid var(--_border);border-radius:calc(var(--_radius) + .125rem);display:grid;gap:.25rem;grid-template-columns:1fr 1fr;padding:.25rem}.convert-segment[data-v-2eb537f6]{align-content:center;align-items:baseline;border-radius:var(--_radius);color:var(--_muted);-moz-column-gap:.375rem;column-gap:.375rem;cursor:pointer;display:flex;flex-wrap:wrap;justify-content:center;min-height:2.75rem;padding:.375rem .5rem;position:relative;text-align:center;transition:background-color .15s ease,color .15s ease}.convert-segment[data-v-2eb537f6]:hover{color:var(--_text)}.convert-segment[data-v-2eb537f6]:has(.convert-segment-input:checked){background:var(--_bg);box-shadow:0 1px 2px #1c191714,inset 0 -2px 0 var(--_accent);color:var(--_text)}.convert-segment[data-v-2eb537f6]:has(.convert-segment-input:focus-visible){outline:2px solid var(--_focus);outline-offset:2px}.convert-segment-input[data-v-2eb537f6]{cursor:pointer;inset:0;margin:0;opacity:0;position:absolute}.convert-segment-name[data-v-2eb537f6]{font-size:.875rem;font-weight:600}.convert-segment-note[data-v-2eb537f6]{font-family:var(--_font-mono);font-size:.6875rem}.convert-result[data-v-2eb537f6]{background:color-mix(in srgb,var(--_highlight) 55%,var(--_bg));border-radius:0 0 calc(var(--_radius) + .375rem) calc(var(--_radius) + .375rem);border-top:1px dashed var(--_border);min-height:12rem;padding:1.5rem 1.25rem}@container convert (min-width: 38rem){.convert-result[data-v-2eb537f6]{padding:2rem 1.75rem}}.convert-eyebrow[data-v-2eb537f6]{color:var(--_muted);font-family:var(--_font-mono);font-size:.75rem;letter-spacing:.1em;overflow-wrap:anywhere;text-transform:uppercase}.convert-figure[data-v-2eb537f6]{align-items:baseline;-moz-column-gap:.5rem;column-gap:.5rem;display:flex;flex-wrap:wrap;font-family:var(--_font-display);line-height:1;margin-top:.5rem}.convert-figure-value[data-v-2eb537f6]{font-size:clamp(3rem,2rem + 6cqi,4.5rem);font-variant-numeric:tabular-nums lining-nums;letter-spacing:-.02em}.convert-figure-unit[data-v-2eb537f6]{color:var(--_muted);font-size:clamp(1.5rem,1.125rem + 2.5cqi,2.25rem)}.convert-heading[data-v-2eb537f6]{font-family:var(--_font-display);font-size:1.75rem;line-height:1.2;margin-top:.625rem}.convert-message[data-v-2eb537f6]{color:var(--_muted);font-size:.9375rem;line-height:1.6;margin-top:.75rem;max-width:34rem}.convert-answer>.convert-message[data-v-2eb537f6]:only-child{margin-top:0}.convert-also[data-v-2eb537f6]{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:1rem 0 0;padding:0}.convert-also li[data-v-2eb537f6]{background:var(--_bg);border:1px solid var(--_border);border-radius:9999px;font-family:var(--_font-mono);font-size:.8125rem;font-variant-numeric:tabular-nums;padding:.25rem .625rem}.convert-tools[data-v-2eb537f6]{margin-top:1.25rem}.convert-button[data-v-2eb537f6]{align-items:center;background:var(--_bg);border:1px solid var(--_border);border-radius:var(--_radius);color:var(--_text);cursor:pointer;display:inline-flex;font:inherit;font-size:.875rem;font-weight:600;gap:.5rem;min-height:2.75rem;padding:.5rem 1rem;transition:border-color .15s ease,transform .15s ease}.convert-button[data-v-2eb537f6]:hover{border-color:var(--_accent)}.convert-button[data-v-2eb537f6]:active{transform:translateY(1px)}.convert-button svg[data-v-2eb537f6]{color:var(--_focus)}.convert-notes[data-v-2eb537f6]{display:flex;flex-direction:column;gap:.5rem;margin-top:1.25rem;max-width:36rem}.convert-note[data-v-2eb537f6]{color:var(--_muted);font-size:.8125rem;line-height:1.55}.convert-note--tip[data-v-2eb537f6]{border-left:2px solid var(--_accent);color:var(--_text);padding-left:.75rem}.convert-actions[data-v-2eb537f6]{margin-top:1.25rem}@media(prefers-reduced-motion:reduce){.convert[data-v-2eb537f6] *,.convert[data-v-2eb537f6] :after,.convert[data-v-2eb537f6] :before{transition:none!important}}
