.tooltip-wrapper[data-v-10975d4b]{position:absolute;right:10%;top:-40%;font-size:12px}.tooltip-wrapper[data-v-10975d4b] .tooltip-text{padding-left:8px;padding-right:8px;background-color:#357c43!important;color:#fff}.tooltip-wrapper[data-v-10975d4b] .tooltip-text:before{content:"";position:absolute;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #357c43;bottom:0;left:0;transform:translateX(-50%)}@media (min-width:1024px){.hide-tablet-landscape-up[data-v-10975d4b]{display:none}}.heading[data-v-10975d4b]{position:relative;font-weight:400;text-align:center;color:#195f27}@media (min-width:1024px){.heading[data-v-10975d4b]{font-size:calc(5.71429px + 2.56696vw)}}@media (max-width:1023px) and (min-width:430px){.heading[data-v-10975d4b]{font-size:calc(22.76094px + 1.6835vw)}}@media (max-width:429px){.heading[data-v-10975d4b]{font-size:calc(6.54545px + 5.45455vw)}}@media (min-width:1024px) and (max-width:1024px){.heading[data-v-10975d4b]{font-size:32px}}@media (min-width:1024px) and (min-width:1920px){.heading[data-v-10975d4b]{font-size:55px}}@media (max-width:1023px) and (min-width:430px) and (max-width:430px){.heading[data-v-10975d4b]{font-size:30px}}@media (max-width:1023px) and (min-width:430px) and (min-width:1024px){.heading[data-v-10975d4b]{font-size:40px}}@media (max-width:429px) and (max-width:320px){.heading[data-v-10975d4b]{font-size:24px}}@media (max-width:429px) and (min-width:430px){.heading[data-v-10975d4b]{font-size:30px}}.back-button[data-v-10975d4b],.next-button[data-v-10975d4b]{border-radius:100%;background:#83b940!important;display:flex;flex-direction:row;align-items:center;justify-content:center;filter:drop-shadow(rgba(0,0,0,.16) 0 5px 15px)}@media (max-width:1023px){.back-button[data-v-10975d4b],.next-button[data-v-10975d4b]{width:50px;height:50px}}.back-button[data-v-10975d4b]:disabled,.next-button[data-v-10975d4b]:disabled{opacity:.5}.next-button span[data-v-10975d4b]{position:absolute;transform:rotate(-90deg) translate(-50%,-50%);color:#fff;font-size:12px}@media (min-width:1024px){.next-button span[data-v-10975d4b]{top:calc(-6.30769px + 1.20192vw);left:calc(16.15385px + .96154vw)}}@media (max-width:1023px) and (min-width:430px){.next-button span[data-v-10975d4b]{top:15%;left:48%}}@media (max-width:429px){.next-button span[data-v-10975d4b]{top:15%;left:30%}}@media (min-width:1024px) and (max-width:1024px){.next-button span[data-v-10975d4b]{top:6px}}@media (min-width:1024px) and (min-width:1440px){.next-button span[data-v-10975d4b]{top:11px}}@media (min-width:1024px) and (max-width:1024px){.next-button span[data-v-10975d4b]{left:26px}}@media (min-width:1024px) and (min-width:1440px){.next-button span[data-v-10975d4b]{left:30px}}.back-button span[data-v-10975d4b]{position:absolute;transform:rotate(90deg) translate(-50%,-50%);color:#fff;font-size:12px}@media (min-width:1024px){.back-button span[data-v-10975d4b]{left:calc(-7.84615px + .96154vw);top:calc(16.15385px + .96154vw)}}@media (max-width:1023px) and (min-width:430px){.back-button span[data-v-10975d4b]{top:55%;left:10%}}@media (max-width:429px){.back-button span[data-v-10975d4b]{top:55%;left:30%}}@media (min-width:1024px) and (max-width:1024px){.back-button span[data-v-10975d4b]{left:2px}}@media (min-width:1024px) and (min-width:1440px){.back-button span[data-v-10975d4b]{left:6px}}@media (min-width:1024px) and (max-width:1024px){.back-button span[data-v-10975d4b]{top:26px}}@media (min-width:1024px) and (min-width:1440px){.back-button span[data-v-10975d4b]{top:30px}}.ingredients[data-v-10975d4b]{display:flex;flex-direction:column;align-items:center;position:relative}@media (max-width:1760px) and (min-width:1024px){.ingredients[data-v-10975d4b]{left:calc(-115.21739px + 12.22826vw)}}@media (max-width:1760px) and (min-width:1024px) and (max-width:1024px){.ingredients[data-v-10975d4b]{left:10px}}@media (max-width:1760px) and (min-width:1024px) and (min-width:1760px){.ingredients[data-v-10975d4b]{left:100px}}.top-row[data-v-10975d4b]{display:flex;flex-direction:row;position:relative}@media (min-width:1024px){.top-row[data-v-10975d4b]{margin-top:calc(-47.07692px + 5.76923vw)}}@media (max-width:1023px){.top-row[data-v-10975d4b]{margin-top:calc(12.59406px + .79208vw);max-width:calc(47.98151px + 83.20493vw)}}.top-row .back-button[data-v-10975d4b],.top-row .next-button[data-v-10975d4b]{position:absolute}@media (min-width:1024px){.top-row .back-button[data-v-10975d4b],.top-row .next-button[data-v-10975d4b]{width:calc(23.38462px + 2.40385vw);height:calc(23.38462px + 2.40385vw)}}@media (max-width:1023px){.top-row .back-button[data-v-10975d4b],.top-row .next-button[data-v-10975d4b]{display:none}}@media (min-width:1024px) and (max-width:1024px){.top-row .back-button[data-v-10975d4b],.top-row .next-button[data-v-10975d4b]{width:48px}}@media (min-width:1024px) and (min-width:1440px){.top-row .back-button[data-v-10975d4b],.top-row .next-button[data-v-10975d4b]{width:58px}}@media (min-width:1024px) and (max-width:1024px){.top-row .back-button[data-v-10975d4b],.top-row .next-button[data-v-10975d4b]{height:48px}}@media (min-width:1024px) and (min-width:1440px){.top-row .back-button[data-v-10975d4b],.top-row .next-button[data-v-10975d4b]{height:58px}}.top-row .next-button[data-v-10975d4b]{right:-10%;top:50%;transform:translateY(-50%)}.top-row .back-button[data-v-10975d4b]{left:-10%;top:50%;transform:translateY(-50%)}@media (min-width:1024px) and (max-width:1024px){.top-row[data-v-10975d4b]{margin-top:12px}}@media (min-width:1024px) and (min-width:1440px){.top-row[data-v-10975d4b]{margin-top:36px}}@media (max-width:1023px) and (max-width:430px){.top-row[data-v-10975d4b]{margin-top:16px}}@media (max-width:1023px) and (min-width:1440px){.top-row[data-v-10975d4b]{margin-top:24px}}@media (max-width:1023px) and (max-width:375px){.top-row[data-v-10975d4b]{max-width:360px}}@media (max-width:1023px) and (min-width:1024px){.top-row[data-v-10975d4b]{max-width:900px}}.ingredient-list[data-v-10975d4b]{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)}.ingredient-list>[data-v-10975d4b]{min-width:0}.bottom-row[data-v-10975d4b]{position:relative;margin-top:32px;width:100%}.bottom-row ul[data-v-10975d4b]{width:100%}.bottom-row .back-button[data-v-10975d4b],.bottom-row .next-button[data-v-10975d4b]{position:absolute}@media (min-width:1024px){.bottom-row .back-button[data-v-10975d4b],.bottom-row .next-button[data-v-10975d4b]{display:none}}@media (min-width:1024px){.bottom-row .next-button[data-v-10975d4b]{right:0;top:50%;transform:translateY(-50%)}}@media (max-width:1023px){.bottom-row .next-button[data-v-10975d4b]{top:5%;right:-43px}}@media (min-width:1024px){.bottom-row .back-button[data-v-10975d4b]{left:0;top:50%;transform:translateY(-50%)}}@media (max-width:1023px){.bottom-row .back-button[data-v-10975d4b]{top:55%;left:-43px}}.ingredient-image[data-v-10975d4b]{width:70%}.ingredient[data-v-10975d4b]{display:grid;grid-template-rows:80% auto;align-items:center;justify-items:center}.ingredient-image[data-v-10975d4b] img{opacity:.5}.selected .ingredient-image[data-v-10975d4b] img{transform:scale(1.05);transform-origin:center top;transition:all .1s ease-in;opacity:1}.title[data-v-10975d4b]{position:relative;font-weight:600;text-align:center;color:#162c4b;white-space:pre-line}.selected .title[data-v-10975d4b]{color:#195f27}@media (max-width:1920px) and (min-width:1280px){.title[data-v-10975d4b]{font-size:calc(8px + .625vw)}}@media (max-width:1279px) and (min-width:1024px){.title[data-v-10975d4b]{font-size:calc(5.96863px + .78431vw)}}@media (max-width:1023px) and (min-width:430px){.title[data-v-10975d4b]{font-size:calc(9.65657px + 1.0101vw)}}@media (max-width:429px){.title[data-v-10975d4b]{font-size:calc(-1.74312px + 3.66972vw)}}@media (max-width:1920px) and (min-width:1280px) and (max-width:1280px){.title[data-v-10975d4b]{font-size:16px}}@media (max-width:1920px) and (min-width:1280px) and (min-width:1920px){.title[data-v-10975d4b]{font-size:20px}}@media (max-width:1279px) and (min-width:1024px) and (max-width:1024px){.title[data-v-10975d4b]{font-size:14px}}@media (max-width:1279px) and (min-width:1024px) and (min-width:1279px){.title[data-v-10975d4b]{font-size:16px}}@media (max-width:1023px) and (min-width:430px) and (max-width:430px){.title[data-v-10975d4b]{font-size:14px}}@media (max-width:1023px) and (min-width:430px) and (min-width:1024px){.title[data-v-10975d4b]{font-size:20px}}@media (max-width:429px) and (max-width:320px){.title[data-v-10975d4b]{font-size:10px}}@media (max-width:429px) and (min-width:429px){.title[data-v-10975d4b]{font-size:14px}}.selector-bar-track[data-v-10975d4b]{margin-top:32px;width:100%;position:relative;background:rgba(53,124,67,.3);height:6px;border-radius:3px;display:flex;flex-direction:row;align-items:center;justify-content:flex-start}@media (max-width:1023px){.selector-bar-track[data-v-10975d4b]{height:3px;margin-top:18px}}.selector-bar[data-v-10975d4b]{background:#195f27;border-radius:3px;height:110%;transition:all .3s ease}@media (max-width:1023px){.selector-bar[data-v-10975d4b]{height:6px}}.copy[data-v-10975d4b]{text-align:center}@media (max-width:1023px) and (min-width:430px){.copy[data-v-10975d4b]{padding-left:calc(-4.47811px + 3.367vw);padding-right:calc(-4.47811px + 3.367vw)}}@media (max-width:429px){.copy[data-v-10975d4b]{padding-left:calc(.12844px + 1.83486vw);padding-right:calc(.12844px + 1.83486vw)}}.copy h1[data-v-10975d4b],.copy h2[data-v-10975d4b],.copy h3[data-v-10975d4b],.copy h4[data-v-10975d4b],.copy h5[data-v-10975d4b],.copy h6[data-v-10975d4b]{font-weight:400;color:#195f27}.copy h1 strong[data-v-10975d4b],.copy h2 strong[data-v-10975d4b],.copy h3 strong[data-v-10975d4b],.copy h4 strong[data-v-10975d4b],.copy h5 strong[data-v-10975d4b],.copy h6 strong[data-v-10975d4b]{font-weight:600}.copy h4[data-v-10975d4b]{--font-size:calc(24.89109px + 1.18812vw);font-size:var(--font-size)!important}@media (max-width:430px){.copy h4[data-v-10975d4b]{--font-size:30px}}@media (min-width:1440px){.copy h4[data-v-10975d4b]{--font-size:42px}}.copy h5[data-v-10975d4b]{--font-size:calc(13.74257px + 0.9901vw);font-size:var(--font-size)!important}@media (max-width:430px){.copy h5[data-v-10975d4b]{--font-size:18px}}@media (min-width:1440px){.copy h5[data-v-10975d4b]{--font-size:28px}}.copy h5 strong[data-v-10975d4b]{font-weight:600}.copy p[data-v-10975d4b]{--font-size:calc(15.44554px + 0.59406vw);font-size:var(--font-size)!important}@media (max-width:430px){.copy p[data-v-10975d4b]{--font-size:18px}}@media (min-width:1440px){.copy p[data-v-10975d4b]{--font-size:24px}}.copy[data-v-10975d4b] h1,.copy[data-v-10975d4b] h2,.copy[data-v-10975d4b] h3,.copy[data-v-10975d4b] h4,.copy[data-v-10975d4b] h5,.copy[data-v-10975d4b] h6{font-weight:400;color:#195f27}.copy[data-v-10975d4b] h1 strong,.copy[data-v-10975d4b] h2 strong,.copy[data-v-10975d4b] h3 strong,.copy[data-v-10975d4b] h4 strong,.copy[data-v-10975d4b] h5 strong,.copy[data-v-10975d4b] h6 strong{color:#195f27!important}.copy[data-v-10975d4b] h4{--font-size:calc(24.89109px + 1.18812vw);font-size:var(--font-size)!important}@media (max-width:430px){.copy[data-v-10975d4b] h4{--font-size:30px}}@media (min-width:1440px){.copy[data-v-10975d4b] h4{--font-size:42px}}.copy[data-v-10975d4b] h5{--font-size:calc(13.74257px + 0.9901vw);font-size:var(--font-size)!important}@media (max-width:430px){.copy[data-v-10975d4b] h5{--font-size:18px}}@media (min-width:1440px){.copy[data-v-10975d4b] h5{--font-size:28px}}.copy[data-v-10975d4b] h5 strong{font-weight:600}.copy[data-v-10975d4b] p{--font-size:calc(15.44554px + 0.59406vw);font-size:var(--font-size)!important}@media (max-width:430px){.copy[data-v-10975d4b] p{--font-size:18px}}@media (min-width:1440px){.copy[data-v-10975d4b] p{--font-size:24px}}.copy[data-v-10975d4b] strong{color:#162c4b;font-weight:600}.copy[data-v-10975d4b] li p{--font-size:calc(17.14851px + 0.19802vw);font-size:var(--font-size)!important}@media (max-width:430px){.copy[data-v-10975d4b] li p{--font-size:18px}}@media (min-width:1440px){.copy[data-v-10975d4b] li p{--font-size:20px}}.copy[data-v-10975d4b] p a{color:#3158a3;text-decoration:underline;font-weight:600}@media (max-width:1920px) and (min-width:1440px){.copy[data-v-10975d4b] p{--font-size:calc(-8px + 1.66667vw)}}@media (max-width:1439px) and (min-width:1024px){.copy[data-v-10975d4b] p{--font-size:calc(9.06506px + 0.48193vw)}}@media (max-width:1023px){.copy[data-v-10975d4b] p{--font-size:calc(12.84438px + 0.30817vw)}}@media (max-width:1920px) and (min-width:1440px) and (max-width:1440px){.copy[data-v-10975d4b] p{--font-size:16px}}@media (max-width:1920px) and (min-width:1440px) and (min-width:1920px){.copy[data-v-10975d4b] p{--font-size:24px}}@media (max-width:1439px) and (min-width:1024px) and (max-width:1024px){.copy[data-v-10975d4b] p{--font-size:14px}}@media (max-width:1439px) and (min-width:1024px) and (min-width:1439px){.copy[data-v-10975d4b] p{--font-size:16px}}@media (max-width:1023px) and (max-width:375px){.copy[data-v-10975d4b] p{--font-size:14px}}@media (max-width:1023px) and (min-width:1024px){.copy[data-v-10975d4b] p{--font-size:16px}}@media (max-width:1023px) and (min-width:430px) and (max-width:430px){.copy[data-v-10975d4b]{padding-left:10px;padding-right:10px}}@media (max-width:1023px) and (min-width:430px) and (min-width:1024px){.copy[data-v-10975d4b]{padding-left:30px;padding-right:30px}}@media (max-width:429px) and (max-width:320px){.copy[data-v-10975d4b]{padding-left:6px;padding-right:6px}}@media (max-width:429px) and (min-width:429px){.copy[data-v-10975d4b]{padding-left:8px;padding-right:8px}}.copy-wrapper[data-v-10975d4b]{position:absolute;left:50%;transform:translateX(-50%);width:100%}.tooltip[data-v-0b746bed]{position:relative;display:inline-block}.tooltip-title[data-v-0b746bed]{cursor:pointer}.tooltip-text[data-v-0b746bed]{position:absolute;background-color:#858585;color:#fff;padding:20px;border-radius:6px;z-index:1;width:100%}@media (min-width:768px){.tooltip-text[data-v-0b746bed]{transform:translate(-50%,-100%);top:-5px;width:360px}}@media (max-width:767px){.tooltip-text[data-v-0b746bed]{width:300px;transform:translate(-50%);top:30px}}@media (max-width:499px){.tooltip-text[data-v-0b746bed]{width:calc(182.39437px + 4.69484vw);transform:translate(-75%);left:calc(-51.12676px + 5.6338vw)}}@media (max-width:499px) and (max-width:375px){.tooltip-text[data-v-0b746bed]{width:200px}}@media (max-width:499px) and (min-width:1440px){.tooltip-text[data-v-0b746bed]{width:250px}}@media (max-width:499px) and (max-width:375px){.tooltip-text[data-v-0b746bed]{left:-30px}}@media (max-width:499px) and (min-width:1440px){.tooltip-text[data-v-0b746bed]{left:30px}}.bottle[data-v-775c9798]{pointer-events:none;position:relative}@media (min-width:1024px){.bottle[data-v-775c9798]{padding-left:calc(-146.15385px + 24.03846vw)}}@media (max-width:1023px){.bottle[data-v-775c9798]{margin-top:calc(268.95623px - 6.73401vw)}}@media (min-width:1024px) and (max-width:1024px){.bottle[data-v-775c9798]{padding-left:100px}}@media (min-width:1024px) and (min-width:1440px){.bottle[data-v-775c9798]{padding-left:200px}}@media (max-width:1023px) and (max-width:430px){.bottle[data-v-775c9798]{margin-top:240px}}@media (max-width:1023px) and (min-width:1024px){.bottle[data-v-775c9798]{margin-top:200px}}.bottle-image-wrapper[data-v-775c9798]{position:relative}@media (min-width:1024px){.bottle-image-wrapper[data-v-775c9798]{max-width:calc(110.85714px + 16.51786vw)}}@media (max-width:1023px){.bottle-image-wrapper[data-v-775c9798]{max-width:calc(93.13131px + 20.20202vw);left:50%;transform:translateX(-50%)}}@media (min-width:1024px) and (max-width:1024px){.bottle-image-wrapper[data-v-775c9798]{max-width:280px}}@media (min-width:1024px) and (min-width:1920px){.bottle-image-wrapper[data-v-775c9798]{max-width:428px}}@media (max-width:1023px) and (max-width:430px){.bottle-image-wrapper[data-v-775c9798]{max-width:180px}}@media (max-width:1023px) and (min-width:1024px){.bottle-image-wrapper[data-v-775c9798]{max-width:300px}}.front[data-v-775c9798]{position:absolute;bottom:7%;left:-12%}.front .ingredient.enter[data-v-775c9798]{transition:all .15s ease;transition-delay:.15s;transform:scale(1);opacity:1}.front .ingredient.leave[data-v-775c9798]{transition:all .15s ease;transform:scale(.9);opacity:0}.droplet[data-v-775c9798]{position:absolute;top:2%;left:30%}@media (min-width:1024px){.droplet[data-v-775c9798]{width:calc(108.57143px + 16.74107vw)}}@media (max-width:1023px){.droplet[data-v-775c9798]{width:calc(110.37037px + 18.51852vw)}}@media (min-width:1024px){.droplet .img[data-v-775c9798]{width:calc(108.57143px + 16.74107vw)}}@media (max-width:1023px){.droplet .img[data-v-775c9798]{width:calc(110.37037px + 18.51852vw)}}@media (min-width:1024px) and (max-width:1024px){.droplet .img[data-v-775c9798]{width:280px}}@media (min-width:1024px) and (min-width:1920px){.droplet .img[data-v-775c9798]{width:430px}}@media (max-width:1023px) and (max-width:430px){.droplet .img[data-v-775c9798]{width:190px}}@media (max-width:1023px) and (min-width:1024px){.droplet .img[data-v-775c9798]{width:300px}}.droplet ul[data-v-775c9798]{position:absolute;width:100%;height:100%;top:0;left:0}.droplet ul>[data-v-775c9798]{transition:all .6s cubic-bezier(.3,1.3,.4,1)}.droplet .position-0[data-v-775c9798],.droplet .position-1[data-v-775c9798],.droplet .position-2[data-v-775c9798],.droplet .position-3[data-v-775c9798],.droplet .position-4[data-v-775c9798]{background:#fff;border-radius:100%;position:absolute;filter:drop-shadow(rgba(0,0,0,.09) 0 3px 30px)}.droplet .position-0>[data-v-775c9798],.droplet .position-1>[data-v-775c9798],.droplet .position-2>[data-v-775c9798],.droplet .position-3>[data-v-775c9798],.droplet .position-4>[data-v-775c9798]{position:absolute;top:50%;right:50%;transform:translate(50%,-50%)}.droplet .position-0[data-v-775c9798]{opacity:0}.droplet .from-above[data-v-775c9798]{top:-10%;left:56%;opacity:0}.droplet .from-below[data-v-775c9798]{bottom:-10%;left:56%;opacity:0}.droplet .position-1[data-v-775c9798]{top:28%;left:56%}@media (min-width:1024px){.droplet .position-1[data-v-775c9798]{width:calc(1.23077px + 7.69231vw);height:calc(1.23077px + 7.69231vw)}}@media (max-width:1023px){.droplet .position-1[data-v-775c9798]{width:calc(10.76923px + 4.80769vw);height:calc(10.76923px + 4.80769vw)}}@media (min-width:1024px) and (max-width:1024px){.droplet .position-1[data-v-775c9798]{width:80px}}@media (min-width:1024px) and (min-width:1440px){.droplet .position-1[data-v-775c9798]{width:112px}}@media (min-width:1024px) and (max-width:1024px){.droplet .position-1[data-v-775c9798]{height:80px}}@media (min-width:1024px) and (min-width:1440px){.droplet .position-1[data-v-775c9798]{height:112px}}@media (max-width:1023px) and (max-width:1024px){.droplet .position-1[data-v-775c9798]{width:60px}}@media (max-width:1023px) and (min-width:1440px){.droplet .position-1[data-v-775c9798]{width:80px}}@media (max-width:1023px) and (max-width:1024px){.droplet .position-1[data-v-775c9798]{height:60px}}@media (max-width:1023px) and (min-width:1440px){.droplet .position-1[data-v-775c9798]{height:80px}}.droplet .position-2[data-v-775c9798]{top:46%;left:49%}@media (min-width:1024px){.droplet .position-2[data-v-775c9798]{width:calc(.92308px + 5.76923vw);height:calc(.92308px + 5.76923vw)}}@media (max-width:1023px){.droplet .position-2[data-v-775c9798]{width:calc(4.61538px + 3.84615vw);height:calc(4.61538px + 3.84615vw)}}@media (min-width:1024px) and (max-width:1024px){.droplet .position-2[data-v-775c9798]{width:60px}}@media (min-width:1024px) and (min-width:1440px){.droplet .position-2[data-v-775c9798]{width:84px}}@media (min-width:1024px) and (max-width:1024px){.droplet .position-2[data-v-775c9798]{height:60px}}@media (min-width:1024px) and (min-width:1440px){.droplet .position-2[data-v-775c9798]{height:84px}}@media (max-width:1023px) and (max-width:1024px){.droplet .position-2[data-v-775c9798]{width:44px}}@media (max-width:1023px) and (min-width:1440px){.droplet .position-2[data-v-775c9798]{width:60px}}@media (max-width:1023px) and (max-width:1024px){.droplet .position-2[data-v-775c9798]{height:44px}}@media (max-width:1023px) and (min-width:1440px){.droplet .position-2[data-v-775c9798]{height:60px}}.droplet .position-3[data-v-775c9798]{top:44%;left:77%}@media (min-width:1024px){.droplet .position-3[data-v-775c9798]{width:calc(1.35165px + 8.4478vw);height:calc(1.35165px + 8.4478vw)}}@media (max-width:1023px){.droplet .position-3[data-v-775c9798]{width:calc(8.73626px + 5.49451vw);height:calc(8.73626px + 5.49451vw)}}@media (min-width:1024px) and (max-width:1024px){.droplet .position-3[data-v-775c9798]{width:87.85714285714286px}}@media (min-width:1024px) and (min-width:1440px){.droplet .position-3[data-v-775c9798]{width:123px}}@media (min-width:1024px) and (max-width:1024px){.droplet .position-3[data-v-775c9798]{height:87.85714285714286px}}@media (min-width:1024px) and (min-width:1440px){.droplet .position-3[data-v-775c9798]{height:123px}}@media (max-width:1023px) and (max-width:1024px){.droplet .position-3[data-v-775c9798]{width:65px}}@media (max-width:1023px) and (min-width:1440px){.droplet .position-3[data-v-775c9798]{width:87.85714285714286px}}@media (max-width:1023px) and (max-width:1024px){.droplet .position-3[data-v-775c9798]{height:65px}}@media (max-width:1023px) and (min-width:1440px){.droplet .position-3[data-v-775c9798]{height:87.85714285714286px}}.droplet .position-4[data-v-775c9798]{top:62%;left:56%}@media (min-width:1024px){.droplet .position-4[data-v-775c9798]{width:calc(1.30769px + 8.17308vw);height:calc(1.30769px + 8.17308vw)}}@media (max-width:1023px){.droplet .position-4[data-v-775c9798]{width:calc(-20.16154px + 7.30288vw);height:calc(-20.16154px + 7.30288vw)}}@media (min-width:1024px) and (max-width:1024px){.droplet .position-4[data-v-775c9798]{width:85px}}@media (min-width:1024px) and (min-width:1440px){.droplet .position-4[data-v-775c9798]{width:119px}}@media (min-width:1024px) and (max-width:1024px){.droplet .position-4[data-v-775c9798]{height:85px}}@media (min-width:1024px) and (min-width:1440px){.droplet .position-4[data-v-775c9798]{height:119px}}@media (max-width:1023px) and (max-width:1024px){.droplet .position-4[data-v-775c9798]{width:54.62px}}@media (max-width:1023px) and (min-width:1440px){.droplet .position-4[data-v-775c9798]{width:85px}}@media (max-width:1023px) and (max-width:1024px){.droplet .position-4[data-v-775c9798]{height:54.62px}}@media (max-width:1023px) and (min-width:1440px){.droplet .position-4[data-v-775c9798]{height:85px}}.droplet .ingredient-image[data-v-775c9798]{width:60%;height:60%;transition:width .6s ease,height height .6s}@media (min-width:1024px) and (max-width:1024px){.droplet[data-v-775c9798]{width:280px}}@media (min-width:1024px) and (min-width:1920px){.droplet[data-v-775c9798]{width:430px}}@media (max-width:1023px) and (max-width:430px){.droplet[data-v-775c9798]{width:190px}}@media (max-width:1023px) and (min-width:1024px){.droplet[data-v-775c9798]{width:300px}}.front[data-v-775c9798]{width:100%;height:100%}.front .ingredient[data-v-775c9798]{position:absolute;left:0;top:50%;filter:drop-shadow(rgba(0,0,0,.09) 0 3px 15px);background:#fff;border-radius:100%}@media (min-width:1024px){.front .ingredient[data-v-775c9798]{width:calc(-6.76923px + 20.19231vw);height:calc(-6.76923px + 20.19231vw)}}@media (max-width:1023px){.front .ingredient[data-v-775c9798]{width:calc(65.53535px + 13.13131vw);height:calc(65.53535px + 13.13131vw)}}@media (min-width:1024px) and (max-width:1024px){.front .ingredient[data-v-775c9798]{width:200px}}@media (min-width:1024px) and (min-width:1440px){.front .ingredient[data-v-775c9798]{width:284px}}@media (min-width:1024px) and (max-width:1024px){.front .ingredient[data-v-775c9798]{height:200px}}@media (min-width:1024px) and (min-width:1440px){.front .ingredient[data-v-775c9798]{height:284px}}@media (max-width:1023px) and (max-width:430px){.front .ingredient[data-v-775c9798]{width:122px}}@media (max-width:1023px) and (min-width:1024px){.front .ingredient[data-v-775c9798]{width:200px}}@media (max-width:1023px) and (max-width:430px){.front .ingredient[data-v-775c9798]{height:122px}}@media (max-width:1023px) and (min-width:1024px){.front .ingredient[data-v-775c9798]{height:200px}}.front .ingredient-image[data-v-775c9798]{position:absolute;top:50%;right:50%;transform:translate(50%,-50%)}@media (min-width:1024px){.front .ingredient-image[data-v-775c9798]{width:calc(-32.76923px + 13.94231vw)}}@media (max-width:1023px){.front .ingredient-image[data-v-775c9798]{width:calc(49.6633px + 5.89226vw)}}@media (min-width:1024px) and (max-width:1024px){.front .ingredient-image[data-v-775c9798]{width:110px}}@media (min-width:1024px) and (min-width:1440px){.front .ingredient-image[data-v-775c9798]{width:168px}}@media (max-width:1023px) and (max-width:430px){.front .ingredient-image[data-v-775c9798]{width:75px}}@media (max-width:1023px) and (min-width:1024px){.front .ingredient-image[data-v-775c9798]{width:110px}}