@lonelyplanet/dotcom-core/src/components/autocompleteResults/styles.css

This package is meant to house some of our more common UI and shared libs across dotcom applications.

.list {
  list-style: none;
}

.item:not(:first-child) {
  margin-top: 16px;
}

.link {
  align-items: center;
  color: map(colors, textPrimary);
  display: flex;
  flex-flow: row nowrap;
  height: 80px;
  justify-content: flex-start;
  max-height: 72px;
  min-height: 60px;
  transition: color map(timing, default);
}

.link:hover,
.link:active,
.link:focus {
  color: map(colors, linkPrimary);
}

.image {
  height: 60px;
  margin-right: 32px;
  width: 80px;
}

.heading {
  color: inherit;
  font-size: calc(map(typography, fontSizeHeading7) * 1px);
  font-weight: map(typography, fontWeightMedium);
  line-height: map(typography, lineHeightHeading7);
  margin-bottom: 2px;
  max-height: 48px;
  overflow: hidden;
  position: relative;
}

.heading::after {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 50%);
  content: "";
  height: 24px;
  position: absolute;
  right: 0;
  top: 24px;
  width: 36%;
}

.description {
  color: map(colors, accentGray);
  font-size: calc(map(typography, fontSizeHeading8) * 1px);
  font-weight: map(typography, fontWeightMedium);
  text-transform: uppercase;
}