/* =========================================================
   SFT Prepared Fill Layer
   ========================================================= */

.splash[data-splash-logo="sft"]
.splash_logo_svg [data-splash-fill] {
  fill: transparent !important;
  stroke: transparent !important;
  opacity: 0;
  transition:
    fill var(--splash_final_fill_duration) ease,
    opacity var(--splash_final_fill_duration) ease,
    filter var(--splash_final_fill_duration) ease;
}

.splash[data-splash-logo="sft"].is_filled
.splash_logo_svg [data-splash-fill] {
  fill: rgba(
    var(--splash_neon_rgb),
    var(--splash_fill_alpha)
  ) !important;
  stroke: transparent !important;
  opacity: 1;
  filter:
    drop-shadow(0 0 2px rgba(255, 255, 255, 0.92))
    drop-shadow(0 0 7px rgba(var(--splash_bloom_core_rgb), 0.82))
    drop-shadow(0 0 16px rgba(var(--splash_neon_rgb), 0.34));
}

/* =========================================================
   SFT Prepared Trace Layer
   ========================================================= */

.splash[data-splash-logo="sft"]
.splash_logo_svg [data-splash-trace] {
  fill: transparent !important;
  stroke: var(--splash_neon) !important;
  stroke-width: 2.6px;
  stroke-linecap: round;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
}

.splash[data-splash-logo="sft"].is_tracing
.splash_logo_svg [data-splash-trace] {
  filter:
    drop-shadow(0 0 2px rgba(255, 255, 255, 0.92))
    drop-shadow(0 0 6px rgba(var(--splash_neon_bright_rgb), 0.95))
    drop-shadow(0 0 12px rgba(var(--splash_neon_rgb), 0.72));
}

.splash[data-splash-logo="sft"].is_filled
.splash_logo_svg [data-splash-trace] {
  fill: transparent !important;
  stroke: var(--splash_neon_bright) !important;
}

.splash[data-splash-logo="sft"].is_blooming
.splash_logo_mount {
  filter:
    drop-shadow(0 0 4px rgba(var(--splash_bloom_core_rgb), 0.68))
    drop-shadow(0 0 13px rgba(var(--splash_neon_rgb), 0.42))
    drop-shadow(0 0 26px rgba(var(--splash_neon_rgb), 0.18));
}

/* =========================================================
   SFT Completed Trace Lock
   ========================================================= */

.splash[data-splash-logo="sft"].is_trace_complete
.splash_logo_svg [data-splash-trace],
.splash[data-splash-logo="sft"]
.splash_logo_svg [data-splash-trace].is_trace_locked {
  animation: none !important;
  stroke-dasharray: none !important;
  stroke-dashoffset: 0 !important;
}
