@import "https://js.arcgis.com/4.31/@arcgis/core/assets/esri/themes/light/main.css";
._map_64z8r_2 {
  display: flex;
  height: 100%;
  max-height: calc(100vh - 60px);
}
._mapOverlay_64z8r_8 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(153, 160, 163, 0.3019607843);
}
.esri-search__input-container,
.esri-search__form {
  display: block !important;
  flex-flow: unset !important;
  align-items: unset !important;
}
._mapSkeleton_64z8r_24 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--neutral-5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}
._mapError_64z8r_37 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--neutral-5);
}._mapArea_11q67_1 {
  margin-top: var(--space-2);
  padding: var(--space-4);
  background-color: var(--neutral-5);
  border-radius: 4px;
}

._uploadNote_11q67_8 {
  margin-top: var(--space-2);
}

._projectDataGrid_11q67_12 {
  width: fit-content;
}

._label_11q67_16 {
  min-width: 120px;
  display: inline-block;
}._detailsContainer_1vc3k_1 {
  padding: var(--space-4) var(--space-6) 0 var(--space-4);
  height: 100%;
}

._scoreBarContainer_1vc3k_6 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
}

._label_1vc3k_13 {
  color: var(--primary-50);
  white-space: nowrap;
}

._factorLabel_1vc3k_18 {
  color: var(--primary-50);
  font-size: 0.75rem;
  text-align: center;
}

._labelContainer_1vc3k_24 {
  width: 110px;
  display: flex;
  justify-content: center;
}

._scoreBar_1vc3k_6 {
  position: relative;
  display: flex;
  width: 100%;
  height: 3px;
  border-radius: 1px;
  background-color: var(--primary-50);
  margin-top: 4px;
}

._section_1vc3k_40 {
  flex: 1;
  position: relative;
  height: 3px;
}
._section_1vc3k_40:first-child::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 3px;
  height: 20px;
  background-color: var(--primary-50);
}
._section_1vc3k_40:not(:last-child)::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 3px;
  height: 20px;
  background-color: var(--primary-50);
}
._section_1vc3k_40._active_1vc3k_65 {
  height: 6px;
  background-color: var(--green-60);
  top: -2px;
  position: relative;
  border-radius: 3px;
}

._indicator_1vc3k_73 {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: var(--green-60);
}

._tooltipTrigger_1vc3k_83 {
  width: 12px;
  height: 12px;
  opacity: 0;
  cursor: default;
}

._downloadButton_1vc3k_90 {
  position: sticky;
  bottom: 0;
  width: calc(100% + var(--space-12));
  margin-left: -24px;
  padding: 8px;
  background-color: var(--neutral-0);
  border-top: 1px solid var(--neutral-15);
  display: flex;
  justify-content: flex-end;
  z-index: 10;
}/* This is a CSS file for styling the React application */
.esri-sketch.esri-sketch-pad {
  width: 400px;
}
.esri-sketch.esri-sketch-pad > div:nth-child(2) {
  opacity: 0;
}
.esri-sketch.esri-sketch-pad .esri-sketch__selection-count-chip--horizontal {
  margin-top: 20px;
}
.esri-sketch.esri-sketch-pad .container.text--slotted {
  padding: 8px;
}

.map:not(.wizard-step-2) .esri-sketch.esri-sketch-pad {
  opacity: 0;
}

.details-content {
  height: calc(100vh - 60px);
  overflow-y: auto;
}

.zone-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  cursor: pointer;
  padding: 8px 36px;
  border-radius: 4px;
  transition: background-color 0.3s ease;
  border: 1px solid var(--neutral-25);
}
.zone-item.active {
  background-color: var(--primary-5);
  border-color: var(--primary-50);
}
.zone-item:hover:not(.active) {
  background-color: var(--neutral-5);
}

.project-detail-content {
  border-bottom: 1px solid var(--neutral-15);
  padding-bottom: 16px;
}

._pagination_homjl_197 {
  display: none;
}

._tableControls_homjl_85 {
  display: none;
}

thead ._tableRow_homjl_9 {
  border-top: none;
}