.taste-profile{margin:1.25rem 0;color:inherit;max-width:100%}
.taste-profile-summary{line-height:1.6;margin:.5rem 0}
.taste-profile-chips{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0;margin:.75rem 0}
.taste-profile-chips li{border:1px solid currentColor;border-radius:999px;padding:.3rem .75rem;font-size:.875rem;line-height:1.4}
.taste-profile-dryness h3{font:inherit;font-weight:600;font-size:.875rem;margin:1rem 0 .6rem}
.taste-profile-dryness{max-width:28rem}
.taste-profile-position{font-size:.9rem;font-weight:600;margin:.3rem 0 1rem}
.taste-profile-rail{position:relative;height:6px;margin:0 .5rem;border-radius:999px;background:color-mix(in srgb,currentColor 22%,transparent)}
.taste-profile-rail i{position:absolute;top:50%;width:14px;height:14px;border:2px solid currentColor;border-radius:50%;background:currentColor;transform:translate(-50%,-50%);box-shadow:0 0 0 3px color-mix(in srgb,currentColor 12%,transparent)}
.taste-profile-endpoints{display:flex;justify-content:space-between;font-size:.75rem;opacity:.75;margin:.65rem 0 .5rem}
.taste-profile-scale{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.3rem;list-style:none;padding:0;margin:0;max-width:28rem}
.taste-profile-scale.is-sparkling{grid-template-columns:repeat(7,minmax(0,1fr))}
.taste-profile-scale li{padding:.35rem .1rem;font-size:.75rem;line-height:1.3;text-align:center;overflow-wrap:anywhere;opacity:.65}
.taste-profile-scale.is-sparkling li{font-size:.75rem}
.taste-profile-scale li[aria-current=true]{font-weight:700;opacity:1}
.taste-profile-scale li[aria-current=true] span{text-decoration:underline;text-underline-offset:.22em}
.taste-profile-unknown{font-size:.875rem;opacity:.7;margin:.4rem 0}
.taste-profile-sweetness,.taste-sweetness-editor{max-width:28rem;margin:1rem 0}
.taste-profile-sweetness h3,.taste-sweetness-editor h3{font:inherit;font-weight:600;font-size:.875rem;margin:0 0 .6rem}
.taste-sweetness-hint{font-size:.875rem;opacity:.75;margin:.4rem 0}
.taste-sweetness-range{display:block;width:100%;height:44px;margin:0;accent-color:currentColor;touch-action:pan-y;cursor:ew-resize}
.taste-sweetness-range:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.taste-sweetness-editor [hidden]{display:none!important}
.taste-sweetness-choices{display:flex;flex-wrap:wrap;gap:.4rem}
.taste-sweetness-editor button{min-height:44px;padding:.5rem .8rem;border:1px solid currentColor;background:transparent;color:inherit;font:inherit;font-size:.875rem;cursor:pointer}
.taste-sweetness-editor button:disabled{opacity:.5;cursor:default}
.taste-sweetness-editor button:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.taste-sweetness-confirm{padding:.7rem 0;margin-top:.6rem;border-top:1px solid color-mix(in srgb,currentColor 25%,transparent)}
.taste-sweetness-confirm p{margin:0 0 .6rem;font-size:.875rem}
.taste-sweetness-confirm button+button{margin-left:.5rem}
.taste-sweetness-save{font-weight:600!important}
.taste-sweetness-clear{margin-top:.5rem}
.taste-sweetness-status{font-size:.875rem;line-height:1.5;margin:.6rem 0}

[data-sweetness-mount]{grid-column:2}