/* Logo Atom */
.logo {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.logo-image {
  display: block;
  max-width: 100%;
  height: auto;
  object-fit: contain;
}

.logo-xs .logo-image { max-height: var(--space-6); }
.logo-sm .logo-image { max-height: var(--space-8); }
.logo-md .logo-image { max-height: var(--space-10); }
.logo-lg .logo-image { max-height: var(--header-height); }
.logo-xl .logo-image { max-height: var(--space-18); }

a.logo {
  transition: opacity var(--duration-150) var(--easing-out);
}

a.logo:hover {
  opacity: 0.8;
}