.demo-app{position:relative}.demo-card.is-completing{pointer-events:none}.completion-title,.demo-card.is-completing h3{text-decoration:line-through;text-decoration-thickness:2px;text-decoration-color:#24965c}.demo-app .completion-ghost{position:absolute!important;margin:0!important;min-height:0!important;max-width:none!important;z-index:21!important;pointer-events:none!important;transform-origin:center;overflow:hidden!important}.completion-bin{position:absolute;right:84px;bottom:9px;width:36px;height:43px;z-index:22;pointer-events:none;color:#227b57;filter:drop-shadow(0 2px 3px #0002)}.completion-bin svg{width:100%;height:100%;fill:#e5ffef;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.bin-lid{transform-origin:8px 10px;transition:transform .16s}.completion-bin.is-open .bin-lid{transform:rotate(-28deg)}.completion-bin b{position:absolute;left:8px;top:-8px;font:bold 17px 'Segoe UI',sans-serif;color:#106c45;background:#eefff3;border-radius:8px;padding:1px 4px;opacity:0}.completion-fragment{position:absolute;width:9px;height:7px;border-radius:60% 30%;background:var(--piece);z-index:22;pointer-events:none}.demo-app [data-total]{white-space:nowrap}@media(prefers-reduced-motion:reduce){.completion-ghost,.completion-bin,.completion-fragment{display:none!important}}