.ps{--ps-cycle: 2.2s;--ps-ease: cubic-bezier(.65, 0, .35, 1);--ps-blue: #0d99ff;--ps-sheet-w: 96px;--ps-sheet-h: 128px;--ps-travel: 124px}.ps-stage{position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;width:min(100%,340px);height:176px}.ps-stack{position:relative;width:64px;height:85px;justify-self:center}.ps-stack-sheet{position:absolute;inset:0;border-radius:3px;background:#fff;box-shadow:0 0 0 1px #00000014,0 4px 10px -4px #00000040;translate:calc(var(--i) * 3px) calc(var(--i) * -3px);transition:opacity .3s ease;animation:ps-stack-in .35s var(--ps-ease) backwards}.ps[data-mode=compress] .ps-stack-out .ps-stack-sheet{scale:.76}@keyframes ps-stack-in{0%{opacity:0;translate:calc(var(--i) * 3px) calc(var(--i) * -3px - 10px)}}.ps-center{position:relative;display:flex;align-items:center;justify-content:center;width:var(--ps-sheet-w);height:176px}.ps-travel{position:relative;animation:ps-travel var(--ps-cycle) var(--ps-ease) infinite}@keyframes ps-travel{0%{opacity:0;transform:translate(calc(var(--ps-travel) * -1)) scale(.66)}10%{opacity:1}22%,74%{transform:translate(0) scale(1)}92%{opacity:1;transform:translate(var(--ps-travel)) scale(.66)}to{opacity:0;transform:translate(var(--ps-travel)) scale(.66)}}.ps-sheet{position:relative;width:var(--ps-sheet-w);height:var(--ps-sheet-h);padding:16px 12px;border-radius:4px;background:#fff;box-shadow:0 0 0 1px #00000014,0 14px 30px -12px #00000059}.ps-lines{display:flex;flex-direction:column;gap:9px}.ps-lines i{display:block;width:var(--w);height:5px;border-radius:3px;background:#d9d9d9;transform-origin:left center}.ps-lines i:first-child{height:8px;background:#bdbdbd}.ps-dots{position:absolute;top:16px;left:12px;display:flex;flex-direction:column;gap:4px;color:#a3a3a3;font-family:var(--font-mono);font-size:11px;line-height:1;letter-spacing:1px;opacity:0}.ps-signature{position:absolute;left:10px;bottom:14px;width:64px;opacity:0}.ps-signature path{stroke:#1a3fb8;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1}.ps-lock{position:absolute;left:50%;bottom:18px;display:flex;align-items:center;justify-content:center;width:34px;height:34px;margin-left:-17px;border-radius:999px;background:var(--primary);color:var(--primary-foreground);opacity:0;scale:.4}.ps-lock svg{width:16px;height:16px}.ps-frame{position:absolute;inset:-5px;border:1.5px solid var(--ps-blue);opacity:0;animation:ps-frame var(--ps-cycle) ease infinite}.ps-frame i{position:absolute;width:7px;height:7px;translate:-50% -50%;background:#fff;border:1.5px solid var(--ps-blue)}.ps-frame .tl{left:0;top:0}.ps-frame .tr{left:100%;top:0}.ps-frame .bl{left:0;top:100%}.ps-frame .br{left:100%;top:100%}.ps-frame-label{position:absolute;left:50%;top:100%;translate:-50% 9px;padding:3px 6px;border-radius:4px;background:var(--ps-blue);color:#fff;font-family:var(--font-mono);font-size:10px;font-weight:500;line-height:1.2;white-space:nowrap}@keyframes ps-frame{0%,20%{opacity:0}26%,70%{opacity:1}76%,to{opacity:0}}.ps-plate{position:absolute;top:50%;z-index:1;width:7px;height:104px;margin-top:-52px;border-radius:4px;background:var(--muted-foreground);opacity:0}.ps-plate-left{left:-17px}.ps-plate-right{right:-17px}.ps[data-mode=compress] .ps-plate-left{animation:ps-press-left var(--ps-cycle) var(--ps-ease) infinite}.ps[data-mode=compress] .ps-plate-right{animation:ps-press-right var(--ps-cycle) var(--ps-ease) infinite}.ps[data-mode=compress] .ps-sheet{animation:ps-squash var(--ps-cycle) var(--ps-ease) infinite}.ps[data-mode=compress] .ps-frame{animation:ps-frame var(--ps-cycle) ease infinite,ps-frame-hug var(--ps-cycle) var(--ps-ease) infinite}@keyframes ps-squash{0%,30%{scale:1}46%,to{scale:.74}}@keyframes ps-frame-hug{0%,30%{inset:-5px}46%,to{inset:11.6px 7.5px}}@keyframes ps-press-left{0%,20%{opacity:0;translate:-6px 0}28%{opacity:1;translate:-6px 0}46%,54%{opacity:1;translate:22px 0}66%{opacity:1;translate:-6px 0}74%,to{opacity:0;translate:-6px 0}}@keyframes ps-press-right{0%,20%{opacity:0;translate:6px 0}28%{opacity:1;translate:6px 0}46%,54%{opacity:1;translate:-22px 0}66%{opacity:1;translate:6px 0}74%,to{opacity:0;translate:6px 0}}.ps[data-mode=lock] .ps-lines i{animation:ps-lines-out var(--ps-cycle) var(--ps-ease) infinite}.ps[data-mode=lock] .ps-dots{animation:ps-dots-in var(--ps-cycle) ease infinite}.ps[data-mode=lock] .ps-lock-open{animation:ps-lock-swap-out var(--ps-cycle) ease infinite}.ps[data-mode=lock] .ps-lock-closed{animation:ps-lock-swap-in var(--ps-cycle) ease infinite}@keyframes ps-lines-out{0%,28%{scale:1 1;opacity:1}42%,to{scale:0 1;opacity:0}}@keyframes ps-dots-in{0%,36%{opacity:0}48%,to{opacity:1}}.ps[data-mode=unlock] .ps-dots{animation:ps-dots-out var(--ps-cycle) ease infinite}.ps[data-mode=unlock] .ps-lines i{animation:ps-lines-in var(--ps-cycle) var(--ps-ease) infinite}.ps[data-mode=unlock] .ps-lock-closed{animation:ps-lock-swap-out var(--ps-cycle) ease infinite}.ps[data-mode=unlock] .ps-lock-open{animation:ps-lock-swap-in var(--ps-cycle) ease infinite}@keyframes ps-dots-out{0%,44%{opacity:1}54%,to{opacity:0}}@keyframes ps-lines-in{0%,48%{scale:0 1;opacity:0}62%,to{scale:1 1;opacity:1}}@keyframes ps-lock-swap-out{0%,22%{opacity:0;scale:.4}30%{opacity:1;scale:1.1}34%,44%{opacity:1;scale:1}46%,to{opacity:0;scale:1}}@keyframes ps-lock-swap-in{0%,44%{opacity:0;scale:1}46%{opacity:1;scale:1.18}52%,to{opacity:1;scale:1}}.ps[data-mode=sign] .ps-signature{opacity:1}.ps[data-mode=sign] .ps-signature path{animation:ps-write var(--ps-cycle) ease-in-out infinite}@keyframes ps-write{0%,26%{stroke-dashoffset:1}62%,to{stroke-dashoffset:0}}@media(prefers-reduced-motion:reduce){.ps *,.ps *:before,.ps *:after{animation:none!important}.ps .ps-frame{opacity:1}.ps[data-mode=compress] .ps-sheet{scale:.74}.ps[data-mode=compress] .ps-frame{inset:11.6px 7.5px}.ps[data-mode=compress] .ps-plate,.ps[data-mode=lock] .ps-lines{opacity:0}.ps[data-mode=lock] .ps-dots,.ps[data-mode=lock] .ps-lock-closed,.ps[data-mode=unlock] .ps-lock-open{opacity:1;scale:1}.ps[data-mode=sign] .ps-signature path{stroke-dashoffset:0}}