.bottle-cycle-wrap{--belt-cycle: calc(var(--step, 4s) * 6);--logo: var(--background);--bubbles: var(--background);position:relative;container-type:inline-size}.bottle-cycle-wrap .bottle-cycle{display:block;width:100%;height:auto}.bottle-cycle-caption{position:absolute;bottom:3.3cqw;left:0;right:0;height:1em;margin:0;pointer-events:none;font-family:inherit;font-weight:600;font-size:2.2cqw;line-height:1;letter-spacing:.28em;text-transform:uppercase;color:var(--caption)}.bottle-cycle-caption>*{position:absolute;top:0;left:var(--x);transform:translate(-50%);white-space:nowrap}.bottle-cycle-caption .is-returned{--x: 24.82%}.bottle-cycle-caption .is-refilled{--x: 50.05%}.bottle-cycle-caption .is-redelivered{--x: 75.28%}.bottle-cycle .bc-bg{fill:var(--background)}.bottle-cycle .bc-roller{stroke:var(--track)}.bottle-cycle .bc-water{fill:var(--water)}.bottle-cycle .bc-bubbles{fill:var(--bubbles)}.bottle-cycle .bc-gap{stroke:var(--background)}.bottle-cycle .bc-outline{stroke:var(--bottle)}.bottle-cycle .bc-cap{fill:var(--cap);stroke:var(--background)}.bottle-cycle .bc-logo{fill:var(--logo)}.bottle-cycle .bc-bottle{--delay: calc(var(--i) * var(--step, 4s) * -1);animation:bc-bottle-move var(--belt-cycle) var(--delay) infinite both}.bottle-cycle .bc-water-level,.bottle-cycle .bc-stream-follow{animation:bc-water-level var(--belt-cycle) var(--delay) infinite both}.bottle-cycle .bc-stream{animation:bc-stream var(--belt-cycle) var(--delay) infinite both}.bottle-cycle .bc-cap{animation:bc-cap var(--belt-cycle) var(--delay) infinite both}.bottle-cycle .bc-bubbles{animation:bc-bubbles var(--belt-cycle) var(--delay) infinite both}.bottle-cycle .bc-wave{animation:bc-wave 1.6s linear infinite}.bottle-cycle .bc-bubble{animation:bc-bubble 2.4s ease-in infinite}.bottle-cycle .bc-bubble:nth-child(2){animation-delay:-.8s}.bottle-cycle .bc-bubble:nth-child(3){animation-delay:-1.6s}@keyframes bc-bottle-move{0%{transform:translate(-806px);animation-timing-function:cubic-bezier(.65,0,.35,1)}5%{transform:translate(-156px);animation-timing-function:linear}16.667%{transform:translate(-156px);animation-timing-function:cubic-bezier(.65,0,.35,1)}21.667%{transform:translate(494px);animation-timing-function:linear}33.333%{transform:translate(494px);animation-timing-function:cubic-bezier(.65,0,.35,1)}38.333%{transform:translate(1144px);animation-timing-function:linear}50%{transform:translate(1144px);animation-timing-function:cubic-bezier(.65,0,.35,1)}55%{transform:translate(1794px);animation-timing-function:linear}66.667%{transform:translate(1794px);animation-timing-function:cubic-bezier(.65,0,.35,1)}71.667%{transform:translate(2444px);animation-timing-function:linear}83.333%{transform:translate(2444px);animation-timing-function:cubic-bezier(.65,0,.35,1)}88.333%,to{transform:translate(3094px)}}@keyframes bc-water-level{0%,41%{transform:translateY(740px);animation-timing-function:cubic-bezier(.3,0,.6,1)}48%,to{transform:translateY(-12px)}}@keyframes bc-wave{0%{transform:translate(0)}to{transform:translate(230px)}}@keyframes bc-stream{0%,39.5%{transform:translateY(-1160px);opacity:1;animation-timing-function:ease-in}41%{transform:translateY(0);opacity:1}47.5%{transform:translateY(0);opacity:1}48.5%,to{transform:translateY(0);opacity:0}}@keyframes bc-cap{0%,55%{opacity:0;transform:translateY(-70px)}58%,to{opacity:1;transform:translateY(0)}}@keyframes bc-bubbles{0%,41%{opacity:0}42%,48%{opacity:1}49.5%,to{opacity:0}}@keyframes bc-bubble{0%{transform:translateY(0);opacity:0}20%{opacity:1}to{transform:translateY(-170px);opacity:0}}@media(prefers-reduced-motion:reduce){.bottle-cycle .bc-wave,.bottle-cycle .bc-bubble{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/bottle-cycle.css.map */
