.card-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  background-color: transparent;
  transition: all 0.3s ease;
  min-height: 80px;
  min-width: 150px;
}

.card-logo.card-logo--themed, body:not(.canvas-page) .card-logo.card-logo--admin-theme {
  filter: grayscale(100%) opacity(0.7);
}

.card-logo.card-logo--themed:hover, body:not(.canvas-page) .card-logo.card-logo--admin-theme:hover {
  filter: grayscale(0%) opacity(1);
  transform: translateY(-2px);
}

.card-logo img,
.card-logo svg,
.card-logo .media,
.card-logo .component {
  max-width: 100%;
  height: auto;
  min-height: 48px;
  max-height: 80px;
  object-fit: contain;
  display: block;
  width: 100%;
  margin: 0 auto;
}

