@layer components{.po-ladebalken{z-index:200;pointer-events:none;opacity:1;height:3px;transition:opacity .28s 80ms;position:fixed;inset:0 0 auto}.po-ladebalken[data-zustand=fertig]{opacity:0}.po-ladebalken__spur{transform-origin:0;will-change:transform;background:linear-gradient(90deg,#b8704a59,#b8704a 55%,#d79a6c);transition:transform .26s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;overflow:hidden;box-shadow:0 0 10px #b8704a73}.po-ladebalken__spur:after{content:"";background:linear-gradient(90deg,#0000,#ffffffb3,#0000);width:30%;animation:1.1s ease-in-out infinite po-ladebalken-glanz;position:absolute;inset:0 auto 0 0}.po-ladebalken__spitze{justify-content:flex-end;width:14px;height:3px;transition:transform .26s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;top:0;left:0}.po-ladebalken__raute{background:#b8704a;border-radius:1.5px;width:7px;height:7px;margin-top:-2px;display:block;transform:rotate(45deg);box-shadow:0 0 0 2px #f5f1ebe6,0 0 12px #b8704a99}@media (prefers-reduced-motion:reduce){.po-ladebalken,.po-ladebalken__spur,.po-ladebalken__spitze{transition:none}.po-ladebalken__spur:after{opacity:0;animation:none}}}@keyframes po-ladebalken-glanz{0%{transform:translate(-100%)}to{transform:translate(340%)}}