.tab-header{color:#373c40}.section.full-width{width:100%;margin:0 auto;padding:0;box-sizing:border-box;overflow-x:hidden}.tablinks-container{display:flex;justify-content:space-between;background-color:#f5bc53;width:100%}.tablinks{flex:1;background-color:#5cbeb1;border:none;color:#fff;padding:15px 20px;cursor:pointer;font-size:16px;text-align:center;transition:background-color .3s;display:flex;align-items:center;justify-content:center}.tablinks:hover,.tablinks.active{background-color:#6b7177}.tabcontent p{color:#373c40}.tabcontent{display:none;padding:20px 30px 40px;border-top:1px solid #ddd;background-color:#fff}.column-container{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap}.image-column{flex:1;max-width:25%}.calculation-column{flex:2;max-width:40%}.calculation-column p{margin:0 0 5px;width:100%}.inline-container{display:flex;justify-content:space-between;align-items:center;width:100%}.inline-container input{flex:1;padding:8px 20px;margin:0 10px 15px 20px;border:1px solid #ccc;border-radius:4px;font-size:14px}.inline-container span{margin-left:5px;font-size:14px;color:#777;width:10%}.btn.btn--primary{background-color:#f7b81e!important;border:none;color:#fff;padding:12px 20px;font-size:16px;cursor:pointer;text-align:center;transition:background-color .3s;width:auto;border-radius:4px}.btn.btn--primary:hover{background-color:#f5bc53}.result-container{flex:3;background-color:#6b7177;color:#fff;padding:20px;text-align:center;border-radius:4px;max-width:25%}.result-container .h6{font-size:16px;margin-bottom:10px}.result-container .pv-result{font-size:36px;font-weight:700}.result-container .gallons-text{font-size:18px;margin-top:5px}@media (max-width: 768px){.tablinks-container{flex-direction:column;justify-content:center;align-items:center;background-color:#4ab5b3;width:100%}.tablinks{width:100%;text-align:center;padding:15px 0;font-size:18px;border:none;border-radius:0;display:flex;align-items:center;justify-content:center}.tablinks.active{border-radius:0}.tabcontent{padding:20px 10px 30px}.column-container{flex-direction:column;align-items:center;justify-content:flex-start;width:100%}.image-column,.calculation-column{max-width:100%!important;width:100%;margin-top:20px}.image-column img{width:90%;height:auto}.calculation-column p{margin:10px 0;width:unset}.inline-container p{flex:3;margin:0;font-size:14px;text-align:left}.inline-container input{flex:2;width:100%;font-size:14px;padding:10px;margin:0 4px 10px}.inline-container span{flex:1;width:auto!important;font-size:14px;margin-left:0}.btn.btn--primary{font-size:18px;padding:15px;width:auto}.result-container{width:100%;max-width:none;padding:25px;height:unset}.result-container .pv-result{font-size:28px}}.svg-icon{margin-right:8px;height:20px;width:20px;stroke:currentColor;fill:none;stroke-width:2}#SaltCalc{max-width:100%;overflow-x:hidden;box-sizing:border-box}#SaltCalc .image-column{position:relative;width:100%}#SaltCalc .salt-image-link{display:block;width:100%;text-decoration:none}#SaltCalc .salt-image-wrapper{position:relative;width:100%;aspect-ratio:1 / 1;overflow:hidden;border-radius:6px}#SaltCalc .salt-image-wrapper img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}#SaltCalc .salt-overlay-link{position:absolute;bottom:12px;left:50%;transform:translate(-50%);background-color:#0009;color:#fff;padding:6px 14px;font-size:14px;font-weight:600;text-decoration:none;border-radius:4px;z-index:2;transition:background-color .2s ease}#SaltCalc .salt-overlay-link:hover{background-color:#000c}.subheading:not(:last-child){margin-bottom:10px}#SaltCalc .inline-container span{width:20%}#SaltCalc .calculation-column p{margin:0 0 5px;width:100%;color:#373c40}#SaltCalc .column-container-open{padding:20px 30px 40px;background-color:#fff}.input-wrapper{position:relative;flex:1}.info-icon-wrapper{position:absolute;top:35%;right:8px;transform:translateY(-50%);z-index:2;cursor:pointer}.info-icon{padding-left:20px;color:#5cbeb1!important}.tooltip-text{position:absolute;top:120%;left:50%;transform:translate(-50%);background-color:#5cbeb1;color:#fff!important;padding:6px 10px;border-radius:4px;font-size:12px;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .2s ease;pointer-events:none;z-index:999;min-width:max-content;text-align:center}.info-icon:hover .tooltip-text{opacity:1;visibility:visible}@media (max-width: 767px){.input-wrapper{position:relative;flex:2;margin-left:-30px;margin-right:2px}}
/*# sourceMappingURL=/cdn/shop/t/43/assets/pool-calculator.css.map */