.salesnamics-logo {
  display: block;
  width: 100%;
  height: auto;
  overflow: visible;
}

.salesnamics-logo #reveal-background {
  fill: #000000 !important;
  stroke: none !important;
}

.salesnamics-logo .reveal-strokes {
  pointer-events: none;
}

.salesnamics-logo .reveal-strokes path {
  fill: none !important;
  stroke: #ffffff !important;
  stroke-width: 90 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  animation-name: none;
}

.salesnamics-logo.is-replaying .reveal-strokes path {
  animation-name: salesnamics-write;
  animation-fill-mode: forwards;
}

@keyframes salesnamics-write {
  to {
    stroke-dashoffset: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .salesnamics-logo .reveal-strokes path {
    animation: none !important;
    stroke-dashoffset: 0 !important;
  }
}