:root{--guide-navy: #354960;--guide-water: #95B8C6;--guide-mist: #F2F6F8;--guide-ink: #212326;--guide-muted: #5b6168;--guide-line: #d2d5d9}.guide-optin{margin:0}.guide-optin__fields{display:grid;gap:1rem;grid-template-columns:1fr 1fr}.guide-optin__field label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.guide-optin__field input{width:100%;height:4.8rem;padding:0 1.6rem;margin:0;font:inherit;font-size:1.5rem;color:var(--guide-ink);background:#fff;border:1px solid var(--guide-line);border-radius:0;-webkit-appearance:none;appearance:none;transition:border-color .15s ease}.guide-optin__field input::placeholder{color:#8a9097}.guide-optin__field input:focus{outline:none;border-color:var(--guide-navy);box-shadow:0 0 0 1px var(--guide-navy)}.guide-optin__field input[aria-invalid=true]{border-color:#b4423f}.guide-optin__buttons{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:2rem}.guide-optin__btn{display:inline-flex;align-items:center;justify-content:center;gap:.8rem;min-height:4.8rem;padding:0 2rem;margin:0;font-family:var(--font-button-family, inherit);font-size:1.3rem;letter-spacing:.1rem;text-transform:uppercase;border-radius:40px;border:2px solid var(--guide-navy);cursor:pointer;transition:background-color .15s ease,color .15s ease,transform .15s ease}.guide-optin__btn svg{width:1.8rem;height:1.8rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}.guide-optin__btn small{font-size:1.1rem;text-transform:none;letter-spacing:.02rem;opacity:.8}.guide-optin__btn--primary{background:var(--guide-navy);color:#fff}.guide-optin__btn--primary:hover{background:#2b3c50;border-color:#2b3c50}.guide-optin__btn--secondary{background:transparent;color:var(--guide-navy)}.guide-optin__btn--secondary:hover{background:var(--guide-navy);color:#fff}.guide-optin__btn:focus-visible{outline:2px solid var(--guide-water);outline-offset:3px}.guide-optin__btn[disabled]{opacity:.6;cursor:default}.guide-optin__error{margin:.8rem 0 0;font-size:1.3rem;color:#b4423f}.guide-optin__note{margin:1.2rem 0 0;font-size:1.25rem;color:var(--guide-muted);line-height:1.5}.guide-optin__success{padding:1.6rem 0 0}.guide-optin__success p{margin:0 0 .8rem;font-size:1.5rem;line-height:1.55}.guide-optin__success-title{font-family:var(--font-heading-family);font-size:2rem!important;color:var(--guide-navy)}.guide-optin__success-links{display:flex;flex-wrap:wrap;gap:1.6rem}.guide-optin__success-links a{color:var(--guide-navy);text-underline-offset:.3rem}.guide-optin.is-done .guide-optin__fields,.guide-optin.is-done .guide-optin__buttons,.guide-optin.is-done .guide-optin__note,.guide-optin.is-done .guide-optin__error{display:none}.guide-optin--compact .guide-optin__fields,.guide-optin--compact .guide-optin__buttons{grid-template-columns:1fr;gap:.8rem}.guide-optin--compact .guide-optin__field input{height:4.4rem}.guide-optin--compact .guide-optin__btn{min-height:4.4rem}@media(max-width:749px){.guide-optin__fields,.guide-optin__buttons{grid-template-columns:1fr;gap:.8rem}}.guide-eyebrow{display:inline-flex;align-items:center;gap:.8rem;margin:0 0 1.4rem;font-size:1.15rem;letter-spacing:.22rem;text-transform:uppercase;color:var(--guide-navy)}.guide-eyebrow:before{content:"";width:.7rem;height:.7rem;border-radius:50%;background:var(--guide-water)}.guide-heading{margin:0 0 1.4rem;font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);color:var(--guide-navy);line-height:1.12;letter-spacing:0;text-transform:none}.guide-heading em{font-style:italic;background:linear-gradient(transparent 62%,rgba(149,184,198,.55) 62%,rgba(149,184,198,.55) 92%,transparent 92%);padding:0 .15em}.guide-text{margin:0 0 2.2rem;font-size:1.6rem;line-height:1.6;color:var(--guide-ink)}.guide-text p{margin:0}.guide-cta{background:var(--guide-mist)}.guide-cta__inner{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:0;max-width:var(--page-width, 160rem);margin:0 auto}.guide-cta__media{position:relative;height:100%;min-height:44rem;overflow:hidden}.guide-cta__media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.guide-cta__content{padding:6.4rem clamp(2.4rem,5vw,8rem);max-width:64rem}.guide-cta--band .guide-heading{font-size:clamp(3rem,3.2vw,4.4rem)}.guide-cta__stat{display:flex;align-items:baseline;gap:1.2rem;margin:0 0 1.8rem;color:var(--guide-navy)}.guide-cta__stat b{font-family:var(--font-heading-family);font-weight:400;font-size:5.6rem;line-height:1}.guide-cta__stat span{font-size:1.3rem;letter-spacing:.15rem;text-transform:uppercase;color:var(--guide-muted)}.guide-cta--card{background:transparent;padding:0 2rem}.guide-cta--card .guide-cta__inner{max-width:96rem;grid-template-columns:26rem 1fr;background:var(--guide-mist);border-top:3px solid var(--guide-navy)}.guide-cta--card .guide-cta__media{min-height:100%}.guide-cta--card .guide-cta__content{padding:4rem 4.4rem;max-width:none}.guide-cta--card .guide-heading{font-size:clamp(2.4rem,2.4vw,3rem)}.guide-cta--card .guide-text{font-size:1.5rem;margin-bottom:1.8rem}@media(max-width:989px){.guide-cta__inner,.guide-cta--card .guide-cta__inner{grid-template-columns:1fr}.guide-cta__media{min-height:26rem}.guide-cta--card .guide-cta__media{min-height:20rem}.guide-cta__content,.guide-cta--card .guide-cta__content{padding:3.6rem 2rem 4rem}.guide-cta__stat b{font-size:4.4rem}}.guide-popup{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483600;display:flex;align-items:center;justify-content:center;padding:2rem;visibility:hidden}.guide-popup[hidden]{display:none}.guide-popup.is-open{visibility:visible}.guide-popup .guide-popup__overlay{display:block;position:absolute;top:0;right:0;bottom:0;left:0;background:#2123268c;opacity:0;transition:opacity .3s ease}.guide-popup.is-open .guide-popup__overlay{opacity:1}.guide-popup__dialog{position:relative;display:grid;grid-template-columns:1fr 1.15fr;width:100%;max-width:88rem;max-height:calc(100vh - 4rem);overflow:auto;background:#fff;box-shadow:0 2.4rem 6rem #21232640;opacity:0;transform:translateY(1.6rem);transition:opacity .3s ease,transform .3s ease}.guide-popup.is-open .guide-popup__dialog{opacity:1;transform:none}.guide-popup__media{position:relative;min-height:100%;background:var(--guide-mist)}.guide-popup__media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.guide-popup__body{padding:4.4rem 4rem 3.2rem}.guide-popup .guide-heading{font-size:clamp(2.6rem,3vw,3.4rem)}.guide-popup .guide-text{font-size:1.5rem;margin-bottom:2rem}.guide-popup .guide-optin__fields,.guide-popup .guide-optin__buttons{grid-template-columns:1fr;gap:.8rem}.guide-popup__close{position:absolute;top:1.2rem;right:1.2rem;z-index:2;width:4rem;height:4rem;border:0;border-radius:50%;background:#ffffffe6;color:var(--guide-ink);cursor:pointer;display:grid;place-items:center}.guide-popup__close svg{width:1.6rem;height:1.6rem;stroke:currentColor;stroke-width:2}.guide-popup__close:focus-visible{outline:2px solid var(--guide-navy)}.guide-popup__later{display:block;margin:1.6rem auto 0;padding:.4rem;background:none;border:0;cursor:pointer;font:inherit;font-size:1.3rem;color:var(--guide-muted);text-decoration:underline;text-underline-offset:.3rem}body.guide-popup-open{overflow:hidden}@media(max-width:749px){.guide-popup{align-items:flex-end;padding:0}.guide-popup__dialog{grid-template-columns:1fr;max-height:92vh;transform:translateY(100%)}.guide-popup__media{min-height:0;height:17rem}.guide-popup__media img{object-position:50% 60%}.guide-popup__body{padding:2.8rem 2rem 2.4rem}.guide-popup .guide-heading{font-size:2.6rem}}@media(prefers-reduced-motion:reduce){.guide-popup__overlay,.guide-popup__dialog,.guide-optin__btn{transition:none}}.product__text:has(>a[href*="#hydration-guide"]){display:block;color:var(--guide-muted)}.product__text>a[href*="#hydration-guide"]{color:var(--guide-navy);text-decoration:underline}
/*# sourceMappingURL=/cdn/shop/t/10/assets/guide-optin.css.map */