.al-x5{width:100%;max-width:330px;margin-inline:auto;overflow:hidden}.al-x5-stack{position:relative;height:236px}.al-x5-sheet{position:absolute;left:calc(104px + var(--i) * 14px);top:calc(14px + var(--i) * 32px);width:min(180px,calc(100% - 136px));height:140px;padding:7px 12px 0 38px;border:1px solid var(--al-rule);border-radius:8px;background:var(--al-paper);box-shadow:0 6px 18px color-mix(in srgb,var(--al-ink) 8%,transparent)}.al-x5-sheet b{display:block;overflow:hidden;font-size:14px;font-weight:600;line-height:18px;color:var(--al-ink);white-space:nowrap;text-overflow:ellipsis}.al-x5-sheet i{display:block;height:6px;margin-top:12px;border-radius:3px;background:var(--al-req-soft)}.al-x5-sheet i:nth-of-type(2){width:80%}.al-x5-sheet i:nth-of-type(3){width:60%}.al-x5-staple{position:absolute;left:136px;top:88px;width:18px;height:4px;border-radius:2px;background:var(--al-ink-2);transform:rotate(-40deg)}.al-x5-stapler{left:4px;top:70px;height:46px}.al-x5-base,.al-x5-stapler{position:absolute;width:124px}.al-x5-base{left:0;bottom:0;height:12px;border-radius:5px 7px 7px 5px;background:var(--al-ink-2)}.al-x5-arm{left:2px;top:8px;width:120px;border-radius:6px 12px 10px 6px;background:var(--al-blue);transform-origin:10px 100%;transform:rotate(-14deg)}.al-x5-arm,.al-x5-hinge{position:absolute;height:16px}.al-x5-hinge{left:4px;bottom:8px;width:16px;border-radius:50%;background:var(--al-ink)}.al-x5-done{display:flex;align-items:center;justify-content:center;gap:6px;width:-moz-fit-content;width:fit-content;margin:4px auto 0;padding:5px 12px;border:1px solid var(--al-ok-line);border-radius:999px;background:var(--al-ok-soft);color:var(--al-ok);font-size:14px;font-weight:600}@media (prefers-reduced-motion:no-preference){html.js .al-x5 .al-x5-sheet{transition:transform .6s var(--al-ease);transition-delay:calc(var(--i) * 80ms + .2s)}html.js .al-x5 .al-x5-sheet:first-child{transform:translate(-10px,10px) rotate(-6deg)}html.js .al-x5 .al-x5-sheet:nth-child(2){transform:translate(16px,-4px) rotate(5deg)}html.js .al-x5 .al-x5-sheet:nth-child(3){transform:translate(-6px,14px) rotate(-3deg)}html.js .al-x5 .al-x5-staple{opacity:0;transition:opacity .2s var(--al-ease) 1.6s}html.js .al-x5 .al-x5-done{opacity:0;transform:translateY(6px);transition:opacity .45s var(--al-ease) 2.6s,transform .45s var(--al-ease) 2.6s}html.js .al-x5[data-seen=true] .al-x5-sheet{transform:none}html.js .al-x5[data-seen=true] .al-x5-staple{opacity:1}html.js .al-x5[data-seen=true] .al-x5-done{opacity:1;transform:none}html.js .al-x5[data-seen=true] .al-x5-stapler{animation:al-x5-move 1.6s var(--al-ease-io) .9s both}html.js .al-x5[data-seen=true] .al-x5-arm{animation:al-x5-press 1.6s var(--al-ease-io) .9s both}}@keyframes al-x5-move{0%,to{transform:none}30%,70%{transform:translateX(26px)}}@keyframes al-x5-press{0%,30%,75%,to{transform:rotate(-14deg)}44%,60%{transform:rotate(0deg)}}.al-x5-sheet:nth-child(3){box-shadow:inset 0 4px 0 var(--al-cli-bright),0 6px 18px color-mix(in srgb,var(--al-ink) 8%,transparent)}.al-x5-sheet:nth-child(3) b{color:var(--al-cli)}.al-x5-sheet:nth-child(3) i:first-of-type{background:var(--al-cli-soft)}.al-x5-sheet .al-x5-io{position:absolute;left:6px;top:4px}.al-x5-group{position:absolute;right:12px;bottom:12px;display:flex}.al-x5-group .al-avatar+.al-avatar{margin-left:-9px}