@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,500;0,700;0,800;0,900;1,700&display=swap";@import"https://fonts.googleapis.com/css2?family=Special+Elite&display=swap";:root{--font-blue: #1e3e47;--primary-blue: #1e3e47;--highlight-orange: #feb500;--yellow: #f1c40f;--teal: #1abc9c;--light-green: #2ecc71;--dark-glass: rgba(0, 0, 0, .8);--glass-bg: rgba(255, 255, 255, .25);--glass-border: rgba(255, 255, 255, .6)}body,html{margin:0;padding:0;width:100%;height:100%;font-family:Montserrat,sans-serif;overflow-x:hidden;line-height:1.2em}#appstle-loyalty-button{display:none}.quiz-container,.quiz-container *:not(i):not([class*=fa-]){font-family:Montserrat,sans-serif;line-height:1.2em}.quiz-container i,.quiz-container [class*=fa-]{font-family:"Font Awesome 6 Free","Font Awesome 6 Brands"!important}h1{font-size:4.3rem!important}h1.fw-bold,h2.fw-bold,h3.fw-bold,h4.fw-bold,.option-label.fw-bold,h1,h2,h3{font-weight:900!important}.text-bold{font-weight:800}.fluid-bg{position:fixed;top:0;left:0;right:0;bottom:-100px;background-color:transparent;background-image:radial-gradient(at 0% 100%,#74b5f9 0px,transparent 70%),radial-gradient(at 100% 0%,#fbb055 0px,transparent 100%);z-index:-1;overflow:hidden}body.profile-active .fluid-bg{background-image:radial-gradient(at 0% 100%,#74b5f9 0px,transparent 80%),radial-gradient(at 100% 0%,#bcfde5 0px,transparent 100%)}.fluid-bg:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-size:cover;background-position:center;opacity:1;z-index:1;pointer-events:none;animation:waterRipple 30s ease-in-out infinite alternate}body.profile-active .fluid-bg:after{opacity:.5}@keyframes waterRipple{0%{transform:scale(1) translate(0)}50%{transform:scale(1.1) translate(-1%,-1%)}to{transform:scale(1.05) translate(1%,.5%)}}@keyframes backgroundShift{0%{transform:scale(1);filter:hue-rotate(0deg)}50%{transform:scale(1.1);filter:hue-rotate(5deg)}to{transform:scale(1);filter:hue-rotate(0deg)}}.app-header{position:relative;top:0;left:0;width:100%;text-align:center;z-index:100;margin-bottom:20px}.app-header .logo-text{display:flex;justify-content:center;align-items:center;gap:25px;background-size:100% 100%;background-repeat:no-repeat;padding:15px 50px 35px;width:fit-content;margin:0 auto;filter:drop-shadow(0 5px 10px rgba(0,0,0,.1))}.header-logo{height:auto;object-fit:contain;filter:brightness(0) invert(1)}.header-logo-true{width:60px}.header-logo-cellular{width:100px}.app-header h2 small,.app-header h3 small{font-size:.5em;letter-spacing:2px}.font-blue{color:#1e3e47}.text-orange,.highlight-orange{color:var(--highlight-orange)}.z-index-1{z-index:1}.bg-light-orange{background-color:#f39c12!important}.bg-light-blue{background-color:#7bcbc3!important}.bg-blue{background-color:#009!important}.border-orange{border:2px solid #f39c12}.border-blue{border:2px solid #000099}.border-transparent{border-color:transparent!important}.bg-light-yellow{background-color:#fef9c3!important}.quiz-container{min-height:calc(100vh - 150px);padding:0 16px 50px;display:flex;justify-content:center;align-items:center;box-sizing:border-box}.page-section{display:none;width:100%;max-width:900px;padding:20px;box-sizing:border-box;animation:fadeIn .5s ease}.page-section.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.step-icon-circle{width:80px;height:80px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;margin:1em auto 1.5em;position:relative;background:#ffffffad;box-shadow:0 10px 20px #0000001f,inset -2px -2px 6px #0000000d,inset 4px 4px 8px #ffffffe6;overflow:hidden}.step-icon-circle:after{content:"";position:absolute;top:6%;left:15%;width:70%;height:35%;background:linear-gradient(to bottom,#fffffff2,#fff0);border-radius:50%/80% 80% 30% 30%;pointer-events:none;z-index:1}.step-icon-circle img{width:100%;height:100%;object-fit:contain;z-index:1}.step-icon-circle i{position:relative;z-index:2}.glass-panel{position:relative;border-radius:7.5rem;border:1.5px solid transparent;background:linear-gradient(#fff0,#fff0) padding-box,linear-gradient(135deg,#ffffff14,#ffffff05 30%,#c8dcf001 70%,#96aac826) border-box;box-shadow:0 12px 30px #0000001a,inset 2px 2px 6px #ffffffb3,inset -2px -2px 6px #0000000d;overflow:visible;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px)}.flat-panel{position:relative;border-radius:3.5rem;border:none;overflow:visible;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);background:linear-gradient(to top right,#54c2cb,#93d3a9);margin-top:0}#sec-home .glass-panel,#sec-quiz .glass-panel{background-size:100% 100%;background-position:center;background-repeat:no-repeat;border:none;box-shadow:6px 12px 40px -10px #0003;backdrop-filter:none;-webkit-backdrop-filter:none;aspect-ratio:1265 / 744;min-height:unset}#sec-home .glass-panel:after,#sec-quiz .glass-panel:after{display:none}#sec-quiz .glass-panel{display:flex;flex-direction:column;justify-content:center}.glass-panel:after{content:"";position:absolute;top:0;left:0;right:0;height:40%;border-radius:calc(2.5rem - 1.5px) calc(2.5rem - 1.5px) 50% 50% / calc(2.5rem - 1.5px) calc(2.5rem - 1.5px) 15px 15px;pointer-events:none;z-index:1}.glass-panel-inner{background:#ffffff2e;border:1px solid rgba(255,255,255,.55);border-radius:1.5rem}.ribbon-header h3{margin:0}.ribbon-blue,.ribbon-orange{position:relative;padding:0 1em;color:#fff;z-index:1}h3.ribbon-blue,h3.ribbon-orange{padding:.2em 1em}.ribbon-blue:before,.ribbon-orange:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;transform:skew(-30deg);z-index:-1}.ribbon-blue{margin-left:-3rem}.ribbon-blue:before{background-color:var(--font-blue)}.ribbon-orange{margin-left:1.5em}.ribbon-orange:before{background-color:var(--highlight-orange)}#home-title-hydration,#profile-result-title{background-size:100% 100%;background-position:center;background-repeat:no-repeat;background-color:transparent!important}#profile-result-title{background:none;font-size:3.8rem}#home-title-hydration{padding:0 .5em!important}#home-title-hydration:before,#profile-result-title:before{display:none!important}#home-title-quiz{background-size:100% 100%;background-position:center;background-repeat:no-repeat;background-color:transparent!important;padding:0 .5em!important}#home-title-quiz:before{display:none!important}#guides-title,#addsup-title,#howitwork-title,.ribbon-blue{background-size:100% 100%;background-position:center;background-repeat:no-repeat;background-color:transparent!important;padding:.4em 1.6em!important}#guides-title:before,#addsup-title:before,#howitwork-title:before,.ribbon-blue:before{display:none!important}.btn-pill{position:relative;background:linear-gradient(180deg,#ffffffe6,#dcf0f8e6);color:#009;font-weight:900;border:3px solid rgba(255,255,255,.85);padding:15px 30px;border-radius:50px;box-shadow:0 6px 15px #0000001a,inset 0 4px 6px #fff,inset 0 -4px 6px #ffffff80;transition:all .3s ease;cursor:pointer;font-size:1.5rem;overflow:hidden;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);width:fit-content;margin:auto;text-decoration:none}.btn-pill:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transform:skew(-20deg);animation:shine 6s infinite}@keyframes shine{0%{left:-100%}20%{left:100%}to{left:100%}}.btn-pill:before{content:"";position:absolute;top:2px;left:5%;right:5%;height:40%;background:linear-gradient(to bottom,#fffffff2,#fff0);border-radius:50px 50px 50% 50%/50px 50px 15px 15px;pointer-events:none}.btn-pill:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000026,inset 0 4px 6px #fff,inset 0 -4px 6px #ffffffb3;background:linear-gradient(180deg,#fff,#e6f5fc)}.placeholder-mascot{position:absolute;background-size:contain;background-repeat:no-repeat;background-position:center;z-index:20;filter:drop-shadow(0 10px 15px rgba(0,0,0,.2));transition:transform .3s ease;animation:floatMascot 4s ease-in-out infinite}@keyframes floatMascot{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}.placeholder-mascot:hover{transform:translateY(-5px) scale(1.05)!important}.mascot-left{top:-4%;left:-225px;width:320px;height:320px}.mascot-right{top:7%;right:-220px;width:320px;height:320px}#sec-usp .mascot-left{top:-10vh;left:-8vw}#sec-usp .mascot-right{top:-10vh;right:-8vw}#sec-home .mascot-left{left:-16%;top:-4%}#sec-home .mascot-right{top:7%;right:-18%}.mascot-bottom-left{bottom:-270px;left:-3%;width:350px;height:350px;transform:rotate(0)}.mascot-bottom-right{bottom:-60px;right:5%;width:200px;height:250px}.mascot-top-right{top:-160px;right:11%;width:200px;height:200px;transform:rotate(0)}.q-mascot-tl,.q-mascot-tr,.q-mascot-ml,.q-mascot-mr,.q-mascot-bl,.q-mascot-br{width:320px;height:320px;pointer-events:none;display:none!important}.q-mascot-tl{top:-40px;left:-160px}.q-mascot-tr{top:-40px;right:-170px}.q-mascot-ml{top:25%;left:-150px}.q-mascot-mr{top:25%;right:-180px}.q-mascot-bl{bottom:-40px;left:-160px}.q-mascot-br{bottom:-40px;right:-140px}.guide-card-wrapper{position:relative;max-width:800px;margin:0 auto}.photo-right{position:absolute;right:-80px;top:-40px;transform:rotate(10deg)}.photo-left{position:absolute;left:-80px;top:-35px;transform:rotate(-10deg)}.guide-photo{width:280px;z-index:10;pointer-events:none}.guide-photo img{width:100%;height:auto;display:block}#sec-guides .glass-panel{width:70%;max-width:550px;position:relative;z-index:5;padding:2rem 4rem!important}.rainbow-line{border:none;height:2px;background:linear-gradient(to right,#f312d7,#120ff1,#faff38,#ff8d00,#ff0018);width:270px;max-width:100%;opacity:.3;border-radius:2px;margin-top:0;margin-bottom:1rem}.guide-card-wrapper{margin-bottom:-15px}.guide-card-wrapper:first-of-type .glass-panel{margin-left:15%;border-radius:100px 15px 15px 100px}.guide-card-wrapper:first-of-type .glass-panel:after{border-radius:98.5px 13.5px 50% 50%/98.5px 13.5px 15px 15px}.guide-card-wrapper:last-of-type .glass-panel{margin-left:auto;margin-right:15%;border-radius:15px 100px 100px 15px}.guide-card-wrapper:last-of-type .glass-panel:after{border-radius:13.5px 98.5px 50% 50%/13.5px 98.5px 15px 15px}.guide-card-wrapper:first-of-type .glass-panel p{padding-right:0}#sec-how .glass-panel{border-radius:3.5em;margin:0 1rem!important}#sec-how .glass-panel:after{border-radius:calc(1.5em - 1.5px) calc(1.5em - 1.5px) 50% 50% / calc(1.5em - 1.5px) calc(1.5em - 1.5px) 15px 15px}.legend-dot{max-width:95px;width:70%;border-radius:50%;margin:0 auto 20px;box-shadow:0 4px 10px #0000001a;background:#ffffffad}.legend-dot img{width:100%}.legend-text{font-size:.85rem}.demo-progress-bar-wrap{height:60px;border-radius:40px!important;padding:7px!important;max-width:90%;margin-left:auto;margin-right:auto}.demo-progress-bar-fill{width:100%;height:100%}.glass-dot-wrap{width:70px;height:70px;border-radius:50%;background:#ffffff59;border:2px solid rgba(255,255,255,.8);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #0000001a,inset 0 2px 5px #ffffff80;margin:0 auto}.glass-dot-wrap .legend-dot{width:50px;height:50px;border:none;box-shadow:0 2px 5px #0000001a;margin:0}#quiz-progress-text{background-size:100% 100%;background-position:center;background-repeat:no-repeat;background-color:transparent!important;border:none!important;font-family:Special Elite,cursive,sans-serif;border-radius:0!important;font-size:1.1em;margin:0;padding-bottom:.2em!important}.mini-progress-bar{height:37px;width:45%;border-radius:40px!important;padding:5px!important;position:relative;border:1.5px solid transparent;box-shadow:0 12px 30px #0000001a,inset 2px 2px 6px #ffffffb3,inset -2px -2px 6px #0000000d}.mini-progress-bar .fill{height:100%;border-radius:40px;box-shadow:inset -2px 2px 4px #0000001a;transition:width .5s ease,background-color .5s ease}.mini-progress-bar .fill.fill-orange{background-color:#f39c12}.mini-progress-bar .fill.fill-yellow{background-color:#f1c40f}.mini-progress-bar .fill.fill-blue{background-color:#aed6f1}.mini-progress-bar .fill.fill-green{background-color:#1abc9c}.mini-progress-bar .fill.fill-placeholder{height:100%;border-radius:30px;background:transparent;box-shadow:inset -2px 2px 4px #0000001a;transition:width .5s ease;margin-top:-24px}h3#quiz-question-title{max-width:600px;margin:0 auto}#quiz-options-container{display:flex;flex-direction:column;align-items:flex-start;width:fit-content;max-width:100%;margin:0 auto}.quiz-option{cursor:pointer;transition:all .3s ease;max-width:600px;display:flex;align-items:center;width:100%}.option-icon-wrap{width:70px;height:70px;border-radius:50%;position:relative;background:#ffffffad;display:flex;align-items:center;justify-content:center;color:var(--font-blue);font-size:1.5rem;box-shadow:0 10px 20px #0000001f,inset -2px -2px 6px #0000000d,inset 4px 4px 8px #ffffffe6;transition:all .4s cubic-bezier(.175,.885,.32,1.275);flex-shrink:0;overflow:hidden}.option-icon-wrap img{width:100%;height:100%;object-fit:contain}.option-icon-wrap i{position:relative;z-index:2}.option-label{background-color:var(--highlight-orange);color:var(--font-blue);padding:4px 12px;border-radius:8px;font-size:1.3rem;font-weight:800;border:2px solid var(--highlight-orange);transition:all .3s ease;text-align:left}@media(hover:hover){.quiz-option:hover .option-label,.quiz-option.selected .option-label{background-color:var(--font-blue);color:var(--highlight-orange);border-color:var(--font-blue)}.quiz-option:hover .option-icon-wrap,.quiz-option.selected .option-icon-wrap{transform:scale(1.1) translateY(-3px);box-shadow:0 15px 30px #00000026,inset -2px -2px 6px #0000000d,inset 4px 4px 10px #fff}}.quiz-option.selected .option-label{background-color:var(--font-blue);color:var(--highlight-orange);border-color:var(--font-blue)}.quiz-option.selected .option-icon-wrap{transform:scale(1.1) translateY(-3px);box-shadow:0 15px 30px #00000026,inset -2px -2px 6px #0000000d,inset 4px 4px 10px #fff}.overlay-popup{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;z-index:1000;align-items:center;justify-content:center;animation:fadeIn .3s ease}.overlay-popup.active{display:flex}.overlay-popup .popup-content{width:500px;max-width:90vw;border-radius:3em!important}.dark-glass{background:#343a40;border:none}.close-btn{position:absolute;top:-15px;right:-15px;background:transparent;border:none;color:#a4b0be;cursor:pointer;background:#fff;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;padding:0;box-shadow:0 4px 10px #0003}.icon-circle{width:80px;height:80px;border-radius:50%;background:none;display:flex;align-items:center;justify-content:center}.icon-circle-sm{width:50px;height:50px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center}.floating-icon{position:absolute;top:-30px;left:50%;transform:translate(-50%);width:60px;height:60px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #0000001a}.product-dummy{min-height:80px;display:flex;align-items:center;justify-content:center;color:var(--font-blue);font-weight:700;flex-direction:column}.usp-product-img{height:220px;width:auto;object-fit:contain;filter:drop-shadow(0 10px 15px rgba(0,0,0,.2));transition:transform .3s ease}.usp-product-img:hover{transform:translateY(-5px) scale(1.05)}.product-group-left,.product-group-right{position:absolute;top:50%;transform:translateY(-50%);display:flex;z-index:100}.product-group-left{left:-90px}.product-group-right{right:-90px}.social-icon{transition:transform .2s}.social-icon:hover{transform:translateY(-3px)}.border-yellow{border:3px solid var(--highlight-orange)}.quiz-progress-row{gap:.5rem}.vertical-line{width:2px!important;background:linear-gradient(to bottom,#f312d7,#120ff1,#faff38,#ff8d00,#ff0018);opacity:.3;margin:30px 0 0!important;position:absolute;height:calc(100% - 60px);padding:0!important}#insight-text-container p{margin-bottom:0!important;margin-top:0!important;line-height:1.2em}.insight-icon{display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;background:radial-gradient(circle at 35% 35%,#f1c40f,#f39c12) padding-box,linear-gradient(135deg,#fff,#dce6f580) border-box;color:var(--font-blue);border-radius:50%;font-size:1.8rem;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:absolute;bottom:0;right:-60px;border:5px solid transparent;box-shadow:0 10px 20px #00000026,inset -2px -2px 6px #0000000d,inset 4px 4px 8px #fffc;z-index:100;font-family:Montserrat,sans-serif!important;font-weight:900}.insight-icon:after{content:"";position:absolute;top:6%;left:15%;width:70%;height:35%;background:linear-gradient(to bottom,#fffffff2,#fff0);border-radius:50%/80% 80% 30% 30%;pointer-events:none;z-index:1}.insight-icon:hover{transform:scale(1.1) translateY(-3px);box-shadow:0 15px 30px #00000026,inset -2px -2px 6px #0000000d,inset 4px 4px 10px #fff}.custom-tooltip{position:absolute;bottom:110%;right:-4px;left:auto;transform:none;width:280px;background:#1e3e47f2;color:#fff;padding:15px;border-radius:15px;font-size:.9rem;z-index:100;display:none;box-shadow:0 10px 25px #0000004d;border:1px solid rgba(255,255,255,.2);text-align:left;font-weight:400;line-height:1.4}.custom-tooltip p{margin:0!important}.custom-tooltip.active{display:block;animation:tooltipFadeIn .3s ease}.custom-tooltip:after{content:"";position:absolute;top:100%;right:20px;left:auto;margin-left:0;border-width:8px;border-style:solid;border-color:rgba(30,62,71,.95) transparent transparent transparent}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes tooltipFadeInCentered{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}#sec-plan .glass-panel{border-radius:3rem}.social-icon{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;border:1px solid white;text-decoration:none;transition:all .3s ease}.social-icon:hover{background-color:#fff3;transform:translateY(-3px)}.fw-extra-bold{font-weight:900!important}.max-w-850{max-width:850px}.max-w-650{max-width:650px}.max-w-600{max-width:600px}.br-4rem{border-radius:4rem!important}.br-5rem{border-radius:5rem!important}.min-h-330{min-height:330px}.z-10{z-index:10}.lh-22{line-height:2.2}.fs-085rem{font-size:.85rem}.fs-075rem{font-size:.75rem}.fs-09rem{font-size:.9rem}.fw-medium-500{font-weight:500}.opacity-50{opacity:.5}.h-2px{height:2px}.w-80{width:80%}.mx-neg-1em{margin-left:-1em;margin-right:-1em}.max-w-none{max-width:none}.w-120{width:110%;margin-top:10%}.profile-circle-inner{width:90%;height:90%;aspect-ratio:1/1;border-width:4px;display:flex;align-items:center;justify-content:center}.profile-legend-dot{width:60px;height:60px;margin:0 1.5rem 0 0;aspect-ratio:1/1}.plan-vertical-divider{width:2px;background:linear-gradient(to bottom,#f312d7,#120ff1,#faff38,#ff8d00,#ff0018);opacity:.3;margin:0 1px}.footer-bar-full-width{width:100vw;margin-left:calc(-50vw + 50%);margin-bottom:-130px;margin-top:3rem;position:relative;z-index:99}.flat-panel h5{font-size:1.7rem;padding:0 3em}.flat-panel p{font-size:1.5rem;padding:0 2.6em}.flat-panel .w-50>p{font-size:1.3rem;padding:0}.product-card{padding-left:6px!important;padding-right:6px!important}.product-card .h5,.product-card h5{font-size:1.5rem}section#sec-guides p{font-size:.8rem!important}#sec-how .text-center.mt-4.btn-next-container{margin-top:6em!important}#sec-adds-up .btn-pill{margin-top:2em!important}.quiz-option i{font-size:1.3em}section#sec-adds-up{margin-top:0}img#profile-level{margin-bottom:2rem}div#profile-details-wrap{margin-bottom:1.5rem}@media(min-width:1185px){h3#guides-title,#sec-how .ribbon-header h3,#sec-adds-up .ribbon-header h3{font-size:2em}}@media(min-width:769px){#sec-home.page-section,#sec-guides.page-section,#sec-how.page-section,#sec-adds-up.page-section,#sec-profile.page-section,#sec-plan.page-section,#sec-usp.page-section,#sec-cta.page-section{overflow:visible}}@media(max-width:1185px){#sec-home .mascot-left{left:-13%;top:3%;width:290px;height:290px}#sec-home .mascot-right{right:-13%;top:14%;width:290px;height:290px}}@media(max-width:991px){.quiz-container{align-items:center!important;justify-content:center!important}.glass-panel{margin-left:auto!important;margin-right:auto!important}.btn-next-container{margin-top:20px!important;padding-top:0!important}.page-section .glass-panel:last-of-type{margin-bottom:0!important}#sec-how .glass-panel{margin:0!important}#sec-home .mascot-left{left:-46px;top:26px;width:230px;height:230px}#sec-home .mascot-right{right:-80px;bottom:-30px;top:91px;width:230px;height:230px}#sec-home .glass-panel{aspect-ratio:1265 / 744!important;min-height:unset;background-size:100% 100%;background-position:center;border-radius:7rem!important;display:flex;flex-direction:column;justify-content:center}#sec-home h1{line-height:0}#sec-home .ribbon-orange,#sec-home .ribbon-blue{font-size:7vw;display:inline-block;width:auto}#sec-home p{font-size:1.2rem;margin-top:2.25rem!important;max-width:40ch;margin-left:auto;margin-right:auto;padding:0 6px}#sec-home .btn-pill{margin-top:1.25rem!important;font-size:1.3rem;max-width:530px;padding:8px 24px}#sec-home.page-section{max-width:830px}.insight-icon{bottom:-65px;right:0}#sec-home .ribbon-blue{margin-left:-1.2rem}}@media(max-width:900px){.page-section{max-width:100%}#sec-usp .glass-panel{padding-left:2rem!important;padding-right:2rem!important}.product-group-left,.product-group-right{position:relative;top:auto;transform:none;left:auto;right:auto;justify-content:center;margin-bottom:16px;width:100%;min-height:auto!important}.product-group-left .usp-product-img,.product-group-right .usp-product-img{position:relative!important;left:auto!important}.custom-tooltip{right:-4px;left:auto;transform:none}.custom-tooltip.active{animation:tooltipFadeIn .3s ease}.custom-tooltip:after{right:20px;left:auto;margin-left:0}#sec-home .ribbon-blue{margin-left:-2rem}}@media(max-width:768px){#sec-guides .btn-next-container{margin-top:-30px!important;margin-bottom:50px}#sec-home .glass-panel{aspect-ratio:1265 / 744!important;min-height:unset;background-size:100% 100%;background-position:center;border-radius:5rem!important;display:flex;flex-direction:column;justify-content:center}#sec-home h1{line-height:0}#sec-home .ribbon-orange,#sec-home .ribbon-blue{font-size:7vw;display:inline-block;width:auto}#sec-home p{font-size:1.2rem;margin-top:2.25rem!important;max-width:40ch;margin-left:auto;margin-right:auto;padding:0 6px}#sec-home .btn-pill{margin-top:1.25rem!important;font-size:1.2rem;max-width:530px;margin-bottom:1em}#sec-home .mascot-left{left:-42px;top:25px;width:190px;height:190px}#sec-home .mascot-right{right:-47px;bottom:-34px;top:55px;width:190px;height:195px}.q-mascot-tl,.q-mascot-tr,.q-mascot-ml,.q-mascot-mr,.q-mascot-bl,.q-mascot-br{width:170px;height:170px}.q-mascot-ml{left:-50px}.q-mascot-mr{right:-50px}.q-mascot-tl{left:-30px}.q-mascot-tr{right:-30px}.q-mascot-bl{left:-30px}.q-mascot-br{right:-30px}#sec-guides .glass-panel{width:100%!important;max-width:none!important;margin:30px auto!important;padding-top:130px!important;padding-left:2.5rem!important;padding-right:2.5rem!important;padding-bottom:2.5rem!important;border-radius:4rem!important;text-align:center!important}.guide-card-wrapper:first-of-type .glass-panel,.guide-card-wrapper:last-of-type .glass-panel{margin-left:auto!important;margin-right:auto!important;width:100%!important}.guide-card-wrapper{margin-top:80px}.photo-right,.photo-left{left:50%!important;right:auto!important;transform:translate(-50%) rotate(0)!important;top:-98px!important}.guide-photo{width:200px}.guide-card-wrapper:first-of-type .glass-panel p{padding-right:0}.profile-level-panel{flex-direction:column!important;text-align:center;gap:1rem}.profile-level-panel .text-start{text-align:center!important}.quiz-progress-row{flex-direction:column;gap:.4rem}.mini-progress-bar{width:75%!important;align-self:center}.mini-progress-bar .fill.fill-placeholder{margin-top:-28px}.ribbon-header h3{margin:0!important}#sec-profile .glass-panel.profile-level-panel.p-4.mb-5.mt-n3.d-flex.align-items-center.justify-content-center.mx-auto{flex-direction:row!important}.app-header{top:0}.app-header .logo-text{gap:12px;padding:10px 24px 22px}.header-logo-true{width:42px}.header-logo-cellular{width:70px}.quiz-container{padding:30px;align-items:center}.page-section{padding:8px 4px}.glass-panel{border-radius:4rem!important}#sec-quiz .glass-panel{min-height:420px;width:100%;padding:2.5rem 3.5rem!important;background-size:100% 100%;background-position:center;border-radius:5.5rem!important}h1{font-size:4rem!important}h3{font-size:1.1rem}h4{font-size:2.2rem}h5{font-size:1.5rem}.title-main{line-height:1.4}.ribbon-blue,.ribbon-orange{font-size:1rem;padding:.2em .7em!important;display:inline-block}.ribbon-blue:before,.ribbon-orange:before{transform:skew(-15deg)}.ribbon-header h3{font-size:.9rem;padding:.4em .8em}p{font-size:1.4rem}.btn-pill{padding:10px 22px;font-size:1.7rem;width:100%;max-width:450px;width:fit-content}.quiz-option{width:100%}.option-label{font-size:1.1rem;min-width:0;padding:4px 6px}.option-icon-wrap{width:50px;height:50px;font-size:1.4rem;margin-right:12px!important;flex-shrink:0}h3#quiz-question-title{font-size:1.5rem;max-width:100%;margin-bottom:1.5rem!important}.progress-pill{font-size:.8rem;padding:6px 14px!important}.mini-progress-bar{width:50%;height:40px}.mascot-left{top:75%;left:-6%;width:220px;height:220px}.mascot-right{top:75%;right:-5%;width:220px;height:220px}.mascot-bottom-left{bottom:-80px;left:-10px;width:150px;height:150px}.mascot-bottom-right{bottom:-15px;right:-10px;width:90px;height:110px}.mascot-top-right{top:-103px;right:12%;width:120px;height:120px}#sec-adds-up .row.text-center.mt-5>[class*=col-]{margin-bottom:.5rem}.demo-progress-bar-wrap{height:40px;padding:4px!important;margin-bottom:-1rem!important}.glass-dot-wrap{width:65px;height:65px;border-width:2px}.glass-dot-wrap .legend-dot{width:48px;height:48px;border:none}.legend-text{font-size:.5rem}#sec-plan .col-md-4{margin-bottom:2.5rem}#sec-plan .glass-panel{margin-top:2.5rem}#sec-profile .glass-panel{flex-direction:row;text-align:center;gap:1rem}#sec-profile .legend-dot[style]{margin:0 auto}#sec-profile .d-flex.align-items-center{flex-direction:row;text-align:center;gap:0!important}.icon-circle{margin:0 auto}#sec-usp .glass-panel{padding:2rem 1.5rem!important}.product-group-left,.product-group-right{position:relative;top:auto;transform:none;left:auto;right:auto;justify-content:center;margin-bottom:16px;width:100%;min-height:auto!important}.product-group-left .usp-product-img,.product-group-right .usp-product-img{position:relative!important;left:auto!important}#sec-cta .col-md-5{margin-bottom:1.5rem}#sec-cta .row{flex-direction:column}#sec-cta input[type=email]{width:100%!important}.overlay-popup .popup-content{padding:1.75rem!important;margin:12px;border-radius:2rem!important}.overlay-popup .popup-content h3{font-size:1rem}.overlay-popup .popup-content p{font-size:.9rem!important}.floating-icon{width:50px;height:50px;top:-25px}.rainbow-line{width:100%}.ribbon-header h3{font-size:4vw}.legend-text{font-size:.8rem}.insight-icon{width:55px;height:55px;font-size:1.4rem;bottom:-65px}.custom-tooltip{width:240px}#profile-result-title{font-size:2.2rem}.flat-panel h5,.flat-panel p{font-size:1rem}.flat-panel .w-50>p{font-size:1rem}section#sec-guides p{font-size:1rem!important}#sec-how .glass-panel{margin:0!important}#sec-how .text-center.mt-4.btn-next-container{margin-top:4em!important}#footer-bar h5{font-size:1rem}.product-card .btn-pill{font-size:.9rem;padding:.15rem 1rem!important}.w-120{width:110%;margin-top:30%}#sec-profile .ribbon-header h3.text-long{font-size:3.5vw}#sec-how h4{font-size:1.8rem}#sec-how h5{font-size:1.1rem}.vertical-line{width:80%!important;height:2px!important;background:linear-gradient(to right,#f312d7,#120ff1,#faff38,#ff8d00,#ff0018)!important;position:relative!important;margin:20px auto 0!important;display:block!important}#sec-how h4{font-size:1.5rem}#sec-how h5{font-size:1rem}#sec-how .py-5{padding-top:2rem!important;padding-bottom:2rem!important}#sec-how .step-icon-circle{width:65px;height:65px}#sec-how .step-icon-circle i.fa-2x{font-size:1.6rem}#sec-how .step-card.p-4{padding-left:1rem!important;padding-right:1rem!important}#sec-how .glass-panel{border-radius:3rem!important}img#profile-level{margin-bottom:1rem}div#profile-details-wrap{margin-bottom:.7rem}}@media(max-width:677px){#sec-how h4{font-size:1.1rem}#sec-how h5{font-size:.7rem}#sec-how .py-5{padding-top:1rem!important;padding-bottom:1rem!important}#sec-how .step-icon-circle{width:45px;height:45px}#sec-how .step-icon-circle i.fa-2x{font-size:1.2rem}#sec-how .step-card.p-4{padding-left:.6rem!important;padding-right:.6rem!important}#sec-how .glass-panel{border-radius:2rem!important}#sec-home .glass-panel{aspect-ratio:1265 / 744!important;min-height:unset;background-size:100% 100%;background-position:center;border-radius:5rem!important;display:flex;flex-direction:column;justify-content:center}#sec-home h1{font-size:clamp(2.5rem,7vw,3.1rem)!important;line-height:0}#sec-home .ribbon-orange,#sec-home .ribbon-blue{font-size:7vw;display:inline-block;width:auto}#sec-home .ribbon-blue{margin-left:-1.5rem}#sec-home .ribbon-orange{margin-left:.5rem}#sec-home p{font-size:1rem;margin-top:2.25rem!important;max-width:40ch;margin-left:auto;margin-right:auto;padding:0 6px}#sec-home .btn-pill{margin-top:1.25rem!important;font-size:1rem;max-width:530px;padding:6px 22px}#sec-home .mascot-left{left:-42px;top:40px;width:140px;height:140px}#sec-home .mascot-right{right:-30px;bottom:-31px;top:60px;width:140px;height:140px}#sec-home .glass-panel{min-height:unset;padding:1.1rem!important;background-size:100% 100%;border-radius:3rem!important;padding-bottom:75px!important}#sec-home .mascot-left{width:168px;height:168px;left:-10px;top:68%}#sec-home .mascot-right{width:170px;height:170px;right:-12px;bottom:0;top:67%}#sec-home p{font-size:.8rem;margin-top:1.25rem!important}#sec-home .btn-pill{font-size:1.2rem;position:absolute;margin:auto;top:0;right:0;bottom:0;left:0;width:fit-content;height:fit-content;margin-top:105%!important;padding-left:20px;padding-right:20px}section#sec-home{margin-top:-50%}#sec-home .ribbon-orange,#sec-home .ribbon-blue{margin:0;font-size:9vw}#sec-home .btn-pill{top:30px}#sec-guides .glass-panel{width:100%!important;max-width:none!important;padding-top:130px!important;padding-left:1.5rem!important;padding-right:1.5rem!important;padding-bottom:1.5rem!important;border-radius:3rem!important;text-align:center!important}#sec-home .btn-pill{top:-10rem}}@media(max-width:630px){#sec-home .btn-pill{top:-6rem}}@media(max-width:570px){#sec-home .btn-pill{top:-4rem}}@media(max-width:520px){#sec-home .btn-pill{top:-2rem}}@media(max-width:480px){img#profile-level{margin-bottom:.75rem}div#profile-details-wrap{margin-bottom:.5rem}.quiz-container{padding-top:0;padding-left:15px;padding-right:15px}.page-section{padding:4px 0}.mascot-top-right{top:-80px;right:-20px;width:90px;height:90px}.glass-panel{border-radius:2.5rem!important}#sec-quiz .glass-panel{min-height:251px;padding:2rem!important;max-width:100%;border-radius:3rem!important}h1{font-size:1.95rem!important}h5{font-size:1.2rem}.ribbon-header h3{font-size:1.6rem}.btn-pill{font-size:1rem!important;padding:6px 14px!important}.glass-dot-wrap{width:50px;height:50px}.glass-dot-wrap .legend-dot{width:35px;height:35px}.option-icon-wrap{width:44px;height:44px;font-size:1rem}.option-label{font-size:.75rem}h3#quiz-question-title{font-size:1rem}.mini-progress-bar{width:55%}#sec-profile .mascot,#sec-plan .mascot,#sec-usp .mascot{display:none!important}#sec-cta .product-group-left{left:0!important}.custom-tooltip p.fs-5,.btn-pill.fs-5{font-size:.8rem!important}.btn-pill.px-5{padding-left:1rem!important;padding-right:1rem!important}.btn-pill.py-2{padding-top:.3rem!important;padding-bottom:.3rem!important}.mini-progress-bar .fill.fill-placeholder{margin-top:-18px}p{font-size:1rem}.p-4{padding:1rem!important}.legend-text{font-size:.5rem}.mini-progress-bar{width:50%;height:30px}h4{font-size:1.4rem}.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{padding-left:0!important;padding-right:0!important}#sec-home .glass-panel{min-height:unset;padding:1.1rem!important;background-size:100% 100%;border-radius:3rem!important;padding-bottom:75px!important}#sec-home .mascot-left{width:168px;height:168px;left:-10px;top:68%}#sec-home .mascot-right{width:170px;height:170px;right:-12px;bottom:0;top:67%}#sec-home p{font-size:.8rem;margin-top:1.25rem!important}#sec-home .btn-pill{font-size:1.2rem;position:absolute;margin:auto;top:0;right:0;bottom:0;left:0;width:fit-content;height:fit-content;margin-top:105%!important;padding-left:20px;padding-right:20px}section#sec-home{margin-top:-50%}#sec-home .ribbon-orange,#sec-home .ribbon-blue{margin:0;font-size:9vw}#sec-home .btn-pill{top:30px}#sec-guides .glass-panel{width:100%!important;max-width:none!important;padding-top:130px!important;padding-left:1.5rem!important;padding-right:1.5rem!important;padding-bottom:1.5rem!important;border-radius:3rem!important;text-align:center!important}.insight-icon{width:45px;height:45px;border-width:4px}.gap-4{gap:.5rem!important}#sec-profile .glass-panel.mb-4{margin-bottom:.7rem!important}.profile-legend-dot{margin:0!important;margin-left:1rem!important}.footer-bar-full-width{margin-bottom:-110px}#sec-profile .ribbon-header h3{font-size:.9rem}#sec-profile #profile-result-title{font-size:2rem!important}.profile-level-panel h5{font-size:.9rem}.profile-level-panel p{font-size:.7rem}.profile-level-panel.px-5{padding-left:1rem!important;padding-right:1rem!important}#profile-result-desc{font-size:.6rem!important}ul#profile-traits-list{font-size:.55rem}ul#profile-traits-list li{padding:3px 0!important;margin:6px 0!important}#sec-profile #ribbon-journey.mt-5{margin-bottom:-.5rem!important}#sec-profile .pb-5,#sec-profile .pt-4,#sec-profile .mt-5,#sec-profile .mb-5{margin-top:0!important;margin-bottom:.5em!important}#profile-plan{margin-bottom:1em!important}.product-card{margin:0!important}#footer-bar h5{font-size:.8rem;margin-right:1em}.social-icon{width:20px;height:20px}.social-icon i{font-size:.7em;line-height:.7em}#sec-how h4{font-size:1rem}#sec-how h5{font-size:.6rem}#sec-how .py-5{padding-top:1rem!important;padding-bottom:1rem!important}#sec-how .step-icon-circle{width:45px;height:45px}#sec-how .step-icon-circle i.fa-2x{font-size:1rem}#sec-how .step-card.p-4{padding-left:.5rem!important;padding-right:.5rem!important}#sec-adds-up p{font-size:.8rem}#sec-adds-up p.legend-text{font-size:.5rem}.text-left.p-4.pb-4.mt-n3.position-relative.mx-auto.mb-5.max-w-650.br-4rem{padding:.5em!important;margin-bottom:.5em!important}.ribbon-header.text-center.mb-4.position-relative.z-index-1{margin-bottom:.8em!important}.header-logo-true{width:28px}.header-logo-cellular{width:55px}.app-header .logo-text{gap:10px;padding:10px 22px 16px}#sec-profile{align-self:flex-start}.profil-main-screen{min-height:calc(100vh - 100px);display:flex;flex-direction:column;width:100%;max-width:40vh;margin:0 auto}.profil-main-screen:before,.profil-main-screen:after{content:"";margin:auto}.text-left.p-4.pb-4.mt-n3.position-relative.mx-auto.max-w-650.br-4rem{padding:.8em!important}#quiz-progress-text{font-size:.8rem;padding:4px 12px!important}}@media(max-width:440px){#sec-profile .ribbon-header h3.text-long,#sec-profile .ribbon-header h3{font-size:.9em}}@media(max-width:400px){#sec-profile .ribbon-header h3.text-long,#sec-profile .ribbon-header h3{font-size:.8em}#sec-home .btn-pill{top:50px}.ribbon-header h3{font-size:1.5rem}#sec-how h4{font-size:.9rem}#sec-how h5{font-size:.5rem}#sec-how .py-5{padding-top:1rem!important;padding-bottom:1rem!important}#sec-how .step-icon-circle{width:40px;height:40px;margin:.8em auto}#sec-how .step-icon-circle i.fa-2x{font-size:1rem}#sec-how .step-card.p-4{padding-left:.5rem!important;padding-right:.5rem!important}#sec-how .glass-panel{border-radius:1.2rem!important}.text-left.p-4.pb-4.mt-n3.position-relative.mx-auto.max-w-650.br-4rem{padding:.8em!important}img#profile-level{margin-bottom:.3rem}div#profile-details-wrap{margin-bottom:.2rem}}@media(max-width:365px){#sec-profile .ribbon-header h3.text-long,#sec-profile .ribbon-header h3{font-size:.7em}#sec-home .btn-pill{top:40px}h3#quiz-question-title{font-size:.7rem}.option-label{font-size:.6rem}}#quiz-card{transition:opacity .2s ease,transform .2s ease;opacity:1;transform:translateY(0)}#quiz-card.fade-out{opacity:0;transform:translateY(-10px)}#quiz-card.fade-in{opacity:0;transform:translateY(10px)}#quiz-card{will-change:transform,opacity;backface-visibility:hidden}.fade-out{animation:smoothFadeOut .3s cubic-bezier(.25,1,.5,1) forwards}.fade-in{animation:smoothFadeIn .35s cubic-bezier(.25,1,.5,1) forwards}@keyframes smoothFadeOut{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.98) translateY(-12px)}}@keyframes smoothFadeIn{0%{opacity:0;transform:scale(.98) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.journey-popup-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0009;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);z-index:9999;display:flex;justify-content:center;align-items:center;opacity:0;visibility:hidden;transition:opacity .4s ease,visibility .4s ease}.journey-popup-overlay.show{opacity:1;visibility:visible}.journey-popup-content{max-width:90%;width:800px;transform:translateY(20px) scale(.95);transition:transform .4s cubic-bezier(.25,1,.5,1)}.journey-popup-content.glass-panel{border-radius:3.5rem}.journey-popup-overlay.show .journey-popup-content{transform:translateY(0) scale(1)}.journey-popup-close{position:absolute;top:-10px;right:-10px;width:40px;height:40px;background:var(--font-blue);color:#fff;border:2px solid white;border-radius:50%;font-size:1.2rem;cursor:pointer;z-index:10;display:flex;justify-content:center;align-items:center;box-shadow:0 4px 10px #0000004d;transition:all .2s ease}.journey-popup-close:hover{transform:scale(1.1);background:var(--highlight-orange)}.journey-popup-overlay .ribbon-header h3.text-long{font-size:1.3rem!important}.journey-popup-overlay p{font-size:1rem}@media(max-width:850px){.journey-popup-overlay .ribbon-header h3.text-long{font-size:1.2rem!important}}@media(max-width:750px){.journey-popup-overlay .ribbon-header h3.text-long{font-size:1.1rem!important}}@media(max-width:480px){.journey-popup-overlay .ribbon-header h3.text-long{font-size:.9rem!important}.journey-popup-overlay p{font-size:.7rem}.journey-popup-overlay .row{margin-top:0!important}}@media(max-width:400px){.journey-popup-overlay .ribbon-header h3.text-long{font-size:.8rem!important}}@media(max-width:365px){.journey-popup-overlay .ribbon-header h3.text-long{font-size:.7rem!important}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/hydration-quiz-sg.css.map */