.mapTooltipSelector__propertyRow {
  display: flex;

  padding: $euiSizeXS 0;
  border-bottom: 1px solid $euiColorLightShade;
  background-color: $euiColorEmptyShade;

  &:hover,
  &:focus,
  &:focus-within {
    .mapTooltipSelector__propertyIcons {
      display: block;
      animation: mapPropertyIconsBecomeVisible $euiAnimSpeedFast $euiAnimSlightResistance;
    }
  }

  .mapTooltipSelector__propertyIcons {
    &:hover,
    &:focus {
      display: block;
      animation: mapPropertyIconsBecomeVisible $euiAnimSpeedFast $euiAnimSlightResistance;
    }
  }
}

.mapTooltipSelector__propertyRow-isDragging {
  @include euiBottomShadowMedium;
}

.mapTooltipSelector__propertyRow-isDraggingOver {
  // Don't allow interaction events while layer is being re-ordered
  // sass-lint:disable-block no-important
  pointer-events: none !important;
}

.mapTooltipSelector__propertyContent {
  overflow: hidden;
  flex-grow: 1;
  min-height: $euiSizeL;
}

.mapTooltipSelector__propertyIcons {
  flex-shrink: 0;
  display: none;
}

.mapTooltipSelector__grab:hover {
  cursor: grab;
}

@keyframes mapPropertyIconsBecomeVisible {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}
