.sb-tank{--sb-border: rgba(var(--color-foreground), .16);--sb-muted: rgba(var(--color-foreground), .68);--sb-soft: rgba(var(--color-foreground), .045);--sb-shadow: 0 1.2rem 3.6rem rgba(var(--color-shadow), .08);color:rgb(var(--color-foreground));background:rgb(var(--color-background))}.sb-tank *,.sb-tank *:before,.sb-tank *:after{box-sizing:border-box}.sb-tank [hidden]{display:none!important}.sb-tank button,.sb-tank input,.sb-tank select{font:inherit}.sb-tank button{cursor:pointer}.sb-tank__intro{max-width:76rem;padding-bottom:2.8rem}.sb-tank__eyebrow,.sb-tank__step,.sb-tank__product-label{margin:0 0 .8rem;color:rgb(var(--color-button));font-size:1.2rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.sb-tank__title{max-width:74rem;margin:0;font-size:clamp(3.2rem,6vw,5.2rem);line-height:1.08}.sb-tank__lead{max-width:66rem;margin:1.8rem 0 0;color:var(--sb-muted);font-size:1.7rem}.sb-tank__layout{display:grid;gap:1.8rem;align-items:start}.sb-tank__card{padding:2.2rem;border:.1rem solid var(--sb-border);border-radius:var(--text-boxes-radius);background:rgb(var(--color-background));box-shadow:var(--sb-shadow)}.sb-tank__card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1.6rem;margin-bottom:2.2rem}.sb-tank__card-heading h2{margin:0;font-size:2.5rem;line-height:1.2}.sb-tank__text-button{min-height:4.4rem;padding:.8rem .5rem;border:0;background:transparent;color:rgb(var(--color-button));font-weight:700}.sb-tank__text-button:hover{text-decoration:underline}.sb-tank fieldset{min-width:0;padding:0;border:0}.sb-tank__field{margin-bottom:1.8rem}.sb-tank__field>label,.sb-tank legend{display:block;margin-bottom:.7rem;font-size:1.4rem;font-weight:700}.sb-tank__optional,.sb-tank__help{color:var(--sb-muted);font-size:1.2rem;font-weight:400}.sb-tank__help{margin:.6rem 0 0}.sb-tank__value-unit{display:grid;grid-template-columns:minmax(0,1fr) 8rem;gap:.8rem}.sb-tank input,.sb-tank select{width:100%;min-height:4.8rem;padding:1rem 1.2rem;border:var(--inputs-border-width) solid rgba(var(--color-foreground),var(--inputs-border-opacity));border-radius:var(--inputs-radius);outline:none;background:rgb(var(--color-background));color:rgb(var(--color-foreground))}.sb-tank input:focus,.sb-tank select:focus{outline:.2rem solid rgba(var(--color-button),.35);outline-offset:.1rem}.sb-tank input[aria-invalid=true]{border-color:#a52626;outline-color:#a5262640}.sb-tank__segment{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;padding:.4rem;border:.1rem solid var(--sb-border);background:var(--sb-soft)}.sb-tank__segment label{position:relative;margin:0}.sb-tank__segment input{position:absolute;width:.1rem;height:.1rem;opacity:0}.sb-tank__segment span{min-height:4.4rem;padding:1rem;display:grid;place-items:center;color:var(--sb-muted);font-size:1.3rem;font-weight:700;text-align:center}.sb-tank__segment input:checked+span{background:rgb(var(--color-background));color:rgb(var(--color-button));box-shadow:0 .2rem 1rem rgba(var(--color-shadow),.08)}.sb-tank__segment input:focus-visible+span{outline:.2rem solid rgba(var(--color-button),.35)}.sb-tank__dimensions,.sb-tank__flow,.sb-tank__measure-form{display:grid;grid-template-columns:1fr 1fr;gap:0 1.2rem}.sb-tank__full{grid-column:1 / -1}.sb-tank__divider{height:.1rem;margin:.2rem 0 1.9rem;background:var(--sb-border)}.sb-tank__primary,.sb-tank__secondary,.sb-tank__product-action{min-height:4.8rem;padding:1rem 1.8rem;border-radius:var(--buttons-radius);font-weight:700;text-decoration:none}.sb-tank__primary{width:100%;border:var(--buttons-border-width) solid rgb(var(--color-button));background:rgb(var(--color-button));color:rgb(var(--color-button-text))}.sb-tank__secondary{border:var(--buttons-border-width) solid rgb(var(--color-button));background:transparent;color:rgb(var(--color-button))}.sb-tank__primary:hover,.sb-tank__product-action:hover{opacity:.88}.sb-tank__error{margin-bottom:1.6rem;padding:1.2rem 1.4rem;border-left:.4rem solid #a52626;background:#fff0f0;color:#751919;font-size:1.4rem}.sb-tank__result{scroll-margin-top:1.6rem}.sb-tank__result:focus{outline:none}.sb-tank__empty{min-height:38rem;padding:4rem 2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--sb-muted)}.sb-tank__empty p{max-width:28rem;margin:1.8rem 0 .2rem;color:rgb(var(--color-foreground));font-weight:700}.sb-tank__illustration{position:relative;width:9.6rem;height:11.6rem;overflow:hidden;border:.4rem solid rgb(var(--color-button));border-top:0;border-radius:0 0 2.2rem 2.2rem;opacity:.75}.sb-tank__illustration:before{content:"";position:absolute;z-index:2;inset:-.8rem -.4rem auto;height:2rem;border:.4rem solid rgb(var(--color-button));border-radius:50%;background:rgb(var(--color-background))}.sb-tank__illustration span{position:absolute;top:45%;right:.4rem;bottom:.4rem;left:.4rem;border-radius:.6rem .6rem 1.6rem 1.6rem;background:rgba(var(--color-button),.28)}.sb-tank__headline{padding:.5rem 0 1.8rem}.sb-tank__headline>span{display:block;color:var(--sb-muted);font-size:1.3rem;font-weight:700}.sb-tank__headline strong{display:block;margin-top:.1rem;color:rgb(var(--color-button));font-size:clamp(3.8rem,8vw,5.2rem);line-height:1.1}.sb-tank__headline small{color:var(--sb-muted);font-weight:600}.sb-tank__meter{height:1rem;overflow:hidden;border-radius:999px;background:rgba(var(--color-foreground),.12)}.sb-tank__meter span{display:block;width:var(--sb-fill, 0%);height:100%;background:rgb(var(--color-button));transition:width .45s ease}.sb-tank__results{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:2rem 0}.sb-tank__results>div{min-width:0;padding:1.5rem;background:var(--sb-soft)}.sb-tank__results dt{color:var(--sb-muted);font-size:1.2rem;font-weight:700}.sb-tank__results dd{margin:.4rem 0 0;overflow-wrap:anywhere;font-size:1.8rem;font-weight:700}.sb-tank__results .sb-tank__accent{background:rgb(var(--color-foreground))}.sb-tank__results .sb-tank__accent dt{color:rgba(var(--color-background),.75)}.sb-tank__results .sb-tank__accent dd{color:rgb(var(--color-background))}.sb-tank__conversions{margin:.8rem 0 1.8rem;border:.1rem solid var(--sb-border)}.sb-tank__conversions summary{padding:1.3rem 1.5rem;font-weight:700}.sb-tank__conversions dl{margin:0;padding:0 1.5rem 1.2rem}.sb-tank__conversions dl div{display:flex;justify-content:space-between;gap:1.2rem;padding:.7rem 0;border-top:.1rem solid var(--sb-border)}.sb-tank__conversions dt{color:var(--sb-muted)}.sb-tank__conversions dd{margin:0;font-weight:700;text-align:right}.sb-tank__note{padding:1.4rem 1.6rem;border-left:.4rem solid rgb(var(--color-button));background:rgba(var(--color-button),.07);font-size:1.3rem}.sb-tank__note p{margin:.3rem 0 0;color:var(--sb-muted)}.sb-tank__product{margin:2rem 0;padding:1.8rem;display:grid;grid-template-columns:11.2rem minmax(0,1fr) auto;gap:1.8rem;align-items:center;border:.1rem solid rgba(var(--color-button),.35);background:rgba(var(--color-button),.055)}.sb-tank__product-image{width:11.2rem;height:11.2rem;display:grid;place-items:center;overflow:hidden;border:.1rem solid var(--sb-border);background:rgb(var(--color-background))}.sb-tank__product-image img{width:100%;height:100%;object-fit:contain}.sb-tank__product h2{margin:0;font-size:2.2rem;line-height:1.2}.sb-tank__product-copy>p:last-child{margin:.7rem 0 0;color:var(--sb-muted);font-size:1.4rem}.sb-tank__product-price{display:block;margin-top:.5rem;font-weight:700}.sb-tank__product-action{display:inline-flex;align-items:center;justify-content:center;background:rgb(var(--color-button));color:rgb(var(--color-button-text));white-space:nowrap}.sb-tank__sold-out{opacity:.65}.sb-tank__support{display:grid;gap:1.2rem;margin-top:2rem}.sb-tank__info{border:.1rem solid var(--sb-border);background:rgb(var(--color-background))}.sb-tank__info summary{padding:1.7rem 1.8rem;font-weight:700;cursor:pointer}.sb-tank__info-body{padding:0 1.8rem 1.8rem;color:var(--sb-muted);font-size:1.4rem}.sb-tank__info-body>:first-child{margin-top:0}.sb-tank__info-body>:last-child{margin-bottom:0}.sb-tank__info-body li+li{margin-top:.8rem}.sb-tank__measure-form .sb-tank__secondary{grid-column:1 / -1}.sb-tank__measured{margin-top:1.4rem;padding-top:1.3rem;display:flex;gap:1.2rem;align-items:center;border-top:.1rem solid var(--sb-border)}.sb-tank__measured strong{margin-right:auto;color:rgb(var(--color-foreground))}.sb-tank__source a{display:block;margin:.9rem 0}.sb-tank__review{color:var(--sb-muted);font-size:1.2rem}@media screen and (min-width:750px){.sb-tank__layout{grid-template-columns:minmax(0,1.05fr) minmax(36rem,.95fr)}.sb-tank__result{position:sticky;top:1.8rem}.sb-tank__support{grid-template-columns:1fr 1fr}.sb-tank__card{padding:2.8rem}}@media screen and (max-width:749px){.sb-tank__intro{padding-bottom:2.2rem}.sb-tank__title{font-size:3.4rem}.sb-tank__lead{font-size:1.5rem}.sb-tank__card{padding:1.7rem}.sb-tank__dimensions,.sb-tank__flow,.sb-tank__measure-form{grid-template-columns:minmax(0,1fr)}.sb-tank__full,.sb-tank__measure-form .sb-tank__secondary{grid-column:auto}.sb-tank__results{grid-template-columns:minmax(0,1fr)}.sb-tank__empty{min-height:26rem}.sb-tank__product{grid-template-columns:7.6rem minmax(0,1fr);gap:1.2rem;padding:1.4rem}.sb-tank__product-image{width:7.6rem;height:7.6rem}.sb-tank__product h2{font-size:1.8rem}.sb-tank__product-action{grid-column:1 / -1;width:100%}}@media(prefers-reduced-motion:reduce){.sb-tank *,.sb-tank *:before,.sb-tank *:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/sb-water-tank-calculator.css.map */