.jc-xp-sec{width:100%;box-sizing:border-box;padding:8px 16px 28px}@media(min-width:750px){.jc-xp-sec{padding:16px 20px 44px}}.jcx{--jcx-ink:#1d1d1f;--jcx-muted:#5b6670;--jcx-bg:#eef3f7;--jcx-line:#d6dfe6;--jcx-clean:#2f7fc1;--jcx-hard:#e0a13a;--jcx-iron:#b5653a;--jcx-iron-d:#ead2b6;--jcx-sed:#8c8577;--jcx-chem:#6f9e4f;--jcx-lead:#4d535a;--jcx-mineral:#2fa39a;--jcx-air:#7fa6c4;max-width:980px;margin:0 auto;color:var(--jcx-ink);font-size:15px;line-height:1.5;display:grid;gap:14px;grid-template-areas:"media" "key" "side"}.jcx *,.jcx *:before,.jcx *:after{box-sizing:border-box}@media(min-width:750px){.jcx{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:40px;row-gap:0;align-items:start;grid-template-areas:"media key" "media side"}}.jcx-media{grid-area:media;position:relative;background:var(--jcx-bg);border-radius:20px;padding:12px 10px 54px;overflow:hidden}.jcx-svg{display:block;width:100%;height:auto;max-width:440px;margin:0 auto;overflow:visible}.jcx-bar{display:flex;justify-content:center;min-height:0}.jcx-bar:empty{display:none}.jcx[data-editions]:not([data-edition-fixed]) .jcx-bar{display:flex;align-items:flex-start;min-height:41px}.jcx-ed{display:inline-flex;gap:2px;padding:3px;border-radius:999px;background:#dde5ec}.jcx-ed button{-webkit-appearance:none;appearance:none;border:0;background:transparent;color:var(--jcx-muted);font-family:inherit;font-weight:600;font-size:13px;line-height:1;padding:8px 14px;border-radius:999px;cursor:pointer}.jcx-ed button[aria-pressed=true]{background:#fff;color:var(--jcx-ink);box-shadow:0 1px 3px #0e22332e}.jcx-play{position:absolute;right:12px;bottom:10px;width:38px;height:38px;border-radius:50%;border:0;padding:0;cursor:pointer;background:#1d1d1fb8;color:transparent;font-size:0;overflow:hidden}.jcx-play:before{content:"";position:absolute;left:14px;top:12px;width:4px;height:14px;background:#fff;border-radius:1px;box-shadow:7px 0 #fff}.jcx-play[aria-pressed=true]:before{left:15px;top:11px;width:0;height:0;background:none;box-shadow:none;border-radius:0;border-style:solid;border-width:8px 0 8px 13px;border-color:transparent transparent transparent #fff}.jcx-key{grid-area:key;display:flex;flex-wrap:wrap;gap:4px 16px;margin:0;font-size:13px;color:var(--jcx-muted)}.jcx-key span{white-space:nowrap}.jcx-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px;vertical-align:-1px;background:var(--jcx-clean)}.jcx-dot--hard{background:var(--jcx-hard)}.jcx-dot--clean{background:var(--jcx-clean)}.jcx-dot--iron{background:var(--jcx-iron)}.jcx-dot--pale{background:var(--jcx-iron-d);box-shadow:inset 0 0 0 1.5px #c99d72}.jcx-dot--sed{background:var(--jcx-sed)}.jcx-dot--chem{background:var(--jcx-chem)}.jcx-dot--lead{background:var(--jcx-lead)}.jcx-dot--mineral{background:var(--jcx-mineral)}.jcx-dot--brine,.jcx-dot--air{background:#fff;box-shadow:inset 0 0 0 1.5px var(--jcx-air)}.jcx-dot--tap{background:#9aa8b4}.jcx-dot--crystal{border-radius:2px;transform:rotate(45deg) scale(.85);background:#fff;box-shadow:inset 0 0 0 1.5px var(--jcx-mineral)}.jcx-side{grid-area:side;display:grid;align-content:start}.jcx-steps{list-style:none;margin:0;padding:0;display:grid;align-content:start;counter-reset:jcx}.jcx-steps li{margin:0}.jcx-steps button{-webkit-appearance:none;appearance:none;display:flex;align-items:center;gap:12px;width:100%;text-align:left;border:0;background:transparent;font-family:inherit;font-weight:600;font-size:17px;line-height:1.3;color:var(--jcx-ink);padding:8px 2px;counter-increment:jcx}.jcx-steps button:before{content:counter(jcx);flex:none;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font:600 12.5px/1 ui-monospace,SFMono-Regular,Menlo,monospace;background:#e1e8ee;color:var(--jcx-ink)}.jcx-steps button:disabled{cursor:default;opacity:1}.jcx-ready .jcx-steps button{cursor:pointer}.jcx-steps button[aria-current=step]:before{background:#2a75b4;color:#fff}.jcx-det{margin:0;padding:0 4px 0 38px;font-size:15px;line-height:1.55;color:#3b444c}.jcx-xall,.jcx-expand{display:none}.jcx-steps button:focus-visible,.jcx-play:focus-visible,.jcx-ed button:focus-visible{outline:2px solid var(--jcx-clean);outline-offset:2px}.jcx-lbl{font:600 13.5px -apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Arial,sans-serif;letter-spacing:.005em;fill:var(--jcx-ink)}.jcx-level{fill:var(--jcx-clean);fill-opacity:.24;mix-blend-mode:multiply;transform-box:fill-box;transform-origin:50% 100%;transition:transform 1.4s ease}.jcx-p{stroke:#fff;stroke-width:1.2}.jcx-p--hard{fill:var(--jcx-hard)}.jcx-p--clean{fill:var(--jcx-clean)}.jcx-p--iron{fill:var(--jcx-iron)}.jcx-p--pale{fill:var(--jcx-iron-d);stroke:#c99d72}.jcx-p--sed{fill:var(--jcx-sed)}.jcx-p--chem{fill:var(--jcx-chem)}.jcx-p--lead{fill:var(--jcx-lead)}.jcx-p--mineral{fill:var(--jcx-mineral)}.jcx-p--tap{fill:#9aa8b4}.jcx-p--brine,.jcx-p--air{fill:#fff;stroke:var(--jcx-air);stroke-width:1.4}.jcx [data-live]{display:none;visibility:hidden}.jcx-ready [data-live]{display:inline;visibility:visible}.jcx-ready [data-static],.jcx-ready .jcx-off{display:none}.jcx[data-edition=alcapure] [data-edition-only]:not([data-edition-only=alcapure]),.jcx[data-edition=onlipure] [data-edition-only]:not([data-edition-only=onlipure]),.jcx[data-edition=std] [data-edition-only]:not([data-edition-only=std]),.jcx[data-edition=pro] [data-edition-only]:not([data-edition-only=pro]){display:none}.jcx-alt{display:grid}.jcx-alt>[data-edition-only]{grid-area:1/1}.jcx[data-edition=alcapure] :is(.jcx-alt,.jcx-key)>[data-edition-only]:not([data-edition-only=alcapure]),.jcx[data-edition=onlipure] :is(.jcx-alt,.jcx-key)>[data-edition-only]:not([data-edition-only=onlipure]),.jcx[data-edition=std] :is(.jcx-alt,.jcx-key)>[data-edition-only]:not([data-edition-only=std]),.jcx[data-edition=pro] :is(.jcx-alt,.jcx-key)>[data-edition-only]:not([data-edition-only=pro]){display:inline;visibility:hidden}@keyframes jcx-blink{50%{opacity:.35}}@media(prefers-reduced-motion:reduce){.jcx *{transition:none!important}}.jcx-frame{position:relative;max-width:440px;margin:0 auto}.jcx-render{display:block;width:100%;height:auto;aspect-ratio:328/340}.jcx-media--photo .jcx-svg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;max-width:none;margin:0;overflow:hidden}.jcx-lbl--photo{paint-order:stroke;stroke:#f0f4f8e6;stroke-width:3.5px;stroke-linejoin:round}.jcx-load{fill:#f6efe1;opacity:0;transform-box:fill-box;transform-origin:50% 0;transform:scaleY(.02);transition:opacity .6s,transform 2.6s ease}.jcx-regen{fill:#ffb347;opacity:0;mix-blend-mode:screen;transition:opacity .4s}.jcx-lead{fill:none;stroke:#7d8a95;stroke-width:.9}.jcx-combo-h{max-width:980px;margin:28px auto 12px;font-size:19px;line-height:1.3}.jcx-combo-h:first-child{margin-top:0}.jcx-amp{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;pointer-events:none;will-change:transform}.jcx-amp .jcx-stage{opacity:0;transition:opacity .45s ease}.jcx-ready .jcx-amp .jcx-on{opacity:1}.jcx-edge{fill:none;stroke:#fff;stroke-width:1.4;stroke-opacity:.95}.jcx:not(.jcx-ready) .jcx-bdg-g{display:none}.jcx-bdg{fill:#2a75b4;stroke:#fff;stroke-width:2}.jcx-bdg-t{font:700 12.5px -apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Arial,sans-serif;fill:#fff}.jcx-bdg-in{transform-box:fill-box;transform-origin:center;animation:jcx-pop .5s cubic-bezier(.3,1.5,.5,1) both}.jcx-pulse{fill:none;stroke:#3d97e6;stroke-width:2;transform-box:fill-box;transform-origin:center;opacity:0}.jcx[data-running="1"] .jcx-pulse{animation:jcx-pulse 1.8s cubic-bezier(.2,.6,.3,1) infinite}@keyframes jcx-pop{0%{transform:scale(.3);opacity:0}to{transform:none;opacity:1}}@keyframes jcx-pulse{0%{transform:scale(1);opacity:.9}to{transform:scale(2.6);opacity:0}}@media(prefers-reduced-motion:reduce){.jcx .jcx-bdg-in,.jcx[data-running] .jcx-pulse{animation:none}}.jcx-p--fine{fill:#6c737a}.jcx-dot--fine{background:#6c737a;transform:scale(.7)}.jcx--ah14 .jcx-uv{fill:#7c5cff1a;stroke:#7c5cff73;stroke-width:3;opacity:0;transition:opacity .8s}.jcx--ah14[data-flags~=uv] .jcx-uv{opacity:1}.jcx--ah14[data-running="1"] .jcx-catch-l,.jcx--ah14[data-running="1"] .jcx-catch-r{animation:jcx-catch-l 2.6s ease-out infinite}.jcx--ah14[data-running="1"] .jcx-catch-r{animation-name:jcx-catch-r}@keyframes jcx-catch-l{0%{transform:translate(-18px);opacity:0}25%{opacity:1}55%,to{transform:none;opacity:1}}@keyframes jcx-catch-r{0%{transform:translate(18px);opacity:0}25%{opacity:1}55%,to{transform:none;opacity:1}}@media(prefers-reduced-motion:reduce){.jcx--ah14[data-running] .jcx-catch-l,.jcx--ah14[data-running] .jcx-catch-r{animation:none}}.jcx--cs .jcx-kdf{fill:#ffc27a;opacity:0;mix-blend-mode:screen;transition:opacity .5s}.jcx--cs[data-flags~=kdf] .jcx-kdf{opacity:1}.jcx--flash .jcx-tank-level{transform:scaleY(.3)}.jcx--flash[data-flags~=full] .jcx-tank-level{transform:scaleY(1)}.jcx-p--sol{fill:#8d949b}.jcx-dot--sol{background:#8d949b;transform:scale(.7)}.jcx--op1l .jcx-regen{fill:#6cc4ff}.jcx--op1l[data-flags~=count] .jcx-regen{opacity:.7;animation:jcx-blink 1.2s steps(2) infinite paused}.jcx--op1l[data-running="1"][data-flags~=count] .jcx-regen{animation-play-state:running}.jcx-gem{fill:#fff;stroke:var(--jcx-mineral);stroke-width:1.6}.jcx--u1 .jcx-cup{transform:scaleY(.15)}.jcx--u1[data-flags~=pour] .jcx-cup{transform:scaleY(1)}.jcx--wf .jcx-load{fill:var(--jcx-iron)}.jcx--wf[data-flags~=held] .jcx-load{opacity:.26;transform:scaleY(1)}.jcx--wf[data-flags~=wash] .jcx-regen{opacity:.9}.jcx--ws[data-flags~=loaded] .jcx-load{opacity:.3;transform:scaleY(1)}.jcx--ws[data-flags~=regen] .jcx-regen{opacity:.9}.jcx--ws[data-flags~=meter] .jcx-regen{opacity:.55;animation:jcx-blink 1.2s steps(2) infinite paused}.jcx--ws[data-running="1"][data-flags~=meter] .jcx-regen{animation-play-state:running}.jcx--zip .jcx-top-l,.jcx--zip .jcx-top-r{transform:scaleY(.28)}.jcx--zip[data-flags~=full] .jcx-top-l,.jcx--zip[data-flags~=full] .jcx-top-r{transform:scaleY(1)}.jcx--zip[data-flags~=full] .jcx-bottom{transform:scaleY(.5)}.jcx-ready .jcx-media{position:sticky;z-index:2;transition:top .25s ease}.jcx-steps button,.jcx-det{transition:color .3s ease}.jcx-ready .jcx-steps button[aria-current=step]+.jcx-det{color:var(--jcx-ink)}.jcx-ready .jcx-steps button:not([aria-current=step]),.jcx-ready .jcx-steps button:not([aria-current=step])+.jcx-det{color:#6e7781}@media(max-width:749px){.jcx-media{padding:8px 10px 10px}.jcx-ready .jcx-media{top:calc(var(--jcx-pin,63px) + 8px);box-shadow:0 0 0 10px #fff}.jcx-frame{max-width:252px;max-width:clamp(110px,calc(((100svh - 63px - var(--b,0px) - var(--jc-pdp-bar-h,69px))*.59 - 59px)*.965),252px)}.jcx-steps li{padding-bottom:4vh;padding-bottom:4svh}.jcx-steps li:last-child{padding-bottom:0}}@media(min-width:750px){.jcx-ready .jcx-media{top:calc(var(--jcx-pin,180px) + 16px)}.jcx-frame{max-width:min(440px,calc((100vh - 330px)*.965))}.jcx-key{margin-bottom:14px}.jcx-steps li{padding-bottom:20vh}.jcx-steps li:last-child{padding-bottom:max(24px,calc(min(440px,(100vh - 330px)*.965)*1.037 + 103px - ((100vh - 180px)*.3)))}.jcx-steps button{font-size:20px}.jcx-steps button:before{width:26px;height:26px;font-size:13px}.jcx-det{padding-left:40px;font-size:17px}}.jcx-ready[data-jcx-flow] .jcx-media{position:relative;top:auto;box-shadow:none}@media(max-height:520px){.jcx-ready .jcx-media{position:relative;top:auto;box-shadow:none}.jcx-frame{max-width:252px}}
/*# sourceMappingURL=/cdn/shop/t/159/assets/jc-explainer.css.map */