/* Matching visible jar heights, shared centers, equal opposing travel. */
.flavor .jar-stage{display:grid;place-items:center;padding:25px 0 0;height:425px}
.flavor .jar-stage:before{top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:300px}
.flavors .flavor .jar-stage>img{height:350px;width:230px;max-width:72%;object-fit:contain;transform:translateY(0)!important;translate:0 0;transition:none;margin:0}
html[data-view=playful] .flavors .jar-stage>img{animation:matched-jar-float 5s ease-in-out infinite;translate:0 0}
html[data-view=playful] .flavors .spicy .jar-stage>img{animation-delay:-2.5s}
@keyframes matched-jar-float{0%,100%{translate:0 -10px}50%{translate:0 10px}}
.character[data-character="nin"] img{scale:1.12!important;translate:0 9px;transform-origin:center bottom}
.character-reply:before,.character-reply:after{display:none!important}
@media(max-width:760px){.flavor .jar-stage{height:375px}.flavors .flavor .jar-stage>img{height:310px;width:205px}.flavor .jar-stage:before{width:270px;height:270px}.character[data-character="nin"] img{translate:0 6px}}
body.motion-paused .flavors .jar-stage>img,html[data-view=classic] .flavors .jar-stage>img{animation:none!important;translate:0 0!important}
@media(prefers-reduced-motion:reduce){.flavors .jar-stage>img{animation:none!important;translate:0 0!important}}
@media(max-width:760px){.flavors .flavor .jar-stage>img{transform:translateY(0)!important}}