/* Native, multilingual copy paired with the supplied Deep Sea Water artwork. */
.dsx-expansion{color:#102853;background:#f5f9fc;isolation:isolate}
.dsx-expansion,.dsx-expansion *{box-sizing:border-box}
.dsx-expansion>section{max-width:1440px;margin-inline:auto;scroll-margin-top:120px}
.dsx-expansion :is(p,li,span,small,strong,h2,h3,h4,th,td){font-family:var(--site-font)!important}
.dsx-expansion img{display:block}
.dsx-expansion figure{margin:0}
.dsx-expansion [data-dsx-key]{white-space:pre-line}
.dsx-expansion .ph{font-family:Phosphor!important}
.dsx-expansion a:focus-visible{outline:3px solid #058bd0;outline-offset:5px}
.dsx-m-section{container-type:inline-size;background:#eef5fb}
.dsx-m-hero{position:relative;aspect-ratio:2160/1020;isolation:isolate}
.dsx-m-art{position:absolute;inset:0;overflow:hidden;z-index:-1;pointer-events:none}
.dsx-m-art img{position:absolute;left:0;top:calc(-100% * var(--art-y) / var(--art-h));width:100%!important;height:auto!important;max-width:none!important}
.dsx-m-hero header{padding:5.5% 6% 0;text-align:center}
html body #main .dsx-m-hero h2{font-size:var(--site-type-h2)!important;line-height:1.12!important;letter-spacing:-.02em!important;font-weight:700!important;margin:0 0 12px!important;text-transform:uppercase!important;color:#102853!important}
html body #main .dsx-m-subtitle{font-size:var(--arotec-supporting-size)!important;line-height:var(--arotec-supporting-line-height)!important;font-weight:600!important;color:#285c93;margin:0}
.dsx-m-intro{margin:2.4% 0 0 12%;width:32%}
html body #main .dsx-m-intro p{font-size:var(--arotec-body-size)!important;line-height:var(--arotec-body-line-height)!important;margin:0 0 20px}
html body #main .dsx-m-intro .dsx-m-emphasis{color:#285c93;font-weight:600!important}
.dsx-m-data{display:grid;grid-template-columns:26% 38% 1fr;gap:3.5%;background:#fbfcfe;border-radius:14px;margin:0 6.7%;padding:26px 2.5%;position:relative}
html body #main .dsx-m-section h3{font-size:20px!important;font-weight:600!important;line-height:1.3!important;letter-spacing:0!important;margin:0 0 18px!important;color:#26528c!important}
.dsx-m-data h3{text-transform:uppercase;text-align:center;min-height:52px}
.dsx-m-water{position:relative;aspect-ratio:467/652;overflow:hidden;border:1px solid #8ba0bd;border-radius:3px;color:white}
.dsx-m-water-art{position:absolute;inset:0;overflow:hidden}
.dsx-m-water-art img{width:462.5268%!important;height:auto!important;max-width:none!important;position:absolute;left:-42.1842%;top:-174.2331%}
.dsx-m-water-copy{position:absolute;inset:34% 0 auto;text-align:center;display:flex;flex-direction:column;gap:6px;font-size:24px}
.dsx-m-water-copy strong{font-size:34px}
#main .dsx-m-water-copy,#main .dsx-m-water-copy *{color:#fff!important}
@layer arotec-text-colors{html body #main .dsx-expansion .dsx-m-water-copy,html body #main .dsx-expansion .dsx-m-water-copy *{color:#fff!important;-webkit-text-fill-color:#fff!important}}
.dsx-m-fraction{position:absolute;right:0;bottom:0;width:36.7%;height:33.5%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#dceaf7;color:#102853;font-size:16px;border:1px solid #98aec6}
.dsx-m-fraction strong{font-size:28px}
.dsx-m-distribution{height:calc(100% - 70px);min-height:360px;display:grid;grid-template-columns:55% 45%;grid-template-rows:24% 28% 6% 15% 14% 13%;border:1px solid #91a1b6;border-radius:3px;overflow:hidden}
.dsx-m-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:7px;border:1px solid #aebbc8;font-size:16px;line-height:1.3;color:#182638}
.dsx-m-cell strong{font-weight:500}
.dsx-m-chloride{grid-area:1/1/3/2;background:#eed6e0;font-size:24px}
.dsx-m-sodium{grid-area:3/1/7/2;background:#f3dbca;font-size:24px}
.dsx-m-chloride strong,.dsx-m-sodium strong{font-size:34px}
.dsx-m-magnesium{grid-area:1/2/2/3;background:#dfebd9}
.dsx-m-sulfate{grid-area:2/2/4/3;background:#d4e1f3}
.dsx-m-calcium{grid-area:4/2/5/3;background:#e4edda}
.dsx-m-potassium{grid-area:5/2/6/3;background:#e5eddd}
.dsx-m-other{grid-area:6/2/7/3;background:#e8e7e4}
.dsx-m-calcium,.dsx-m-potassium,.dsx-m-other{font-size:13px;line-height:1.12}
.dsx-m-electrolytes{list-style:none;margin:0;padding:0;display:grid;gap:14px}
html body #main .dsx-m-electrolytes li{display:flex;gap:8px;font-size:16px!important;line-height:1.35!important}
.dsx-m-electrolytes i{flex:0 0 22px;color:#204f88;font-size:24px}
.dsx-m-electrolytes strong{color:#26528c}
html body #main .dsx-m-electrolytes p{font-size:16px!important;line-height:1.35!important;margin:4px 0 0}
.dsx-m-traces{position:relative;isolation:isolate;min-height:450px;padding:30px 30% 35px 9.8%}
.dsx-m-traces .dsx-m-art{background:#eaf3f9}
.dsx-m-traces .dsx-m-art{clip-path:inset(0 0 0 70%)}
.dsx-m-traces .dsx-m-art img,.dsx-m-balanced .dsx-m-art img{height:calc(3344 / var(--art-h) * 100%)!important;width:auto!important;left:auto;right:0}
.dsx-m-trace-heading p{margin:0}
.dsx-m-trace-list{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));list-style:none;padding:0;margin:25px 0 25px;gap:10px;text-align:center}
html body #main .dsx-m-trace-list li{font-size:16px!important;line-height:1.3!important}
.dsx-m-symbol{display:grid;place-items:center;width:54px;height:54px;margin:auto;background:#153966;border-radius:50%;color:#fff;font-size:28px}
.dsx-m-name{display:block;margin:12px 0;overflow-wrap:anywhere;hyphens:auto}
.dsx-m-trace-list small{display:block;font-size:14px;line-height:1.4}
html body #main .dsx-m-trace-note{font-size:16px!important;line-height:1.4!important;margin:0}
.dsx-m-balanced{position:relative;isolation:isolate;min-height:460px;background:#0c2a54;color:#fff;padding:32px 7.4%}
.dsx-m-balanced .dsx-m-art{clip-path:inset(0 0 0 46%)}
html body #main .dsx-m-balanced>h3{color:#fff!important;text-transform:uppercase}
.dsx-m-features{display:grid;gap:22px;width:40%}
.dsx-m-features>div{display:flex;gap:20px}
.dsx-m-features i{font-size:46px;flex:0 0 58px;align-self:center}
html body #main .dsx-m-features h4{font-size:22px!important;line-height:1.3!important;margin:0 0 5px!important;letter-spacing:0!important;font-weight:600!important;color:#fff!important}
html body #main .dsx-m-features p{font-size:18px!important;line-height:1.4!important;margin:0;color:#fff}
.dsx-m-close{padding:25px 4%;background:#0c2a54;color:white;text-align:center;border-top:2px solid white}
html body #main .dsx-m-close p{font-size:28px!important;line-height:1.4!important;margin:0;color:#fff}
@media(max-width:1199px){
 .dsx-m-hero{aspect-ratio:auto;min-height:640px}.dsx-m-intro{width:39%;margin-left:8%}
 .dsx-m-data{margin-inline:3%;gap:2%;padding:24px 2%}.dsx-m-data h3{min-height:78px}
 .dsx-m-distribution{height:calc(100% - 96px)}
 .dsx-m-traces{padding-right:25%;padding-left:5%;min-height:520px}.dsx-m-trace-list{gap:6px}
 .dsx-m-balanced{min-height:520px}.dsx-m-features{width:48%}
}
@media(max-width:899px){
 .dsx-m-hero{min-height:0;padding-bottom:0;display:flex;flex-direction:column}
 .dsx-m-hero header{padding:34px 24px 0}.dsx-m-hero .dsx-m-art{position:relative;inset:auto;order:3;aspect-ratio:2160/800;z-index:0}
 .dsx-m-hero .dsx-m-art img{top:-25%}
 html body #main .dsx-m-hero h2{font-size:36px!important;line-height:1.15!important}
 .dsx-m-intro{width:auto;margin:24px 24px 0}
 .dsx-m-data{grid-template-columns:1fr 1.2fr;margin:0;padding:26px 24px;gap:26px 20px;border-radius:0}
 .dsx-m-electrolytes-panel{grid-column:1/-1}.dsx-m-electrolytes{grid-template-columns:1fr 1fr;gap:22px}
 .dsx-m-data h3{min-height:52px}.dsx-m-distribution{height:calc(100% - 70px)}
 .dsx-m-traces{padding:30px 24px;min-height:0;background:#eaf3f9}.dsx-m-traces .dsx-m-art{display:none}
 .dsx-m-trace-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 12px}
 .dsx-m-balanced{padding:30px 24px;min-height:0}.dsx-m-balanced .dsx-m-art{opacity:.28}
 .dsx-m-features{width:100%}.dsx-m-features>div{gap:15px}
 html body #main .dsx-m-close p{font-size:24px!important}
}
@media(max-width:499px){
 .dsx-m-data{grid-template-columns:1fr}.dsx-m-electrolytes-panel{grid-column:auto}
 .dsx-m-water{max-width:290px;margin:auto;width:100%}.dsx-m-distribution{height:440px}
 .dsx-m-electrolytes{grid-template-columns:1fr}.dsx-m-data h3{min-height:0}
 .dsx-m-trace-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 8px}
 .dsx-m-trace-list small{font-size:13px}.dsx-m-symbol{width:45px;height:45px;font-size:24px}
 html body #main .dsx-m-hero h2{font-size:32px!important}
}
@layer arotec-mobile-main-headings{
 @media(max-width:767px){html body #main .dsx-expansion h2{font-size:32px!important;line-height:1.18!important}}
}