.view--content-awards.view--embed-by-project {
  --view--row--margin-top: 0px;
}
.view--content-awards.view--embed-by-project .view__rows {
  display: grid;
  grid-template-columns: repeat(auto-fill, 50px);
  gap: 1rem;
}
.view--content-awards.view--embed-by-project .view__award {
  position: relative;
  outline: none;
  font-size: 0.8rem;
}
.view--content-awards.view--embed-by-project .view__award:hover::after,
.view--content-awards.view--embed-by-project .view__award:hover .view__award-info, .view--content-awards.view--embed-by-project .view__award:focus-visible::after,
.view--content-awards.view--embed-by-project .view__award:focus-visible .view__award-info {
  opacity: 1;
  visibility: visible;
}
.view--content-awards.view--embed-by-project .view__award::after {
  content: "";
  position: absolute;
  top: calc(100% - 10px);
  left: 50%;
  transform: translateX(-50%);
  border-width: 10px;
  border-style: solid;
  opacity: 0;
  visibility: hidden;
  transition: all 200ms ease-in-out;
  border-color: transparent transparent var(--highlight-color) transparent;
}
.view--content-awards.view--embed-by-project .view__award-info {
  position: absolute;
  top: calc(100% + 10px - 1px);
  background-color: var(--bg-color);
  padding: 10px 15px;
  border-radius: 5px;
  border: 1px solid var(--highlight-color);
  opacity: 0;
  visibility: hidden;
  transition: all 200ms ease-in-out;
  z-index: 10;
}
.view--content-awards.view--embed-by-project .view__award-info > * + * {
  margin-top: 0.32768rem;
}
.view--content-awards.view--embed-by-project .view__award-title {
  white-space: nowrap;
}
