.quiz-slide{display:none}.quiz-slide.quiz-slide-visible{display:block}.quiz-home{padding-top:150px;padding-bottom:50px}.quiz-selection{padding-top:50px;padding-bottom:50px}.quiz-home #postcode-form label{font-weight:400;letter-spacing:.2rem;text-transform:uppercase}.quiz-home #postcode-form .connected-input{display:flex;max-width:fit-content;margin:0 auto;border:.3rem solid #04e8e8;border-radius:8px}.quiz-home #postcode-form .connected-input input{border:none;border-top-left-radius:4px;border-bottom-left-radius:4px;font-family:bouquet,sans-serif;width:20rem;height:45px;margin:0;padding:0 1rem;background:#fff;text-align:center;font-weight:700}.quiz-home #postcode-form .connected-input button{border:none;border-left:.3rem solid #04e8e8;background-color:#04e8e8;text-align:center;color:#fff;width:45px;height:45px;margin:0;padding:0;font-size:1.8rem;line-height:45px}.quiz-home #postcode-form #form-error{margin-top:25px;color:red}.wave{background-image:url(//www.phoxwater.com/cdn/shop/t/76/assets/wave.png?v=42457947339109247501753789167);background-repeat:repeat-x;background-size:contain;height:12px;margin:20px auto;width:50%}.quiz-full-page{display:flex;flex-direction:row}.quiz-page-left{width:50%;height:100vh}.quiz-page-left img{display:block;width:100%;height:100%;object-fit:cover}.quiz-page-right{width:50%;display:flex;flex-direction:column;height:100vh;justify-content:center;text-align:center;padding:0 .6rem}.quiz-page-right p{line-height:1.4;font-size:16px}.quiz-optional-content{display:none;margin-top:40px}.quiz-btn-group{display:flex;justify-content:center;column-gap:12px;margin-bottom:20px}.quiz-btn{border:.1rem solid #07313C;border-radius:8px;text-transform:uppercase;font-family:bouquet,sans-serif;min-width:90px;color:#07313c;font-size:16px;line-height:1;padding:8px 20px}.quiz-btn:hover,.quiz-btn:focus{background:#07313c;color:#fff}.quiz-btn-back{border:.1rem solid #07313C;border-radius:8px;text-transform:uppercase;font-family:bouquet,sans-serif;width:fit-content;min-width:90px;color:#07313c;font-size:16px;margin:40px auto;line-height:1;padding:8px 20px}.quiz-btn-left{margin-right:10px}.quiz-tool-tip{position:relative;background:#07313c;color:#fff;padding:10px;font-size:18px;border-radius:8px;max-width:500px;margin:30px auto}.quiz-tool-tip-visible{display:block}.quiz-tool-tip:before{content:"";position:absolute;width:0;height:0;border-left:16px solid transparent;border-right:16px solid transparent;border-bottom:16px solid #07313C;top:-15px;left:50%;margin-left:-16px;z-index:5}.quiz-tool-tip:after{content:"";display:block;position:absolute;width:0;height:0;border-left:16px solid transparent;border-right:16px solid transparent;border-bottom:16px solid #07313C;top:-16px;left:50%;margin-left:-16px}.quiz-options{display:flex;flex-wrap:wrap;gap:1rem;margin-top:10px}.quiz-option{flex:1;min-width:calc(50% - .5rem);position:relative}.quiz-option:first-child:not(:nth-last-child(2)){min-width:100%}.quiz-option .variant-tag{top:-11px}.quiz-radio-input{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.quiz-variant-label{margin:0;padding:10px 0;font-size:18px!important;box-shadow:0 0 0 2px var(--colorBorder);border-radius:8px}.quiz-radio-input:checked+label{box-shadow:0 0 0 2px var(--colorVariant)}#active-postcode{border:.2rem solid #04e8e8;border-radius:8px;max-width:fit-content;margin:0 auto 20px;font-size:25px;padding:.4rem 3rem}#active-provider{font-family:bouquet,sans-serif;line-height:1;margin-bottom:16px}#active-water-type{font-family:bouquet,sans-serif;border:.2rem solid #04e8e8;border-radius:8px;max-width:fit-content;font-size:16px;margin:0 auto 20px;padding:.2rem 1rem}#selcted-pack{font-family:bouquet,sans-serif;font-size:18px;border-radius:8px;max-width:fit-content;margin:0 auto 10px;padding:.4rem 3rem}#selcted-pack.alkaline{border:.2rem solid #04e8e8}#selcted-pack.clean{border:.2rem solid #07313C;background-color:#07313c;color:#fff}#selcted-pack.soft{border:.2rem solid #07313C}.popover-toggle{font-weight:500;font-size:17px;border-bottom:dashed 1px #04e8e8;margin:0;padding:0}.popover{display:none;position:absolute;left:0;right:0;z-index:100;width:700px;margin:20px auto 0;background-color:#04e8e8;box-shadow:#00000059 0 5px 15px;border-radius:8px}.popover.clean,.popover.soft{background-color:#07313c}.popover:before{content:"";position:absolute;width:0;height:0;border-left:16px solid transparent;border-right:16px solid transparent;border-bottom:16px solid #04e8e8;top:-15px;left:50%;margin-left:-16px;z-index:5}.popover.clean:before,.popover.soft:before{border-bottom:16px solid #07313C}.popover:after{content:"";display:block;position:absolute;width:0;height:0;border-left:16px solid transparent;border-right:16px solid transparent;border-bottom:16px solid #04e8e8;top:-16px;left:50%;margin-left:-16px}.popover.clean:after,.popover.soft:after{border-bottom:16px solid #07313C}.popover.shown{display:block}.filter-container{display:flex;column-gap:10px;padding:10px}.filter-image{display:flex;align-items:center}.filter-image img{min-width:115px}.filter-content{font-size:15px;line-height:1.7;text-align:left;border-radius:8px;background-color:#fff;padding:7px 10px}#product-container{display:flex;flex-wrap:wrap;column-gap:24px;margin:0 auto;max-width:1000px}#product-container .quiz-product{flex-grow:1;width:30%;min-width:300px;margin-top:30px;border-radius:8px 8px 0 0;overflow:hidden;box-shadow:#00000029 0 1px 4px}#product-container .product-content{display:flex;flex-direction:column;padding:20px 10px}#product-container .title{font-size:20px}#product-container .description{text-align:left;flex:1;font-size:14px}#product-container .price{text-align:left;margin-top:20px}#product-container .promo{border:1px solid var(--colorBtnPrimary);color:var(--colorBtnPrimary);border-radius:6px;text-align:center;font-size:15px;font-weight:600;line-height:1.5;padding:10px;margin-top:20px}#product-container select{font-size:14px;width:100%;padding:4px 8px;border-radius:7px}#product-container .btn{font-size:16px;border-radius:6px;margin-top:20px}#product-container .btn.btn-info{background-color:var(--colorBody);border:1px solid var(--colorTextBody);color:#07313c;padding:10px 20px;margin-top:10px;font-size:16px}.option-label{font-size:16px;text-align:left;font-weight:600}.loader{margin:0 auto;border:4px solid #fff;border-top:4px solid #04e8e8;border-radius:50%;width:23px;height:23px;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media only screen and (max-width: 769px){.quiz-home{padding-top:50px}.wave{width:100%}.quiz-full-page{flex-direction:column-reverse}.quiz-page-left{width:100%;height:min-content;margin-top:50px}.quiz-page-right{margin-top:50px;width:100%;height:min-content}.popover{left:10px;right:10px;width:calc(100% - 20px)}.filter-container{flex-direction:column}.filter-image{justify-content:center;margin-bottom:10px}.filter-image img{max-width:150px}}
/*# sourceMappingURL=/cdn/shop/t/76/assets/water-quiz.css.map */