.g-zustand{position:relative;width:100%;min-height:calc(var(--einheit) * 44);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s2);padding:var(--s5) var(--s4);text-align:center;color:var(--g-text-2);animation:g-einblenden var(--g-dauer) var(--g-kurve)}.g-zustand__icon{width:calc(var(--einheit) * 12);height:calc(var(--einheit) * 12);display:grid;place-items:center;border-radius:50%;background:var(--g-kz-kreis);box-shadow:inset 0 0 0 1px var(--g-kz-kreis-ring);color:var(--g-text-1)}.g-zustand__icon .g-i{width:var(--g-icon);height:var(--g-icon)}.g-zustand__titel{font-size:var(--g-gr-gross);line-height:var(--g-zh-gross);font-weight:600;color:var(--g-text)}.g-zustand__text{max-width:calc(var(--einheit) * 80);line-height:var(--g-zh-text)}.g-zustand__titel+.g-zustand__text{font-size:var(--g-gr-text)}.g-zustand__fuss{display:flex;gap:var(--leiste-gap);padding-top:var(--s2)}.g-zustand--failed .g-zustand__icon{color:var(--g-rot)}.g-zustand--done .g-zustand__icon{color:var(--g-akzent-text);box-shadow:inset 0 0 0 1.5px var(--g-akzent),0 0 var(--s4) var(--g-akzent-glow)}.g-zustand--done .g-zustand__icon path{stroke-dasharray:1;stroke-dashoffset:0;animation:g-zeichnen 520ms var(--g-kurve) 160ms backwards}.g-zustand--done .g-zustand__icon{animation:g-zustand-feder var(--g-dauer-lang) var(--g-kurve-feder) backwards}@keyframes g-zustand-feder{from{transform:scale(.6);opacity:0}}.g-zustand--loading .g-kreisel{width:var(--g-icon);height:var(--g-icon);color:var(--g-text-2)}.g-zustand--skeleton{align-items:stretch;justify-content:flex-start;gap:var(--s3);padding:var(--s2) 0;text-align:left}.g-zustand__zeile{display:flex;align-items:center;gap:var(--s3)}.g-zustand__zeile>span{height:var(--s3);border-radius:var(--g-rund-voll);background:linear-gradient(90deg,var(--g-skelett) 30%,var(--g-skelett-licht) 50%,var(--g-skelett) 70%) 0 0 / 300% 100%;animation:g-schimmer 1.4s linear infinite}.g-zustand__zeile>span:first-child{flex:none;width:var(--g-knopf-hoehe);height:var(--g-knopf-hoehe);border-radius:50%}.g-zustand__zeile>span:nth-child(2){flex:1 1 auto}.g-zustand__zeile>span:nth-child(3){flex:none;width:calc(var(--einheit) * 20)}.g-zustand__zeile:nth-child(2)>span:nth-child(2){flex-basis:70%;flex-grow:0}.g-zustand__zeile:nth-child(3)>span:nth-child(2){flex-basis:55%;flex-grow:0}.g-zustand--blocking{padding:0;align-items:stretch;justify-content:stretch;text-align:left}.g-zustand__inhalt{flex:1 1 auto;display:flex;flex-direction:column;gap:var(--s3);padding:var(--s4);filter:saturate(.6);opacity:.55}.g-zustand__inhalt>span{height:var(--s3);border-radius:var(--g-rund-voll);background:var(--g-skelett-licht)}.g-zustand__inhalt>span:nth-child(1){width:40%;height:var(--s4)}.g-zustand__inhalt>span:nth-child(3){width:80%}.g-zustand__schleier{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s3);border-radius:var(--g-rund-mittel);background:var(--g-dimmen);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);color:var(--g-text);font-weight:550;animation:g-einblenden var(--g-dauer) var(--g-kurve)}.g-zustand__balken{width:calc(var(--einheit) * 40);height:var(--s1);border-radius:var(--g-rund-voll);background:var(--g-skelett-licht);overflow:hidden}.g-zustand__balken::after{content:"";display:block;width:40%;height:100%;border-radius:inherit;background:var(--g-akzent);animation:g-zustand-gleiten 1.2s var(--g-kurve) infinite}@keyframes g-zustand-gleiten{from{transform:translateX(-100%)}to{transform:translateX(250%)}}.g-zustand-wahl{display:flex;flex-wrap:wrap;gap:var(--chip-gap)}.g-zustand-wahl__punkt{height:var(--g-knopf-klein);padding:0 var(--s3);border-radius:var(--g-rund-voll);font-size:var(--g-gr-klein);color:var(--g-text-2);transition:background-color var(--g-dauer-kurz) ease,color var(--g-dauer-kurz) ease}.g-zustand-wahl__punkt:hover{background:var(--g-pop-hover);color:var(--g-text)}.g-zustand-wahl__punkt[aria-checked=true]{background:var(--g-pille-aktiv);color:var(--g-text);box-shadow:inset 0 0 0 1px var(--g-pille-rand)}.g-zustand-probe{display:flex;flex-direction:column;gap:var(--s3)}@media(prefers-reduced-motion:reduce){.g-zustand__balken::after{animation:none;width:100%;opacity:.5}}