.loader-box{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.6);z-index:9999;display:flex;align-items:center;justify-content:center}#cooking-loader{position:relative;width:50vh;height:50vh;overflow:hidden}#cooking-loader .bubble{position:absolute;border-radius:100%;box-shadow:0 0 .25vh #fff;opacity:0}#cooking-loader .bubble:first-child{margin-top:2.5vh;left:58%;width:2.5vh;height:2.5vh;background-color:#fff;animation:bubble 2s cubic-bezier(.53,.16,.39,.96) infinite}#cooking-loader .bubble:nth-child(2){margin-top:3vh;left:52%;width:2vh;height:2vh;background-color:#fff;animation:bubble 2s ease-in-out .35s infinite}#cooking-loader .bubble:nth-child(3){margin-top:1.8vh;left:50%;width:1.5vh;height:1.5vh;background-color:#fff;animation:bubble 1.5s cubic-bezier(.53,.16,.39,.96) .55s infinite}#cooking-loader .bubble:nth-child(4){margin-top:2.7vh;left:56%;width:1.2vh;height:1.2vh;background-color:#fff;animation:bubble 1.8s cubic-bezier(.53,.16,.39,.96) .9s infinite}#cooking-loader .bubble:nth-child(5){margin-top:2.7vh;left:63%;width:1.1vh;height:1.1vh;background-color:#fff;animation:bubble 1.6s ease-in-out 1s infinite}#cooking-loader #area{position:absolute;bottom:0;right:0;width:50%;height:50%;background-color:transparent;transform-origin:15% 60%;animation:flip 2.1s ease-in-out infinite}#cooking-loader #area #sides{position:absolute;width:100%;height:100%;transform-origin:15% 60%;animation:switchSide 2.1s ease-in-out infinite}#cooking-loader #area #sides #handle{position:absolute;bottom:18%;right:80%;width:35%;height:20%;background-color:transparent;border-top:1vh solid #fff;border-left:1vh solid transparent;border-radius:100%;transform:rotate(20deg) rotateX(0deg) scale(1.3,.9)}#cooking-loader #area #sides #pan{position:absolute;bottom:20%;right:30%;width:50%;height:8%;background-color:#fff;border-radius:0 0 1.4em 1.4em;transform-origin:-15% 0}#cooking-loader #area #pancake{position:absolute;top:24%;width:100%;height:100%;transform:rotateX(85deg);animation:jump 2.1s ease-in-out infinite}#cooking-loader #area #pancake #pastry{position:absolute;bottom:26%;right:37%;width:40%;height:45%;background-color:#fff;box-shadow:0 0 3px 0 #fff;border-radius:100%;transform-origin:-20% 0;animation:fly 2.1s ease-in-out infinite}@keyframes jump{0%{top:24%;transform:rotateX(85deg)}25%{top:10%;transform:rotateX(0deg)}50%{top:30%;transform:rotateX(85deg)}75%{transform:rotateX(0deg)}to{transform:rotateX(85deg)}}@keyframes flip{0%{transform:rotate(0deg)}5%{transform:rotate(-27deg)}30%,50%{transform:rotate(0deg)}55%{transform:rotate(27deg)}83.3%{transform:rotate(0deg)}to{transform:rotate(0deg)}}@keyframes switchSide{0%{transform:rotateY(0deg)}50%{transform:rotateY(180deg)}to{transform:rotateY(0deg)}}@keyframes fly{0%{bottom:26%;transform:rotate(0deg)}10%{bottom:40%}50%{bottom:26%;transform:rotate(-190deg)}80%{bottom:40%}to{bottom:26%;transform:rotate(0deg)}}@keyframes bubble{0%{transform:scale(.15);top:80%;opacity:0}50%{transform:scale(1.1);opacity:1}to{transform:scale(.33);top:60%;opacity:0}}@keyframes pulse{0%{transform:scale(1);opacity:.25}50%{transform:scaleX(1.2);opacity:1}to{transform:scale(1);opacity:.25}}