.update{align-items:center;gap:var(--abstand-2);padding:var(--abstand-1) var(--abstand-1) var(--abstand-1) var(--abstand-3);border:var(--linienstaerke) solid color-mix(in srgb, var(--akzent) 30%, transparent);border-radius:var(--rundung-pille);background:var(--akzent-flaeche);color:var(--akzent-text);font-size:var(--schrift-klein);cursor:default;line-height:1.2;animation:.24s ease-out update-auftauchen;display:inline-flex}.update[data-zustand=laedt],.update[data-zustand=installiert]{padding-right:var(--abstand-3)}.update[data-zustand=abgebrochen]{border-color:var(--linie);background:var(--flaeche-2);color:var(--gedaempft)}.update-symbol{flex:none;display:inline-flex}.update-symbol svg{width:16px;height:16px}.update-symbol-dreht svg{animation:.9s linear infinite update-drehen}.update-text{white-space:nowrap;font-weight:500}.update-knopf{padding:3px var(--abstand-3);border:var(--linienstaerke) solid color-mix(in srgb, var(--akzent) 40%, transparent);border-radius:var(--rundung-pille);background:var(--flaeche);color:var(--akzent-text);font:inherit;white-space:nowrap;cursor:pointer;flex:none;font-weight:600}.update-knopf:hover{background:color-mix(in srgb, var(--akzent) 10%, var(--flaeche))}.update-knopf-haupt{border-color:var(--akzent);background:var(--akzent);color:var(--akzent-schrift)}.update-knopf-haupt:hover{background:color-mix(in srgb, var(--akzent) 85%, black)}.update-knopf:focus-visible{outline:2px solid var(--akzent);outline-offset:2px}.update-balken{appearance:none;border-radius:var(--rundung-pille);background:color-mix(in srgb, var(--akzent) 18%, transparent);border:0;width:96px;height:6px;overflow:hidden}.update-balken::-webkit-progress-bar{background:color-mix(in srgb, var(--akzent) 18%, transparent);border-radius:var(--rundung-pille)}.update-balken::-webkit-progress-value{background:var(--akzent);border-radius:var(--rundung-pille);transition:width .2s ease-out}.update-balken::-moz-progress-bar{background:var(--akzent);border-radius:var(--rundung-pille)}.update-anteil{text-align:right;min-width:5ch}@keyframes update-auftauchen{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}@keyframes update-drehen{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.update,.update-symbol-dreht svg{animation:none}.update-balken::-webkit-progress-value{transition:none}}.startpruefung-knoepfe{justify-content:flex-end;gap:var(--abstand-3);display:flex}