.appSearchResult {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto 1fr;
  grid-template-areas:
    'drag content'
    'drag toggle';
  overflow: hidden; // Prevents child background-colors from clipping outside of panel border-radius
  border: $euiBorderThin; // TODO: Remove after EUI version is bumped beyond 31.8.0

  &__content {
    grid-area: content;
    width: 100%;
    padding: $euiSize;
    overflow: hidden;
    color: $euiTextColor;
  }

  &__hiddenFieldsToggle {
    grid-area: toggle;
    display: flex;
    justify-content: center;
    padding: $euiSizeS;
    border-top: $euiBorderThin;
    font-size: $euiFontSizeXS;
    color: $euiColorPrimary;

    &:hover,
    &:focus {
      background-color: $euiPageBackgroundColor;
    }

    .euiIcon {
      margin-left: $euiSizeXS;
    }
  }

  &__dragHandle {
    grid-area: drag;
    display: flex;
    justify-content: center;
    align-items: center;
    width: $euiSizeXL;
    border-right: $euiBorderThin;
  }
}