.water-hardness{margin-top:10rem;color:#07313c;color:var(--colorScheme2Text)}@media only screen and (max-width: 768px){.water-hardness{margin-top:2rem}}.water-hardness .subheading{text-transform:uppercase;font-size:1.4rem;letter-spacing:.2rem}.water-hardness h1{text-transform:uppercase;line-height:2rem;font-size:1.2rem;letter-spacing:.2rem;font-family:bouquet,sans-serif;margin:0 0 3rem}.water-hardness h1 strong{font-size:2.2rem}.water-hardness label{text-transform:uppercase;letter-spacing:.2rem;font-size:1rem!important}.water-hardness .connected-input{display:flex;max-width:fit-content;margin:0 auto;border:.3rem solid #04e8e8;border-radius:8px}.water-hardness .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}.water-hardness .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}#postcode-response{margin-top:2rem}#postcode-response .response-error{color:red}.water-hardness .provider{color:#04e8e8;margin:0 0 1rem;font-family:bouquet,sans-serif;text-transform:uppercase;letter-spacing:.3rem;font-size:1.5rem!important;font-weight:700}.water-hardness .water-type{background-color:#04e8e8;color:#fff;font-family:bouquet,sans-serif;text-transform:uppercase;max-width:fit-content;padding:.5rem 1rem;border-radius:8px;margin:0 auto;font-size:1.7rem;line-height:1.7rem;font-weight:700}.water-scale{position:relative;width:100%;max-width:450px;margin:0 auto;overflow:hidden}.water-scale img{width:100%;max-width:450px;margin:auto}.water-scale .needle{width:3px;height:53%;background:#07313c;display:inline-block;left:calc(50% - 2px);position:absolute;bottom:13px;transform:rotate(-90deg);transform-origin:bottom}.water-scale .needle:after{content:"";display:block;box-sizing:border-box;position:absolute;border-bottom:0px solid transparent;border-left:11px solid transparent;border-top:#07313c 11px solid;transform:rotate(-42deg);right:-4px;top:-5px}.water-scale.soft .needle{animation:move-soft 3s linear;animation-fill-mode:both}.water-scale.moderately-soft .needle{animation:move-moderately-soft 2s;animation-fill-mode:both}.water-scale.slightly-hard .needle{animation:move-slightly-hard 2s;animation-fill-mode:both}.water-scale.moderately-hard .needle{animation:move-moderately-hard 2s;animation-fill-mode:both}.water-scale.hard .needle{animation:move-hard 2s;animation-fill-mode:both}.water-scale.very-hard .needle{animation:move-very-hard 2s;animation-fill-mode:both}.water-scale.agressively-hard .needle{animation:move-agressively-hard 2s;animation-fill-mode:both}@-webkit-keyframes move-soft{0%{transform:rotate(-90deg)}60%{transform:rotate(90deg)}to{transform:rotate(-80deg)}}@-webkit-keyframes move-moderately-soft{0%{transform:rotate(-90deg)}60%{transform:rotate(90deg)}to{transform:rotate(-58deg)}}@-webkit-keyframes move-slightly-hard{0%{transform:rotate(-90deg)}60%{transform:rotate(90deg)}to{transform:rotate(-36deg)}}@-webkit-keyframes move-moderately-hard{0%{transform:rotate(-90deg)}60%{transform:rotate(90deg)}to{transform:rotate(-13deg)}}@-webkit-keyframes move-hard{0%{transform:rotate(-90deg)}60%{transform:rotate(90deg)}to{transform:rotate(20deg)}}@-webkit-keyframes move-very-hard{0%{transform:rotate(-90deg)}60%{transform:rotate(90deg)}to{transform:rotate(54deg)}}@-webkit-keyframes move-agressively-hard{0%{transform:rotate(-90deg)}60%{transform:rotate(90deg)}to{transform:rotate(79deg)}}#wavy-line{position:relative;width:100%;max-width:400px;height:22px;margin:0 auto;background:#fff;overflow:hidden}#wavy-line:before{content:"aaaaaaaaaaaaaaaaaaaaaaaaaaa";position:absolute;height:22px;top:-91px;left:0;color:transparent;font-size:74px;text-decoration-style:wavy;text-decoration-color:#07313c;text-decoration-line:underline}#wavy-line.animating:before{animation:animate 2s ease-in-out infinite;animation-direction:alternate-reverse}@media only screen and (max-width: 769px){#wavy-line:before{top:-80px;font-size:64px}#wavy-line,.water-scale img{max-width:100%}}@keyframes animate{0%{transform:translate(-1px)}to{transform:translate(-100px)}}#water-filter{margin:4rem 0}.recommend-container{position:relative;border:.3rem solid #000;border-radius:25px;padding:2rem;box-shadow:1px 3px 7px 1px #999;text-align:center}.recommend-container:after,.recommend-container:before{bottom:100%;left:50%;border:solid transparent;content:"";height:0;width:0;position:absolute;pointer-events:none}.recommend-container:after{border-color:#fff0;border-bottom-color:#fff;border-width:30px;margin-left:-30px}.recommend-container:before{border-color:#04e8e800;border-bottom-color:#000;border-width:36px;margin-left:-36px}.recommend-container h3{text-transform:uppercase;font-size:2.2rem;font-family:bouquet,sans-serif;font-weight:600;margin:0 0 2.5rem}.recommend-container.pack-alkaline{border-color:#04e8e8}.recommend-container.pack-alkaline:before{border-bottom-color:#04e8e8}.recommend-container.pack-alkaline h3{color:#04e8e8}.recommend-container h4{font-family:bouquet,sans-serif;font-weight:600}.recommend-description{display:flex;flex-direction:column;text-align:left}.recommend-description p{margin-left:1rem}.recommend-btn,.recommend-btn:hover{display:block;background-color:#04e8e8;color:#fff;font-family:bouquet,sans-serif;text-transform:uppercase;max-width:fit-content;padding:1rem 1.5rem;border-radius:8px;margin:2rem auto 0;font-size:1.5rem;line-height:1.5rem;font-weight:700;box-shadow:1px 3px 7px 1px #999}.lime-scale-question{margin-top:40px}.switch-field{display:flex;justify-content:center;margin-bottom:36px;overflow:hidden}.switch-field input{position:absolute!important;clip:rect(0,0,0,0);height:1px;width:1px;border:0;overflow:hidden}.switch-field label{background-color:#f5f5f5;color:#0009;font-size:14px;line-height:1;text-align:center;padding:12px 20px;margin-right:-1px;border:1px solid rgba(0,0,0,.2);box-shadow:inset 0 1px 3px #0000004d,0 1px #ffffff1a;transition:all .1s ease-in-out;-webkit-user-select:none;user-select:none}.switch-field label:hover{cursor:pointer}.switch-field input:checked+label{background-color:#04e8e8;box-shadow:none}.switch-field label:first-of-type{border-radius:8px 0 0 8px}.switch-field label:last-of-type{border-radius:0 8px 8px 0}@media only screen and (max-width: 768px){.recommend-container{width:100%}.recommend-description{flex-direction:column-reverse;text-align:center}.recommend-description p{margin-left:0;font-size:1.2rem;line-height:2rem}.recommend-btn,.recommend-btn:hover{margin:0 auto 2rem}}@media only screen and (max-width: 1499px){.recommend-image,.recommend-description{width:100%}}.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)}}
/*# sourceMappingURL=/cdn/shop/t/76/assets/water-hardness.css.map */