.esri-view-surface--inset-outline::after {
  display: none;
}

.esri-attribution {
  background-color: var(--darker-background-color) !important;
  opacity: 0.65;
  color: var(--text-color) !important;
}

.esri-compass {
  box-shadow: none !important;
}

.esri-widget {
  background-color: var(--background-color) !important;
  color: var(--text-color) !important;
}

.esri-widget__heading {
  color: var(--text-color) !important;
}

.esri-widget--button:hover {
  color: var(--text-color) !important;
}

.esri-compass:focus {
  outline: none;
}

.esri-elevation-profile-legend-item {
  background: inherit !important;
}

/* BuildingExplorer widget */

.esri-building-explorer {
  max-height: none !important;
}

.esri-building-explorer .esri-building-level-picker-label--empty {
  color: inherit;
}

.esri-building-explorer
  .esri-building-level-picker__arrow-up:hover:not(:disabled),
.esri-building-explorer
  .esri-building-level-picker__arrow-down:hover:not(:disabled) {
  background: inherit;
}

.esri-widget__table {
  color: inherit !important;
}

.esri-widget__table tr:nth-child(odd) {
  background: var(--hover-darker-background-color) !important;
}

.esri-feature-fields__field-header {
  border-right-color: var(--border-color) !important;
}

/* Daylight widget */

.esri-daylight .esri-widget__heading {
  display: none;
}
.esri-daylight__container .esri-slider .esri-daylight__container__tick {
  border-color: var(--background-color) !important;
}

.esri-widget__anchor {
  color: inherit !important;
  margin-bottom: 0 !important;
}

.esri-widget--button {
  background-color: var(--darker-background-color) !important;
}

.esri-date-picker__calendar-toggle {
  color: inherit !important;
}

.popover + .esri-popover,
.esri-popover.esri-popover--open {
  z-index: 2000 !important;
}

.esri-date-picker__day-item--header {
  background: var(--background-color) !important;
}

.esri-date-picker__year-picker-item {
  color: var(--text-color) !important;
}

calcite-button.esri-daylight__play-pause-button {
  margin-top: 12px;
}

calcite-button.esri-daylight__play-pause-button[icon-start='play-f']:after {
  width: 16px;
  height: 16px;
  content: ' ';
  background-image: url("data:image/svg+xml;utf8,<svg class='svg' fill='white' height='100%' viewBox='0 0 16 16' width='100%' xmlns='http://www.w3.org/2000/svg'><path d='M4 1.571l10 6.43-10 6.428z'></path></svg>");
  display: block;
  position: relative;
  top: -24px;
  margin-inline-start: 8px;
}

calcite-button.esri-daylight__play-pause-button[icon-start='pause-f']:after {
  width: 16px;
  height: 16px;
  content: ' ';
  background-image: url("data:image/svg+xml;utf8,<svg class='svg' fill='white' height='100%' viewBox='0 0 16 16' width='100%' xmlns='http://www.w3.org/2000/svg'><path d='M2 1h5v14H2zm12 0H9v14h5z'></path></svg>");
  display: block;
  position: relative;
  top: -24px;
  margin-inline-start: 8px;
}