.import-modell{--color-background:#fff;--color-foreground:#09090b;--color-muted-foreground:#71717a;--color-border:#dfdfe2;block-size:32rem}.import-modell [data-teil]{display:none}.import-modell:is([data-stand=dialog],[data-stand=dateien]) [data-teil=dialog],.import-modell[data-stand=dateien] [data-teil=dateiliste]{display:flex}.import-modell[data-stand=import] [data-teil=fortschritt]{display:block}.import-modell:not([data-stand=fertig]):not([data-stand=offen]):not([data-stand=reset]) [data-teil=leer]{display:grid}.import-modell:is([data-stand=fertig],[data-stand=offen],[data-stand=reset]) [data-teil=protokolle]{display:flex}.import-modell:is([data-stand=offen],[data-stand=reset]) [data-teil=offen]{display:block}.import-modell:is([data-stand=offen],[data-stand=reset]) .import-protokoll:first-child .import-titel{display:none}.import-modell:not([data-stand=offen]):not([data-stand=reset]) .import-protokoll:first-child .import-chevron{rotate:-90deg}.import-modell .import-chevron{transition:rotate .24s}.import-modell[data-stand=dateien] .import-dropzone{border-style:solid;border-color:var(--color-foreground)}.import-modell[data-stand=dialog] .import-knopf-dialog{border-color:var(--color-border);background-color:color-mix(in srgb, var(--color-lime) 35%, transparent);color:var(--color-muted-foreground)}.import-modell[data-stand=akte] .import-knopf-importieren{border-color:var(--color-foreground)}@container (width<=31.999rem){.import-modell .import-kopffeld:nth-child(n+3){display:none}}.import-modell .import-fortschritt-fuellung{scale:1}.import-modell .import-zahl{opacity:0}.import-modell .import-zahl:last-child{opacity:1}.import-modell[data-stand=reset] [data-teil=blende]{display:block}@media (prefers-reduced-motion:no-preference){.import-modell[data-animiert][data-stand=dialog] [data-teil=dialog]>div{animation:.22s ease-out backwards import-auf}.import-modell[data-animiert][data-stand=dateien] .import-datei{animation:.24s ease-out backwards import-auf;animation-delay:calc(var(--n) * .18s)}.import-modell[data-animiert][data-stand=import] .import-fortschritt-fuellung{animation:2s linear forwards import-fortschritt}.import-modell[data-animiert][data-stand=import] .import-zahl{animation:.5s linear import-zahl;animation-delay:calc(var(--n) * .5s);opacity:0}.import-modell[data-animiert][data-stand=import] .import-zahl:last-child{animation-fill-mode:forwards}.import-modell[data-animiert][data-stand=fertig] .import-protokoll{animation:1.1s ease-out backwards import-flash;animation-delay:calc(var(--n) * .14s)}.import-modell[data-animiert][data-stand=reset] [data-teil=blende]{animation:.9s ease-in backwards import-blende}}@keyframes import-auf{0%{opacity:0;translate:0 .4rem}to{opacity:1;translate:0}}@keyframes import-fortschritt{0%{scale:0 1}to{scale:1}}@keyframes import-zahl{0%,to{opacity:1}}@keyframes import-flash{0%{opacity:0;border-color:var(--color-foreground);background-color:color-mix(in srgb, var(--color-lime) 55%, transparent);translate:0 .4rem}40%{opacity:1;border-color:var(--color-foreground);background-color:color-mix(in srgb, var(--color-lime) 55%, transparent);translate:0}to{opacity:1;border-color:var(--color-border);background-color:#0000;translate:0}}@keyframes import-blende{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.import-modell [data-teil=blende]{display:none}.import-modell .import-chevron{transition:none}}.entwurf-modell{--color-background:#fff;--color-foreground:#09090b;--color-muted-foreground:#71717a;--color-border:#dfdfe2;block-size:30rem}@container (width>=30rem){.entwurf-modell{block-size:32rem}}.entwurf-modell [data-teil]{display:none}.entwurf-modell:is([data-stand=akte],[data-stand=akte-offen]) [data-teil=akte],.entwurf-modell:is([data-stand=akte-offen],[data-stand=tippt]) [data-teil=protokoll-offen],.entwurf-modell:is([data-stand^=feld-],[data-stand=tippt],[data-stand^=auftrag-],[data-stand^=entwurf-],[data-stand=gefuellt-1]) [data-teil=chat],.entwurf-modell:is([data-stand^=entwurf-],[data-stand=gefuellt-1]) [data-teil=blase],.entwurf-modell:is([data-stand^=entwurf-],[data-stand=gefuellt-1]) [data-teil=entwurf]{display:flex}.entwurf-modell [data-fall]{display:none}.entwurf-modell:is([data-stand=tippt],[data-stand=entwurf-1],[data-stand=gefuellt-1]) [data-fall="1"],.entwurf-modell:is([data-stand=auftrag-2],[data-stand=entwurf-2]) [data-fall="2"],.entwurf-modell:is([data-stand=auftrag-3],[data-stand=entwurf-3]) [data-fall="3"],.entwurf-modell:is([data-stand=auftrag-4],[data-stand=entwurf-4]) [data-fall="4"],.entwurf-modell:is([data-stand=auftrag-5],[data-stand=entwurf-5]) [data-fall="5"],.entwurf-modell:is([data-stand=auftrag-6],[data-stand=entwurf-6]) [data-fall="6"]{flex-direction:column;display:flex}.entwurf-modell .entwurf-eingabe-text,.entwurf-modell:is([data-stand^=feld-],[data-stand=tippt],[data-stand^=auftrag-]) .entwurf-eingabe-leer{display:none}.entwurf-modell .entwurf-eingabefeld{transition:border-color .2s ease-out}.entwurf-modell:is([data-stand^=feld-],[data-stand=tippt],[data-stand^=auftrag-]) .entwurf-eingabefeld{border-color:var(--color-foreground)}.entwurf-cursor{background-color:var(--color-foreground);block-size:.9em;inline-size:1px;margin-inline-start:1px;display:none;translate:0 .1em}.entwurf-modell:is([data-stand^=feld-],[data-stand=tippt],[data-stand^=auftrag-]) .entwurf-cursor{display:inline-block}@media (prefers-reduced-motion:no-preference){.entwurf-modell[data-animiert] .entwurf-cursor{animation:.5s step-end infinite entwurf-blinken}}@keyframes entwurf-platz{0%{display:none}}@keyframes entwurf-blinken{0%,49%{opacity:1}50%,to{opacity:0}}.entwurf-modell[data-stand=tippt] .entwurf-eingabe-1,.entwurf-modell[data-stand=auftrag-2] .entwurf-eingabe-2,.entwurf-modell[data-stand=auftrag-3] .entwurf-eingabe-3,.entwurf-modell[data-stand=auftrag-4] .entwurf-eingabe-4,.entwurf-modell[data-stand=auftrag-5] .entwurf-eingabe-5,.entwurf-modell[data-stand=auftrag-6] .entwurf-eingabe-6{display:inline}.entwurf-modell .entwurf-luecke{background-color:var(--gz-leerstelle);-webkit-box-decoration-break:clone;box-decoration-break:clone}.entwurf-modell .entwurf-luecke-gefuellt,.entwurf-modell[data-stand=gefuellt-1] .entwurf-luecke-kopf .entwurf-luecke-offen{display:none}.entwurf-modell[data-stand=gefuellt-1] .entwurf-luecke-kopf .entwurf-luecke-gefuellt{display:inline}.entwurf-modell[data-stand=gefuellt-1] .entwurf-luecke-kopf{background-color:#0000;padding-inline:0}.entwurf-modell .entwurf-protokolle{-webkit-mask-image:linear-gradient(#000 78%,#0000 100%);mask-image:linear-gradient(#000 78%,#0000 100%)}.entwurf-modell .entwurf-blatt{-webkit-mask-image:linear-gradient(#000 82%,#0000 100%);mask-image:linear-gradient(#000 82%,#0000 100%)}.entwurf-modell .entwurf-chevron{transition:rotate .24s ease-out}.entwurf-modell:is([data-stand=akte-offen],[data-stand=tippt]) .entwurf-chevron{rotate:90deg}@media (prefers-reduced-motion:no-preference){.entwurf-modell[data-animiert]:is([data-stand=tippt],[data-stand^=auftrag-]) .entwurf-eingabe-text .modell-strom-wort{animation:.14s ease-out forwards modell-wort,1ms step-end backwards entwurf-platz;animation-delay:calc(1s + var(--i) * .12s)}.entwurf-modell[data-animiert][data-stand=gefuellt-1] .entwurf-luecke-gefuellt .modell-strom-wort{animation:.14s ease-out forwards modell-wort;animation-delay:calc(var(--i) * 95ms)}.entwurf-modell[data-animiert]:is([data-stand^=entwurf-],[data-stand=gefuellt-1]) [data-fall]>*{animation:.32s ease-out backwards entwurf-auf;animation-delay:calc(var(--stufe,0) * .16s)}}.entwurf-modell [data-teil=entwurf] [data-fall]>:first-child{--stufe:0}.entwurf-modell [data-teil=entwurf] [data-fall]>:nth-child(2){--stufe:1}.entwurf-modell [data-teil=entwurf] [data-fall]>:nth-child(3){--stufe:2}.entwurf-modell [data-teil=entwurf] [data-fall]>:nth-child(4){--stufe:3}.entwurf-modell [data-teil=entwurf] [data-fall]>:nth-child(n+5){--stufe:4}@keyframes entwurf-auf{0%{opacity:0;translate:0 .35rem}to{opacity:1;translate:0}}@media (prefers-reduced-motion:reduce){.entwurf-modell [data-fall]>*{animation:none}}
