html,
body {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  font-family: sans-serif;
  color: black;
}

#map {
  background-color: #FFF;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
}

#legendContainer {
  background-color: #fff;
  border-radius: 4px;
  border: solid 2px #ccc;
  display: none;
  padding-left: 6px;
  color: black;
}

.hidden {
  display: none !important;
}

.esri-legend__layer-caption {
  display: none !important;
}

.esri-search.esri-widget {
  width: 300px;
  margin: 0 auto;
}

.esri-swipe--horizontal .esri-swipe__divider {
  border-right: .5px solid rgba(0,0,0, 0.5);
  border-left: .5px solid rgba(0,0,0, 0.5);
}

.esri-swipe__container:focus .esri-swipe__handle,
.esri-swipe__container:focus .esri-swipe__divider {
  outline: inset 1px -webkit-focus-ring-color !important;
}

calcite-shell-panel {
  --calcite-shell-panel-width: 350px;
}
  
.esri-legend__layer-child-table:nth-child(even) {
  display: none;
}

.esri-legend__layer-table {
  margin-bottom: 0;
}

.esri-legend__layer-child-table {
  margin-bottom: 0;
}

calcite-block[open] {
  margin-block: 0;
}