.characteristic-reveal{min-height:44px;display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid color-mix(in srgb,currentColor 14%,transparent);border-radius:8px;background:color-mix(in srgb,currentColor 4%,transparent);color:#526155;font-family:inherit;font-size:.8125rem;font-weight:500;line-height:1.3;cursor:pointer;text-align:left;transition:background .15s ease,border-color .15s ease}.characteristic-reveal:hover{background:color-mix(in srgb,currentColor 9%,transparent);border-color:color-mix(in srgb,currentColor 28%,transparent)}.characteristic-reveal.characteristic-reveal-value{min-width:44px;padding:4px 9px;justify-content:center;vertical-align:middle;font-size:1rem;line-height:1}.characteristic-reveal svg{flex-shrink:0}.beverage-key-metrics .metric-click-value{display:inline-flex;align-items:center;gap:6px}.beverage-key-metrics .metric-click-value>svg{width:20px;height:20px}.beverage-key-metrics .metric-click{display:inline-flex;align-items:center;min-height:44px}.beverage-key-metrics .metric-click-value .metric-hint{display:inline-grid;place-items:center;width:16px;height:16px;border:1px solid #b9c5b2;border-radius:50%;font-size:10px;font-weight:500;color:#64705f}.characteristic-reveal:focus-visible{outline:2px solid currentColor;outline-offset:3px}.characteristic-preferences fieldset{display:grid;gap:10px;margin-top:18px;padding:0;border:0}.characteristic-preferences legend{padding:0 0 10px;font-weight:600}.characteristic-preferences .surprise-characteristics{grid-template-columns:repeat(2,minmax(0,1fr));padding-top:4px}.characteristic-preferences .surprise-choice{display:flex;align-items:center;gap:12px;min-height:48px;padding:12px 14px;border:1px solid #e1e5dc;border-radius:12px;background:#fafbf8;color:#475444;font-size:.875rem;line-height:1.4;cursor:pointer;transition:background .15s ease,border-color .15s ease}.characteristic-preferences .surprise-choice:hover{border-color:#a5b798;background:#f3f6ef}.characteristic-preferences .surprise-choice:has(input:checked){border-color:#a5b798;background:#eef3e8;color:#2f4729}.characteristic-preferences .surprise-choice input:is([type=radio],[type=checkbox]){appearance:none;position:relative;flex:0 0 18px;width:18px;height:18px;min-width:18px;min-height:18px;margin:0;padding:0;border:1.5px solid #aab5a3;border-radius:5px;background:#fff;cursor:pointer}.characteristic-preferences .surprise-choice input[type=radio]{border-radius:50%}.characteristic-preferences .surprise-choice input:checked{border-color:#526b42;background:#526b42}.characteristic-preferences .surprise-choice input[type=radio]:checked:after{content:"";position:absolute;inset:4px;border-radius:50%;background:white}.characteristic-preferences .surprise-choice input[type=checkbox]:checked:after{content:"";position:absolute;left:5px;top:2px;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.characteristic-preferences .surprise-choice:has(input:focus-visible){outline:2px solid #526b42;outline-offset:3px}.characteristic-preferences fieldset:disabled .surprise-choice{opacity:.6;cursor:wait}@media (max-width:540px){.characteristic-preferences .surprise-characteristics{grid-template-columns:1fr}}@media (forced-colors:active){.characteristic-preferences .surprise-choice input:is([type=radio],[type=checkbox]){appearance:auto}.characteristic-preferences .surprise-choice input:after{display:none}}