h2[data-v-9825d11c]{margin:0 auto 2rem 0;text-align:left;font-weight:700;display:flex;flex-wrap:nowrap;justify-content:space-between}h2 span[data-v-9825d11c]{display:block}h2 div div[data-v-9825d11c]{width:.5rem;height:.5rem;border-radius:.5rem;box-shadow:0 0 8px rgba(55,55,55,.1);border:1px solid rgba(88,88,88,.2);display:inline-block;margin-left:.2rem}h2 div .empty[data-v-9825d11c]{background-color:#fefafa}h2 div .fill[data-v-9825d11c]{background-color:#52aea3}.wide-content[data-v-3d91ad56]{width:calc(100% + 4rem);position:relative;right:2rem;display:flex;align-items:center}.bottle-box[data-v-3d91ad56]{height:22rem}h3[data-v-3d91ad56]{text-align:center}img[data-v-3d91ad56]{display:block;margin:1rem auto;width:6rem;height:6rem}p[data-v-3d91ad56]{text-align:justify;margin:1rem auto;font-size:.8rem;font-weight:400}button[data-v-3d91ad56]{z-index:2;width:3rem;height:3rem;min-width:3rem;min-height:3rem;border-radius:3rem;background:#fefafa;box-shadow:0 0 24px rgba(55,55,55,.1);border:1px solid rgba(88,88,88,.2);font-size:2rem;font-weight:700;color:#52aea3}.right[data-v-3d91ad56]{position:relative;left:-1rem}.left[data-v-3d91ad56]{position:relative;left:1rem}.swipe-right[data-v-3d91ad56]{-webkit-animation-name:moveright-3d91ad56,fade-3d91ad56;animation-name:moveright-3d91ad56,fade-3d91ad56;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}.swipe-left[data-v-3d91ad56]{-webkit-animation-name:moveleft-3d91ad56,fade-3d91ad56;animation-name:moveleft-3d91ad56,fade-3d91ad56;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes moveright-3d91ad56{0%{transform:translateX(0)}48%{transform:translateX(2rem)}52%{transform:translateX(-2rem)}to{transform:translateX(0)}}@keyframes moveright-3d91ad56{0%{transform:translateX(0)}48%{transform:translateX(2rem)}52%{transform:translateX(-2rem)}to{transform:translateX(0)}}@-webkit-keyframes moveleft-3d91ad56{0%{transform:translateX(0)}48%{transform:translateX(-2rem)}52%{transform:translateX(2rem)}to{transform:translateX(0)}}@keyframes moveleft-3d91ad56{0%{transform:translateX(0)}48%{transform:translateX(-2rem)}52%{transform:translateX(2rem)}to{transform:translateX(0)}}@-webkit-keyframes fade-3d91ad56{0%{opacity:1}45%{opacity:0}55%{opacity:0}to{opacity:1}}@keyframes fade-3d91ad56{0%{opacity:1}45%{opacity:0}55%{opacity:0}to{opacity:1}}.item-box[data-v-eb41c1e0]{margin-bottom:1rem}.item-box[data-v-87d15e5a]{margin-bottom:.5rem}img[data-v-87d15e5a]{border-radius:2.5rem;-o-object-fit:fill;object-fit:fill}.stage[data-v-128e0fc8]{padding-bottom:0}.flex[data-v-128e0fc8]{display:flex;align-items:center}img[data-v-128e0fc8]{width:1rem;height:1rem;margin-right:.5rem}h3[data-v-128e0fc8]{text-align:center;margin-bottom:1rem}p[data-v-128e0fc8]{margin:.5rem 0;font-size:.8rem}p[data-v-128e0fc8]:first-child{color:#a1a1a1}.mix[data-v-128e0fc8]{margin:2rem 0;width:100%;display:flex;justify-content:center;align-items:center}.mix button[data-v-128e0fc8]{background-color:#52aea3;width:8rem;height:8rem;border-radius:4rem;box-shadow:0 0 24px rgba(55,55,55,.1);border:1px solid rgba(88,88,88,.2)}.mix button p[data-v-128e0fc8]{display:inline;line-height:8.5rem;height:100%;vertical-align:middle;color:#fefafa;font-weight:700;font-size:3rem}.mix button div[data-v-128e0fc8]{width:100%;height:100%}.mix button .spin[data-v-128e0fc8]{-webkit-animation:spin-128e0fc8 1s ease-in-out 1;animation:spin-128e0fc8 1s ease-in-out 1}.mix button[data-v-128e0fc8]:enabled:hover{-webkit-animation:shake-128e0fc8 1.5s ease-out infinite both;animation:shake-128e0fc8 1.5s ease-out infinite both}@-webkit-keyframes shake-128e0fc8{0%{transform:rotate(0)}8%{transform:rotate(0)}15%{transform:rotate(.15rad)}30%{transform:rotate(-.15rad)}45%{transform:rotate(.1rad)}60%{transform:rotate(-.1rad)}75%{transform:rotate(0)}to{transform:rotate(0)}}@keyframes shake-128e0fc8{0%{transform:rotate(0)}8%{transform:rotate(0)}15%{transform:rotate(.15rad)}30%{transform:rotate(-.15rad)}45%{transform:rotate(.1rad)}60%{transform:rotate(-.1rad)}75%{transform:rotate(0)}to{transform:rotate(0)}}@-webkit-keyframes spin-128e0fc8{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes spin-128e0fc8{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.popup[data-v-c0079f66]{z-index:5;position:fixed;top:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:rgba(55,55,55,.3)}.popup .content-box[data-v-c0079f66]{margin:1.5rem;max-width:32rem}p[data-v-c0079f66]{text-align:justify}.button[data-v-c0079f66]{box-sizing:border-box;margin-top:2rem;width:100%;display:flex;justify-content:center;align-items:center}button[data-v-c0079f66]{margin:auto;margin-bottom:.5rem;background-color:#52aea3;width:8rem;height:8rem;border-radius:4rem;box-shadow:0 0 24px rgba(55,55,55,.1);border:1px solid rgba(88,88,88,.2)}button p[data-v-c0079f66]{display:inline;line-height:2rem;height:100%;vertical-align:middle;color:#fefafa;font-weight:700;font-size:1.6rem}button:hover div[data-v-c0079f66]{color:red;-webkit-animation:jump-c0079f66 1.5s ease-out infinite both;animation:jump-c0079f66 1.5s ease-out infinite both}@-webkit-keyframes jump-c0079f66{0%{transform:scale(1)}15%{transform:scale(1.1)}30%{transform:scale(.95)}45%{transform:scale(1.1)}60%{transform:scale(.95)}75%{transform:scale(1)}to{transform:scale(1)}}@keyframes jump-c0079f66{0%{transform:scale(1)}15%{transform:scale(1.1)}30%{transform:scale(.95)}45%{transform:scale(1.1)}60%{transform:scale(.95)}75%{transform:scale(1)}to{transform:scale(1)}}.content-box,.item-box{box-shadow:0 0 24px rgba(55,55,55,.1);border:1px solid rgba(88,88,88,.2);box-sizing:border-box;border-radius:15px;background-color:#fefafa;margin:auto;width:100%}html{font-size:20px}body,html{margin:0;font-family:Josefin Sans,sans-serif}body{overflow-x:hidden;overflow-y:scroll;font-weight:400;font-size:1rem;color:#172b29;background-color:#eeeded}button{font-family:Josefin Sans,sans-serif}.stage-container{border-bottom:1px solid rgba(55,55,55,.1)}.stage{box-sizing:border-box;margin:0 auto;width:100%;max-width:24rem;min-height:100vh;padding:2rem 2rem 8rem 2rem}.content-box{padding:1.5rem}.item-box{cursor:pointer;transition:background-color .3s,color .3s,border-color .3s;padding:1rem 1.5rem;display:flex;align-items:center}.item-box img{height:2.5rem;margin-right:1rem}.item-box h3{font-size:1rem;margin:0 0 .2rem 0}.item-box p{margin:0;font-size:.7rem;font-weight:300}.item-box:hover{border-color:#52aea3}button{transition:border-color .2s;cursor:pointer}button:hover{border-color:#52aea3}.selected{background-color:#52aea3}.selected *{color:#fefafa}h1{margin:auto;text-align:center;font-size:3rem;font-weight:700}h2{font-size:1.5rem}h3{margin:.5rem auto;font-size:1.2rem;font-weight:700}h5{margin:auto;text-align:center;font-size:.9rem;font-weight:400;color:#a1a1a1}.press{-webkit-animation-name:press;animation-name:press;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-iteration-count:1;animation-iteration-count:1}.overflow-hidden{overflow-y:hidden}@-webkit-keyframes press{0%{transform:scale(1)}40%{transform:scale(.9)}to{transform:scale(1)}}@keyframes press{0%{transform:scale(1)}40%{transform:scale(.9)}to{transform:scale(1)}}@media screen and (min-width:600px)and (min-height:800px){html{font-size:26px}}@media screen and (max-width:1000px)and (max-height:600px){.stage{max-width:32rem}.popup{max-height:500px}.popup button{margin-bottom:.2rem;width:16rem;height:2rem}.popup button p{font-size:1rem}.popup li,.popup p{font-size:.8rem}}.app-container{margin:auto;max-width:24rem}nav{filter:drop-shadow(0 0 24px rgba(55,55,55,.1));height:5rem;width:100%;margin-bottom:0;position:fixed;bottom:0;left:0;z-index:3;background-image:url(../img/nav-inset-big.a387d2aa.svg);background-size:auto 5rem;background-position:top}nav,nav button{background-repeat:no-repeat}nav button{box-shadow:0 0 24px rgba(55,55,55,.1);border:1px solid rgba(88,88,88,.2);display:block;margin:auto;width:4rem;height:4rem;border-radius:4rem;border:none;background-color:#52aea3;background-image:url(../img/nav-down.9eaf02e9.svg);background-size:50%;background-position:50% 50%;position:relative;top:-1.25rem}nav button:disabled{background-image:url(../img/nav-error.70820e28.svg)}nav button:enabled:hover{-webkit-animation:wiggle 1.5s ease-out infinite both;animation:wiggle 1.5s ease-out infinite both}.landing{font-size:1.2rem}.landing p{margin:.5rem auto;font-weight:700;text-align:center;color:#172b29}.landing li{font-weight:400;color:#a1a1a1}h1 span{color:#52aea3}header{margin-bottom:2rem}.toast{position:fixed;width:100%;margin:0 auto;display:flex;justify-content:center;align-items:center;z-index:4}.toast div{width:calc(100% - 5rem);max-width:32rem;margin:auto;margin-top:2rem;padding:1rem;text-align:center;color:#fefafa;box-shadow:0 0 24px rgba(55,55,55,.1);border:1px solid rgba(88,88,88,.2);border-radius:15px}.overlay,.toast div{background-color:#52aea3}.overlay{z-index:6;position:fixed;width:100%;height:100%;display:flex;align-items:center}.overlay h1{width:100%;color:#fefafa;margin:auto;text-align:center;vertical-align:center}.slide-fade-enter-active{transition:all .3s ease-out}.slide-fade-leave-active{transition:all .3s ease-in}.slide-fade-enter-from,.slide-fade-leave-to{transform:translateY(-3rem);opacity:0}.nav-slide-enter-active{transition:all .3s ease-out}.nav-slide-leave-active{transition:all .3s ease-in}.nav-slide-enter-from,.nav-slide-leave-to{transform:translateY(6.5rem)}.fade-enter-active{transition:all .5s ease-out}.fade-leave-active{transition:all .5s ease-in}.fade-enter-from,.fade-leave-to{opacity:0}@-webkit-keyframes wiggle{0%{background-position:50% 50%}15%{background-position:50% 60%}30%{background-position:50% 45%}45%{background-position:50% 60%}60%{background-position:50% 48%}75%{background-position:50% 50%}to{background-position:50% 50%}}@keyframes wiggle{0%{background-position:50% 50%}15%{background-position:50% 60%}30%{background-position:50% 45%}45%{background-position:50% 60%}60%{background-position:50% 48%}75%{background-position:50% 50%}to{background-position:50% 50%}}