.pool-calc{padding:5rem 0;background:var(--color-cobalt-dark);position:relative;overflow:hidden}.pool-calc:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:48px 48px;pointer-events:none}.pool-calc__inner{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1.4fr;gap:5rem;align-items:center}.pool-calc__content{color:#fff}.pool-calc__eyebrow{display:flex;align-items:center;gap:10px;color:#fff9;font-size:11px;font-weight:500;text-transform:uppercase;margin-bottom:.75rem}.pool-calc__eyebrow:before{content:"";display:block;width:28px;height:2px;background:#fff9;flex-shrink:0}.pool-calc__heading{font-family:var(--font-heading);font-weight:400;color:#fff;line-height:1.1;letter-spacing:-.01em;margin:0 0 1rem}.pool-calc__heading em{color:#4dd9d9;font-style:italic}.pool-calc__subtext{font-size:15px;color:#ffffffa6;line-height:1.6;margin:0 0 2rem}.pool-calc__types{display:flex;flex-direction:column;gap:10px}.pool-calc__type-btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-body);font-size:14px;font-weight:500;color:#fff9;background:#ffffff0f;border:.5px solid rgba(255,255,255,.12);border-radius:8px;padding:.6rem 1.1rem;cursor:pointer;transition:all .2s;text-align:left;width:fit-content}.pool-calc__type-btn svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.pool-calc__type-btn:hover{color:#fff;border-color:#ffffff4d;background:#ffffff1a}.pool-calc__type-btn--active{color:#fff;background:#4dd9d926;border-color:#4dd9d9}.pool-calc__card{background:#ffffff0f;border:.5px solid rgba(255,255,255,.12);border-radius:16px;padding:2rem}.pool-calc__card-title{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#4dd9d9;margin-bottom:1.5rem}.pool-calc__card-title svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.5;flex-shrink:0}.pool-calc__form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.25rem}.pool-calc__field{display:flex;flex-direction:column;gap:6px}.pool-calc__label{font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#ffffff73}.pool-calc__input,.pool-calc__select{background:#ffffff14;border:.5px solid rgba(255,255,255,.15);border-radius:8px;color:#fff;font-family:var(--font-body);font-size:14px;padding:.6rem .9rem;width:100%;transition:border-color .2s;-webkit-appearance:none;appearance:none}.pool-calc__input:focus,.pool-calc__select:focus{outline:none;border-color:#4dd9d9}.pool-calc__input::placeholder{color:#ffffff4d}.pool-calc__input-wrap{position:relative}.pool-calc__input-wrap .pool-calc__input{padding-right:2rem}.pool-calc__spinners{position:absolute;right:6px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:1px}.pool-calc__spinner-btn{background:none;border:none;color:#fff6;cursor:pointer;padding:1px 2px;line-height:1;font-size:10px;transition:color .15s}.pool-calc__spinner-btn:hover{color:#fff}.pool-calc__select-wrap{position:relative}.pool-calc__select-wrap:after{content:"";position:absolute;right:10px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid rgba(255,255,255,.4);pointer-events:none}.pool-calc__select option{background:var(--color-cobalt-dark);color:#fff}.pool-calc__result{background:linear-gradient(135deg,#0097a7,#4dd9d9);border-radius:12px;padding:1.25rem 1.5rem;display:none}.pool-calc__result.is-visible{display:block}.pool-calc__result-meta{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#001e2899;margin-bottom:.4rem}.pool-calc__result-value{font-family:var(--font-heading);font-size:clamp(1.5rem,2.5vw,2rem);font-weight:400;color:#001e28;line-height:1.1;margin-bottom:0;margin-top:0}.pool-calc__result-detail{font-size:12px;color:#001e28a6;margin-bottom:1rem}.pool-calc__result-btn{display:inline-flex;align-items:center;gap:8px;background:#001e28;color:#fff;font-family:var(--font-body);font-size:14px;font-weight:500;text-decoration:none;padding:1rem 2.5rem;border-radius:8px;transition:background .2s;border:none;cursor:pointer}.pool-calc__result-btn svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.pool-calc__result-btn:hover{background:#002d3d}@media(max-width:768px){.pool-calc{padding:3rem 0}.pool-calc__inner{grid-template-columns:1fr;gap:2.5rem}.pool-calc__types{flex-direction:row;flex-wrap:wrap}.pool-calc__form-grid{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-pool-calculator.css.map */