/* Ported from the reference build by tools/port/css.mjs. Do not edit; edit the generator or override in assets/css/theme/. */
.logo[data-c-a-ui-logo] {
  font-family: var(--font-display);
  font-weight: var(--fw-semibold);
  letter-spacing: -0.02em;
  color: var(--ink);
  align-items: center;
  gap: 10px;
  font-size: 1.2rem;
  display: inline-flex;
}
.logo__back[data-c-a-ui-logo] {
  fill: var(--cobalt);
  transition: transform var(--dur-3) var(--ease-out);
}
.logo__front[data-c-a-ui-logo] {
  fill: var(--ink);
  transition: transform var(--dur-3) var(--ease-out);
}
.logo__dot[data-c-a-ui-logo] {
  fill: var(--lime);
}
.logo--light[data-c-a-ui-logo] {
  color: #fff;
}
.logo--light[data-c-a-ui-logo] .logo__front[data-c-a-ui-logo] {
  fill: #fff;
}
.logo--light[data-c-a-ui-logo] .logo__dot[data-c-a-ui-logo] {
  fill: var(--cobalt);
}
a:hover > .logo[data-c-a-ui-logo] .logo__back[data-c-a-ui-logo] {
  transform: translate(1.5px, -1.5px);
}
a:hover > .logo[data-c-a-ui-logo] .logo__front[data-c-a-ui-logo] {
  transform: translate(-1px, 1px);
}