.drink-scene{position:relative;background:#eadbc9;overflow:hidden;isolation:isolate}.drink-scene-frame{height:268px;aspect-ratio:1;margin:auto;position:relative}.drink-scene-frame .dialog-drink-image{width:100%;height:100%;object-fit:contain}.drink-scene canvas{display:none;position:absolute;inset:0;width:100%;height:100%}.drink-scene.scene-ready canvas{display:block}.drink-scene.scene-ready .dialog-drink-image{visibility:hidden}.scene-temperature{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:7px;letter-spacing:1.4px;padding:7px 12px;border-radius:20px;background:#f7eee3ed;border:1px solid #dfcebb;color:var(--brown);z-index:2}.temperature-options span{transition:background .35s,color .35s,box-shadow .35s}.temperature-options input:checked+span{box-shadow:0 3px 12px #4a210c18}.drink-scene.scene-changing .scene-temperature{box-shadow:0 0 18px #fff7e27a}@media(max-width:700px){.drink-scene-frame{height:218px}.scene-temperature{font-size:6px;bottom:9px;padding:6px 10px}}@media(prefers-reduced-motion:reduce){.scene-temperature,.temperature-options span{transition:none!important}}
/* Keep the drink visible while choosing its temperature. */
#drink-dialog[open]{display:grid;grid-template-columns:.95fr 1.05fr;width:min(900px,94vw);max-height:90dvh;overflow:hidden}
#drink-dialog .drink-dialog-body{overflow:auto;max-height:90dvh;padding:32px}
#drink-dialog .drink-scene{display:flex;align-items:center;justify-content:center;min-height:100%;height:100%}
#drink-dialog .drink-scene-frame{width:100%;height:auto;aspect-ratio:1}
#drink-dialog .scene-temperature{bottom:22px;font-size:7px}
#drink-dialog .dialog-close{left:14px;right:auto}
@media(max-width:700px){#drink-dialog[open]{display:block;width:92vw;overflow:auto;max-height:92dvh}#drink-dialog .drink-scene{display:block;min-height:0;height:190px;position:sticky;top:0;z-index:3;border-bottom:1px solid var(--line)}#drink-dialog .drink-scene-frame{height:190px;width:190px}#drink-dialog .drink-dialog-body{overflow:visible;max-height:none;padding:23px}#drink-dialog .scene-temperature{bottom:7px;font-size:6px}#drink-dialog .dialog-close{left:auto;right:12px}}