.abx{--abx-navy:#021429;--abx-ink:#22292d;--abx-muted:#5b6268;--abx-line:#e3e7ea;--abx-sky:#0369a1;--abx-sky-soft:#e0f2fe;--abx-sky-light:#7dd3fc;--abx-green:#15803d;--abx-green-soft:#dcfce7;--abx-accent:#0ea5e9;color:var(--abx-ink);font-family:inherit}.abx *{box-sizing:border-box}.abx__wrap{max-width:1600px;margin:0 auto;padding:0 20px}@media(min-width:641px){.abx__wrap{padding:0 28px}}@media(min-width:1657px){.abx__wrap{padding:0}}.abx__section{padding:56px 0}@media(max-width:760px){.abx__section{padding:36px 0}}.abx__section--tint{background:linear-gradient(180deg,#f0f9ff,#f8fafc);border-top:1px solid #bae6fd;border-bottom:1px solid var(--abx-line)}.abx__eyebrow{display:inline-flex;align-items:center;height:28px;padding:0 12px;border-radius:14px;background:var(--abx-sky-soft);color:#075985;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.abx__h2{margin:10px 0 0;font-size:32px;line-height:1.15;font-weight:600;color:var(--abx-ink)}.abx__lead{margin:10px 0 0;max-width:760px;font-size:17px;line-height:1.55;color:var(--abx-muted)}@media(max-width:760px){.abx__h2{font-size:24px}.abx__lead{font-size:15px}}.abx__head{margin-bottom:28px}.abx__head--center{text-align:center}.abx__head--center .abx__lead{margin-left:auto;margin-right:auto}.abx__btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 26px;border-radius:999px;font-size:16px;font-weight:600;text-decoration:none;border:2px solid transparent;transition:transform .15s ease,background-color .15s ease}.abx__btn:hover{transform:translateY(-1px)}.abx__btn--primary{background:var(--abx-accent);color:#fff}.abx__btn--ghost{border-color:#fff6;color:#fff}.abx__btn--dark{background:var(--abx-navy);color:#fff}.abx :focus-visible{outline:2px solid var(--abx-accent);outline-offset:3px}.abx-hero{background:radial-gradient(1200px 500px at 85% 0%,#0b3b6f,#02142900 60%),var(--abx-navy);color:#fff;padding:56px 0 64px}.abx-hero__grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:48px;align-items:center}.abx-hero .abx__eyebrow{background:#7dd3fc29;color:var(--abx-sky-light)}.abx-hero__h1{margin:14px 0 0;font-size:52px;line-height:1.05;font-weight:700;letter-spacing:-.01em;color:#fff}.abx-hero__h1 em{font-style:normal;color:var(--abx-sky-light)}.abx-hero__sub{margin:18px 0 0;max-width:620px;font-size:18px;line-height:1.55;color:#cbd5e1}.abx-hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.abx-hero__chips{display:flex;flex-wrap:wrap;gap:8px 18px;margin:26px 0 0;padding:0;list-style:none;font-size:14px;color:#e2e8f0}.abx-hero__chips li{display:flex;align-items:center;gap:8px}.abx-hero__chips svg{color:#86efac;flex-shrink:0}.abx-equation{display:flex;flex-direction:column;gap:12px;padding:22px;border-radius:24px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12)}.abx-equation__row{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:16px;background:#fff;color:var(--abx-ink)}.abx-equation__icon{flex:0 0 44px;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--abx-sky-soft);color:var(--abx-sky)}.abx-equation__row strong{display:block;font-size:16px}.abx-equation__row strong+span{display:block;font-size:13px;color:var(--abx-muted)}.abx-equation__tag{margin-left:auto;flex-shrink:0;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700;background:#f4f4f5;color:#3f3f46}.abx-equation__tag--save{background:var(--abx-green-soft);color:#166534}.abx-equation__op{align-self:center;width:32px;height:32px;margin:-4px 0;border-radius:50%;display:grid;place-items:center;background:var(--abx-sky-light);color:var(--abx-navy);font-weight:700;font-size:20px;line-height:1}.abx-equation__note{margin:4px 2px 0;font-size:13px;color:#cbd5e1}@media(max-width:980px){.abx-hero__grid{grid-template-columns:minmax(0,1fr);gap:32px}.abx-hero__h1{font-size:40px}}@media(max-width:640px){.abx-hero{padding:32px 0 40px}.abx-hero__h1{font-size:32px}.abx-hero__sub{font-size:16px}.abx-hero__actions .abx__btn{flex:1 1 100%}}.abx-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:0;padding:0;list-style:none;counter-reset:abx-step}.abx-step{position:relative;display:flex;flex-direction:column;gap:10px;padding:24px 22px;border:1px solid var(--abx-line);border-radius:20px;background:#fff}.abx-step__num{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--abx-sky)}.abx-step__num b{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--abx-navy);color:#fff;font-size:15px;letter-spacing:0}.abx-step__icon{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;background:var(--abx-sky-soft);color:var(--abx-sky)}.abx-step h3{margin:4px 0 0;font-size:19px;line-height:1.25;font-weight:600}.abx-step p{margin:0;font-size:15px;line-height:1.5;color:var(--abx-muted)}.abx-step--save{background:var(--abx-navy);border-color:var(--abx-navy);color:#fff}.abx-step--save h3{color:#fff}.abx-step--save p{color:#cbd5e1}.abx-step--save .abx-step__icon{background:#86efac29;color:#86efac}.abx-step--save .abx-step__num{color:var(--abx-sky-light)}.abx-step--save .abx-step__num b{background:var(--abx-accent)}.abx-callout{display:flex;align-items:flex-start;gap:12px;margin-top:20px;padding:16px 18px;border-radius:16px;background:#fff7ed;border:1px solid #fed7aa;font-size:15px;line-height:1.5;color:#7c2d12}.abx-callout svg{flex-shrink:0;margin-top:2px;color:#c2410c}@media(max-width:1100px){.abx-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.abx-steps{grid-template-columns:minmax(0,1fr);gap:12px}.abx-step{padding:18px;flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px 14px}.abx-step__icon{width:44px;height:44px;border-radius:12px}.abx-step__body{flex:1 1 calc(100% - 60px)}.abx-step__num{flex:1 1 100%}.abx-step h3{margin:0;font-size:17px}.abx-step p{font-size:14px;margin-top:4px}}.abx-example{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:24px;align-items:start}.abx-example__list{border:1px solid var(--abx-line);border-radius:20px;background:#fff;overflow:hidden}.abx-example__tank{display:flex;align-items:center;gap:16px;padding:18px 20px;background:#f8fafc;border-bottom:1px solid var(--abx-line)}.abx-example__img{flex:0 0 64px;width:64px;height:64px;border-radius:12px;background:#fff;object-fit:contain;border:1px solid var(--abx-line)}.abx-example__tank-info{flex:1;min-width:0}.abx-example__tank-info a{font-size:16px;font-weight:600;color:var(--abx-ink);text-decoration:none}.abx-example__tank-info span{display:block;font-size:13px;color:var(--abx-muted)}.abx-example__rows{margin:0;padding:0;list-style:none}.abx-example__row{display:flex;align-items:center;gap:14px;padding:12px 20px;border-top:1px solid var(--abx-line)}.abx-example__row:first-child{border-top:0}.abx-example__row .abx-example__img{flex-basis:48px;width:48px;height:48px;border-radius:10px}.abx-example__name{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.abx-example__name small{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--abx-sky)}.abx-example__name a{font-size:14px;line-height:1.35;color:var(--abx-ink);text-decoration:none}.abx-example__price{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:2px;font-size:15px}.abx-example__price s{font-size:13px;color:var(--abx-muted)}.abx-example__price em{font-style:normal;font-size:12px;font-weight:700;color:var(--abx-green)}.abx-example__more{margin:0;padding:12px 20px;border-top:1px solid var(--abx-line);font-size:14px;color:var(--abx-muted)}.abx-example__sum{position:sticky;top:20px;display:flex;flex-direction:column;gap:14px;padding:24px;border-radius:22px;background:var(--abx-navy);color:#fff}.abx-example__sum h3{margin:0;font-size:18px;font-weight:600;color:#fff}.abx-example__line{display:flex;justify-content:space-between;gap:12px;font-size:15px;color:#cbd5e1}.abx-example__line span:last-child{color:#fff;white-space:nowrap}.abx-example__save{display:flex;flex-direction:column;gap:2px;padding:14px 16px;border-radius:14px;background:#22c55e24;border:1px solid rgba(134,239,172,.4)}.abx-example__save strong{font-size:26px;color:#bbf7d0}.abx-example__save span{font-size:13px;color:#d4d4d8}.abx-example__sum p{margin:0;font-size:13px;line-height:1.5;color:#94a3b8}.abx-example__sum .abx__btn{width:100%}@media(max-width:1000px){.abx-example{grid-template-columns:minmax(0,1fr)}.abx-example__sum{position:static}}@media(max-width:640px){.abx-example__row{padding:12px 14px;gap:10px}.abx-example__tank{padding:14px}}.abx-cats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none}.abx-cat a{height:100%;display:flex;flex-direction:column;gap:8px;padding:18px;border:1px solid var(--abx-line);border-radius:18px;background:#fff;color:var(--abx-ink);text-decoration:none;transition:border-color .15s ease,box-shadow .15s ease}.abx-cat a:hover{border-color:var(--abx-sky);box-shadow:0 6px 18px #0369a11f}.abx-cat__top{display:flex;justify-content:space-between;align-items:center}.abx-cat__icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--abx-sky-soft);color:var(--abx-sky)}.abx-cat__off{padding:3px 9px;border-radius:999px;background:var(--abx-green-soft);color:#166534;font-size:12px;font-weight:700}.abx-cat strong{font-size:16px}.abx-cat span.abx-cat__text{font-size:13px;line-height:1.45;color:var(--abx-muted)}.abx-cats__note{display:flex;flex-wrap:wrap;gap:8px 24px;margin:20px 0 0;padding:0;list-style:none;font-size:14px;color:var(--abx-muted)}.abx-cats__note li{display:flex;gap:8px;align-items:flex-start}.abx-cats__note svg{flex-shrink:0;margin-top:2px}.abx-cats__note .is-yes svg{color:var(--abx-green)}.abx-cats__note .is-no svg{color:#b91c1c}@media(max-width:1100px){.abx-cats{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:640px){.abx-cats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.abx-cat a{padding:14px}.abx-cat span.abx-cat__text{display:none}}.abx-finder__bar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:20px}.abx-finder__search{flex:1 1 320px;position:relative}.abx-finder__search svg{position:absolute;z-index:1;left:16px;top:50%;transform:translateY(-50%);color:var(--abx-muted);pointer-events:none}.abx-finder__search input{width:100%;height:50px;padding:0 16px 0 46px;border:1px solid #cbd5e1;border-radius:999px;background:#fff;font:inherit;font-size:16px;color:var(--abx-ink)}.abx-finder__search input:focus{outline:2px solid var(--abx-accent);outline-offset:1px;border-color:transparent}.abx-finder__chips{display:flex;gap:8px;flex-wrap:wrap}.abx-finder__chip{height:40px;padding:0 16px;border:1px solid #cbd5e1;border-radius:999px;background:#fff;font:inherit;font-size:14px;font-weight:600;color:var(--abx-ink);cursor:pointer}.abx-finder__chip[aria-pressed=true]{background:var(--abx-navy);border-color:var(--abx-navy);color:#fff}.abx-finder__count{margin:0 0 14px;font-size:14px;color:var(--abx-muted)}.abx-finder__grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none}.abx-tank[hidden]{display:none}.abx-tank a{height:100%;display:flex;flex-direction:column;gap:6px;padding:14px;border:1px solid var(--abx-line);border-radius:18px;background:#fff;color:var(--abx-ink);text-decoration:none;transition:border-color .15s ease,box-shadow .15s ease}.abx-tank a:hover{border-color:var(--abx-sky);box-shadow:0 6px 18px #0369a11f}.abx-tank__img{aspect-ratio:1/1;border-radius:12px;background:#fff;display:grid;place-items:center;overflow:hidden;margin-bottom:6px}.abx-tank__img img{width:100%;height:100%;object-fit:contain}.abx-tank__water{display:flex;gap:6px;flex-wrap:wrap}.abx-tank__water span{padding:2px 8px;border-radius:999px;font-size:11px;font-weight:700;background:#f4f4f5;color:#3f3f46}.abx-tank__water .is-fresh{background:#dcfce7;color:#166534}.abx-tank__water .is-marine{background:var(--abx-sky-soft);color:#075985}.abx-tank__title{font-size:15px;line-height:1.3;font-weight:600}.abx-tank__price{font-size:15px}.abx-tank__stock{font-size:12px;font-weight:600;color:var(--abx-green)}.abx-tank__stock.is-out{color:#c2410c}.abx-tank__cta{margin-top:auto;padding-top:6px;font-size:14px;font-weight:600;color:var(--abx-sky)}.abx-finder__empty{padding:28px;border:1px dashed #cbd5e1;border-radius:18px;text-align:center;color:var(--abx-muted)}.abx-finder__more{display:flex;justify-content:center;margin-top:24px}.abx-finder__more button{cursor:pointer;font:inherit}@media(max-width:1280px){.abx-finder__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1000px){.abx-finder__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.abx-finder__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.abx-tank a{padding:10px}.abx-tank__title{font-size:14px}}.abx-spots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:0;padding:0;list-style:none}.abx-spot{display:flex;flex-direction:column;gap:12px;padding:20px;border:1px solid var(--abx-line);border-radius:20px;background:#fff}.abx-spot h3{margin:0;font-size:17px;font-weight:600}.abx-spot p{margin:0;font-size:14px;line-height:1.5;color:var(--abx-muted)}.abx-mock{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:14px;background:#f1f5f9;font-size:12px;line-height:1.35;color:var(--abx-ink)}.abx-mock__tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.abx-mock__tier{padding:8px;border:1px solid var(--abx-line);border-radius:10px;background:#fff}.abx-mock__tier.is-on{border:2px solid var(--abx-sky)}.abx-mock__tier b{display:block;font-size:13px}.abx-mock__btn{display:block;padding:8px;border-radius:999px;background:var(--abx-accent);color:#fff;text-align:center;font-weight:600}.abx-mock__banner{display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:10px;background:var(--abx-navy);color:#fff}.abx-mock__banner u{color:var(--abx-sky-light);white-space:nowrap}.abx-mock__card{display:flex;align-items:center;gap:10px;padding:8px;border-radius:10px;background:#fff}.abx-mock__thumb{flex:0 0 34px;width:34px;min-width:34px;height:34px;border-radius:8px;background:linear-gradient(135deg,#bae6fd,#e0f2fe)}.abx-mock__card>span:not(.abx-mock__thumb):not(.abx-mock__plus){flex:1;min-width:0}.abx-mock__card s{color:var(--abx-muted)}.abx-mock__card strong{color:#d21404}.abx-mock__badge{display:inline-block;margin-top:2px;padding:1px 7px;border-radius:999px;background:var(--abx-sky-soft);color:#075985;font-size:10px;font-weight:700}.abx-mock__plus{flex:0 0 26px;width:26px;min-width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--abx-navy);color:#fff;font-weight:700}.abx-mock__total{display:flex;justify-content:space-between;padding:6px 2px 0;font-weight:600}.abx-mock__total span:last-child{color:var(--abx-green)}@media(max-width:1100px){.abx-spots{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.abx-spots{grid-template-columns:minmax(0,1fr);gap:12px}}.abx-faq{max-width:900px;margin:0 auto}.abx-faq details{border-bottom:1px solid var(--abx-line)}.abx-faq details:first-child{border-top:1px solid var(--abx-line)}.abx-faq summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 4px;font-size:17px;font-weight:600;cursor:pointer;list-style:none}.abx-faq summary::-webkit-details-marker{display:none}.abx-faq summary svg{flex-shrink:0;color:var(--abx-sky);transition:transform .2s ease}.abx-faq details[open] summary svg{transform:rotate(45deg)}.abx-faq__a{padding:0 4px 20px;font-size:15px;line-height:1.6;color:var(--abx-muted)}.abx-faq__a p{margin:0 0 10px;font-size:15px;line-height:1.6;color:var(--abx-muted)}.abx-faq__a p:last-child{margin:0}.abx-faq__a a{color:var(--abx-sky)}@media(max-width:640px){.abx-faq summary{font-size:16px;padding:16px 2px}}.abx-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;padding:32px;border-radius:24px;background:var(--abx-navy);color:#fff}.abx-cta h2{margin:0;font-size:28px;line-height:1.2;font-weight:600;color:#fff}.abx-cta p{margin:8px 0 0;font-size:16px;color:#cbd5e1}.abx-cta__actions{display:flex;flex-wrap:wrap;gap:12px}@media(max-width:640px){.abx-cta{padding:24px}.abx-cta h2{font-size:22px}.abx-cta__actions .abx__btn{flex:1 1 100%}}
/*# sourceMappingURL=/cdn/shop/t/222/assets/ab-explainer.css.map */