.logo[data-v-d6eaecbf] {
  display: inline-flex;
  align-items: center;
  line-height: 1;
  user-select: none;
}
.logo__art[data-v-d6eaecbf] {
  display: block;
  height: 2.6em;
  width: auto;
}
.logo__ink[data-v-d6eaecbf] {
  fill: var(--dt-navy-900);
  transition: fill var(--dt-dur-2) var(--dt-ease-out);
}
.logo__spray[data-v-d6eaecbf] {
  fill: var(--dt-teal-500);
}

/* ---------- sizes ---------- */
.logo--sm[data-v-d6eaecbf] {
  font-size: 1.15rem;
}
.logo--md[data-v-d6eaecbf] {
  font-size: 1.5rem;
}
.logo--lg[data-v-d6eaecbf] {
  font-size: 2.2rem;
}

/* ---------- on dark surfaces ---------- */
.logo--light .logo__ink[data-v-d6eaecbf] {
  fill: #fff;
}
.logo--light .logo__spray[data-v-d6eaecbf] {
  fill: var(--dt-teal-300);
}