.af-quantity{position:relative;z-index:0;display:block;isolation:isolate;padding:4.5rem 0 5.5rem;background:#f3f7f8;color:#171717;font-size:1rem;line-height:1.5}.af-quantity,.af-quantity *{box-sizing:border-box}.af-quantity__inner{width:calc(100% - 4rem);max-width:82.5rem;margin:0 auto}.af-quantity__intro{position:relative;display:block;max-width:50rem;margin-bottom:3rem;color:#171717;opacity:1;visibility:visible}.af-quantity__eyebrow,.af-quantity__result-label{margin:0 0 .75rem;font-size:.8rem;font-weight:700;letter-spacing:0;text-transform:uppercase}.af-quantity__heading{margin:0;color:#171717;font-size:3.5rem;line-height:1.02;letter-spacing:0}.af-quantity__lead{max-width:48rem;margin:1.5rem 0 0;color:#4f5a5e;font-size:1.1rem}.af-quantity__tool{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(21rem,.75fr);width:100%;min-height:0;border-top:1px solid #cbd5d8;border-bottom:1px solid #cbd5d8;color:#171717;opacity:1;visibility:visible}.af-quantity__form,.af-quantity__result{min-width:0;padding-block:2rem}.af-quantity__form{position:relative;display:block;height:auto;margin:0;padding-right:3rem;color:#171717;opacity:1;visibility:visible}.af-quantity__result{position:relative;z-index:1;display:block;align-self:stretch;height:auto;border-left:1px solid #cbd5d8;padding-right:3rem;padding-left:3rem;background:#171717;color:#fff;opacity:1;visibility:visible}.af-quantity__fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto;align-items:start;gap:1.25rem}.af-quantity__field{display:grid;grid-template-rows:auto 3.25rem auto;align-content:start;gap:.55rem;min-width:0;min-height:0;height:auto;margin:0;padding:0;color:#171717;opacity:1;visibility:visible;font-weight:650}.af-quantity__field-label{position:static;display:block;margin:0;padding:0;color:#171717;font:inherit;line-height:1.3;opacity:1;visibility:visible}.af-quantity__field small{position:static;display:block;min-height:2.6em;color:#626e72;font-weight:400;line-height:1.3;opacity:1;visibility:visible}.af-quantity__field input,.af-quantity__field select{width:100%;min-height:3.25rem;display:block;height:3.25rem;margin:0;border:1px solid #cbd5d8;border-radius:0;background:#fff;color:#171717;padding:.75rem .9rem;font:inherit;line-height:1.2;opacity:1;visibility:visible}.af-quantity__field input:focus,.af-quantity__field select:focus{outline:2px solid #171717;outline-offset:2px}.af-quantity__field input[aria-invalid=true]{border-color:#c72d2d;outline-color:#c72d2d}.af-quantity__input-wrap{position:relative;display:block;height:3.25rem}.af-quantity__input-wrap input{padding-right:4.5rem}.af-quantity__input-wrap>span{position:absolute;top:50%;right:.9rem;transform:translateY(-50%);color:#626e72;pointer-events:none}.af-quantity__submit{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:3.625rem;margin-top:1.5rem;border:1px solid #171717;border-radius:0;background:#171717;color:#fff;padding:.9rem 1.5rem;font:inherit;font-weight:700;line-height:1.2;text-decoration:none;cursor:pointer;opacity:1;visibility:visible}.af-quantity__submit:hover{background:#fff;color:#171717}.af-quantity__error{margin:1.25rem 0 0;border-left:3px solid #c72d2d;padding-left:.9rem;color:#a51f1f;font-weight:650}.af-quantity__result-value{margin:0;color:#fff;font-size:4.5rem;line-height:.95;letter-spacing:0}.af-quantity__result-copy{margin:1.5rem 0;color:#fff;font-size:1.05rem}.af-quantity__facts{margin:0;border-top:1px solid #596164;border-bottom:1px solid #596164}.af-quantity__facts>div{display:flex;justify-content:space-between;gap:1rem;padding-block:.9rem}.af-quantity__facts>div+div{border-top:1px solid #596164}.af-quantity__facts dt,.af-quantity__facts dd{margin:0}.af-quantity__facts dd{font-weight:700;white-space:nowrap}.af-quantity__formula{margin:1.25rem 0 0;color:#c5ced1;font-size:.9rem}.af-quantity__guidance{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5rem;padding:5rem 0;color:#171717;opacity:1;visibility:visible}.af-quantity__guidance h2{margin:0 0 1rem;color:#171717;font-size:2rem;line-height:1.15;letter-spacing:0}.af-quantity__guidance p{margin:0;color:#4f5a5e}.af-quantity__next{display:flex;flex-wrap:wrap;gap:1rem;border-top:1px solid #cbd5d8;padding-top:2rem}.af-quantity__next .button,.af-quantity__next .button:before,.af-quantity__next .button:after{border-radius:0}.af-quantity__next .button{position:relative;opacity:1;visibility:visible}@media screen and (max-width:989px){.af-quantity__tool{grid-template-columns:minmax(0,1fr)}.af-quantity__form{padding-right:0}.af-quantity__result{border-top:1px solid #cbd5d8;border-left:0}}@media screen and (max-width:749px){.af-quantity{padding:3.5rem 0 4rem}.af-quantity__inner{width:calc(100% - 2.5rem)}.af-quantity__heading{font-size:2.375rem}.af-quantity__result-value{font-size:3.5rem}.af-quantity__tool,.af-quantity__fields,.af-quantity__guidance{grid-template-columns:minmax(0,1fr)}.af-quantity__result{padding-left:1.25rem;padding-right:1.25rem}.af-quantity__guidance{gap:2.5rem;padding:4rem 0}.af-quantity__field small{min-height:0}.af-quantity__next .button{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/antifouling-quantity-calculator.css.map */