.water-checker{display:block;margin-block:calc(var(--gap, 8px) * 2);font-family:var(--font-body, inherit);--wc-soft: #4a9d7f;--wc-moderate: #6aa84f;--wc-hard: #e0a63c;--wc-veryhard: #d1603d}.water-checker *{box-sizing:border-box}.water-checker__card{background:var(--wc-card-bg, #f3f1ec);border-radius:18px;padding:20px}.water-checker__heading{font-weight:600;font-size:17px;line-height:1.25;margin:0 0 4px;color:var(--color-body-text, #1a1a1a)}.water-checker__sub{font-size:14px;line-height:1.4;color:#6b6862;margin:0 0 16px}.water-checker__form{display:flex;flex-direction:column;gap:10px}.water-checker__field{display:flex;gap:8px}.water-checker__input{flex:1 1 auto;min-width:0;height:48px;padding:0 14px;border:1.5px solid #d9d5cc;border-radius:12px;background:#fff;font-size:16px;color:var(--color-body-text, #1a1a1a)}.water-checker__input:focus-visible{outline:2px solid #1a1a1a;outline-offset:1px;border-color:#1a1a1a}.water-checker__submit{flex:0 0 auto;height:48px;padding:0 20px;border:none;border-radius:12px;background:#1a1a1a;color:#fff;font-weight:600;font-size:15px;cursor:pointer;transition:opacity .15s ease}.water-checker__submit:hover{opacity:.88}.water-checker__submit:disabled{opacity:.5;cursor:default}.water-checker__consent{display:flex;align-items:flex-start;gap:8px;font-size:13px;line-height:1.35;color:#6b6862}.water-checker__consent input{margin-top:2px;flex:0 0 auto;width:16px;height:16px;accent-color:#1a1a1a}.water-checker__error{font-size:13px;color:var(--wc-veryhard, #d1603d);margin-top:2px;min-height:0}.water-checker__result{margin-top:18px;padding-top:18px;border-top:1px solid #e2ded4;display:none}.water-checker__result[data-visible=true]{display:block;animation:wc-fade .25s ease}@keyframes wc-fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.water-checker__band{display:inline-flex;align-items:baseline;gap:8px;margin-bottom:4px}.water-checker__band-dot{width:10px;height:10px;border-radius:50%;align-self:center}.water-checker__band-label{font-weight:700;font-size:18px;text-transform:capitalize;color:var(--color-body-text, #1a1a1a)}.water-checker__ppm{font-size:14px;color:#6b6862}.water-checker__area-note{font-size:12px;color:#9a968d;margin:2px 0 14px}.water-checker__rec{font-size:15px;line-height:1.45;color:var(--color-body-text, #1a1a1a);margin:0 0 4px}.water-checker__rec strong{font-weight:700}.water-checker__cadence{font-size:14px;color:#6b6862;margin:0 0 16px}.water-checker__cta{display:inline-flex;align-items:center;justify-content:center;width:100%;height:50px;border-radius:30px;background:#1a1a1a;color:#fff;font-weight:600;font-size:15px;text-decoration:none;transition:opacity .15s ease}.water-checker__cta:hover{opacity:.88}.water-checker__upsell{margin-top:12px;padding:12px 14px;background:#fff;border-radius:12px;font-size:13px;line-height:1.4;color:#6b6862}.water-checker__upsell a{color:var(--color-body-text, #1a1a1a);font-weight:600;text-decoration:underline}@media(prefers-reduced-motion:reduce){.water-checker__result[data-visible=true]{animation:none}.water-checker__submit,.water-checker__cta{transition:none}}.wc-gauge__eyebrow{text-align:center;text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:600;color:#9a968d;margin:0 0 10px}.wc-gauge__band{text-align:center;font-size:clamp(32px,7vw,52px);font-weight:700;line-height:1.05;text-transform:capitalize;color:var(--color-body-text, #1a1a1a);margin-bottom:8px}.wc-gauge__ppm{text-align:center;font-size:clamp(22px,4vw,30px);font-weight:600;color:var(--color-body-text, #1a1a1a);margin-bottom:40px;font-variant-numeric:tabular-nums}.wc-gauge__bar{position:relative;height:92px;border-radius:46px;background:linear-gradient(90deg,var(--wc-soft) 0%,var(--wc-moderate) 33%,var(--wc-hard) 66%,var(--wc-veryhard) 100%);overflow:visible;margin-bottom:44px;animation:wc-bar-colour-in .8s ease both}@keyframes wc-bar-colour-in{0%{filter:grayscale(1) brightness(1.15)}to{filter:grayscale(0) brightness(1)}}@media(prefers-reduced-motion:reduce){.wc-gauge__bar{animation:none}}.wc-gauge__bar-fill{position:absolute;inset:0 auto 0 0;width:0;border-radius:44px}.wc-gauge__marker{position:absolute;top:calc(100% + 12px);left:0;transform:translate(-50%);white-space:nowrap}.wc-gauge__marker-pill{display:inline-block;padding:4px 12px;border:1.5px solid var(--color-body-text, #1a1a1a);border-radius:20px;background:#fff;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--color-body-text, #1a1a1a)}.wc-gauge__track{position:relative;height:10px;border-radius:999px;background:#eceae4;max-width:70%;margin:48px auto 12px}.wc-gauge__track-knob{position:absolute;top:50%;left:0;width:26px;height:26px;border-radius:50%;background:#fff;border:1px solid #e2ded4;box-shadow:0 2px 8px #0000001f;transform:translate(-50%,-50%)}.wc-gauge__scale{display:flex;justify-content:space-between;font-size:12px;color:#9a968d;max-width:70%;margin:0 auto 28px}.wc-gauge__stat{text-align:center;font-size:16px;line-height:1.55;color:var(--color-body-text, #1a1a1a);max-width:40ch;margin:0 auto 20px}.wc-gauge__stat strong{font-weight:700}.wc-section{display:block;padding:var(--wc-hero-inset, 24px)}.wc-hero{position:relative;display:block;max-width:var(--wc-max-width, 1120px);margin:0 auto;aspect-ratio:var(--wc-hero-ratio-d, 16 / 9);min-height:320px;border-radius:clamp(16px,2vw,28px);overflow:hidden;isolation:isolate}@media(max-width:749px){.wc-hero{aspect-ratio:var(--wc-hero-ratio-m, 3 / 4)}}.wc-hero__media,.wc-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.wc-hero__img{width:100%;height:100%;object-fit:cover;display:block}.wc-hero__overlay{background:linear-gradient(180deg,rgba(0,0,0,calc(var(--wc-overlay, .25) * .6)),rgba(0,0,0,var(--wc-overlay, .25)))}.wc-hero__inner{position:relative;z-index:1;min-height:inherit;display:flex;align-items:flex-end;padding:clamp(24px,5vw,56px)}.wc-hero__copy{width:100%;max-width:560px}.wc-hero__title{color:#fff;font-size:clamp(32px,6vw,52px);font-weight:700;line-height:1.02;margin:0 0 6px;text-shadow:0 1px 20px rgba(0,0,0,.25)}.wc-hero__lede{color:#ffffffeb;font-size:clamp(15px,2.4vw,19px);line-height:1.4;margin:0 0 20px;text-shadow:0 1px 12px rgba(0,0,0,.25)}.wc-hero__form{display:flex;align-items:center;gap:6px;background:var(--wc-card-bg, #f3f1ec);border-radius:999px;padding:6px 6px 6px 8px;box-shadow:0 10px 40px #0000002e;max-width:460px}.wc-hero__input{flex:1 1 auto;min-width:0;height:52px;padding:0 16px;border:none;background:transparent;font-size:16px;color:var(--color-body-text, #1a1a1a)}.wc-hero .wc-hero__input,.wc-hero .wc-hero__input:focus,.wc-hero .wc-hero__input:focus-visible,.wc-hero .wc-hero__input:focus-within{outline:none!important;box-shadow:none!important;border:none!important;background-image:none!important}.wc-hero__input::placeholder{color:#8a877f}.wc-hero__submit{flex:0 0 auto;height:52px;padding:0 26px;border:none;border-radius:999px;background:#1a1a1a;color:#fff;font-weight:600;font-size:15px;cursor:pointer;transition:opacity .15s ease}.wc-hero__submit:hover{opacity:.88}.wc-hero__submit:disabled{opacity:.5;cursor:default}.wc-hero__error{color:#fff;font-size:13px;margin-top:10px;text-shadow:0 1px 8px rgba(0,0,0,.4);min-height:0}.wc-cta{margin-top:32px;padding:var(--wc-cta-padding, 40px);background:var(--wc-cta-bg, #f3f1ec);border-radius:var(--wc-cta-radius, 20px);text-align:center}.wc-cta--left{text-align:left}.wc-cta--right{text-align:right}.wc-cta--center{text-align:center}.wc-cta__eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:600;color:var(--wc-cta-eyebrow, #6b6862);margin:0 0 14px}.wc-cta__heading{font-size:clamp(18px,3vw,22px);font-weight:600;line-height:1.35;color:var(--wc-cta-text, #1a1a1a);margin:0 0 24px;max-width:34ch;min-height:5.4em}.wc-cta--center .wc-cta__heading{margin-left:auto;margin-right:auto}.wc-cta--right .wc-cta__heading{margin-left:auto}[data-wc-cta-button-slot]{display:block;min-height:48px}[data-wc-cta-button-slot] .wc-cta__button{animation:wc-btn-in .7s ease both}@keyframes wc-btn-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){[data-wc-cta-button-slot] .wc-cta__button{animation:none}}.wc-cta__button{display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 28px;border-radius:999px;background:var(--wc-cta-btn-bg, #d9d5cc);color:var(--wc-cta-btn-text, #1a1a1a);font-weight:600;font-size:15px;text-decoration:none;transition:opacity .15s ease}.wc-cta__button:hover{opacity:.85}.wc-gauge__bar--ghost{background:#f0eee9!important}.wc-cta--ghost .wc-cta__heading,.wc-cta__heading[data-wc-cta-ghost],.wc-ghost-text{filter:blur(5px);opacity:.5;-webkit-user-select:none;user-select:none}.wc-cta__heading--typing:after{content:"\258d";margin-left:1px;animation:wc-caret .6s steps(1) infinite}@keyframes wc-caret{50%{opacity:0}}@media(prefers-reduced-motion:reduce){.wc-cta--ghost .wc-cta__heading,.wc-cta__heading[data-wc-cta-ghost]{animation:none}.wc-cta__heading--typing:after{animation:none}}.wc-gauge__band--ghost{color:var(--color-body-text, #1a1a1a)}.water-checker__result--placeholder{opacity:.9}.water-checker__result{transition:opacity .35s ease}.wc-gauge__band,.wc-gauge__stat,.water-checker__area-note{animation:wc-text-in .5s ease both}@keyframes wc-text-in{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.wc-result--swap{animation:none}}.water-checker__result--loading .wc-gauge__band{background:linear-gradient(90deg,#c9c6bf,#1a1a1a,#c9c6bf);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:wc-shimmer 1.6s linear infinite;line-height:1.25;padding-bottom:.15em}.water-checker__result--loading .wc-gauge__eyebrow{animation:wc-pulse 1.4s ease-in-out infinite}@keyframes wc-shimmer{to{background-position:-200% 0}}@keyframes wc-pulse{0%,to{opacity:.5}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.water-checker__result--loading .wc-gauge__band,.water-checker__result--loading .wc-gauge__eyebrow{animation:none}}.wc-section__result-wrap{max-width:620px;margin:0 auto;padding:clamp(24px,4vw,48px) 0 0;background:transparent}.wc-section__inner{max-width:620px;margin:0 auto}.wc-section__email-form{margin-top:22px;display:flex;flex-direction:column;gap:10px}.wc-email-thanks{margin:22px 0 0;font-size:14px;color:#6b6862;text-align:center}.wc-section__result-wrap:not(:has([data-visible=true])) .wc-section__email-form{display:none}
/*# sourceMappingURL=/cdn/shop/t/3/assets/water-checker.css.map */