.brand-symbol {
  width: 36px;
  height: 36px;
  object-fit: contain;
  flex: 0 0 auto;
  filter: drop-shadow(0 0 12px rgba(82, 220, 255, .22));
}

.site-footer .brand-symbol {
  width: 42px;
  height: 42px;
}

.core-logo {
  padding: 7px;
  overflow: hidden;
  border: 1px solid rgba(82, 220, 255, .36);
  background: linear-gradient(145deg, rgba(11, 24, 44, .96), rgba(5, 12, 25, .98));
}

.core-logo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.login-icon.brand-symbol {
  width: 52px;
  height: 52px;
  padding: 5px;
  object-fit: contain;
  background: linear-gradient(145deg, rgba(11, 24, 44, .96), rgba(5, 12, 25, .98));
  border: 1px solid rgba(82, 220, 255, .28);
}

@media (max-width: 640px) {
  .brand-symbol {
    width: 32px;
    height: 32px;
  }
}