@mixin leftPos($count){@for $i from 1 through $count {&:nth-child(#{$i}) {left: ((($i)-2) * 13)-1%;}}}.liquid-container{width:100dvw;height:100dvh;margin:15px auto;background:var(--mui-palette-primary-main);overflow:hidden;position:absolute;box-shadow:0 19px 38px #0000004d,0 15px 12px #00000038}.liquid-text{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);text-align:center;color:var(--mui-palette-primary-main);font-size:64px;font-weight:900}.liquid{width:120%;height:10px;position:absolute;top:-2%;left:-10%;background:#fff;border-radius:10%;animation:liquid 5s infinite}.liquid-blobs{filter:url(#goo);width:100%;height:100%;position:relative}.liquid-blobs .blob{width:30px;height:30px;margin:0 5px 0 0;background:#fff;border-radius:50%;position:absolute;top:0;@include leftPos(9);animation:drip_one 5s infinite}.liquid-blobs .blob:nth-of-type(4n-7){width:65px;animation:drip_four 5s infinite}.liquid-blobs .blob:nth-of-type(3n-2){width:26px}.liquid-blobs .blob:nth-of-type(2){width:22px}.liquid-blobs .blob:nth-of-type(8){animation:drip_five 5s infinite}.liquid-blobs .blob:nth-of-type(4n+2){height:56px;animation:drip_two 5s infinite}.liquid-blobs .blob:nth-of-type(6n-2){height:42px;animation:drip_three 5s infinite}@keyframes drip_one{0%{top:0}to{top:103%}}@keyframes drip_two{0%{top:0}to{top:104%}}@keyframes drip_three{0%{top:0;height:52px}to{top:102%;height:132px}}@keyframes drip_four{0%{top:0;width:65px;height:30px}to{top:102%;width:75px;height:45px}}@keyframes drip_five{0%{top:0;height:30px}to{top:102%;height:72px}}@keyframes liquid{0%{height:15px}to{height:109%}}.slide-in-elliptic-top-fwd{-webkit-animation:slide-in-elliptic-top-fwd .7s cubic-bezier(.25,.46,.45,.94) both;animation:slide-in-elliptic-top-fwd .7s cubic-bezier(.25,.46,.45,.94) both}@-webkit-keyframes slide-in-elliptic-top-fwd{0%{-webkit-transform:translateY(-600px) rotateX(-30deg) scale(0);transform:translateY(-600px) rotateX(-30deg) scale(0);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;opacity:0}to{-webkit-transform:translateY(0) rotateX(0) scale(1);transform:translateY(0) rotateX(0) scale(1);-webkit-transform-origin:50% 1400px;transform-origin:50% 1400px;opacity:1}}@keyframes slide-in-elliptic-top-fwd{0%{-webkit-transform:translateY(-600px) rotateX(-30deg) scale(0);transform:translateY(-600px) rotateX(-30deg) scale(0);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;opacity:0}to{-webkit-transform:translateY(0) rotateX(0) scale(1);transform:translateY(0) rotateX(0) scale(1);-webkit-transform-origin:50% 1400px;transform-origin:50% 1400px;opacity:1}}.bounce-in-top{-webkit-animation:bounce-in-top 1.1s both;animation:bounce-in-top 1.1s both}@-webkit-keyframes bounce-in-top{0%{-webkit-transform:translateY(-500px);transform:translateY(-500px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}38%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;opacity:1}55%{-webkit-transform:translateY(-65px);transform:translateY(-65px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}72%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}81%{-webkit-transform:translateY(-28px);transform:translateY(-28px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}90%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}95%{-webkit-transform:translateY(-8px);transform:translateY(-8px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes bounce-in-top{0%{-webkit-transform:translateY(-500px);transform:translateY(-500px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}38%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;opacity:1}55%{-webkit-transform:translateY(-65px);transform:translateY(-65px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}72%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}81%{-webkit-transform:translateY(-28px);transform:translateY(-28px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}90%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}95%{-webkit-transform:translateY(-8px);transform:translateY(-8px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.roll-in-blurred-right{-webkit-animation:roll-in-blurred-right .65s cubic-bezier(.23,1,.32,1) both;animation:roll-in-blurred-right .65s cubic-bezier(.23,1,.32,1) both}@-webkit-keyframes roll-in-blurred-right{0%{-webkit-transform:translateX(1000px) rotate(720deg);transform:translate(1000px) rotate(720deg);-webkit-filter:blur(50px);filter:blur(50px);opacity:0}to{-webkit-transform:translateX(0) rotate(0deg);transform:translate(0) rotate(0);-webkit-filter:blur(0);filter:blur(0);opacity:1}}@keyframes roll-in-blurred-right{0%{-webkit-transform:translateX(1000px) rotate(720deg);transform:translate(1000px) rotate(720deg);-webkit-filter:blur(50px);filter:blur(50px);opacity:0}to{-webkit-transform:translateX(0) rotate(0deg);transform:translate(0) rotate(0);-webkit-filter:blur(0);filter:blur(0);opacity:1}}.bounce-in-right{-webkit-animation:bounce-in-right 1.1s both;animation:bounce-in-right 1.1s both}@-webkit-keyframes bounce-in-right{0%{-webkit-transform:translateX(600px);transform:translate(600px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}38%{-webkit-transform:translateX(0);transform:translate(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;opacity:1}55%{-webkit-transform:translateX(68px);transform:translate(68px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}72%{-webkit-transform:translateX(0);transform:translate(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}81%{-webkit-transform:translateX(32px);transform:translate(32px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}90%{-webkit-transform:translateX(0);transform:translate(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}95%{-webkit-transform:translateX(8px);transform:translate(8px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:translateX(0);transform:translate(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes bounce-in-right{0%{-webkit-transform:translateX(600px);transform:translate(600px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}38%{-webkit-transform:translateX(0);transform:translate(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;opacity:1}55%{-webkit-transform:translateX(68px);transform:translate(68px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}72%{-webkit-transform:translateX(0);transform:translate(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}81%{-webkit-transform:translateX(32px);transform:translate(32px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}90%{-webkit-transform:translateX(0);transform:translate(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}95%{-webkit-transform:translateX(8px);transform:translate(8px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:translateX(0);transform:translate(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.flip-in-hor-bottom{-webkit-animation:flip-in-hor-bottom .5s cubic-bezier(.25,.46,.45,.94) both;animation:flip-in-hor-bottom .5s cubic-bezier(.25,.46,.45,.94) both}@-webkit-keyframes flip-in-hor-bottom{0%{-webkit-transform:rotateX(80deg);transform:rotateX(80deg);opacity:0}to{-webkit-transform:rotateX(0);transform:rotateX(0);opacity:1}}@keyframes flip-in-hor-bottom{0%{-webkit-transform:rotateX(80deg);transform:rotateX(80deg);opacity:0}to{-webkit-transform:rotateX(0);transform:rotateX(0);opacity:1}}.bounce-in-fwd{-webkit-animation:bounce-in-fwd 1.1s both;animation:bounce-in-fwd 1.1s both}@-webkit-keyframes bounce-in-fwd{0%{-webkit-transform:scale(0);transform:scale(0);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}38%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;opacity:1}55%{-webkit-transform:scale(.7);transform:scale(.7);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}72%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}81%{-webkit-transform:scale(.84);transform:scale(.84);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}89%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}95%{-webkit-transform:scale(.95);transform:scale(.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes bounce-in-fwd{0%{-webkit-transform:scale(0);transform:scale(0);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}38%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;opacity:1}55%{-webkit-transform:scale(.7);transform:scale(.7);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}72%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}81%{-webkit-transform:scale(.84);transform:scale(.84);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}89%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}95%{-webkit-transform:scale(.95);transform:scale(.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.bounce-out-bck{-webkit-animation:bounce-out-bck 1.5s both;animation:bounce-out-bck 1.5s both}@-webkit-keyframes bounce-out-bck{0%{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}5%{-webkit-transform:translateZ(-100px);transform:translateZ(-100px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}15%{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}25%{-webkit-transform:translateZ(-110px);transform:translateZ(-110px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}38%{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}52%{-webkit-transform:translateZ(-200px);transform:translateZ(-200px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}70%{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}85%{opacity:1}to{-webkit-transform:translateZ(-900px) scale(0);transform:translateZ(-900px) scale(0);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}}@keyframes bounce-out-bck{0%{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}5%{-webkit-transform:translateZ(-100px);transform:translateZ(-100px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}15%{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}25%{-webkit-transform:translateZ(-110px);transform:translateZ(-110px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}38%{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}52%{-webkit-transform:translateZ(-200px);transform:translateZ(-200px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}70%{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}85%{opacity:1}to{-webkit-transform:translateZ(-900px) scale(0);transform:translateZ(-900px) scale(0);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}}.jello-horizontal{-webkit-animation:jello-horizontal .9s both;animation:jello-horizontal .9s both}@-webkit-keyframes jello-horizontal{0%{-webkit-transform:scale3d(1,1,1);transform:scaleZ(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scale3d(1,1,1);transform:scaleZ(1)}}@keyframes jello-horizontal{0%{-webkit-transform:scale3d(1,1,1);transform:scaleZ(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scale3d(1,1,1);transform:scaleZ(1)}}.jello-vertical{-webkit-animation:jello-vertical .9s both;animation:jello-vertical .9s both}@-webkit-keyframes jello-vertical{0%{-webkit-transform:scale3d(1,1,1);transform:scaleZ(1)}30%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}40%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}50%{-webkit-transform:scale3d(.85,1.15,1);transform:scale3d(.85,1.15,1)}65%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}75%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}to{-webkit-transform:scale3d(1,1,1);transform:scaleZ(1)}}@keyframes jello-vertical{0%{-webkit-transform:scale3d(1,1,1);transform:scaleZ(1)}30%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}40%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}50%{-webkit-transform:scale3d(.85,1.15,1);transform:scale3d(.85,1.15,1)}65%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}75%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}to{-webkit-transform:scale3d(1,1,1);transform:scaleZ(1)}}.tracking-in-contract{-webkit-animation:tracking-in-contract .8s cubic-bezier(.215,.61,.355,1) both;animation:tracking-in-contract .8s cubic-bezier(.215,.61,.355,1) both}@-webkit-keyframes tracking-in-contract{0%{letter-spacing:1em;opacity:0}40%{opacity:.6}to{letter-spacing:normal;opacity:1}}@keyframes tracking-in-contract{0%{letter-spacing:1em;opacity:0}40%{opacity:.6}to{letter-spacing:normal;opacity:1}}.wobble-hor-bottom{-webkit-animation:wobble-hor-bottom .8s both;animation:wobble-hor-bottom .8s both}.wobble-hor-bottom-infinite{-webkit-animation:wobble-hor-bottom .8s infinite;animation:wobble-hor-bottom .8s infinite}.mini-wobble-bottom{-webkit-animation:mini-wobble-bottom .8s ease-in-out both;animation:mini-wobble-bottom .8s ease-in-out both}@-webkit-keyframes wobble-hor-bottom{0%,to{-webkit-transform:translateX(0%);transform:translate(0);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}15%{-webkit-transform:translateX(-30px) rotate(-6deg);transform:translate(-30px) rotate(-6deg)}30%{-webkit-transform:translateX(15px) rotate(6deg);transform:translate(15px) rotate(6deg)}45%{-webkit-transform:translateX(-15px) rotate(-3.6deg);transform:translate(-15px) rotate(-3.6deg)}60%{-webkit-transform:translateX(9px) rotate(2.4deg);transform:translate(9px) rotate(2.4deg)}75%{-webkit-transform:translateX(-6px) rotate(-1.2deg);transform:translate(-6px) rotate(-1.2deg)}}@keyframes wobble-hor-bottom{0%,to{-webkit-transform:translateX(0%);transform:translate(0);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}15%{-webkit-transform:translateX(-30px) rotate(-6deg);transform:translate(-30px) rotate(-6deg)}30%{-webkit-transform:translateX(15px) rotate(6deg);transform:translate(15px) rotate(6deg)}45%{-webkit-transform:translateX(-15px) rotate(-3.6deg);transform:translate(-15px) rotate(-3.6deg)}60%{-webkit-transform:translateX(9px) rotate(2.4deg);transform:translate(9px) rotate(2.4deg)}75%{-webkit-transform:translateX(-6px) rotate(-1.2deg);transform:translate(-6px) rotate(-1.2deg)}}@-webkit-keyframes mini-wobble-bottom{0%,to{transform:translate(0) rotate(0);transform-origin:50% 50%}15%{transform:translate(-6px) rotate(-2deg)}30%{transform:translate(4px) rotate(2deg)}45%{transform:translate(-3px) rotate(-1deg)}60%{transform:translate(2px) rotate(.7deg)}75%{transform:translate(-1px) rotate(-.4deg)}}@keyframes mini-wobble-bottom{0%,to{transform:translate(0) rotate(0);transform-origin:50% 50%}15%{transform:translate(-6px) rotate(-2deg)}30%{transform:translate(4px) rotate(2deg)}45%{transform:translate(-3px) rotate(-1deg)}60%{transform:translate(2px) rotate(.7deg)}75%{transform:translate(-1px) rotate(-.4deg)}}@keyframes blink{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.slide-out-bck-tr{-webkit-animation:slide-out-bck-tr .5s cubic-bezier(.55,.085,.68,.53) both;animation:slide-out-bck-tr .5s cubic-bezier(.55,.085,.68,.53) both}@-webkit-keyframes slide-out-bck-tr{0%{-webkit-transform:translateZ(0) translateY(0) translateX(0);transform:translateZ(0) translateY(0) translate(0);opacity:1}to{-webkit-transform:translateZ(-1100px) translateY(-1000px) translateX(1000px);transform:translateZ(-1100px) translateY(-1000px) translate(1000px);opacity:0}}@keyframes slide-out-bck-tr{0%{-webkit-transform:translateZ(0) translateY(0) translateX(0);transform:translateZ(0) translateY(0) translate(0);opacity:1}to{-webkit-transform:translateZ(-1100px) translateY(-1000px) translateX(1000px);transform:translateZ(-1100px) translateY(-1000px) translate(1000px);opacity:0}}.library-item{position:relative;transition:transform .3s ease-in-out}.library-item:hover{transform:translateY(-10px);animation:float .6s ease-in-out infinite}@keyframes float{0%{transform:translateY(-10px)}50%{transform:translateY(-15px)}to{transform:translateY(-10px)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}