/* ProtectedSymbolImage owns its <img>; size that child across page boundaries. */
.protected-symbol-image {
  height: 90px;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

.protected-symbol-image > img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  min-width: 0;
  object-fit: contain;
}

.symbol-details .artwork .protected-symbol-image {
  height: 300px;
}

.symbol-details .related-list .protected-symbol-image {
  width: 48px;
  height: 48px;
  flex-shrink: 0;
}

.industry-symbol-picker .symbol-grid .protected-symbol-image {
  width: 80px;
  height: 80px;
}

.contributions .submission-list .protected-symbol-image {
  width: 120px;
  height: 65px;
  flex-shrink: 0;
}

@media (max-width: 640px) {
  .symbol-details .artwork .protected-symbol-image {
    height: 210px;
  }
}