.dashboard{--tabs-and-legend-height: 49px;display:grid;grid-template-columns:1fr;grid-template-rows:var(--tabs-and-legend-height) auto auto;grid-template-areas:"tabs" "filters" "content" "disclaimer";@media(min-width:750px){grid-template-areas:"tabs content" "filters content" "disclaimer disclaimer";grid-template-columns:300px 1fr;grid-template-rows:var(--tabs-and-legend-height) auto}@media(min-width:900px){grid-template-columns:350px 1fr}@media(min-width:1000px){grid-template-areas:"tabs content" "filters content" "disclaimer disclaimer";grid-template-columns:350px 1fr}>.tabs{background-color:#fff;border-bottom:1px solid var(--bright-blue);grid-area:tabs;position:sticky;top:0;z-index:11;.MuiTabs-root .MuiButtonBase-root{font-family:GTZirkonLight,Arial}.MuiTabs-list{display:flex;.MuiTabs-indicator{background-color:var(--bright-blue)}.Mui-selected{background-color:var(--bright-blue-light);font-weight:700}}}>.filters{grid-area:filters;background-color:var(--bright-blue-lightest)}>.tabs,>.filters{border-right:2px solid var(--bright-blue)}.scatter-chart{grid-area:map}.map-summary-sidebar{grid-area:sidebar}.loading-indicator{grid-column:1 / -1;grid-row:1 / -1}.map-view{display:grid;grid-area:content;grid-template-columns:1fr;grid-template-areas:"map" "sidebar";@media(min-width:1000px){grid-template-areas:"map sidebar";grid-template-columns:1fr 250px}}.list-view{background-color:var(--bright-blue-lightest);grid-area:content;.eto-table--pagination{padding:0 .5rem .5rem;& button:not(:disabled){background-color:var(--bright-blue-light)}}}.disclaimer{font-family:GTZirkonLight;grid-area:disclaimer;margin:0 auto;max-width:800px;padding:2rem;&,a{color:var(--grey)}}}.eto-accordion{--color-secondary: var(--bright-blue-light);--color-primary: var(--bright-blue);--border: 1px solid var(--color-primary);font-family:GTZirkonLight;font-weight:400}.eto-accordion--heading{background-color:var(--color-secondary);border:var(--border);border-bottom:none;margin:0;& button{background-color:transparent;border:none;color:var(--dark-blue);display:grid;font-family:GTZirkonLight;font-size:1.25rem;font-weight:400;gap:.5rem;grid-template-columns:16px 1fr;letter-spacing:.0075em;line-height:1.6;padding:12px 16px;width:100%;.panel-title{order:1;text-align:left}& svg{fill:currentColor}&:hover{background-color:var(--color-primary);color:#fff;cursor:pointer}}}.eto-accordion--content{background-color:#fff;border:var(--border);border-top:none;.eto-accordion--pane.collapsed>&{max-height:0px;overflow:hidden;transition:max-height .3s ease-in-out}.eto-accordion--pane.expanded>&{overflow:visible;max-height:100vh;transition:max-height .3s ease-in-out}}.eto-accordion--pane+.eto-accordion--pane>.eto-accordion--heading{margin-top:-1px}.dropdown-autocomplete label{color:var(--bright-blue);font-family:GTZirkonRegular;font-size:.8rem;text-transform:uppercase}.dropdown-autocomplete .input-group{background-color:var(--bright-blue-lightest);border-bottom:1px solid var(--dark-blue);box-sizing:border-box;height:2rem;position:relative;width:100%;&:focus-within{outline:2px solid var(--bright-blue);outline-offset:-1px}&:has(.clear) .input{padding:0 4.5rem 0 .5rem}}.dropdown-autocomplete.multiple .input-group{height:fit-content;min-height:2rem}.dropdown-autocomplete .input{background-color:transparent;border:none;border-radius:0;box-sizing:border-box;color:var(--bright-blue);font-family:inherit;font-size:.875rem;font-weight:400;height:100%;line-height:1.25rem;margin:0;padding:0 2.5rem 0 .5rem;width:100%}.dropdown-autocomplete .chips{column-gap:.25rem;display:flex;flex-wrap:wrap;row-gap:.25rem;padding:.25rem}.dropdown-autocomplete .chip{background-color:var(--bright-blue-light);font-family:GTZirkonRegular;font-size:.875rem;padding:2px 2px 2px 4px;text-transform:uppercase;& button.chip-remove{background-color:var(--dark-blue);border:none;color:var(--bright-blue-lightest);height:1rem;margin-left:.25rem;padding:0;width:1rem}& button.chip-remove:focus{outline:2px solid var(--bright-blue)}& button.chip-remove:hover{background-color:var(--bright-blue);cursor:pointer}& svg{font-size:1em;vertical-align:center}}.dropdown-autocomplete .action-buttons{align-items:center;border:none;bottom:0;box-sizing:border-box;color:#737373;display:flex;height:100%;justify-content:center;padding:0;position:absolute;right:0;@media(prefers-color-scheme:dark){color:#a1a1a1}}.dropdown-autocomplete .trigger,.dropdown-autocomplete .clear{align-items:center;background-color:transparent;border:none;box-sizing:border-box;color:var(--dark-blue);display:flex;height:100%;justify-content:center;padding:0;width:1.5rem}.dropdown-autocomplete .clear svg{font-size:1.2rem}.dropdown-autocomplete-positioner{outline:0;z-index:20}.dropdown-autocomplete-popup{background-color:var(--bright-blue-lightest);border:1px solid var(--bright-blue);box-shadow:.125rem .125rem .25rem #0000005e;box-sizing:border-box;color:var(--dark-blue);font-family:GTZirkonLight;max-width:var(--available-width);transition:opacity .1s,transform .1s;transform-origin:var(--transform-origin);width:var(--anchor-width);&[data-starting-style],&[data-ending-style]{opacity:0;transform:scale(.95)}}.dropdown-autocomplete-popup .empty{padding:.25rem .5rem}.dropdown-autocomplete-popup .list{box-sizing:border-box;max-height:min(22.5rem,var(--available-height));outline:0;overflow-y:auto;overscroll-behavior:contain;scroll-padding-block:.25rem;&[data-empty]{padding:0}}.dropdown-autocomplete-popup .item{align-items:center;box-sizing:border-box;color:var(--dark-blue);column-gap:.25rem;cursor:pointer;display:grid;font-size:.875rem;grid-template-columns:1.5rem 1fr;grid-template-rows:1fr auto;grid-template-areas:"indicator text" "indicator subtext";line-height:1rem;outline:0;padding:.375rem .25rem;user-select:none;-webkit-user-select:none;&[data-selected]{background-color:var(--bright-blue-lighter);color:var(--bright-blue)}&[data-highlighted]{background-color:var(--bright-blue-light);position:relative;z-index:0}&[data-highlighted]:before{content:"";inset-block:0;inset-inline:0;position:absolute;z-index:-1}&.plain{min-height:2rem}.indicator{align-items:center;display:flex;grid-area:indicator;height:100%;margin:-2px}.text{align-items:center;display:flex;font-weight:700;grid-area:text;text-transform:uppercase;vertical-align:center}.subtext{color:var(--grey);grid-area:subtext}}.eto-switch.neo{>label{align-items:center;color:inherit;column-gap:.5em;display:flex;justify-content:left;row-gap:.5em;width:fit-content}&.label-top>label{align-items:start;flex-direction:column}&.label-right>label{flex-direction:row-reverse}&.label-bottom>label{align-items:start;flex-direction:column-reverse}.label-text{font-size:1em}.input-wrapper{align-items:center;display:flex;column-gap:.5em;.label-left &,.label-right &{column-gap:.25em}}& input:where([type=checkbox][role=switch]){appearance:none;background-color:var(--bright-blue-light);border:1px solid;border-radius:1em;box-sizing:content-box;color:inherit;color:var(--dark-blue);font-size:inherit;height:1em;position:relative;width:2em}& input:where([type=checkbox][role=switch]):active{opacity:.6}& input:where([type=checkbox][role=switch]):before{background:currentColor;border:1px solid;border-radius:50%;box-sizing:border-box;content:"";height:1em;left:0;margin:0;position:absolute;top:50%;transform:translateY(-50%);width:1em}& input:where([type=checkbox][role=switch]):checked:before{left:1em}.input-wrapper:has(input:disabled),input:where([type=checkbox][role=switch]):disabled{opacity:.4}}.text-input-slider{display:flex;flex-direction:column;row-gap:.5rem;.controls{column-gap:1rem;display:flex;.slider{width:100%}.MuiSlider-root{height:2px}.MuiSlider-track{border:none}.MuiSlider-thumb{background-color:var(--dark-blue);border:2px solid var(--dark-blue);height:12px;width:12px;&:focus,&:hover,&.Mui-active,&.Mui-focusVisible{box-shadow:inherit}&:before{display:none}}.MuiSlider-valueLabel{background-color:var(--bright-blue-light);color:var(--dark-blue)}}}.filter-sidebar{font-family:GTZirkonLight;.filter-summary{background-color:var(--bright-blue-lightest);.applied-filters,.display-unselected{padding:.5rem}& h6{font-size:1.25rem;font-weight:500;line-height:1.6;margin:0}.display-unselected,.display-unselected label{font-size:.875rem}.applied-filters ul{font-size:.875rem;line-height:1.43;list-style:none;margin:0;padding:0}}.button-container{display:grid;grid-template-columns:1fr 1fr;margin-bottom:-2px;position:sticky;top:49px;z-index:10;@media(min-width:750px){width:100%}.apply-btn{background-color:#f96;color:var(--orange-lightest);&:focus,&:hover{background-color:#f73;color:var(--orange-lightest)}&[disabled]{background-color:var(--grey-lighter);color:#666}}}.eto-accordion{@media(min-width:750px){height:calc(100vh - 109.5px)}}.eto-accordion--heading,.eto-accordion--content,.MuiAccordion-root{border-left:none;border-right:none}.section-panel{display:flex;flex-direction:column;margin:auto;max-width:350px;padding:1rem;row-gap:1rem}.eto-tooltip{color:var(--bright-blue);display:inline-flex;vertical-align:text-top}.use-conjunction-switch{margin-left:auto}.user-feedback{align-items:center;display:flex;justify-content:right;& a{padding:.25rem .5rem}& svg{margin-right:.25rem;vertical-align:middle}}}.eto-modal--trigger{align-items:center;display:flex;&:focus{outline:2px solid var(--dark-blue)}&:focus:hover{outline:3px solid var(--bright-blue)}& svg{margin-right:.25rem;vertical-align:center}}.eto-modal--backdrop{background-color:#000;inset:0;min-height:100dvh;opacity:.2;position:fixed;transition:opacity .15s;z-index:100;@supports (-webkit-touch-callout: none){position:absolute}&[data-starting-style],&[data-ending-style]{opacity:0}}.eto-modal--popup{background-color:var(--bright-blue-light);border:1px solid var(--dark-blue);box-shadow:0 0 .75rem 0 var(--dark-blue);box-sizing:border-box;color:var(--dark-blue);display:flex;flex-direction:column;font-family:GTZirkonLight;gap:.5rem;padding:.5rem;left:50%;margin-top:-2rem;max-width:calc(100vw - 3rem);position:fixed;top:50%;transform:translate(-50%,-50%);transition:transform .1s ease-out,opacity .1s ease-out;width:24rem;z-index:100;&[data-starting-style],&[data-ending-style]{opacity:0;transform:translate(-50%,-50%) scale(.98)}& h2{margin:0;padding:.5rem 1rem;text-align:center}.contents{background-color:var(--bright-blue-lightest);padding:.5rem}.buttons{display:flex;gap:.5rem;justify-content:center}}.list-view{.header .title{display:flex;flex-direction:column;gap:.5rem;justify-content:space-between;@media(min-width:550px){align-items:center;flex-direction:row}.title-buttons{display:flex;gap:.5rem;margin:-.5rem;& svg{margin-right:.25rem;vertical-align:center}}.eto-button,.eto-btn,.eto-modal--trigger{background-color:transparent;border:none;border-radius:4px;color:var(--bright-blue);cursor:pointer;display:flex;font-family:GTZirkonRegular;font-size:.875rem;padding:.5rem;text-transform:uppercase;&:hover{background-color:var(--bright-blue-light)}&:disabled{color:var(--grey);cursor:default;&:hover{background-color:transparent}}}.download-csv{text-decoration:none}}.accent-table .eto-table table{& td,th{padding:.75rem}}}.column-selection-modal{& ul{list-style:none;margin:0;padding:0}& ul li{padding:.25rem .5rem}& ul li input[type=checkbox]{margin-right:.5rem}}.map-summary-sidebar{background-color:var(--bright-blue-lightest);font-family:GTZirkonLight;padding:.75rem;& h2,h3{font-family:GTZirkonRegular;font-size:1rem;margin:0}& hgroup p{margin:0;font-size:1rem;font-style:italic;font-weight:700}& label{font-family:GTZirkonMedium;font-size:.875rem}& *+div,*+ul{margin:1rem 0 0}& ul{font-size:.875rem;line-height:1.5;list-style:none;padding-left:0;& label{font-weight:700}}& hr{margin:1rem 0}.cluster-subject{font-style:italic;margin-top:.5rem;.color-square{display:inline-block;height:10px;margin-right:.25rem;width:10px}}.large-text{font-size:1rem;& label{font-size:1rem}}}.description-dropdown{position:sticky;top:0;& button{align-items:center;background-color:var(--bright-blue-light);border:1px solid var(--dark-blue);color:var(--dark-blue);display:flex;font-family:GTZirkonLight;font-size:1.1rem;padding:4px 4px 4px 8px;position:relative;z-index:2;&:hover{background-color:var(--bright-blue);color:#fff}}& button.active{background-color:var(--dark-blue);color:#fff}.dropdown{background-color:var(--bright-blue-lightest);border:1px solid var(--bright-blue);color:var(--dark-blue);filter:drop-shadow(2px 2px 2px var(--bright-blue-light));margin-top:-1px;padding:.5rem;position:absolute;top:var(--description-dropdown-top, 42);z-index:1}.dropdown.align-right{right:0}}.scatter-chart{display:grid;flex-direction:column;grid-template-rows:var(--tabs-and-legend-height) auto;grid-template-areas:"key" "map";.legend{align-items:center;background-color:var(--bright-blue-lightest);display:flex;font-family:GTZirkonLight;grid-area:key;justify-content:space-between;padding:0 .5rem;position:sticky;top:0;z-index:1;& ul{line-height:1.2;margin:0;padding:0;padding-left:1rem;width:300px}& ul li+li{margin-top:.5rem}.broad-category-toggles{display:flex;flex-direction:column;gap:.5rem}.broad-category-toggles button{background-color:transparent;border:none;border-radius:4px;color:var(--dark-blue);cursor:pointer;display:grid;font-size:.8125rem;gap:.25rem;grid-template-columns:12px auto;text-transform:uppercase;text-align:left;&:hover{background-color:var(--bright-blue-light);color:var(--dark-blue)}&.active{background-color:var(--dark-blue);color:var(--bright-blue-lightest)}.color-box{border:1px solid var(--bright-blue-lightest);display:inline-block;height:10px;width:10px}}}.loading-indicator{grid-area:map}.js-plotly-plot{height:50vh;@media(min-width:750px){height:90vh}}}