body{cursor:url("/cursor.png"),crosshair!important}#container{aspect-ratio:16/9;flex-direction:column;justify-content:center;align-items:center;display:flex}@keyframes saucePouringAnimation{0%{transform:translate(40%)}20%{transform:translate(40%)rotate(-35deg)}33%{transform:translate(30%,20%)rotate(-35deg)}46%{transform:translate(40%)rotate(-35deg)}60%{transform:translate(30%,20%)rotate(-35deg)}73%{transform:translate(40%)rotate(-35deg)}86%{transform:translate(30%,20%)rotate(-35deg)}to{transform:translate(40%)}}@keyframes chipsWithSauceAnimation{0%{opacity:0}33%{opacity:.25}60%{opacity:.5}86%{opacity:.75}to{opacity:1}}@keyframes chipsNoSauceAnimation{0%{opacity:1}33%{opacity:.75}60%{opacity:.5}86%{opacity:.25}to{opacity:0}}#sauce{width:50%;transition:transform;position:relative;transform:translate(40%)}#sauce.poured{animation:2s saucePouringAnimation}#chips-container{width:50%;position:relative}.chips{width:100%;position:relative}#no-sauce{opacity:1;transition:opacity}#no-sauce.clicked{opacity:0;animation:2s chipsNoSauceAnimation}#with-sauce{opacity:0;z-index:1;transition:opacity;position:absolute;top:0;left:0;transform:translate(-4px,2px)}#with-sauce.clicked{opacity:1;animation:2s chipsWithSauceAnimation}