/* Slow continuous motion. Hover pauses the current pose instead of resetting it. */
.hand .card,.hand .card:nth-child(n){animation:quiet-card-breath 10s cubic-bezier(.45,0,.55,1) infinite!important;transform-origin:50% 65%;transition:box-shadow .2s,outline-color .2s!important;will-change:transform}
.comic .panel-face,.comic .panel:nth-child(n) .panel-face{animation:quiet-page-breath 12s cubic-bezier(.45,0,.55,1) infinite!important;transform-origin:50% 65%;transition:border-color .2s!important;will-change:transform}
.hand .card:hover,.hand .card:focus-visible,.hand .card.selected,.hand .card.drag-source,.is-dragging .hand .card,.comic .panel-face:hover,.comic .panel-face:focus-visible,.comic .pending-placement .panel-face,.comic .pointed .panel-face,.comic .drag-source .panel-face,.is-dragging .comic .panel-face{animation-play-state:paused!important}
@keyframes quiet-card-breath{0%,100%{transform:perspective(1200px) translate3d(0,1px,0) rotateX(1deg) rotateY(-2deg)}50%{transform:perspective(1200px) translate3d(0,-3px,0) rotateX(-1deg) rotateY(2deg)}}
@keyframes quiet-page-breath{0%,100%{transform:translate3d(0,.5px,0)}50%{transform:translate3d(0,-1px,0)}}
@media(prefers-reduced-motion:reduce){.hand .card,.hand .card:nth-child(n),.comic .panel-face,.comic .panel:nth-child(n) .panel-face{animation:none!important;transform:none!important;will-change:auto}}