/* Only supplied artwork: no background, shadow, filter or CSS wordmark. */
.identity {
  --logo-width: 192px;
  --logo-height: 48px;
  --logo-space: 12px;
  display: inline-flex;
  flex: none;
  align-items: center;
  padding: var(--logo-space);
  max-width: 100%;
  vertical-align: middle;
  text-decoration: none;
  box-sizing: border-box;
}

.identity picture {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: var(--logo-width);
  height: var(--logo-height);
  max-width: 100%;
}

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

.identity:focus-visible {
  outline: 2px solid #6b9c46;
  outline-offset: 2px;
}

.identity--compact {
  --logo-width: 144px;
  --logo-height: 36px;
  --logo-space: 9px;
}

.identity--stacked {
  --logo-width: 104px;
  --logo-height: 88px;
  --logo-space: 10px;
}

.identity--icon { --logo-width: 48px; }
.identity--watch { --logo-width: 128px; --logo-height: 32px; --logo-space: 8px; }

@media (max-width: 820px) {
  .identity--responsive {
    --logo-width: 152px;
    --logo-height: 38px;
    --logo-space: 9.5px;
  }
}

@media (max-width: 359px) {
  .identity--responsive, .identity--compact, .identity--watch {
    --logo-width: 36px;
    --logo-height: 36px;
    --logo-space: 9px;
  }
}