.esri-ui {
  overflow: visible !important;
}

.esri-popup--aligned-top-center,
.esri-popup--aligned-top-left,
.esri-popup--aligned-top-right {
  animation: none !important;
}

.esri-popup--shadow {
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1) !important;
  border: 1px solid var(--urban-grey) !important;
  border-radius: 6px !important;
}

.esri-popup__pointer-direction {
  border-radius: 0 !important;
}

.esri-popup__main-container {
  border-radius: 5px !important;
}

.esri-popup__header-title {
  font-size: 12px !important;
}

.esri-feature-content {
  font-size: 12px !important;
}

.overviewpopup {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.overviewpopup > div:first-child {
  font-weight: 600;
}

.overviewpopup > div:last-child:not(:empty) {
  color: var(--urban-white);
  background-color: var(--badge-background-color);
  padding: 4px 8px;
  margin: 0 4px;
  border-radius: 3px;
}

.esri-popup__button.esri-popup__action {
  color: var(--text-color);
}

.esri-popup__navigation {
  background-color: var(--background-color) !important;
  margin: 0 15px !important;
}

.esri-popup__button.esri-popup__pagination-previous,
.esri-popup__button.esri-popup__feature-menu-button,
.esri-popup__button.esri-popup__pagination-next {
  color: var(--text-color);
  background-color: var(--background-color);
}

.esri-popup__navigation .esri-popup__button {
  margin: 0 1px !important;
}

.esri-popup__feature-menu-title > span:first-child {
  width: 90%;
}

.esri-popup__feature-menu-title > span:first-child > div > div:last-child {
  display: none;
}

body.rtl .esri-popup__icon.esri-icon-left-triangle-arrow,
body.rtl .esri-popup__icon.esri-icon-right-triangle-arrow {
  transform: rotate(180deg);
}