@import "https://fonts.googleapis.com/css2?family=Fira+Code:wght@400..700&display=swap";body{color:#44748d;background:#f5f5f5;max-width:40rem;margin:0 auto;font-family:Fira Code,monospace;font-size:1em}.container{background:#fff;border-radius:8px;max-width:1200px;margin:0 auto;padding:20px;box-shadow:0 2px 4px #0000001a}h1{margin-top:0}.controls{z-index:1000;background:#f9f9f9;border-radius:4px;margin:0 -20px 20px;position:sticky;bottom:0}.main-chart-container{background:#fff}.slider-container{align-items:center;gap:15px;display:flex}label{min-width:80px;font-weight:500}input[type=range]{background:#ddd;border-radius:3px;outline:none;flex:1;height:6px}input[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#4caf50;border-radius:50%;width:18px;height:18px}input[type=range]::-moz-range-thumb{cursor:pointer;background:#4caf50;border:none;border-radius:50%;width:18px;height:18px}.value-display{text-align:right;min-width:60px;font-family:monospace;font-size:14px}.svg-container{background:#eef4f4;margin:0 -20px;overflow:auto}.svg-container svg{width:100%;height:auto;display:block}[data-sample-point]{transition:all .3s}.key-container{width:0;height:0;position:relative}.key{background-color:#f9f9f9;flex-direction:column-reverse;width:max-content;font-weight:400;display:flex;position:absolute;bottom:1em;left:1em}.key-summary{background-color:#fff;justify-content:space-between;align-items:baseline;padding:.8rem;font-size:small;list-style:none;display:flex}.key-summary::marker{content:"";display:none}.key-summary::-webkit-details-marker{content:"";display:none}.key-summary .chevron{border-bottom:2px solid;border-right:2px solid;width:.5em;height:.5em;margin-left:.5rem;display:block;transform:translateY(25%)rotate(-135deg)}details[open]>.key-summary .chevron{transform:translateY(-25%)rotate(45deg)}.color-key{flex-direction:column;gap:.25rem;margin:1rem;display:flex}.color-key-unit{background:#fff;margin:0;padding:.5rem 1rem}.color-key-unit h3,.color-key-unit h4{margin:0 0 .2em;font-size:medium;font-weight:400}.color-key-unit h4{font-size:smaller}.color-key-items{background-color:#f9f9f9;flex-direction:column;gap:6px;display:flex}.color-key-text{font-size:small}.color-key-relative-header{margin:0 0;font-size:smaller;font-weight:400}.color-key-item{flex-direction:row;align-items:center;gap:.5rem;display:flex}.color-key-swatch{box-sizing:border-box;border:1px solid #44748d;border-radius:50%;flex-shrink:0;width:1rem;height:1rem}.swatch-set{flex-direction:row;gap:1rem;margin-bottom:.2rem;display:flex}.swatch-set .swatch-col{flex-direction:column;gap:.2rem;display:flex}.swatch-set .bracket-col{flex-direction:column;align-items:baseline;gap:.25rem;margin:.5rem 0;display:flex}.swatch-set .bracket-label{text-align:center;width:100%;font-size:smaller}.swatch-set .bracket-top{border-top:1px solid #44748d;border-right:1px solid #44748d;flex:1;align-items:center;width:50%}.swatch-set .bracket-bottom{border-bottom:1px solid #44748d;border-right:1px solid #44748d;flex:1;width:50%}.map-key-feature{align-items:center;gap:8px;margin-bottom:6px;display:flex}.map-key-feature:last-child{margin-bottom:0}.map-key-icon{flex-shrink:0}.map-key-icon--insufficient{box-sizing:border-box;background:0 0;border:2px solid #44748d;border-radius:50%;width:1.5rem;height:1.5rem}.map-key-icon--watercourse,.map-key-icon--watercourse-muted{box-sizing:border-box;background:#e0f2fe;border-radius:1px;align-items:center;width:36px;height:10px;display:inline-flex;position:relative}.map-key-icon--watercourse:before,.map-key-icon--watercourse:after,.map-key-icon--watercourse-muted:before,.map-key-icon--watercourse-muted:after{content:"";background:#475569;width:3px;height:100%;position:absolute;top:0}.map-key-icon--watercourse:before,.map-key-icon--watercourse-muted:before{left:0}.map-key-icon--watercourse:after,.map-key-icon--watercourse-muted:after{right:0}.map-key-icon--watercourse-muted:before,.map-key-icon--watercourse-muted:after{background:#bae6fd}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.map-controls-section{scrollbar-width:none;-ms-overflow-style:none;background:#eef4f4;overflow-x:scroll}.map-controls-section::-webkit-scrollbar{display:none}.map-options-body{padding:12px}.map-aggregation-select{box-sizing:border-box;width:100%;max-width:100%;font:inherit;color:#44748d;cursor:pointer;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath fill='%2344748D' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:12px;border:none;border-radius:0;margin:0;padding:8px 32px 8px 10px;font-size:.9rem;font-weight:500;display:block}.map-aggregation-select:hover{background-color:#fafcfc}.map-aggregation-select:focus{outline-offset:0;outline:2px solid #44748d73}.map-colouring-help{color:#44748dd9;margin:6px 0 0;font-size:.72rem;line-height:1.35}.measurement-tabs{flex-wrap:nowrap;align-items:stretch;gap:0;display:flex}.measurement-tab{font:inherit;color:#44748d;cursor:pointer;background:#eef4f4;border:none;border-radius:0;flex-direction:row-reverse;flex:1 1 0;justify-content:center;align-items:center;gap:.5rem;padding:1rem;font-size:.8rem;font-weight:600;transition:background .15s;display:flex}.measurement-tab:hover{background:#ffffffa6}.measurement-tab:focus-visible{outline-offset:-2px;z-index:1;outline:2px solid #44748d73}.measurement-tab[aria-selected=true]{background:#fff;border-top:3px solid #44748d}.measurement-tab-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.measurement-tab-swatch{box-sizing:border-box;border:1px solid #44748d;border-radius:50%;flex-shrink:0;width:1rem;height:1rem}.measurement-tab-swatch--insufficient{background:0 0!important}.river-label{color:#44748d;font-size:small;font-weight:700;position:absolute;transform:translate(-1rem,-200%)}.river-label.inactive{color:#ccdee6}.place-label{color:#eef4f4;background-color:#44748d;padding:.2rem .5rem;font-weight:700;position:absolute;transform:translate(-1rem,-100%)}.place-label.inactive{background-color:#ccdee6}.sample-point-label{color:#44748d;vertical-align:center;margin:0;padding:.25rem;font-size:small;position:absolute;transform:translate(1.25rem,calc(.5rem - 100%))}.selected-icon{fill:#44748d;stroke:none;transform-box:fill-box;transform-origin:50%;transform:scale(.5)}.details{color:#44748d;background:#fff;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5em;padding:.8em 15px 1em;display:flex}.details .details-heading{flex-direction:column;gap:.1rem;display:flex}.details .details-location-id{margin:0;padding:0;font-size:small;font-weight:400}.details .details-description{margin:0;padding:0;font-size:medium;font-weight:700}.details .details-map-link,.details .details-map-link:visited{color:inherit;font-size:small}.stats{background-color:#fff}.stats-container{justify-content:left;gap:2em;margin:0 1em .5em;display:flex}.stat{flex:1}.stat .stat-title{margin:0;font-size:smaller;font-weight:400}.stat .stat-value{margin:0;font-size:larger;font-weight:700}.stat.small .stat-value{font-size:small}.stat-details{flex-direction:column-reverse;width:fit-content;margin:0 1em;display:flex;overflow:auto}.stat-details summary{cursor:pointer;background-color:#fff;font-size:small;list-style:none;position:sticky;top:0}.stat-details summary::marker{content:"";display:none}.stat-details summary::-webkit-details-marker{content:"";display:none}.stat-details .details-button{border-bottom:3px solid #44748d;padding:.5em 0;display:block}.stat-details table{border-collapse:collapse;border-spacing:0;cellspacing:0;cellpadding:0;background-color:#f9f9f9;border:none;width:100%}.stat-details tr:nth-child(odd){background-color:#fff}.stat-details .row-header{border-bottom:1px solid #44748d;font-size:x-small}.stat-details th,.stat-details td{text-align:right;border:none;width:fit-content;padding:.5rem 1rem;font-size:small}.stat-details td:first-child{text-align:left}.stat-details[open]{border-top:3px solid #f9f9f9;width:100%;margin:0}.stat-details[open] summary{padding:0 1rem}.stat-details[open] .details-button{width:fit-content;display:block}.notice{background:#f9f9f9;flex-direction:row;align-items:center;gap:1rem;padding:0 1rem;font-size:smaller;display:flex}.notice .notice-type{text-align:center;background-color:#fee08b;border-radius:100%;flex-grow:0;flex-shrink:0;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;font-weight:700;line-height:0;display:inline-flex}.notice[hidden]{display:none}