.lnsFieldItem {
  .lnsFieldItem__infoIcon {
    visibility: hidden;
    opacity: 0;
  }

  &:hover:not([class*='isActive']) {
    cursor: grab;

    .lnsFieldItem__infoIcon {
      visibility: visible;
      opacity: 1;
      transition: opacity $euiAnimSpeedFast ease-in-out 1s;
    }
  }
}

.lnsFieldItem--missing {
  background: lightOrDarkTheme(transparentize($euiColorMediumShade, .9), $euiColorEmptyShade);
  color: $euiColorDarkShade;
}

.lnsFieldItem__topValue {
  margin-bottom: $euiSizeS;

  &:last-of-type {
    margin-bottom: 0;
  }
}

.lnsFieldItem__topValueProgress {
  background-color: $euiColorLightestShade;

  // sass-lint:disable-block no-vendor-prefixes
  &::-webkit-progress-bar {
    background-color: $euiColorLightestShade;
  }
}

.lnsFieldItem__fieldPanel {
  min-width: 260px;
  max-width: 300px;
}

.lnsFieldItem__buttonGroup {
  // Enforce lowercase for buttons or else some browsers inherit all caps from flyout title
  text-transform: none;
}