.resources-dropdown {
  top: calc(100% + 4px);
  transform-origin: top right;
  z-index: 40;
  grid-template-columns: repeat(3, minmax(120px, 1fr));
  width: 470px;
}

.resources-menu.open .resources-dropdown,
.resources-menu:hover .resources-dropdown,
.resources-menu:focus-within .resources-dropdown {
  animation: resources-open-v4 .22s steps(4, end) both;
}

.resource-icon-image {
  display: block;
  width: 30px;
  height: 30px;
  object-fit: contain;
  margin-bottom: 7px;
  image-rendering: pixelated;
}

@keyframes resources-open-v4 {
  from { opacity: 0; transform: translateY(-8px) scale(.96); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

@media (max-width: 800px) {
  .resources-dropdown {
    top: 92px;
    right: 14px;
    grid-template-columns: 1fr;
    width: min(300px, calc(100vw - 28px));
    gap: 5px;
    padding: 9px;
  }

  .resources-dropdown .resource-link {
    min-height: 76px;
    padding: 11px 12px;
  }
}