.containerViewport{width:100%;height:345px;overflow:hidden;touch-action:pan-y}.containerTrack{display:flex;height:100%;transition:transform .3s ease}.containerSlide{min-width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.containerName{display:block;margin-top:8px;color:#718493;font-size:11px}.containerSlide .cap{position:relative;top:auto;left:auto;margin:0 auto -2px;width:54px;height:42px;z-index:2}.containerSlide .bottle{margin:0 auto;width:130px;height:285px}.containerSlide .ticks{color:#111;border-right:0}.containerSlide .ticks i{color:#111}.cup{position:relative;width:160px;height:230px;margin-top:40px;border:2px solid #8ca4b2;border-top:4px solid #718d9c;border-radius:10px 10px 25px 25px;background:#ffffff55;overflow:hidden;box-shadow:inset 10px 0 18px #fff8,inset -8px 0 14px #66869920,0 8px 12px #38566a20}.cup:before{content:"";position:absolute;z-index:3;left:-2px;right:-2px;top:-8px;height:18px;border:2px solid #718d9c;border-radius:50%;background:#ffffff40}.cupLiquid{position:absolute;left:0;right:0;bottom:0;height:0;border-radius:0 0 22px 22px;background:#126aa3aa;transition:height .25s}.cup:after{content:"";position:absolute;z-index:4;inset:0;background:linear-gradient(90deg,#fff8,#fff0 25%,#66869912 80%,#fff6);pointer-events:none}.cupTicks{position:absolute;z-index:5;right:9px;top:25px;bottom:24px;display:flex;flex-direction:column;justify-content:space-between;color:#243b4a;font-size:10px;text-align:right}.cupTicks i{display:flex;align-items:center;gap:4px;font-style:normal}.cupTicks i:after{content:"";width:9px;border-top:1px solid #4d6573}.containerDots{display:flex;justify-content:center;gap:7px;margin-top:1px}.containerDots button{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:#b6c6d0}.containerDots button.active{width:22px;border-radius:6px;background:#087ee6}@media(max-width:360px){.containerViewport{height:305px}.containerSlide .bottle{width:112px;height:260px}.cup{width:145px;height:205px;margin-top:30px}}
.cup:after{background:linear-gradient(90deg,rgba(255,255,255,.05),transparent 25%,rgba(70,95,110,.04) 80%,rgba(255,255,255,.05))}
.cup{width:168px;height:245px;margin-top:28px;border-radius:2px;clip-path:polygon(4% 0,96% 0,82% 100%,18% 100%)}.largeCup{width:188px;height:270px;margin-top:10px}.smallCup{width:160px;height:230px;margin-top:35px}.cup:before{display:none}.cupLiquid{border-radius:0}.cupTicks{top:10px;bottom:4px;right:16px}.containerDots{display:none}@media(max-width:360px){.largeCup{width:158px;height:235px}.smallCup{width:142px;height:210px}}
.cupLiquid{opacity:1!important}