@charset "UTF-8";
.spinner.svelte-1too89g {
  --bb: #057bfc;
  --wi: #ffffff;
  --op: #ff934f;
  --speed: 4200ms;
  --play: running;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1em;
  height: 1em;
  font-size: 64px;
  overflow: visible;
}

svg.svelte-1too89g {
  width: 100%;
  height: 100%;
  display: block;
  overflow: visible;
}

.part.svelte-1too89g {
  animation-play-state: var(--play);
}

.centered.svelte-1too89g {
  transform-box: view-box;
  transform-origin: 113.72px 106.94px;
}

/* Timeline (vereinfacht):
   0–10   BB Bounce Peak (0.25 -> 1.00)
   10–18  BB settle 1.00 -> 0.95
   18–26  WI snappy overshoot (rein)
   26–36  WI kurze Pause
   36–64  Full-Logo Aufbau (BB/WI stehen)
   54–64  OP langsam reindrehen + einblenden (später & ruhiger)
   64–78  FULL LOGO PAUSE (alles steht)
   78–88  OP weiterdrehen & ausfaden
   88–92  WI snappy wegdrehen & ausfaden (schnell)
   92–95  BB Mini-Bounce 0.95 -> 1.00
   95–100 BB shrink 1.00 -> 0.25
*/
/* BB: baseline 0.95, Peaks 1.00 */
.bb.svelte-1too89g {
  fill: var(--bb);
  animation: svelte-1too89g-bb-anim var(--speed) linear infinite;
}

@keyframes svelte-1too89g-bb-anim {
  /* Kleine Start-/Restart-Pause auf dem Mini-Kreis */
  0% {
    transform: scale(0.25);
  } /* mini */
  8% {
    transform: scale(0.25);
  } /* ➜ Pause (neu) */
  /* Dynamischer Bounce danach (Peak jetzt etwas später) */
  12% {
    transform: scale(1);
  } /* Peak */
  20% {
    transform: scale(0.95);
  } /* settle (Baseline) */
  /* Haltephase bis Full-Logo-Pause Ende */
  66% {
    transform: scale(0.95);
  }
  92% {
    transform: scale(0.95);
  }
  /* Mini-Bounce vor dem Shrink */
  95% {
    transform: scale(1);
  }
  /* Shrink & Loop-Endzustand (Mini-Kreis) */
  100% {
    transform: scale(0.25);
  }
}
/* WI: snappy rein, snappy raus */
.wi.svelte-1too89g {
  fill: var(--wi);
  animation: svelte-1too89g-wi-anim var(--speed) linear infinite;
}

@keyframes svelte-1too89g-wi-anim {
  /* bis 18% unsichtbar */
  0% {
    opacity: 0;
    transform: rotate(-25deg) scale(0.6);
  }
  18% {
    opacity: 0;
    transform: rotate(-25deg) scale(0.6);
  }
  /* 18–26% snappy Overshoot (rein) */
  20% {
    opacity: 1;
    transform: rotate(-16deg) scale(0.95);
  }
  23% {
    opacity: 1;
    transform: rotate(10deg) scale(1);
  } /* Peak */
  26% {
    opacity: 1;
    transform: rotate(0deg) scale(0.95);
  } /* settle */
  /* kurze Pause */
  36% {
    opacity: 1;
    transform: rotate(0deg) scale(0.95);
  }
  /* Full-Logo bis 64% */
  64% {
    opacity: 1;
    transform: rotate(0deg) scale(0.95);
  }
  /* OP fade-out erst, DANN WI snappy weg: 88–92% schnell raus */
  88% {
    opacity: 1;
    transform: rotate(0deg) scale(0.95);
  }
  92% {
    opacity: 0;
    transform: rotate(24deg) scale(0.6);
  } /* schnell & knackig */
  100% {
    opacity: 0;
    transform: rotate(-25deg) scale(0.6);
  } /* hidden reset */
}
/* OP: später & ruhiger rein, längere Standpause, dann weiterdrehen & fade */
.op-rotor.svelte-1too89g {
  animation: svelte-1too89g-op-rotor-anim var(--speed) linear infinite;
}

@keyframes svelte-1too89g-op-rotor-anim {
  0% {
    transform: rotate(-90deg) scale(0.85);
  } /* vorverdreht (hidden) */
  54% {
    transform: rotate(-20deg) scale(0.85);
  } /* langsame Anfahrt */
  60% {
    transform: rotate(-6deg) scale(0.94);
  } /* soft */
  64% {
    transform: rotate(0deg) scale(0.96);
  } /* natürliche Position erreicht */
  /* Pause in voller Ansicht */
  78% {
    transform: rotate(0deg) scale(0.96);
  } /* FULL LOGO PAUSE Ende */
  /* weiterdrehen (sichtbar -> unsichtbar im Fade) */
  88% {
    transform: rotate(80deg) scale(0.96);
  }
  100% {
    transform: rotate(-90deg) scale(0.85);
  } /* hidden reset */
}
.op.svelte-1too89g {
  fill: var(--op);
  animation: svelte-1too89g-op-fade var(--speed) linear infinite;
}

@keyframes svelte-1too89g-op-fade {
  0% {
    opacity: 0;
  }
  54% {
    opacity: 0;
  } /* erscheint spät */
  64% {
    opacity: 1;
  } /* volle Opacity in natürlicher Position */
  78% {
    opacity: 1;
  } /* längere Pause, alles steht */
  88% {
    opacity: 0;
  } /* ausfaden während Dreh */
  100% {
    opacity: 0;
  }
}
.bb.svelte-1too89g, .wi.svelte-1too89g, .op-rotor.svelte-1too89g, .op.svelte-1too89g {
  transform-box: view-box;
  transform-origin: 113.72px 106.94px;
}

/* PRM zum Test weiterhin auskommentiert */
/*
@media (prefers-reduced-motion: reduce) {
  .part, .op-rotor { animation: none !important; opacity: 1 !important; transform: none !important; }
  .bb { transform: scale(0.95) !important; }
  .wi { transform: rotate(0deg) scale(0.95) !important; }
}
*/