/* V164: ingredients sit inside the illustrated bowl, behind the handdrawn rim. */
#app .zw164-ingredients-in-bowl{
 position:absolute!important;
 z-index:7!important;
 left:24%!important;top:27%!important;
 width:52%!important;height:28%!important;
 display:flex!important;justify-content:center!important;align-items:center!important;
 flex-wrap:nowrap!important;gap:1px!important;
 pointer-events:none!important;
 overflow:hidden!important;
 border-radius:46% 46% 35% 35%!important;
}
#app .zw164-bowl-food{
 position:relative!important;display:flex!important;
 flex:0 1 23%!important;
 width:23%!important;height:75%!important;min-width:0!important;
 align-items:center!important;justify-content:center!important;
 transform-origin:center bottom!important;
 animation:zw164-bowl-plop .45s ease-out both!important;
}
#app .zw164-bowl-food:nth-child(2n){transform:rotate(-10deg)!important}
#app .zw164-bowl-food:nth-child(3n){transform:rotate(12deg)!important}
#app .zw164-bowl-food img{
 width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;
 object-fit:contain!important;
 filter:drop-shadow(0 1px 2px rgba(120,79,38,.3))!important;
}
#app .zw164-front-overlay{
 z-index:8!important;
 pointer-events:none!important;
}
#app .zw164.zw160-collect .zw160-bowl-unit{isolation:isolate!important}
#app .zw164.zw160-collect .zw160-bowl-target{z-index:11!important}
#app .zw164.zw160-mix .zw160-bowl-unit{touch-action:none!important}
#app .zw164.zw160-mix.zw161-manual .zw160-whisk-actor{
 animation:none!important;
 transition:transform .08s linear!important;
}
#app .zw164.zw160-mix .zw160-stir-progress span.done{
 background:#80b880!important;
 box-shadow:0 0 5px #a9d19c80!important;
}
@keyframes zw164-bowl-plop{
 0%{opacity:0;translate:0 -17px;scale:.63}
 65%{opacity:1;translate:0 3px;scale:1.05}
 100%{opacity:1;translate:0 0;scale:1}
}
@media(orientation:landscape){
 #app .zw164-ingredients-in-bowl{
  left:25%!important;top:28%!important;width:50%!important;height:30%!important;
 }
}
@media(prefers-reduced-motion:reduce){
 #app .zw164-bowl-food{animation:none!important}
}

/* Number-aware scale for freshly collected food, so every picture is readable. */
#app .zw164 .zw164-ingredients-in-bowl{
 left:16%!important;top:25%!important;
 width:68%!important;height:33%!important;
 gap:0!important;
}
#app .zw164 .zw164-bowl-food{
 flex:0 0 29%!important;width:29%!important;height:93%!important;
}
#app .zw164 .zw164-fill-1 .zw164-bowl-food{
 flex-basis:50%!important;width:50%!important;
}
#app .zw164 .zw164-fill-2 .zw164-bowl-food{
 flex-basis:39%!important;width:39%!important;
}
#app .zw164 .zw164-fill-3 .zw164-bowl-food{
 flex-basis:31%!important;width:31%!important;
}
#app .zw164 .zw164-fill-4 .zw164-bowl-food{
 flex-basis:24%!important;width:24%!important;
}
#app .zw164 .zw164-fill-5 .zw164-bowl-food{
 flex-basis:19%!important;width:19%!important;
}
#app .zw164 .zw164-bowl-food img{
 width:100%!important;height:100%!important;
}
@media(orientation:landscape){
 #app .zw164 .zw164-ingredients-in-bowl{
  left:18%!important;top:24%!important;width:64%!important;height:33%!important;
 }
}

/* Keep the counted ingredient crisp and clearly recognisable above the cream. */
#app .zw164 .zw164-ingredients-in-bowl{z-index:9!important;top:21%!important;height:34%!important}
#app .zw164 .zw164-bowl-food img{opacity:1!important;filter:drop-shadow(0 2px 1px #78563588)!important}
@media(orientation:landscape){#app .zw164 .zw164-ingredients-in-bowl{top:20%!important;height:35%!important}}