/* Canonical website lockup, based on the Terms of Service wordmark. */
@font-face {
  font-family: 'Koh Santepheap';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/brand/koh-santepheap-latin-400-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'Koh Santepheap';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/brand/koh-santepheap-latin-700-normal.woff2') format('woff2');
}
.lj-brand,
#lj-signup-isolated-root .lj-brand {
  --lj-brand-size: 20px;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  flex: none;
  gap: 0.2em;
  color: inherit;
  font-family: 'Koh Santepheap', Georgia, serif;
  font-size: var(--lj-brand-size);
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: -0.015em;
  text-decoration: none;
  white-space: nowrap;
  direction: ltr;
  unicode-bidi: isolate;
  user-select: none;
}
.lj-brand-mark,
#lj-signup-isolated-root .lj-brand-mark {
  display: block;
  flex: none;
  width: 2.4em;
  height: 2.4em;
  margin-inline-end: -0.35em;
  object-fit: contain;
  pointer-events: none;
}
.lj-brand-mark {
  filter: brightness(0);
}
.lj-brand-wordmark,
#lj-signup-isolated-root .lj-brand-wordmark {
  display: block;
  font: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  transform: translateY(0.1em);
}
.lj-brand-wordmark strong,
#lj-signup-isolated-root .lj-brand-wordmark strong {
  font-family: inherit;
  font-size: inherit;
  font-weight: 700;
  line-height: inherit;
}
:is(.dark, [data-theme='dark']) .lj-brand-mark,
body:not(.light-theme) .lj-brand--dark-default .lj-brand-mark {
  filter: invert(1) brightness(1.25);
}
.lj-brand--compact,
#lj-signup-isolated-root .lj-brand--compact {
  --lj-brand-size: 16px;
}
.lj-brand-icon {
  width: 32px;
  height: 32px;
  object-fit: contain;
  filter: brightness(0);
}
:is(.dark, [data-theme='dark']) .lj-brand-icon {
  filter: invert(1) brightness(1.25);
}
@media (max-width: 640px) {
  .lj-brand:not(.lj-brand--compact),
  #lj-signup-isolated-root .lj-brand:not(.lj-brand--compact) {
    --lj-brand-size: 18px;
  }
}
@media (max-width: 359px) {
  .lj-brand:not(.lj-brand--compact),
  #lj-signup-isolated-root .lj-brand:not(.lj-brand--compact) {
    --lj-brand-size: 16px;
  }
}