.animate,.animate.slide-in{transform:translateX(-100%)}.animate.slide-out{transform:translateX(0)}.slide-in{animation:slide-in .5s forwards}.slide-out{animation:slide-out .5s forwards}@keyframes slide-in{to{transform:translateX(0)}}@keyframes slide-out{0%{transform:translateX(0)}to{transform:translateX(200%)}}.bubble{animation-direction:alternate;animation-duration:.75s;animation-iteration-count:1;animation-name:bubble_animation;aspect-ratio:1/1;border:1px solid #fff;border-radius:50%;margin:0;opacity:0;padding:0;position:absolute}@keyframes bubble_animation{0%,to{opacity:0}50%{opacity:1}}@media(min-width:900px){.bubble.bubble-xs{width:.75rem}.bubble.bubble-s{width:1.25rem}.bubble.bubble-md{width:1.75rem}.bubble.bubble-lg{width:2.25rem}}.bubble.xs{width:.5rem}.bubble.s{width:.75rem}.bubble.md{width:1.25rem}.bubble.lg{width:1.75rem}.bubble:first-of-type{animation-delay:1.35s;left:28%;top:-19%}.bubble:nth-of-type(2){animation-delay:1.2s;left:15%;top:-15%}.bubble:nth-of-type(3){animation-delay:1.05s;right:12%;top:-9%}.bubble:nth-of-type(4){animation-delay:.9s;left:10%;top:10%}.bubble:nth-of-type(5){animation-delay:.75s;right:12%;top:25%}.bubble:nth-of-type(6){animation-delay:.6s;right:10%;top:35%}.bubble:nth-of-type(7){animation-delay:.45s;left:12%;top:45%}.bubble:nth-of-type(8){animation-delay:.3s;right:22%;top:60%}.bubble:nth-of-type(9){animation-delay:.15s;left:22%;top:75%}.bubble:nth-of-type(10){left:23%;top:78%}.capacity-2 .liquid{--animation-height:50%;height:50%;max-height:50%}.capacity-3 .liquid{--animation-height:33.3%;height:33%;max-height:33%}.capacity-4 .liquid{--animation-height:25%;height:25%;max-height:25%}.liquid{margin-bottom:-1px}.liquid:first-child{border-radius:inherit;margin-bottom:0}.liquid.liquid-level-up-animation{animation:liquid-level-up .4s linear}@keyframes liquid-level-up{0%{max-height:0}to{max-height:var(--animation-height)}}.liquid.liquid-level-down-animation{animation:liquid-level-down .4s linear}@keyframes liquid-level-down{0%{max-height:var(--animation-height)}to{max-height:0}}.liquid.orange{background-color:#f28c28}.liquid.red{background-color:tomato}.liquid.pink{background-color:pink}.liquid.light-blue{background-color:#89cff0}.liquid.dark-blue{background-color:#115dd2}.liquid.yellow{background-color:#ffc000}.liquid.green{background-color:#27ae60}.liquid.light-green{background-color:#98fb98}.liquid.gray{background-color:#b2beb5}.liquid.brown{background-color:#6f4e37}.tube{aspect-ratio:1/4;backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);background:#ffffff1c;border:2px solid #e5e4e2;border-bottom-left-radius:50px;border-bottom-right-radius:50px;box-shadow:inset 0 0 6px 2px #262626,2px 2px 6px 1px #000;box-sizing:border-box;display:flex;flex-direction:column-reverse;flex-grow:1;margin:1.25rem 0;max-width:11.5%;padding-top:20px;transition:margin .4s;width:11.5%}.tube.overflow{overflow:hidden}.tube.selected{margin:0 0 2.5rem}.tube.done{border-top-width:10px;padding-top:10px}@media(min-width:600px){.tube{max-width:6%;width:6%}}.scale-1-25{max-width:14.375%;width:14.375%}@media(min-width:600px){.scale-1-25{max-width:6%;width:6%}}.scale-1-5{max-width:17.25%;width:17.25%}@media(min-width:600px){.scale-1-5{max-width:6%;width:6%}}button.main{background:linear-gradient(90deg,#ffc000,tomato);border:none;border-radius:12px;box-shadow:0 15px 25px #000;color:var(--color-white);display:block;font-size:.8rem;font-weight:700;padding:.9rem 2.5rem;text-transform:uppercase}button.main svg{display:inline-block;padding-left:10px}button.main:hover{opacity:.75}button.secondary{background:none;background-color:#fff5ee;border:none;border-radius:12px;box-shadow:0 15px 25px #000;color:#000;display:block;font-size:.8rem;font-weight:700;padding:.9rem 2.5rem;text-transform:uppercase}button.secondary svg{display:inline-block;padding-left:10px}button.secondary:hover{opacity:.75}.confetti{align-items:center;display:flex;height:100dvh;justify-content:center;left:0;overflow:hidden;position:absolute;top:0;width:100dvw}.confetti-piece{background:#ffd300;height:16px;opacity:0;position:absolute;top:0;width:8px}.confetti-piece:first-child{animation:makeItRain 4s ease-out infinite;animation-delay:1575ms;animation-duration:3811ms;left:7%;transform:rotate(37deg)}.confetti-piece:nth-child(2){animation:makeItRain 4s ease-out infinite;animation-delay:457ms;animation-duration:4675ms;left:14%;transform:rotate(79deg)}.confetti-piece:nth-child(3){animation:makeItRain 4s ease-out infinite;animation-delay:886ms;animation-duration:3019ms;left:21%;transform:rotate(76deg)}.confetti-piece:nth-child(4){animation:makeItRain 4s ease-out infinite;animation-delay:493ms;animation-duration:3.26s;left:28%;transform:rotate(-47deg)}.confetti-piece:nth-child(5){animation:makeItRain 4s ease-out infinite;animation-delay:1025ms;animation-duration:4.77s;left:35%;transform:rotate(-28deg)}.confetti-piece:nth-child(6){animation:makeItRain 4s ease-out infinite;animation-delay:989ms;animation-duration:3.86s;left:42%;transform:rotate(-4deg)}.confetti-piece:nth-child(7){animation:makeItRain 4s ease-out infinite;animation-delay:1385ms;animation-duration:4.1s;left:49%;transform:rotate(-78deg)}.confetti-piece:nth-child(8){animation:makeItRain 4s ease-out infinite;animation-delay:335ms;animation-duration:3134ms;left:56%;transform:rotate(48deg)}.confetti-piece:nth-child(9){animation:makeItRain 4s ease-out infinite;animation-delay:741ms;animation-duration:2914ms;left:63%;transform:rotate(-58deg)}.confetti-piece:nth-child(10){animation:makeItRain 4s ease-out infinite;animation-delay:1521ms;animation-duration:2983ms;left:70%;transform:rotate(-56deg)}.confetti-piece:nth-child(11){animation:makeItRain 4s ease-out infinite;animation-delay:1619ms;animation-duration:3377ms;left:77%;transform:rotate(-14deg)}.confetti-piece:nth-child(12){animation:makeItRain 4s ease-out infinite;animation-delay:374ms;animation-duration:2818ms;left:84%;transform:rotate(78deg)}.confetti-piece:nth-child(13){animation:makeItRain 4s ease-out infinite;animation-delay:793ms;animation-duration:3656ms;left:91%;transform:rotate(14deg)}.confetti-piece:nth-child(odd){background:#17d3ff}.confetti-piece:nth-child(2n){z-index:1}.confetti-piece:nth-child(4n){animation-duration:8s;height:12px;width:5px}.confetti-piece:nth-child(3n){animation-delay:4s;animation-duration:10s;height:10px;width:3px}.confetti-piece:nth-child(4n-7){background:#ff4e91}@keyframes makeItRain{0%{opacity:0}30%{opacity:1}to{transform:translateY(100dvh)}}.level-done{align-items:center;display:grid;flex-grow:1;grid-template-rows:-webkit-min-content .6fr .5fr -webkit-min-content;grid-template-rows:min-content .6fr .5fr min-content;justify-items:center;padding:9dvh 0}.level-done .level-done-header.first-try{align-items:center;display:flex;gap:1.5rem}.level-done h2{color:#fff;color:#e6e6e6;font-size:1.15rem;font-weight:700;margin:0;padding:0;text-transform:uppercase}.level-done p{color:#e6e6e6;font-size:.9rem;margin:0;max-width:250px;padding:5px 0}.level-done img{grid-row:2/4;height:47dvh;object-fit:contain}.level-done .medal{height:12dvh}.level-done button{grid-row:4}@media(orientation:landscape)and (hover:none)and (pointer:coarse)and (max-height:600px){.level-done{gap:1rem 3rem;grid-template-columns:1fr 1.25fr;padding:0}.level-done img{align-self:center;grid-column:1;grid-row:1/5;height:60dvh;justify-self:end}.level-done .medal{height:20dvh}.level-done h2{font-size:1.15rem}.level-done .level-done-header{align-self:end;grid-row:2;justify-self:start}.level-done .level-done-header,.level-done button{grid-column:2}.level-done button{align-self:start;grid-row:3;justify-self:start}}.puzzle-area{align-content:center;display:flex;flex-grow:1;flex-wrap:wrap;gap:2% 3.5%;justify-content:center;width:100%}@media(min-width:600px){.puzzle-area{gap:2%}}.google-ads-bottom-banner{border:1px solid hotpink;margin-bottom:15px;min-height:100px;width:320px}.badge{align-items:center;aspect-ratio:1/1;background-color:var(--color-white);border-radius:50%;color:#000;display:flex;font-size:.8rem;font-weight:700;height:1.15rem;justify-content:center}.badge.update{animation:blink 1.25s ease 1}.badge.update:before{animation:pulse 1.25s ease 1;border-radius:50%;bottom:0;content:"";display:block;left:0;position:absolute;right:0;top:0}@keyframes pulse{0%{border:4px double #6f6;opacity:1;transform:scale(1)}60%{border:4px double #6f6;opacity:.4;transform:scale(1.3)}to{border:4px double #6f6;opacity:0;transform:scale(1.4)}}@keyframes blink{0%{background-color:#6f6}60%{background-color:#6f6}to{background-color:var(--color-white)}}.control-bar{display:flex;gap:0}.control-bar .control-bar-button{align-items:center;background-color:#0000;border:none;color:var(--color-white);cursor:pointer;display:flex;height:3.25rem;justify-content:center;opacity:.7;outline:0;position:relative;width:4rem;z-index:1000}.control-bar .control-bar-button:hover{opacity:1}.control-bar .control-bar-button svg{color:var(--color-white)}.control-bar .control-bar-button:disabled{opacity:.7}.control-bar .control-bar-button:disabled svg{color:dimgray}.control-bar .control-bar-button:disabled .badge{background-color:dimgray}.control-bar .control-bar-button.small{width:3.25rem}.control-bar .control-bar-button .pie-chart{position:absolute;right:0;top:0}.control-bar .control-bar-button>.badge{position:absolute;right:0;top:1px}.level{align-items:center;background-color:var(--color-nero);border-radius:12px;display:flex;flex-direction:column;justify-content:center;opacity:.75;padding:0 10px;text-decoration:none}.level .level-number{font-size:1.45rem;justify-self:right;line-height:1.45rem;padding:0;text-align:center}.level .level-number,.level .text{-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(90deg,#ffc000,tomato);color:#0000;font-weight:700}.level .text{font-size:.7rem;text-transform:uppercase}.popover{border-radius:15px;color:var(--color-white);padding:10px 20px}.popover,.popover:before{background-color:#000;box-shadow:0 7px 15px #00000080;position:absolute}.popover:before{aspect-ratio:1;content:"";height:15px;right:45%;rotate:45deg;top:-7px}.drop-down-menu{animation:slide .3s forwards;right:0;top:100%;z-index:2}.drop-down-menu .drop-down-menu-item{align-items:center;background-color:#0000;border:none;color:var(--color-white);cursor:pointer;display:flex;flex-direction:row;gap:1rem;justify-content:space-between;opacity:.7;outline:0;padding:5px 0}.drop-down-menu .drop-down-menu-item:hover{opacity:1}.drop-down-menu .drop-down-menu-item svg{color:var(--color-white)}.drop-down-menu .drop-down-menu-item:disabled{opacity:.7}.drop-down-menu .drop-down-menu-item:disabled svg{color:dimgray}.drop-down-menu .drop-down-menu-item:disabled .badge{background-color:dimgray}.drop-down-menu .drop-down-menu-item .text{text-wrap:nowrap;font-size:1rem}@keyframes slide{0%{opacity:0}to{opacity:1;transform:translateY(23px)}}.switch{background-color:#4e4949;border-radius:50px;box-shadow:inset 0 0 3px #0000004d;cursor:pointer;display:flex;flex-direction:row;height:1.35rem;justify-content:start;padding:3px;width:3.25rem}.switch:before{aspect-ratio:1;background-color:#fff;border-radius:50%;box-shadow:0 0 3px #0000004d;content:" ";height:100%}.switch.checked{background-color:#26aa5a;justify-content:end}.settings-menu-container{position:relative}.settings-menu-container .settings-menu{margin-right:-10px}.settings-menu-container .settings-menu:before{right:30px}.pie-chart{align-items:center;border-radius:50%;display:inline-block;display:flex;justify-content:center;padding:2px}.header{background:#000;border-radius:15px;box-shadow:0 7px 15px #00000080;display:flex;gap:.5rem;margin:10px auto auto;padding:9px}body{background-image:url(/static/media/bg-1.58d0244424dd0a194689.svg)}.game{display:flex;flex-direction:column;margin:auto}@media(min-width:900px){.game{width:60%}}
/*# sourceMappingURL=main.d40ff254.css.map*/