/* Static dragon-L wordmark. Never stretch or animate the logo. */
.loik-brand-lockup {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  flex-shrink: 0;
  color: #174c3d;
  line-height: 1;
}
body .v2-brand .loik-brand-lockup .loik-wordmark,
body .wordmark .loik-brand-lockup .loik-wordmark,
body .loading .loik-brand-lockup .loik-wordmark {
  display: block;
  width: 116px;
  height: auto;
  max-width: none;
  object-fit: contain;
  filter: none;
  transform: none;
  animation: none;
}
body .v2-brand .loik-brand-lockup .loik-wordmark-dark,
body .wordmark .loik-brand-lockup .loik-wordmark-dark,
body .loading .loik-brand-lockup .loik-wordmark-dark { display: none; }
body .v2-brand .loik-brand-lockup small,
body .wordmark .loik-brand-lockup small,
body .loading .loik-brand-lockup small {
  display: block;
  padding: 0;
  border: 0;
  margin: 2px 0 0;
  font-family: Inter, Arial, sans-serif;
  font-size: 7px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: .19em;
  color: inherit;
}
html[data-theme="dark"] .loik-brand-lockup,
body[data-theme="dark"] .loik-brand-lockup { color: #f5f3ea; }
html[data-theme="dark"] body .loik-brand-lockup .loik-wordmark-light,
body[data-theme="dark"] .loik-brand-lockup .loik-wordmark-light { display: none; }
html[data-theme="dark"] body .loik-brand-lockup .loik-wordmark-dark,
body[data-theme="dark"] .loik-brand-lockup .loik-wordmark-dark { display: block; }
body .v2-footer .v2-brand .loik-brand-lockup .loik-wordmark { width: 160px; }
body .v2-footer .v2-brand .loik-brand-lockup small { font-size: 9px; margin-top: 4px; }
body .loading > .loik-brand-lockup { margin-bottom: 20px; }
body .loading .loik-brand-lockup .loik-wordmark { width: 180px; }
@media (max-width: 767px) {
  body .v2-nav .v2-brand .loik-brand-lockup .loik-wordmark,
  body .app-bar .wordmark .loik-brand-lockup .loik-wordmark { width: 96px; }
  body .v2-nav .v2-brand .loik-brand-lockup small,
  body .app-bar .wordmark .loik-brand-lockup small { font-size: 6px; margin-top: 1px; }
}
