.g-leiter-schritt{--anatomy-hi:#3a362f;--anatomy-mid:#5a5448;--anatomy-weight:.9px}.g-leiter-schritt :is(.ls-e0){--anatomy-face:#f2efe8;--anatomy-top:color-mix(in oklab, #f2efe8, #fff 38%);--anatomy-shade-3:color-mix(in oklab, #f2efe8, #6b6457 3%);--anatomy-shade-2:color-mix(in oklab, #f2efe8, #6b6457 5.3999999999999995%);--anatomy-shade-1:color-mix(in oklab, #f2efe8, #6b6457 8.4%);--anatomy-shade-0:color-mix(in oklab, #f2efe8, #6b6457 12%);--anatomy-lo:color-mix(in oklab, #f2efe8, #3a362f 48%);--anatomy-faint:color-mix(in oklab, #f2efe8, #3a362f 22%);}.g-leiter-schritt :is(.ls-dv){--anatomy-face:#ece3cf;--anatomy-top:color-mix(in oklab, #ece3cf, #fff 38%);--anatomy-shade-3:color-mix(in oklab, #ece3cf, #6b6457 3%);--anatomy-shade-2:color-mix(in oklab, #ece3cf, #6b6457 5.3999999999999995%);--anatomy-shade-1:color-mix(in oklab, #ece3cf, #6b6457 8.4%);--anatomy-shade-0:color-mix(in oklab, #ece3cf, #6b6457 12%);--anatomy-lo:color-mix(in oklab, #ece3cf, #3a362f 48%);--anatomy-faint:color-mix(in oklab, #ece3cf, #3a362f 22%);}.g-leiter-schritt :is(.ls-fd){--anatomy-face:#ece3cf;--anatomy-top:color-mix(in oklab, #ece3cf, #fff 38%);--anatomy-shade-3:color-mix(in oklab, #ece3cf, #6b6457 3%);--anatomy-shade-2:color-mix(in oklab, #ece3cf, #6b6457 5.3999999999999995%);--anatomy-shade-1:color-mix(in oklab, #ece3cf, #6b6457 8.4%);--anatomy-shade-0:color-mix(in oklab, #ece3cf, #6b6457 12%);--anatomy-lo:color-mix(in oklab, #ece3cf, #3a362f 48%);--anatomy-faint:color-mix(in oklab, #ece3cf, #3a362f 22%);}.g-leiter-schritt :is(.ls-tr){--anatomy-face:#dbe7d4;--anatomy-top:color-mix(in oklab, #dbe7d4, #fff 38%);--anatomy-shade-3:color-mix(in oklab, #dbe7d4, #6b6457 3%);--anatomy-shade-2:color-mix(in oklab, #dbe7d4, #6b6457 5.3999999999999995%);--anatomy-shade-1:color-mix(in oklab, #dbe7d4, #6b6457 8.4%);--anatomy-shade-0:color-mix(in oklab, #dbe7d4, #6b6457 12%);--anatomy-lo:color-mix(in oklab, #dbe7d4, #3a362f 48%);--anatomy-faint:color-mix(in oklab, #dbe7d4, #3a362f 22%);}.g-leiter-schritt :is(.ls-btn){--anatomy-face:#eddbce;--anatomy-top:color-mix(in oklab, #eddbce, #fff 38%);--anatomy-shade-3:color-mix(in oklab, #eddbce, #6b6457 3%);--anatomy-shade-2:color-mix(in oklab, #eddbce, #6b6457 5.3999999999999995%);--anatomy-shade-1:color-mix(in oklab, #eddbce, #6b6457 8.4%);--anatomy-shade-0:color-mix(in oklab, #eddbce, #6b6457 12%);--anatomy-lo:color-mix(in oklab, #eddbce, #3a362f 48%);--anatomy-faint:color-mix(in oklab, #eddbce, #3a362f 22%);}.g-leiter-schritt .ls-sh{fill:#fffefb;stroke:var(--anatomy-lo);stroke-width:.45px;stroke-linejoin:round}.g-leiter-schritt .ls-tx{stroke-width:.8px;stroke-linecap:round}.g-leiter-schritt .ls-ok{fill:none;stroke:color-mix(in oklab,#dbe7d4,#3a362f 55%);stroke-width:1.2px;stroke-linecap:round;stroke-linejoin:round}.g-leiter-schritt .ls-tr .f,.g-leiter-schritt .ls-tr .t{fill-rule:evenodd}.g-leiter-schritt .ls-well{fill:var(--anatomy-shade-0)}.g-leiter-schritt .ls-floor{fill:var(--anatomy-shade-2)}.g-leiter-schritt .ls-slot{fill:color-mix(in oklab,#ece3cf,#3a362f 62%)}.g-leiter-schritt .ls-bez{fill:var(--anatomy-shade-1)}.g-leiter-schritt .ls-win{fill:#e7ebe6}.g-leiter-schritt .ls-wo{fill:none;stroke:var(--anatomy-lo);stroke-width:.45px}.g-leiter-schritt .ls-wl{stroke-width:.7px;stroke-linecap:round}.g-leiter-schritt .ls-bar{fill:color-mix(in oklab,#e3daf2,#3a362f 12%)}.g-leiter-schritt .ls-cup{fill:var(--anatomy-shade-0)}.g-leiter-schritt .ls-led{fill:color-mix(in oklab,#ece3cf,#3a362f 30%);transition:fill .4s cubic-bezier(.3,.7,.2,1)}.g-leiter-schritt .ls-ledw{fill:oklch(.8 .1 150);opacity:0;filter:blur(1px)}.g-leiter-schritt .ls-om{translate:19.58px -9.79px}.g-leiter-schritt .ls-out{opacity:0;translate:-1.7px -0.71px;transition:opacity .45s cubic-bezier(.3,.7,.2,1),translate .6s cubic-bezier(.3,.7,.2,1)}.g-leiter-schritt .ls-om{transition:translate .1s linear .7s}.g-leiter-schritt .ls-im{transition:translate .1s linear .5s}.g-leiter-schritt .ls-ia{transition:opacity .45s cubic-bezier(.3,.7,.2,1) .65s,translate .35s cubic-bezier(.3,.7,.2,1)}.g-leiter-schritt .ls-bt{transition:translate .3s cubic-bezier(.34,1.45,.5,1)}.g-leiter-schritt .ls-run{translate:32.34px 16.17px}.g-leiter-schritt .ls-st[data-on] .ls-bt{translate:0px 1.36px;transition-duration:.15s}.g-leiter-schritt:has(.ls-st[data-on]) .ls-im{translate:-13.19px 34.58px;transition:translate .85s cubic-bezier(.45,0,.2,1) .15s}.g-leiter-schritt:has(.ls-st[data-on]) .ls-ia{opacity:0;transition:opacity .15s linear .95s}@keyframes ls-sweep{0%{translate:0 0}100%{translate:32.34px 16.17px}}@keyframes ls-think{0%,100%{opacity:0}25%,75%{opacity:1}}@keyframes ls-blink{0%,100%{fill:oklch(.8 .1 150)}50%{fill:color-mix(in oklab,#ece3cf,#3a362f 30%)}}.g-leiter-schritt:has(.ls-st[data-on]) .ls-run{animation:ls-sweep .5s cubic-bezier(.45,0,.2,1) 1s 2}.g-leiter-schritt:has(.ls-st[data-on]) .ls-ai{animation:ls-think 1.4s cubic-bezier(.45,0,.2,1) .85s}.g-leiter-schritt:has(.ls-st[data-on]) .ls-led{fill:oklch(.8 .1 150);animation:ls-blink .4s linear 1s 3}.g-leiter-schritt:has(.ls-st[data-on]) .ls-out{opacity:1;translate:0 0;transition:opacity .12s linear,translate .12s linear}.g-leiter-schritt:has(.ls-st[data-on]) .ls-om{translate:0 0;transition:translate .75s cubic-bezier(.3,.7,.2,1) 1.95s}@media (hover:hover){.g-leiter-schritt .ls-st:not([data-on]):hover .ls-bt{translate:0px 0.408px}.g-leiter-schritt .ls-st[data-on]:hover .ls-bt{translate:0px 1.02px}.g-leiter-schritt:not(:has(.ls-st[data-on])) .ls-in:hover .ls-ia{translate:-1.29px -0.27px}}@keyframes ls-breathe{50%{opacity:.5}}.g-leiter-schritt .ls-led.amb{animation:ls-breathe 6s ease-in-out 3s infinite}@keyframes ls-set{0%{opacity:0;translate:0 5px}60%{opacity:1}}@keyframes ls-land{0%{opacity:0;translate:0 -8px}50%{opacity:1}78%{translate:0 .4px}}@keyframes ls-on{0%{opacity:0}}.is-revealed:not(.rv-now) .g-leiter-schritt .ls-e0{animation:ls-set 0.45s cubic-bezier(.3,.7,.2,1) 0.24s backwards}.is-revealed:not(.rv-now) .g-leiter-schritt .ls-e1{animation:ls-land 0.5s cubic-bezier(.3,.7,.2,1) 0.36s backwards}.is-revealed:not(.rv-now) .g-leiter-schritt .ls-e2{animation:ls-land 0.5s cubic-bezier(.3,.7,.2,1) 0.5s backwards}.is-revealed:not(.rv-now) .g-leiter-schritt .ls-e3{animation:ls-land 0.5s cubic-bezier(.3,.7,.2,1) 0.6s backwards}@media (hover:none) and (prefers-reduced-motion:no-preference){@keyframes ls-t0{0%,40%{translate:0 0}40.75%{translate:0px 1.36px}42.25%{translate:0 0}100%{translate:0 0}}.g-leiter-schritt:not([data-played]) .ls-bt{animation:ls-t0 20s cubic-bezier(.3,.7,.2,1) 1.6s infinite}@keyframes ls-t1{0%,41%{translate:0 0}45.5%{translate:-13.19px 34.58px}67%{translate:-13.19px 34.58px}67.05%{translate:0 0}100%{translate:0 0}}.g-leiter-schritt:not([data-played]) .ls-im{animation:ls-t1 20s cubic-bezier(.3,.7,.2,1) 1.6s infinite}@keyframes ls-t2{0%,45.25%{opacity:1}45.5%{opacity:0}67%{opacity:0}69.5%{opacity:1}100%{opacity:1}}.g-leiter-schritt:not([data-played]) .ls-ia{animation:ls-t2 20s cubic-bezier(.3,.7,.2,1) 1.6s infinite}@keyframes ls-t3{0%,45%{opacity:0}47%{opacity:1}51.5%{opacity:1}54%{opacity:0}100%{opacity:0}}.g-leiter-schritt:not([data-played]) .ls-ai{animation:ls-t3 20s cubic-bezier(.3,.7,.2,1) 1.6s infinite}@keyframes ls-t4{0%,45.5%{translate:0 0}51.5%{translate:32.34px 16.17px}100%{translate:32.34px 16.17px}}.g-leiter-schritt:not([data-played]) .ls-run{animation:ls-t4 20s cubic-bezier(.3,.7,.2,1) 1.6s infinite}@keyframes ls-t5{0%,51%{opacity:0;translate:0 0}51.25%{opacity:1;translate:0 0}64%{opacity:1;translate:0 0}67%{opacity:0;translate:-1.7px -0.71px}100%{opacity:0;translate:-1.7px -0.71px}}.g-leiter-schritt:not([data-played]) .ls-out{animation:ls-t5 20s cubic-bezier(.3,.7,.2,1) 1.6s infinite}@keyframes ls-t6{0%,51.5%{translate:19.58px -9.79px}56%{translate:0 0}67%{translate:0 0}67.25%{translate:19.58px -9.79px}100%{translate:19.58px -9.79px}}.g-leiter-schritt:not([data-played]) .ls-om{animation:ls-t6 20s cubic-bezier(.3,.7,.2,1) 1.6s infinite}}
