*{margin:0;padding:0;font-family:Syne,Segoe UI,Arial,sans-serif;font-size:16px;touch-action:manipulation}:root{--orange: #FC4D16;--cream: #FFF5EC;--black: #000000}button{cursor:pointer}html,body{overflow:hidden}.webgl{position:fixed;top:0;left:0;margin:0;outline:none}.mix{z-index:10;height:30vw;width:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.UI{display:none}.UI.visible{display:block;position:fixed;bottom:0;width:100%}.Post-Shake-UI{display:none}.Post-Shake-UI.visible{position:fixed;bottom:0;width:100%}.Post-Shake-UI.visible{display:block;position:fixed;bottom:0;width:100%;background-color:var(--cream)}.UI .spices{z-index:0;padding:0 20px;align-self:stretch}.UI .spices .spice-carrousel{display:flex;gap:10px;overflow-x:auto}.UI .spice-box{opacity:.5;cursor:pointer;width:50px;height:50px;flex-shrink:0;display:flex;align-items:center;justify-content:flex-start;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:8px}.UI .spice-box.active{opacity:1}.UI .controls,.post-shake-controls{height:150px;display:flex;gap:10px;flex-direction:column;align-items:center;justify-content:center;background-color:var(--cream);padding:0 20px}.UI .controls .add-remove-buttons,.share-reset{display:flex;gap:10px;width:100%}.UI .controls .add-remove-buttons button,.share-reset button{flex:1;width:100%;height:40px;border:.1px solid black;border-radius:20px;background-color:var(--cream)}.UI .controls .shake,.add-to-basket{height:60px;width:100%;padding:20px;border:none;border-radius:20px;background-color:var(--orange)}.UI button{height:30px}@media (min-width: 1024px){.UI.visible{flex-direction:column;background-color:var(--cream);width:30vw;height:100vh;top:0;right:0;display:flex;justify-content:flex-end;align-content:center}.Post-Shake-UI.visible{background-color:transparent}.Post-Shake-UI.visible .post-shake-controls{margin:0 200px;background-color:transparent}.Post-Shake-UI.visible.post-shake-controls.reset,.Post-Shake-UI.visible.share,.Post-Shake-UI.visible.add-to-basket{background-color:transparent!important;border:.2px solid black!important}.UI .controls{background-color:none;padding-bottom:30px}.UI .controls .shake{height:100px}.UI .spices{position:fixed;bottom:0;left:0;width:70vw;padding:0}.UI .spice-carrousel{margin:0 0 30px 30px}.UI .spice-box{width:100px;height:100px}}