.xh-ingredients:has([data-xh-water-stage]){overflow:clip}.xh-water-stage{position:relative}.xh-water-stage .xh-mineral-grid{margin:0}.xh-water-stage .xh-mineral-grid>div{--fluid-tint:167,213,228;min-height:354px;border-radius:25px 25px 66px 66px;background:linear-gradient(110deg,#ffffff21,#ffffff06 35%,#210f1917 78%,#ffffff1a);border-color:#fff4e899;box-shadow:inset 3px 0 3px #ffffff1a,inset -3px 0 3px #ffffff14,inset 0 -5px #ffffff1f;padding:26px 24px 30px}.xh-water-stage .xh-mineral-grid>div:nth-child(2){--fluid-tint:178,203,236}.xh-water-stage .xh-mineral-grid>div:nth-child(3){--fluid-tint:216,230,183}.xh-water-stage .xh-mineral-grid>div:nth-child(4){--fluid-tint:236,192,167}.xh-water-stage .xh-mineral-grid dt{font-size:12px;letter-spacing:.07em}.xh-water-stage .xh-mineral-grid strong{line-height:1.08;letter-spacing:-.04em}.xh-water-stage .xh-mineral-grid dd p{max-width:26ch;min-height:4.4em;line-height:1.5;color:inherit}.xh-water-stage .xh-mineral-grid .xh-liquid{inset:auto 0 0;height:var(--xh-liquid,62%);background:linear-gradient(100deg,rgba(var(--fluid-tint),.24),rgba(var(--fluid-tint),.1) 40%,rgba(var(--fluid-tint),.2) 80%,#ffffff40);border-top:1px solid rgba(255,255,255,.48);transform:translateY(var(--fluid-offset,0%));transition:transform 1.15s cubic-bezier(.22,.7,.2,1);will-change:auto}.xh-water-stage .xh-liquid:before{animation:none!important;top:-7px;left:0;width:100%;height:14px;background:rgba(var(--fluid-tint),.22);border:1px solid rgba(255,255,255,.45);border-radius:50%;transform:rotate(var(--fluid-tilt,0deg));transition:transform .65s cubic-bezier(.22,1,.36,1)}.xh-water-stage .xh-liquid:after{content:"";position:absolute;left:50%;top:-7px;width:42%;height:14px;border:1px solid rgba(255,255,255,.7);border-radius:50%;opacity:0;transform:translate(-50%) scale(.2)}.xh-water-drop{position:absolute;z-index:1;top:22%;left:50%;width:13px;height:23px;border-radius:52% 48% 50% 50%/70% 70% 30% 30%;background:linear-gradient(100deg,#ffffffd1,rgba(var(--fluid-tint),.35));box-shadow:inset 2px 0 #ffffff59;opacity:0;pointer-events:none}.xh-water-stage [data-water-state=waiting]{--fluid-offset:108%}.xh-water-stage [data-water-state=pouring] .xh-water-drop{animation:xh-water-arrive .62s cubic-bezier(.45,0,.75,.5) both}.xh-water-stage [data-water-state=pouring] .xh-liquid:after{animation:xh-water-settle 1.1s .35s ease-out both}.xh-water-stage [data-water-state=pouring] .xh-liquid:before{animation:xh-water-meniscus 1.25s .3s ease-out both!important}@keyframes xh-water-arrive{0%{opacity:0;transform:translate(-50%,-105px) scale(.7,1.25)}15%{opacity:.9}75%{opacity:.9;transform:translate(-50%,52px) scale(.75,1.2)}to{opacity:0;transform:translate(-50%,74px) scale(2.4,.2)}}@keyframes xh-water-settle{0%{opacity:.65;transform:translate(-50%) scale(.1,.5)}to{opacity:0;transform:translate(-50%) scale(2.4,1.2)}}@keyframes xh-water-meniscus{0%{transform:scaleY(1)}20%{transform:scaleY(1.8) rotate(1deg)}45%{transform:scaleY(.7) rotate(-.7deg)}75%{transform:scaleY(1.15) rotate(.3deg)}to{transform:scaleY(1) rotate(0)}}@media(min-width:1001px)and (min-height:700px)and (prefers-reduced-motion:no-preference){.xh-water-stage[data-water-enhanced]{padding-bottom:110px}.xh-water-stage[data-water-enhanced] .xh-mineral-grid{position:sticky;top:clamp(90px,14vh,140px)}}@media(max-width:760px){.xh-water-stage .xh-mineral-grid>div{min-height:290px;padding:20px 17px 23px;border-radius:22px 22px 48px 48px}.xh-water-stage .xh-mineral-grid strong{font-size:40px}.xh-water-stage .xh-mineral-grid dd p{min-height:6em;font-size:12px}.xh-water-stage .xh-mineral-grid dt{font-size:11px}}@media(prefers-reduced-motion:reduce){.xh-water-stage .xh-liquid{transform:none!important;transition:none}.xh-water-stage .xh-liquid:before{transform:none!important;transition:none}.xh-water-stage .xh-water-drop,.xh-water-stage .xh-liquid:after{display:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/xalt-electrolyte-motion.css.map */