/* V10 review: guide the candy pairing without competing with the soda-shop scene. */
#dirty-sips .mix-disclosure summary > small{font-size:12px;line-height:1.4}
#dirty-sips .candy-mixer{padding:18px}
#dirty-sips .mixer-help{font:14px/1.45 Arial,sans-serif;margin:0 0 14px;max-width:none;min-height:2.9em;color:#632b40}
#dirty-sips .mix-slots{gap:8px;margin-bottom:18px}
#dirty-sips .mix-slots > button{min-height:94px;padding:10px;border:2px solid #702c4333;border-radius:7px;align-self:stretch;box-shadow:none}
#dirty-sips .mix-slots > button[aria-pressed=true]{padding:10px;border-color:#702c43;background:#fff9e9;box-shadow:0 3px 0 #702c43}
#dirty-sips .mix-slots button span{font:13px/1.25 Arial,sans-serif}
#dirty-sips .mix-slots small{font:10px/1.3 'Courier New',monospace;letter-spacing:.03em;margin-bottom:5px}
#dirty-sips .mix-slots strong{display:block;font-weight:600;min-height:2.5em}
#dirty-sips .mix-slots em{display:block;margin-top:5px;font:11px/1.3 Arial,sans-serif;opacity:.78}
#dirty-sips .mix-slots svg{width:20px;height:42px}
#dirty-sips .candy-mixer fieldset{padding:10px 0 12px;gap:5px}
#dirty-sips .candy-mixer legend{font-size:11px}
#dirty-sips .candy-mixer fieldset button{min-height:90px;padding:8px 3px 7px;border-radius:6px}
#dirty-sips .candy-mixer fieldset button span{font:12px/1.25 Arial,sans-serif}
#dirty-sips .candy-mixer fieldset svg{height:40px;width:23px;margin-bottom:6px}
#dirty-sips .candy-mixer fieldset button[data-selected]:not([data-selected=""]):after{content:attr(data-selected);position:absolute;right:1px;top:1px;min-width:18px;width:auto;height:18px;padding:0 3px;border-radius:12px;background:#702c43;color:#fff8e8;font:10px/18px Arial,sans-serif}
#dirty-sips .candy-mixer button:focus-visible{outline:3px solid #702c43;outline-offset:4px}
#dirty-sips .candy-mixer #candy-mix{min-height:48px;font:italic 22px/1.25 Georgia,serif;border-radius:4px;padding:12px}
#dirty-sips .candy-mixer #candy-mix:disabled{background:#e7d9c8;color:#72625c;cursor:default;font:14px/1.25 Arial,sans-serif}
#dirty-sips .candy-mixer #pairing-result{margin-top:18px;padding-top:15px}
#dirty-sips .candy-mixer #pairing-result[hidden]{display:none}
#dirty-sips .candy-mixer #pairing-name{font-size:27px;margin:9px 0}
#dirty-sips .candy-mixer #pairing-description{font:14px/1.5 Arial,sans-serif}
#dirty-sips .flavor-dial{display:flex;flex-wrap:wrap;gap:7px;width:auto;height:auto;position:static;margin:14px 0 0;background:none}
#dirty-sips .flavor-dial span{position:static;font:12px/1.2 Arial,sans-serif;padding:7px 11px}
#dirty-sips .flavor-dial [hidden],#dirty-sips .flavor-dial b{display:none}
#dirty-sips .candy-mixer .pairing-note{font:11px/1.4 Arial,sans-serif;text-align:left;margin-top:12px}
@media(max-width:700px){
  #dirty-sips .candy-mixer{padding:14px}
  #dirty-sips .mix-slots{gap:6px}
  #dirty-sips .mix-slots > button,#dirty-sips .mix-slots > button[aria-pressed=true]{padding:8px;gap:6px}
  #dirty-sips .mix-slots button span{font-size:12px}
  #dirty-sips .mix-slots small{font-size:9px}
  #dirty-sips .mix-slots em{font-size:10px}
  #dirty-sips .mix-slots svg{width:17px;height:36px}
  #dirty-sips .candy-mixer fieldset{gap:4px}
  #dirty-sips .candy-mixer fieldset button span{font-size:11px}
}
@media(prefers-reduced-motion:reduce){
  #dirty-sips .candy-mixer fieldset svg{transition:none}
  #dirty-sips .candy-mixer fieldset button:hover svg{transform:none}
}