#google-map {
  height: 100%;
  width: 100%;
  /* position: absolute; */
}

#map-pan-zoom-controls #map-google-logo {
  left: 335px;
}

#map-google-logo {
  bottom: 0;
}

.gm-style .gm-style-iw-c {
  overflow: visible;
}

.gm-style-iw {
  min-width: 150px !important;
  min-height: 100px;
}

.gm-style-iw-chr {
  height: 10px;
}

#iw-container {
  width: 275px;
  height: 350px;
}

#iw-content {
  margin: 0;
  overflow-y: visible;
  overflow-x: visible;
  height: 303px;
  font-size: 9pt;
}
#iw-content table th,
#iw-content table td {
  text-align: center;
}

.iw-title {
  font-family: "Open Sans Condensed", sans-serif;
  font-size: 22px;
  font-weight: bold;
  border-bottom: 4px solid #48b5e9;
  margin: 1px;
}

.lds-ring {
  display: flex;
  height: 80px;
  justify-content: center;
  margin: 10px;
}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 64px;
  height: 64px;
  margin: 8px;
  border: 8px solid #fff;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: rgb(16, 165, 96) transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}

html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: "Lato", sans-serif;
  font-size: 16px;
  overflow: hidden;
}

legend {
  color: #242424;
  font-size: 0.85em;
  padding: 0 5px;
}

label {
  color: #484848;
  font-size: 0.75em;
  padding: 0 5px;
}

select {
  padding: 5px 8px;
  text-indent: 0.01px;
  width: 99%;
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 0;
  border: 1px solid #d0d0d0;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

select::-ms-expand {
  display: none;
}

thead th {
  background-color: #e2e6e6;
  max-width: 60px;
}

tr {
  text-align: left;
}

hgroup {
  padding: 0 10px 10px;
  text-align: center;
}

hgroup > * {
  display: inline-block;
}

th,
td {
  padding: 2px 6px;
}

h1 {
  clear: both;
  margin: 0;
  text-align: center;
  font-family: Garamond, Times, serif;
  font-weight: normal;
  font-size: 1.65em;
}

h1 span {
  display: block;
  white-space: nowrap;
}

fieldset {
  background: rgba(234, 234, 234, 0.4);
  margin-bottom: 10px;
  padding: 10px;
}

#loading {
  margin: 100px 90px;
}

table {
  width: 100%;
}

table .odd {
  background-color: #ebefef;
}

.info-icon {
  width: 10px;
  height: 10px;
  border: 1px solid black;
  border-radius: 50%;
  font-size: 9px;
  display: inline-flex;
  justify-content: center;
}

.severity-0 {
  background: #00cc00;
}

.severity-1 {
  background: #7dff23;
}

.severity-2 {
  background: #ffd700;
}

.severity-3 {
  background: #ff8000;
}

.severity-4 {
  background: #cc0000;
}@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.loading-timer.svelte-15bk9jo {
  text-align: center;
  font-style: italic;
  font-size: smaller;
}.btn.svelte-1b18ekh {
  height: 40px;
  width: 40px;
  background-color: #fff;
  border: 2px solid #fff;
  border-radius: 3px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  color: rgb(25, 25, 25);
  cursor: pointer;
  margin-top: 8px;
  margin-right: 10px;
  text-align: center;
  padding: 0;
  color: #666666;
}
.btn.svelte-1b18ekh:hover {
  color: #333333;
}#sidebar.svelte-qb27hi {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: calc(100% - 50px);
  overflow-y: auto;
  background: rgba(255, 255, 255, 0.95);
  z-index: 8000;
  transition: 0.2s ease-in-out;
  transition-delay: 0.1s;
}
@media only screen and (min-width:43.063em) {
  #sidebar.svelte-qb27hi {
    width: 350px;
    height: 100%;
    bottom: 0;
  }
  #sidebar.svelte-qb27hi button:where(.svelte-qb27hi) {
    display: none;
  }
}
@media only screen and (max-width: 43em) {
  #sidebar.svelte-qb27hi {
    position: absolute;
  }
}
#sidebar.svelte-qb27hi button:where(.svelte-qb27hi) {
  height: 50px;
  position: fixed;
  bottom: 0;
  width: 100%;
  border-bottom: black 1px solid;
  background-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'%20standalone='no'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20width='100%25'%20height='100%25'%20viewBox='0%200%20100%20100'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20xml:space='preserve'%20xmlns:serif='http://www.serif.com/'%20style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3e%3cg%20transform='matrix(6.12323e-17,-1,1,6.12323e-17,2.5001,102.5)'%3e%3cpath%20d='M50.832,5L32.246,5C25.633,5%2020,10.086%2020,16.699L20,82.703C20,89.32%2025.633,95%2032.246,95L50.875,95C51.981,95%2052.875,94.105%2052.875,93C52.875,91.895%2051.98,91%2050.875,91L32.246,91C27.84,91%2024,87.113%2024,82.703L24,16.699C24,12.289%2027.84,9%2032.246,9L50.832,9C51.937,9%2052.832,8.105%2052.832,7C52.832,5.894%2051.937,5%2050.832,5L50.832,5Z'%20style='fill-rule:nonzero;'/%3e%3cpath%20d='M55.27,33.434C54.489,32.653%2053.223,32.653%2052.442,33.434L36.587,49.289C36.212,49.664%2036.001,50.172%2036.001,50.703C36.001,51.234%2036.212,51.742%2036.587,52.117L52.442,67.972C52.833,68.363%2053.344,68.558%2053.856,68.558C54.368,68.558%2054.879,68.363%2055.27,67.972C56.051,67.191%2056.051,65.925%2055.27,65.144L43.125,52.999L83,52.999C84.106,52.999%2085,52.105%2085,50.999C85,49.894%2084.106,48.999%2083,48.999L42.531,48.999L55.269,36.265C56.05,35.48%2056.05,34.214%2055.269,33.433L55.27,33.434Z'%20style='fill-rule:nonzero;'/%3e%3c/g%3e%3c/svg%3e");
  background-color: white;
  border-top: 1px solid gray;
  border-left: none;
  border-right: none;
  border-bottom: none;
  background-repeat: no-repeat;
  background-position: center;
  transition: none;
  z-index: 100;
}
#sidebar[aria-expanded=true].svelte-qb27hi {
  top: 0;
}
#sidebar[aria-expanded=false].svelte-qb27hi {
  top: 100%;
}
@media only screen and (min-width:43.063em) {
  #sidebar[aria-expanded=false].svelte-qb27hi {
    top: 0;
  }
}
#sidebar[aria-expanded=false].svelte-qb27hi button:where(.svelte-qb27hi) {
  background-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'%20standalone='no'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20width='100%25'%20height='100%25'%20viewBox='0%200%20100%20100'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20xml:space='preserve'%20xmlns:serif='http://www.serif.com/'%20style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3e%3cg%20transform='matrix(-1.83697e-16,1,-1,-1.83697e-16,102.5,-2.5001)'%3e%3cpath%20d='M50.832,5L32.246,5C25.633,5%2020,10.086%2020,16.699L20,82.703C20,89.32%2025.633,95%2032.246,95L50.875,95C51.981,95%2052.875,94.105%2052.875,93C52.875,91.895%2051.98,91%2050.875,91L32.246,91C27.84,91%2024,87.113%2024,82.703L24,16.699C24,12.289%2027.84,9%2032.246,9L50.832,9C51.937,9%2052.832,8.105%2052.832,7C52.832,5.894%2051.937,5%2050.832,5L50.832,5Z'%20style='fill-rule:nonzero;'/%3e%3cpath%20d='M55.27,33.434C54.489,32.653%2053.223,32.653%2052.442,33.434L36.587,49.289C36.212,49.664%2036.001,50.172%2036.001,50.703C36.001,51.234%2036.212,51.742%2036.587,52.117L52.442,67.972C52.833,68.363%2053.344,68.558%2053.856,68.558C54.368,68.558%2054.879,68.363%2055.27,67.972C56.051,67.191%2056.051,65.925%2055.27,65.144L43.125,52.999L83,52.999C84.106,52.999%2085,52.105%2085,50.999C85,49.894%2084.106,48.999%2083,48.999L42.531,48.999L55.269,36.265C56.05,35.48%2056.05,34.214%2055.269,33.433L55.27,33.434Z'%20style='fill-rule:nonzero;'/%3e%3c/g%3e%3c/svg%3e");
}

header.svelte-qb27hi {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 0 0 10px;
  text-align: center;
}

.content.svelte-qb27hi {
  flex: 1;
}

footer.svelte-qb27hi {
  margin-top: 25px;
  margin-bottom: 10px;
  text-align: center;
  font-size: smaller;
  color: grey;
}
footer.svelte-qb27hi a:where(.svelte-qb27hi):hover,
footer.svelte-qb27hi a:where(.svelte-qb27hi):visited,
footer.svelte-qb27hi a:where(.svelte-qb27hi):link,
footer.svelte-qb27hi a:where(.svelte-qb27hi):active {
  color: #249dde;
  text-decoration: none;
}

.logo.svelte-qb27hi {
  display: inline-block;
  background-repeat: no-repeat;
  text-indent: -9999em;
  width: 44px;
  height: 44px;
  margin: 0.5rem 0.5rem;
  background-size: contain;
  border-radius: 8px;
  background-position: center;
  border: 1px solid #fff;
}
.logo.svelte-qb27hi:hover {
  border: 1px solid grey;
}

#plantpath-logo.svelte-qb27hi {
  background-image: url("/vdifn/vite/assets/plantpath-logo-DhCNgyD6.png");
}

#vegento-logo.svelte-qb27hi {
  background-image: url("/vdifn/vite/assets/vegento-logo-C3HLogiZ.png");
}

#uw-madison.svelte-qb27hi {
  background-image: url("/vdifn/vite/assets/uw-madison-Cnxg7wEh.png");
}

h1.svelte-qb27hi span:where(.svelte-qb27hi) {
  display: block;
  white-space: nowrap;
}

h1.svelte-qb27hi span:where(.svelte-qb27hi):nth-of-type(2) {
  margin: -8px 0 0;
  font-size: 0.85em;
}

h1.svelte-qb27hi a:where(.svelte-qb27hi) {
  color: inherit;
  text-decoration: inherit;
}.button.svelte-8a5w45 {
  display: inline-block;
  cursor: pointer;
  margin: 0 auto;
  background: #c2c3c3;
  background: linear-gradient(to bottom, #ebefef 0%, #c2c3c3);
  border-radius: 2px;
  border: 1px solid #7f7f7f;
}

.button-primary.svelte-8a5w45 {
  background: #249dde;
  background: linear-gradient(to bottom, #27c5ec 0%, #249dde);
  border-radius: 3px;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0), inset 0px 0px 1px rgb(255, 255, 255);
  color: #fff;
  font-size: 0.85em;
  width: 100%;
  margin-top: 13px;
  padding: 10px;
}

.button-primary.svelte-8a5w45:hover {
  background: linear-gradient(to bottom, #249dde 0%, #1f83b9);
}

button.svelte-8a5w45:disabled {
  background: grey;
  cursor: not-allowed;
}.modal-background.svelte-1emqatb {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  z-index: 1;
}

.modal.svelte-1emqatb {
  position: absolute;
  left: 60%;
  top: 50%;
  width: calc(100vw - 4em);
  max-width: 32em;
  max-height: 80%;
  overflow: auto;
  transform: translate(-60%, -50%);
  padding: 1em;
  border-radius: 0.2em;
  background: white;
  z-index: 1;
}
@media only screen and (min-width:43.063em) {
  .modal.svelte-1emqatb {
    position: fixed;
    left: 62%;
  }
}

h2.svelte-1emqatb {
  margin: 0px;
}.pest-container.svelte-mkj357 {
  display: flex;
}

button.svelte-mkj357 {
  margin-left: 10px;
  border: 1px solid #d0d0d0;
  border-radius: 3px;
  cursor: pointer;
}

select.svelte-mkj357 {
  padding: 5px 8px;
  text-indent: 0.01px;
  width: 99%;
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 0;
  border: 1px solid #d0d0d0;
  cursor: pointer;
  appearance: none;
}

select.svelte-mkj357::-ms-expand {
  display: none;
}

label.svelte-mkj357 {
  padding: 0;
}

.clear.svelte-mkj357 {
  clear: both;
  height: 0.5em;
}

.modal__pest-info.svelte-mkj357 {
  overflow: hidden;
  word-break: break-word;
  margin-bottom: 1em;
}

.modal__pest-icon.svelte-mkj357 {
  width: 150px;
  float: left;
  margin-top: 1em;
  margin-right: 10px;
  border-radius: 3px;
}#t-min-wrapper.svelte-eeg00p {
  width: 50%;
}

#tMinMaxRange.svelte-eeg00p {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  display: flex;
  justify-content: space-between;
}

#degree_day_info.svelte-eeg00p {
  margin-top: 0.5em;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
}

.label.svelte-eeg00p {
  padding: 0 5px;
  color: #484848;
  font-size: 0.75em;
}

.t-min-wrapper.svelte-eeg00p,
.t-max-wrapper.svelte-eeg00p {
  width: 50%;
  text-align: center;
}

.t-min-wrapper.svelte-eeg00p {
  margin-right: 10px;
}

.tmin.svelte-eeg00p,
.tmax.svelte-eeg00p {
  background-color: rgba(255, 255, 255, 0.7);
  background: #d0d0d0;
  padding: 5px;
  margin-top: 3px;
  border-radius: 0;
  border: 1px solid #d0d0d0;
  color: #525252;
  cursor: default;
  text-align: center;
}

.in-celcius.svelte-eeg00p {
  padding-left: 0.3em;
}

.in-fahrenheit.svelte-eeg00p {
  float: right;
  margin-right: 1.2em;
}

/* The switch - the box around the slider */
.switch.svelte-eeg00p {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
  margin-left: 0;
  /* Hide default HTML checkbox */
}
.switch.svelte-eeg00p input:where(.svelte-eeg00p) {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider.svelte-eeg00p {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #6c6c6c;
  transition: 0.4s;
}
.slider.svelte-eeg00p:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  transition: 0.4s;
}

/* Rounded sliders */
.round.svelte-eeg00p {
  border-radius: 34px;
}
.round.svelte-eeg00p:before {
  border-radius: 50%;
}

input.svelte-eeg00p:checked + .slider:where(.svelte-eeg00p):before {
  transform: translateX(36px);
}

.symbol-wrapper.svelte-eeg00p {
  font-size: 0.75em;
  display: flex;
  justify-content: space-between;
}label.svelte-1x9ilvt {
  padding: 0;
}

.select-wrapper.svelte-1x9ilvt {
  display: flex;
}

.label-text.svelte-1x9ilvt {
  color: #484848;
  font-size: 0.75em;
}

.datepicker-tooltip.svelte-1x9ilvt {
  margin-left: 8px;
  margin: auto;
  font-size: 0.75em;
  width: 50%;
}

.clear.svelte-1x9ilvt {
  clear: both;
  height: 0.5em;
}

.preset-buttons.svelte-1x9ilvt {
  font-size: 0.75em;
  overflow: hidden;
  display: flex;
  justify-content: space-evenly;
}

.preset-buttons.svelte-1x9ilvt button:where(.svelte-1x9ilvt) {
  padding: 5px 8px;
  margin: 5px;
  background: rgb(225, 225, 225);
  border: 1px solid #d0d0d0;
  border-radius: 3px;
  appearance: none;
  cursor: pointer;
  font-size: 1em;
}
.preset-buttons.svelte-1x9ilvt button:where(.svelte-1x9ilvt):hover {
  background: rgb(200, 200, 200);
}.status.svelte-jc1xl2 {
  margin: 1em 0;
  text-align: center;
  font-size: smaller;
  font-style: italic;
}div.svelte-10yevti {
  display: flex;
  flex-direction: column;
}.dd-container.svelte-1q5izb5 {
  display: flex;
}.spectral-2.svelte-14c2fy8 {
  background: linear-gradient(90deg, rgb(0, 176, 38) 0%, rgb(245, 255, 0) 50%, rgb(255, 0, 0) 100%);
}

.spectral-3.svelte-14c2fy8 {
  background: linear-gradient(90deg, rgb(0, 176, 38) 0%, rgb(249, 255, 0) 25%, rgb(255, 0, 0) 50%, rgb(255, 255, 0) 75%, rgb(0, 176, 38) 100%);
}

.viridis-2.svelte-14c2fy8 {
  background: linear-gradient(90deg, rgb(71, 0, 82) 0%, rgb(0, 138, 140) 50%, rgb(255, 232, 73) 100%);
}

.viridis-3.svelte-14c2fy8 {
  background: linear-gradient(90deg, rgb(71, 0, 82) 0%, rgb(0, 138, 140) 25%, rgb(255, 232, 73) 50%, rgb(0, 138, 140) 75%, rgb(71, 0, 82) 100%);
}

/* Customize the label (the container) */
.gradient-type-field.svelte-14c2fy8 {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
}

.container.svelte-14c2fy8 {
  display: flex;
  flex-direction: column;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.container.svelte-14c2fy8 input:where(.svelte-14c2fy8) {
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom radio button */
.gradient.svelte-14c2fy8 {
  top: 0;
  left: 0;
  height: 36px;
  width: 110px;
  border-radius: 6px;
}

.container.svelte-14c2fy8 input:where(.svelte-14c2fy8) ~ .gradient:where(.svelte-14c2fy8) {
  border: medium solid white;
}

/* On mouse-over, add a grey background color */
.container.svelte-14c2fy8:hover input:where(.svelte-14c2fy8) ~ .gradient:where(.svelte-14c2fy8) {
  border-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.container.svelte-14c2fy8 input:where(.svelte-14c2fy8):checked ~ .gradient:where(.svelte-14c2fy8) {
  background-color: #2196f3;
  border: medium solid rgba(52, 65, 187, 0.947);
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.gradient.svelte-14c2fy8:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.container.svelte-14c2fy8 input:where(.svelte-14c2fy8):checked ~ .gradient:where(.svelte-14c2fy8):after {
  display: block;
}

/* Style the indicator (dot/circle) */
.container.svelte-14c2fy8 .gradient:where(.svelte-14c2fy8):after {
  top: 9px;
  left: 9px;
  width: 8px;
  height: 8px;
}input.svelte-vr4k5a {
  text-align: center;
}

.severity-row.svelte-vr4k5a {
  display: grid;
  grid-template-columns: 26px 1fr 1fr;
  padding: 0.3rem 0;
  column-gap: 1rem;
  width: 100%;
}

.severity-color.svelte-vr4k5a {
  width: 30px;
  height: 30px;
}

.severity-value-intermediate.svelte-vr4k5a, .severity-value-end-input.svelte-vr4k5a, .severity-value-end.svelte-vr4k5a {
  display: flex;
  border: none;
  justify-content: center;
  align-items: center;
  font-size: 0.85rem;
  background-color: white;
  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.15);
  width: 100%;
  padding: 0;
}

.update-overlay-button.svelte-vr4k5a, .level-quantity-button.svelte-vr4k5a {
  background: #249dde;
  background: linear-gradient(to bottom, #27c5ec 0%, #249dde);
  border-radius: 3px;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0), inset 0px 0px 1px rgb(255, 255, 255);
  color: #fff;
  font-size: 0.85em;
  padding: 10px;
  border: 1px solid grey;
  cursor: pointer;
}
.update-overlay-button.svelte-vr4k5a:hover, .level-quantity-button.svelte-vr4k5a:hover {
  background: linear-gradient(to bottom, #249dde 0%, #1f83b9);
}

button.svelte-vr4k5a:disabled {
  background: grey;
  cursor: not-allowed;
}

.severity-value-end.svelte-vr4k5a {
  background-color: #d0d0d0;
}

.severity-value-intermediate.svelte-vr4k5a {
  grid-column: 2/span 2;
  background-color: #d0d0d0;
}

input.svelte-vr4k5a:invalid {
  border-color: #900;
  background-color: #fdd;
}

.validation-msg.svelte-vr4k5a {
  margin-top: 0.5rem;
  font-size: smaller;
  font-style: italic;
}

.button-row.svelte-vr4k5a {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  gap: 5px;
  margin-top: 1rem;
}

.level-quantity-button.svelte-vr4k5a {
  width: 2rem;
}

.update-overlay-button.svelte-vr4k5a {
  flex: 1;
}.submitted-params.svelte-100erhy {
  display: grid;
  grid-template-columns: 1fr 1fr;
  justify-items: flex-start;
  padding: 0px 19% 0px;
  padding-left: 0px;
  font-size: small;
}.map-range.svelte-dkjo9j {
  margin: 0.5em;
  text-align: center;
  font-style: italic;
  font-size: small;
}input.svelte-d6fy3j {
  opacity: 0;
  position: absolute;
  width: 0;
}

input.svelte-d6fy3j:checked + label:where(.svelte-d6fy3j) {
  background-color: #a5dc86;
  box-shadow: none;
  color: rgba(0, 0, 0, 0.9);
}

label.svelte-d6fy3j {
  width: 100%;
  background-color: #e4e4e4;
  color: rgba(0, 0, 0, 0.6);
  font-size: 13px;
  font-weight: normal;
  text-align: center;
  text-shadow: none;
  padding: 6px 5px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
  transition: all 0.1s ease-in-out;
}

button.svelte-d6fy3j {
  cursor: pointer;
}

.options.svelte-d6fy3j {
  width: 100%;
}

.inner.svelte-d6fy3j {
  overflow-y: auto;
  margin: 0 10px;
}

.switch-field.svelte-d6fy3j {
  font-family: "Lucida Grande", Tahoma, Verdana, sans-serif;
  overflow: hidden;
  display: flex;
  justify-content: space-evenly;
  gap: 10px;
}

.switch-field.svelte-d6fy3j label:where(.svelte-d6fy3j):hover {
  cursor: pointer;
}

.switch-field.svelte-d6fy3j input:where(.svelte-d6fy3j):checked + label:where(.svelte-d6fy3j) {
  background-color: #a5dc86;
  box-shadow: none;
}

.help-btn.svelte-d6fy3j {
  border: 1px solid #d0d0d0;
  border-radius: 3px;
}.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}#legend-expand-button.svelte-1s4epng {
  position: fixed;
  right: 10px;
  bottom: 60px;
  z-index: 100;
  padding: 5px 10px;
  border: 1px solid grey;
  border-radius: 3px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
  background: #fff;
}
#legend-expand-button[aria-expanded=true].svelte-1s4epng {
  padding: 0;
  height: 25px;
  width: 25px;
}
@media only screen and (min-width:43.063em) {
  #legend-expand-button.svelte-1s4epng {
    display: none;
  }
}

#legend.svelte-1s4epng {
  position: absolute;
  max-width: 200px;
  bottom: 10px;
  right: 10px;
  z-index: 10;
  background: #fff;
  border-radius: 3px;
  box-shadow: -4px 0px 10px rgba(0, 0, 0, 0.3), 4px 0px 10px rgba(0, 0, 0, 0.3);
}
#legend[aria-expanded=true].svelte-1s4epng {
  visibility: visible;
}
@media only screen and (min-width:43.063em) {
  #legend[aria-expanded=true].svelte-1s4epng {
    visibility: visible;
    position: absolute;
  }
}
#legend[aria-expanded=false].svelte-1s4epng {
  visibility: hidden;
}
@media only screen and (min-width:43.063em) {
  #legend[aria-expanded=false].svelte-1s4epng {
    visibility: visible;
    position: absolute;
  }
}

fieldset.svelte-1s4epng {
  background: rgba(234, 234, 234, 0.4);
  padding: 10px;
  margin: 0px;
}
fieldset.svelte-1s4epng p:where(.svelte-1s4epng) {
  margin: 0;
  font-size: 12px;
}

.legend.svelte-1s4epng {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 10px;
  padding-top: 5px;
}

.legend-values.svelte-1s4epng {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.legend-value-row.svelte-1s4epng {
  display: flex;
  flex-direction: row;
  gap: 10px;
  font-size: small;
}

.legend-value-color.svelte-1s4epng {
  height: 20px;
  width: 30px;
  border: 1px solid grey;
}

.legend-value-text.svelte-1s4epng {
  display: flex;
  align-items: center;
}.status-container.svelte-1juadog {
  position: fixed;
  left: 10px;
  top: 10px;
  padding: 5px 10px;
  background: #fff;
  border-radius: 3px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  max-width: 40%;
}
@media only screen and (min-width:43.063em) {
  .status-container.svelte-1juadog {
    left: 360px;
  }
}

.status.svelte-1juadog {
  font-weight: bold;
  font-size: 15px;
}.container.svelte-b3acii {
  position: absolute;
  left: 10px;
  bottom: 10px;
  z-index: 10;
}

.flex.svelte-b3acii {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.label.svelte-b3acii {
  font-size: small;
  color: grey;
}

.switch-field.svelte-b3acii {
  display: flex;
  overflow: hidden;
  border-radius: 15px;
  border: 1px solid #ddd;
}
.switch-field.svelte-b3acii input:where(.svelte-b3acii) {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  width: 1px;
  border: 0;
  overflow: hidden;
}
.switch-field.svelte-b3acii input:where(.svelte-b3acii):focus + label:where(.svelte-b3acii) {
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
}
.switch-field.svelte-b3acii input#spectral:where(.svelte-b3acii):checked + label:where(.svelte-b3acii) {
  background-color: #e8f5e9;
  color: #2e7d32;
}
.switch-field.svelte-b3acii input#viridis:where(.svelte-b3acii):checked + label:where(.svelte-b3acii) {
  background-color: #f3e5f5;
  color: #7b1fa2;
}
.switch-field.svelte-b3acii label:where(.svelte-b3acii) {
  display: inline-block;
  background-color: #f8f8f8;
  color: rgba(0, 0, 0, 0.6);
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  padding: 5px 10px;
  transition: all 0.1s ease-in-out;
  cursor: pointer;
}
.switch-field.svelte-b3acii label:where(.svelte-b3acii):hover {
  background-color: #f1f1f1;
}
.switch-field.svelte-b3acii label:where(.svelte-b3acii):first-of-type {
  border-radius: 20px 0 0 20px;
}
.switch-field.svelte-b3acii label:where(.svelte-b3acii):last-of-type {
  border-radius: 0 20px 20px 0;
}.main.svelte-18sqp54 {
  width: 100%;
  height: 100%;
  display: flex;
}

.sidebar.svelte-18sqp54 {
  z-index: 999;
}
@media only screen and (min-width:43.063em) {
  .sidebar.svelte-18sqp54 {
    width: 350px;
    box-shadow: 0 0 10px;
  }
}

.map.svelte-18sqp54 {
  position: relative;
  width: 100%;
}
@media only screen and (min-width:43.063em) {
  .map.svelte-18sqp54 {
    width: calc(100% - 350px);
  }
}
@media only screen and (max-width: 43em) {
  .map.svelte-18sqp54 {
    width: 100%;
    height: calc(100vh - 50px);
  }
}