.sez-electric-logo {
  --sez-bolt-color: #ec5429;
  --sez-electric-hot: #fffdf4;
  --sez-electric-mid: #ffc07b;
  --sez-electric-deep: #ec5429;
  display: inline-flex;
  width: auto;
  max-width: 100%;
  height: 100%;
  aspect-ratio: 244 / 101;
  flex: 0 1 auto;
  color: inherit;
  line-height: 0;
  isolation: isolate;
  overflow: visible;
  contain: layout style;
}

.sez-electric-logo__svg {
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
}

.sez-electric-logo__body path {
  fill: currentColor;
}

.sez-electric-logo__bolt-zone {
  pointer-events: none;
}

.sez-electric-logo__bolt {
  fill: var(--sez-bolt-color);
}

.sez-electric-logo__trace {
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
  pointer-events: none;
  opacity: 0;
}

.sez-electric-logo__trace--trail {
  stroke: var(--sez-electric-deep);
  stroke-width: 1.5;
  filter: drop-shadow(0 0 1.4px rgb(236 84 41 / 82%));
}

.sez-electric-logo__trace--runner {
  stroke: var(--sez-electric-hot);
  stroke-width: 1.9;
  filter: drop-shadow(0 0 1.2px #fff) drop-shadow(0 0 3.2px var(--sez-electric-mid));
}

.sez-electric-logo__trace--flash {
  stroke: var(--sez-electric-hot);
  stroke-width: 2.25;
  filter: drop-shadow(0 0 1.8px #fff) drop-shadow(0 0 5.5px var(--sez-electric-deep));
}

.sez-electric-logo__head {
  fill: #fff;
  opacity: 0;
  pointer-events: none;
  filter: drop-shadow(0 0 1px #fff) drop-shadow(0 0 3px var(--sez-electric-mid));
}

.sez-electric-logo__spark {
  fill: none;
  stroke: var(--sez-electric-hot);
  stroke-linecap: round;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
  pointer-events: none;
  filter: drop-shadow(0 0 .7px #fff) drop-shadow(0 0 2.2px var(--sez-electric-mid));
}

.sez-header__logo {
  color: var(--sez-ink);
}

.sez-home .sez-header:not(.is-scrolled):not(.is-products-mega-open) .sez-header__logo {
  color: var(--sez-white);
}

.sez-footer__brand {
  color: var(--sez-white);
}

.sez-footer__brand .sez-electric-logo {
  height: 100%;
}

@media (hover: hover) and (pointer: fine) {
  .sez-electric-logo.is-electric-active .sez-electric-logo__bolt,
  .sez-electric-logo.is-electric-active .sez-electric-logo__trace,
  .sez-electric-logo.is-electric-active .sez-electric-logo__head {
    will-change: opacity, fill, filter, stroke-dashoffset;
  }
}

@media (prefers-reduced-motion: reduce) {
  .sez-electric-logo__trace,
  .sez-electric-logo__head,
  .sez-electric-logo__sparks {
    display: none;
  }
}