.vf-water-map{--vf-wm-navy: #102a36;--vf-wm-navy-soft: #234452;--vf-wm-green: #267c66;--vf-wm-green-deep: #1f6252;--vf-wm-offwhite: #f6f7f2;--vf-wm-palegreen: #eef3ed;--vf-wm-white: #ffffff;--vf-wm-ink: #173641;--vf-wm-muted: #5d7076;--vf-wm-line: #d7e1da;--vf-wm-yellow: #e6cf52;--vf-wm-orange: #e8973a;--vf-wm-red: #bd3931;--vf-wm-gray: #b9c1bf;--vf-wm-focus: #c77d20;width:100%;color:var(--vf-wm-ink);background:var(--vf-wm-offwhite);font-family:var(--font-body-family, Montserrat, Arial, sans-serif);font-size:16px;line-height:1.55;text-rendering:optimizeLegibility}.vf-water-map *,.vf-water-map *:before,.vf-water-map *:after{box-sizing:border-box}.vf-water-map :where(h1,h2,h3,p,ul,figure){margin-top:0}.vf-water-map :where(p,li,td,th,a){overflow-wrap:break-word}.vf-water-map :where(h1,h2,h3){color:var(--vf-wm-navy);font-family:var(--font-heading-family, Georgia, "Times New Roman", serif);font-weight:500}.vf-water-map__inner{width:min(100%,1320px);margin:0 auto;padding:clamp(28px,4.6vw,68px) clamp(18px,4vw,54px) clamp(56px,7vw,96px)}.vf-water-map__hero{position:relative;padding:clamp(29px,5vw,58px) clamp(22px,5.25vw,68px) clamp(24px,4vw,42px);overflow:hidden;background:var(--vf-wm-palegreen);border:1px solid #dce7dc;border-radius:24px 24px 0 0}.vf-water-map__hero:before{position:absolute;top:0;left:0;width:100%;height:5px;background:var(--vf-wm-green);content:""}.vf-water-map__eyebrow,.vf-water-map__control-label,.vf-map-detail__tag{margin-bottom:10px;color:var(--vf-wm-green-deep);font-size:11px;font-weight:750;letter-spacing:.14em;line-height:1.35;text-transform:uppercase}.vf-water-map h1{max-width:790px;margin-bottom:15px;font-size:clamp(44px,5.1vw,60px);letter-spacing:-.045em;line-height:1.02}.vf-water-map__subhead{max-width:720px;margin-bottom:0;color:var(--vf-wm-navy-soft);font-size:clamp(16px,1.65vw,20px);line-height:1.55}.vf-water-map__facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:clamp(25px,4vw,38px) 0 0;padding:0;overflow:hidden;list-style:none;background:#1f625230;border:1px solid rgba(31,98,82,.19);border-radius:13px}.vf-water-map__facts li{min-width:0;padding:14px 16px 15px;background:#ffffffa1}.vf-water-map__facts strong,.vf-water-map__facts span{display:block}.vf-water-map__facts strong{margin-bottom:3px;color:var(--vf-wm-navy);font-family:var(--font-heading-family, Georgia, "Times New Roman", serif);font-size:clamp(18px,1.65vw,23px);font-weight:600;line-height:1.1}.vf-water-map__facts span{color:var(--vf-wm-muted);font-size:11px;line-height:1.38}.vf-water-map__facts-review strong{color:#805512;font-family:var(--font-body-family, Montserrat, Arial, sans-serif);font-size:12px;font-weight:750;letter-spacing:.03em;text-transform:uppercase}.vf-water-map__controls{display:grid;grid-template-columns:minmax(280px,1fr) minmax(220px,auto) minmax(220px,1.2fr);gap:18px 26px;align-items:end;padding:22px clamp(20px,3vw,37px);background:var(--vf-wm-white);border:1px solid var(--vf-wm-line);border-top:0}.vf-water-map__layer-control,.vf-water-map__state-control{min-width:0}.vf-water-map__state-control label{display:block;margin-bottom:9px;color:var(--vf-wm-navy);font-size:13px;font-weight:700}.vf-water-map__layer-buttons{display:inline-flex;max-width:100%;padding:4px;background:#eaf0eb;border:1px solid #d7e3d8;border-radius:11px}.vf-water-map__layer-button{min-height:40px;padding:8px 17px;color:var(--vf-wm-navy);background:transparent;border:1px solid transparent;border-radius:7px;font:inherit;font-size:14px;font-weight:700;line-height:1.15;cursor:pointer;transition:background-color .16s ease,box-shadow .16s ease,color .16s ease}.vf-water-map__layer-button:hover{color:var(--vf-wm-green-deep)}.vf-water-map__layer-button.is-active,.vf-water-map__layer-button[aria-pressed=true]{color:var(--vf-wm-white);background:var(--vf-wm-green);box-shadow:0 2px 7px #1443382e}.vf-water-map__state-control select{display:block;width:100%;min-height:43px;padding:8px 37px 8px 12px;color:var(--vf-wm-navy);background-color:var(--vf-wm-white);border:1px solid #9caeaa;border-radius:8px;font:inherit;font-size:14px;line-height:1.2;cursor:pointer}.vf-water-map__status{align-self:center;margin:0;color:var(--vf-wm-muted);font-size:13px;line-height:1.46}.vf-water-map :is(a,button,select,summary,[tabindex]):focus-visible{outline:3px solid var(--vf-wm-focus);outline-offset:3px}.vf-water-map__map-layout{display:grid;grid-template-columns:minmax(0,1fr) clamp(284px,28vw,362px);gap:clamp(16px,2.5vw,30px);align-items:stretch;padding:clamp(18px,3vw,34px);background:var(--vf-wm-white);border:1px solid var(--vf-wm-line);border-top:0;border-radius:0 0 24px 24px}.vf-water-map__map-card{min-width:0;padding:clamp(12px,2.1vw,24px);background:#fbfcf9;border:1px solid #dce5dd;border-radius:16px}.vf-water-map__canvas-shell{position:relative}.vf-water-map__canvas{position:relative;display:grid;width:100%;min-height:clamp(390px,45vw,570px);place-items:center;overflow:hidden;background:linear-gradient(145deg,#f6f9f5,#eef4ed);border-radius:10px}.vf-water-map__canvas:before,.vf-water-map__canvas:after{position:absolute;z-index:0;width:55%;aspect-ratio:1;border:1px solid rgba(38,124,102,.1);border-radius:50%;content:"";pointer-events:none}.vf-water-map__canvas:before{top:-30%;right:-12%}.vf-water-map__canvas:after{bottom:-42%;left:-16%}.vf-water-map__canvas>*{position:relative;z-index:1}.vf-water-map__canvas-message{max-width:27ch;margin:0;padding:13px 16px;color:var(--vf-wm-muted);background:#ffffffc7;border:1px solid rgba(38,124,102,.16);border-radius:999px;font-size:13px;text-align:center}.vf-water-map [data-vf-map-canvas] svg{display:block;width:100%;max-width:100%;height:auto;max-height:570px}.vf-water-map .vf-map-state{cursor:pointer;stroke:#102a369e;stroke-linejoin:round;stroke-width:1.1;transition:filter .15s ease,opacity .15s ease,stroke .15s ease,stroke-width .15s ease}.vf-water-map .vf-map-state:hover{filter:brightness(.94) saturate(1.08);stroke:var(--vf-wm-navy);stroke-width:1.7}.vf-water-map .vf-map-state.is-active,.vf-water-map .vf-map-state[aria-current=true]{stroke:var(--vf-wm-navy);stroke-width:2.8}.vf-water-map .vf-map-state.is-proxy,.vf-water-map .vf-map-state[data-proxy=true]{stroke:var(--vf-wm-navy);stroke-dasharray:5 3;stroke-width:2.2}.vf-water-map .vf-map-state.is-missing,.vf-water-map .vf-map-state[data-available=false],.vf-water-map .vf-map-state[data-status=missing]{fill:var(--vf-wm-gray)}.vf-water-map .vf-map-state:focus{outline:none}.vf-water-map .vf-map-state:focus-visible{filter:drop-shadow(0 0 .9px var(--vf-wm-white)) drop-shadow(0 0 3px var(--vf-wm-navy));stroke:var(--vf-wm-navy);stroke-width:3.2}.vf-water-map__tooltip{position:fixed;z-index:20;max-width:min(280px,calc(100vw - 32px));padding:10px 12px;color:var(--vf-wm-white);background:var(--vf-wm-navy);border:1px solid rgba(255,255,255,.24);border-radius:8px;box-shadow:0 8px 24px #102a3633;font-size:12px;line-height:1.42;pointer-events:none}.vf-water-map__tooltip[hidden]{display:none}.vf-water-map__legend{padding-top:clamp(18px,2.3vw,24px)}.vf-water-map__legend-heading,.vf-water-map__legend-ticks,.vf-water-map__legend-notes{display:flex;align-items:center;justify-content:space-between;gap:12px}.vf-water-map__legend-heading{margin-bottom:8px;color:var(--vf-wm-navy);font-size:12px;font-weight:700}.vf-water-map__legend-heading span:last-child{color:var(--vf-wm-muted);font-weight:600}.vf-water-map__legend-scale{height:12px;background:linear-gradient(90deg,#68a98d,#eed17f,#c94b4b);border:1px solid rgba(16,42,54,.16);border-radius:999px}.vf-water-map__legend-ticks{position:relative;margin-top:5px;color:var(--vf-wm-muted);font-size:11px;line-height:1}.vf-water-map__legend-ticks span{position:relative}.vf-water-map__legend-ticks span:before{position:absolute;bottom:calc(100% + 5px);left:50%;width:1px;height:5px;background:#102a365c;content:""}.vf-water-map__legend-ticks span:first-child:before{left:0}.vf-water-map__legend-ticks span:last-child:before{left:auto;right:0}.vf-water-map__legend-notes{justify-content:flex-start;flex-wrap:wrap;margin-top:16px;color:var(--vf-wm-muted);font-size:12px}.vf-water-map__legend-notes span{display:inline-flex;align-items:center;gap:7px}.vf-water-map__key{display:inline-block;width:15px;height:12px;border:1.5px solid var(--vf-wm-navy);border-radius:2px}.vf-water-map__key--missing{background:var(--vf-wm-gray);border-color:#76817f}.vf-water-map__key--proxy{background:var(--vf-wm-palegreen);border-style:dashed;border-width:2px}.vf-water-map__legend-copy{margin:10px 0 0;color:var(--vf-wm-muted);font-size:11px;line-height:1.46}.vf-water-map__detail{display:flex;min-width:0;min-height:100%;padding:clamp(22px,2.7vw,31px);background:var(--vf-wm-navy);border-radius:16px;color:var(--vf-wm-white)}.vf-water-map__detail :where(h2,h3){color:var(--vf-wm-white)}.vf-water-map__detail a{color:#d7ebd8;font-weight:700;text-decoration-color:#d7ebd88c;text-underline-offset:.16em}.vf-water-map__detail a:hover{color:var(--vf-wm-white)}.vf-map-detail__empty{align-self:center;width:100%}.vf-map-detail__compass{position:relative;display:block;width:34px;height:34px;margin-bottom:19px;border:1px solid rgba(238,243,237,.55);border-radius:50%}.vf-map-detail__compass:before,.vf-map-detail__compass:after{position:absolute;top:5px;left:15px;width:2px;height:22px;background:var(--vf-wm-palegreen);border-radius:999px;content:""}.vf-map-detail__compass:after{transform:rotate(90deg)}.vf-map-detail__tag{color:#a9d9bf}.vf-map-detail__empty h2{margin-bottom:10px;font-size:clamp(28px,2.65vw,35px);letter-spacing:-.03em;line-height:1.08}.vf-map-detail__empty p:last-child{max-width:29ch;margin:0;color:#d6e3df;font-size:14px;line-height:1.56}.vf-water-map .vf-map-detail__tag{display:inline-block;margin-bottom:9px}.vf-water-map .vf-map-detail__tag--proxy{padding:4px 8px;color:#fee5a3;border:1px dashed #fee5a3;border-radius:999px;font-size:10px}.vf-water-map .vf-map-detail__state,.vf-water-map .vf-map-detail__title,.vf-water-map .vf-map-detail__content h3{margin-bottom:14px;font-size:clamp(25px,2.45vw,32px);letter-spacing:-.03em;line-height:1.08}.vf-water-map .vf-map-detail__number{margin:0 0 3px;color:var(--vf-wm-white);font-family:var(--font-heading-family, Georgia, "Times New Roman", serif);font-size:clamp(48px,4vw,64px);font-weight:500;letter-spacing:-.055em;line-height:.94}.vf-water-map .vf-map-detail__unit,.vf-water-map .vf-map-detail__label{margin:0 0 18px;color:#b8d0c8;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.vf-water-map .vf-map-detail__fine,.vf-water-map .vf-map-detail__source,.vf-water-map .vf-map-detail__content p{margin:0 0 13px;color:#d5e3df;font-size:13px;line-height:1.55}.vf-water-map .vf-map-detail__source{padding-top:13px;border-top:1px solid rgba(238,243,237,.22)}.vf-water-map .vf-map-detail__notice{margin:15px 0;padding:10px 11px;color:#fff1c8;background:#b9761b33;border-left:3px solid #e3b853;border-radius:0 5px 5px 0;font-size:13px;line-height:1.48}.vf-water-map .vf-map-detail__content :where(ul,ol){margin:0 0 15px;padding-left:19px;color:#d5e3df;font-size:13px}.vf-water-map__table-details,.vf-water-map__methodology{border:1px solid var(--vf-wm-line);border-radius:12px;background:var(--vf-wm-white)}.vf-water-map__table-details{margin-top:22px}.vf-water-map__table-details summary,.vf-water-map__methodology summary{padding:16px 19px;color:var(--vf-wm-navy);font-size:14px;font-weight:750;cursor:pointer}.vf-water-map__table-details[open] summary,.vf-water-map__methodology[open] summary{border-bottom:1px solid var(--vf-wm-line)}.vf-water-map__table-scroll{overflow-x:auto;padding:18px 19px}.vf-water-map__table-prompt{margin:0;color:var(--vf-wm-muted);font-size:14px}.vf-water-map [data-map-table] table{width:100%;min-width:580px;border-collapse:collapse;color:var(--vf-wm-ink);font-size:14px;text-align:left}.vf-water-map [data-map-table] th,.vf-water-map [data-map-table] td{padding:11px 9px;border-bottom:1px solid var(--vf-wm-line);vertical-align:top}.vf-water-map [data-map-table] th{color:var(--vf-wm-navy);font-size:11px;font-weight:750;letter-spacing:.06em;text-transform:uppercase}.vf-water-map [data-map-table] tr:last-child td{border-bottom:0}.vf-water-map__context{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(26px,5vw,76px);margin-top:clamp(56px,8vw,100px);padding-top:clamp(36px,5vw,64px);border-top:1px solid var(--vf-wm-line)}.vf-water-map__context-intro h2{max-width:12ch;margin-bottom:14px;font-size:clamp(31px,3.15vw,44px);letter-spacing:-.04em;line-height:1.08}.vf-water-map__context-intro>p:last-child{max-width:41ch;margin:0;color:var(--vf-wm-muted);font-size:15px}.vf-water-map__methodology-content{padding:19px}.vf-water-map__methodology-content p{margin:0 0 15px;color:var(--vf-wm-muted);font-size:14px;line-height:1.6}.vf-water-map__methodology-content p:last-child{margin-bottom:0}.vf-water-map__methodology-content strong{color:var(--vf-wm-navy)}.vf-water-map__proxy-notice{color:var(--vf-wm-navy);font-weight:700}.vf-water-map__review-note{padding:12px 13px;background:#fff9ea;border-left:3px solid #d4a340;border-radius:0 5px 5px 0}.vf-water-map__resources{display:flex;grid-column:2;flex-wrap:wrap;gap:9px 18px;margin-top:-48px}.vf-water-map__resources a,.vf-water-map__source-credits a{color:var(--vf-wm-green-deep);font-size:13px;font-weight:750;text-decoration-color:#1f62526b;text-decoration-thickness:1px;text-underline-offset:.17em}.vf-water-map__resources a:hover,.vf-water-map__source-credits a:hover{color:var(--vf-wm-navy);text-decoration-color:currentColor}.vf-water-map__source-credits{grid-column:2;color:var(--vf-wm-muted);font-size:12px;line-height:1.5}.vf-water-map__source-credits:empty{display:none}@media(max-width:980px){.vf-water-map__facts{grid-template-columns:repeat(2,minmax(0,1fr))}.vf-water-map__controls{grid-template-columns:minmax(0,1fr) minmax(220px,.8fr)}.vf-water-map__status{grid-column:1 / -1;padding-top:2px}.vf-water-map__map-layout{grid-template-columns:minmax(0,1fr)}.vf-water-map__detail{min-height:260px}}@media(max-width:700px){.vf-water-map__inner{padding-right:14px;padding-left:14px}.vf-water-map__hero{padding-right:20px;padding-left:20px;border-radius:17px 17px 0 0}.vf-water-map h1{font-size:clamp(38px,11.5vw,48px)}.vf-water-map__facts{gap:1px}.vf-water-map__facts li{padding:12px 13px}.vf-water-map__controls{grid-template-columns:1fr;gap:17px;padding:19px 20px 20px}.vf-water-map__status{grid-column:auto}.vf-water-map__layer-buttons{display:flex;width:100%}.vf-water-map__layer-button{flex:1 1 50%;padding-right:9px;padding-left:9px}.vf-water-map__map-layout{gap:15px;padding:13px;border-radius:0 0 17px 17px}.vf-water-map__map-card{padding:10px}.vf-water-map__canvas{min-height:clamp(320px,96vw,440px)}.vf-water-map__tooltip{display:none}.vf-water-map__detail{min-height:0;padding:24px 21px}.vf-map-detail__empty p:last-child{max-width:37ch}.vf-water-map__legend-notes{gap:9px 14px}.vf-water-map__context{display:block;margin-top:54px}.vf-water-map__context-intro{margin-bottom:25px}.vf-water-map__resources,.vf-water-map__source-credits{display:flex;grid-column:auto;margin-top:20px}.vf-water-map__source-credits{display:block}}@media(max-width:430px){.vf-water-map__facts{grid-template-columns:1fr}.vf-water-map__facts li{display:grid;grid-template-columns:minmax(88px,auto) 1fr;gap:10px;align-items:baseline}.vf-water-map__facts strong{margin:0}.vf-water-map__legend-heading,.vf-water-map__legend-ticks{font-size:10px}}@media(prefers-reduced-motion:reduce){.vf-water-map *,.vf-water-map *:before,.vf-water-map *:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.vf-water-map .vf-map-detail__content{min-width:0;width:100%}.vf-water-map .vf-map-detail__number span{font-family:var(--font-body-family,Arial,sans-serif);font-size:16px;letter-spacing:0;font-weight:500}.vf-water-map .vf-map-detail__sources summary{font-size:13px;font-weight:700;cursor:pointer;margin-bottom:14px}.vf-water-map .vf-map-detail__sources ul{padding-left:17px;margin:0 0 18px}.vf-water-map .vf-map-detail__source span{display:block;font-size:11px;font-weight:400}.vf-water-map .vf-map-abbr{font-family:var(--font-body-family,Arial,sans-serif);font-size:13px;font-weight:600;fill:#173641;paint-order:stroke;stroke:#ffffff80;stroke-width:1.3px}.vf-water-map .vf-water-map__canvas{min-height:0;aspect-ratio:1000/660}.vf-water-map .vf-map-detail__content .vf-map-detail__number{margin:10px 0 18px;color:#fff;font-family:Georgia,Times New Roman,serif;font-size:54px;font-weight:500;line-height:1;letter-spacing:-.045em}.vf-water-map h1,.vf-water-map__context-intro h2{font-family:Georgia,Times New Roman,serif}.vf-water-map .vf-water-map__legend-scale{display:block!important}.vf-water-map .vf-water-map__legend-ticks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));text-align:center}.vf-water-map .vf-water-map__legend-scale{background:linear-gradient(90deg,#68a98d 0% 25%,#efd36e 25% 50%,#e8973a 50% 75%,#bd3931 75% 100%)}.vf-water-map .vf-water-map__ranking{margin-top:32px;padding:28px;background:#fff;border:1px solid #dde4da;border-radius:18px}.vf-water-map .vf-water-map__ranking h2{font-family:Georgia,Times New Roman,serif;color:#0a1e45;font-size:clamp(25px,2.5vw,34px);font-weight:400;line-height:1.2;margin:0 0 12px}.vf-water-map .vf-ranking__intro,.vf-water-map .vf-ranking__context{font-size:13px;line-height:1.6;color:#526057;margin:0 0 16px}.vf-water-map .vf-ranking__details>summary{cursor:pointer;font-size:14px;font-weight:600;padding:12px 0;color:#0a1e45}.vf-water-map .vf-ranking__scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.vf-water-map .vf-ranking__scroll table{width:100%;min-width:620px;border-collapse:collapse;font-size:13px;line-height:1.45;text-align:left}.vf-water-map .vf-ranking__scroll caption{text-align:left;padding:10px 0;font-weight:600;color:#0a1e45}.vf-water-map .vf-ranking__scroll th,.vf-water-map .vf-ranking__scroll td{padding:12px 10px;border-bottom:1px solid #e4e8e3;vertical-align:top}.vf-water-map .vf-ranking__scroll thead th{background:#f3f6ef;color:#0a1e45;font-weight:600}.vf-water-map .vf-ranking__scroll tbody th{font-weight:500}.vf-water-map .vf-ranking__scroll small{display:block;font-size:10px;font-weight:400;line-height:1.4;color:#657268;margin-top:4px}.vf-water-map [data-map-ranking]>.vf-ranking__context:last-child{margin:14px 0 0}@media(max-width:749px){.vf-water-map .vf-water-map__ranking{padding:20px 16px}.vf-water-map .vf-ranking__scroll table{font-size:11px}.vf-water-map .vf-ranking__scroll th,.vf-water-map .vf-ranking__scroll td{padding:10px 6px}.vf-water-map .vf-ranking__intro,.vf-water-map .vf-ranking__context{font-size:12px}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/vitalflow-water-map-v1.css.map */