.water-counter{isolation:isolate}.water-counter__content{display:flex;flex-direction:column;align-items:center;padding:4rem 2rem;text-align:center}.water-counter--full-width{padding-left:0;padding-right:0}.water-counter__wrapper{max-width:70rem;width:100%}.water-counter__heading{margin-bottom:1.5rem;color:rgb(var(--color-foreground))}.water-counter__description{margin-bottom:3rem;color:rgba(var(--color-foreground),.8);font-size:1.6rem;line-height:1.6}.water-counter__display{background:linear-gradient(135deg,rgba(var(--color-button),.08),rgba(var(--color-button),.03));border-radius:var(--inputs-radius);padding:4rem 2rem;margin-bottom:2rem;border:.2rem solid rgba(var(--color-button),.15);position:relative;overflow:hidden}.water-counter__display:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(var(--color-button),.1),transparent);animation:shimmer 3s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.water-counter__number{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:2rem;position:relative;z-index:1}.water-counter__value{font-size:4rem;font-weight:var(--font-heading-weight);color:rgb(var(--color-button));line-height:1;font-family:var(--font-heading-family);text-shadow:0 0 2rem rgba(var(--color-button),.3);transition:all .3s ease}.water-counter__unit{font-size:1.8rem;font-weight:var(--font-body-weight-bold);color:rgba(var(--color-foreground),.8);text-transform:uppercase;letter-spacing:.2rem}.water-counter__label{margin-bottom:2rem;position:relative;z-index:1}.water-counter__text{font-size:1.6rem;line-height:1.5;color:rgba(var(--color-foreground),.8);margin:0}.water-counter__live-indicator{display:flex;align-items:center;justify-content:center;gap:1rem;position:relative;z-index:1}.water-counter__pulse{width:1rem;height:1rem;background-color:#0f0;border-radius:50%;position:relative;animation:pulse 2s infinite}.water-counter__pulse:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border-radius:50%;background-color:#0f0;animation:pulse-ring 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes pulse-ring{0%{width:100%;height:100%;opacity:1}to{width:300%;height:300%;opacity:0}}.water-counter__live-text{font-size:1.4rem;font-weight:var(--font-body-weight-bold);color:rgba(var(--color-foreground),.6);text-transform:uppercase;letter-spacing:.1rem}.water-counter__cta{margin-top:1rem}.water-counter__value.updating{transform:scale(1.05);text-shadow:0 0 3rem rgba(var(--color-button),.5)}@media screen and (min-width: 550px){.water-counter__number{flex-direction:row;justify-content:center;align-items:baseline;gap:1.5rem}.water-counter__display{padding:5rem 3rem}}@media screen and (min-width: 750px){.water-counter__content{padding:5rem 2rem}.water-counter__description{font-size:1.8rem}.water-counter__display{padding:6rem 4rem}.water-counter__value{font-size:6rem}.water-counter__unit{font-size:2rem}.water-counter__text{font-size:1.8rem}.water-counter__live-text{font-size:1.6rem}.water-counter__pulse{width:1.2rem;height:1.2rem}}@media screen and (min-width: 990px){.water-counter__wrapper{max-width:80rem}.water-counter__display{padding:7rem 5rem}.water-counter__value{font-size:7rem}}@media (prefers-contrast: high){.water-counter__display{background:rgb(var(--color-background));border-width:.3rem}.water-counter__value{text-shadow:none}.water-counter__pulse{background-color:rgb(var(--color-button))}.water-counter__pulse:before{background-color:rgb(var(--color-button))}}@media (prefers-reduced-motion: reduce){.water-counter__display:before,.water-counter__pulse,.water-counter__pulse:before,.water-counter__value{animation:none}.water-counter__value.updating{transform:none;text-shadow:0 0 2rem rgba(var(--color-button),.3)}}@media (prefers-color-scheme: dark){.water-counter__pulse{background-color:#0f8}.water-counter__pulse:before{background-color:#0f8}}@media print{.water-counter__display:before,.water-counter__pulse,.water-counter__pulse:before{display:none}.water-counter__display{background:none;border:.1rem solid #000}.water-counter__live-indicator{display:none}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/section-water-counter.css.map */