.pcard{--card-w:6rem;width:var(--card-w);aspect-ratio:5/7;perspective:calc(var(--card-w) * 9);-webkit-tap-highlight-color:transparent;flex:none;position:relative}.pcard__lift,.pcard__inner{width:100%;height:100%;transform-style:preserve-3d;position:relative}.pcard__inner{transition:transform var(--dur-flip) var(--ease-flip) var(--flip-delay,0s);transform:rotateY(180deg)}.pcard[data-face-up] .pcard__inner{transform:rotateY(0)}.pcard[data-flips][data-face-up] .pcard__lift{animation:pcard-lift-a var(--dur-flip) var(--ease-in-out) var(--flip-delay,0s)}.pcard[data-flips]:not([data-face-up]) .pcard__lift{animation:pcard-lift-b var(--dur-flip) var(--ease-in-out) var(--flip-delay,0s)}.pcard__face{border-radius:calc(var(--card-w) * .064);backface-visibility:hidden;box-shadow:var(--sh-card);position:absolute;inset:0;overflow:hidden}.pcard__face>svg{width:100%;height:100%}.pcard__back{transform:rotateY(180deg)}.pcard__face:after{content:"";opacity:0;pointer-events:none;background:linear-gradient(105deg,#0000 30%,#fff9 48%,#0000 66%);position:absolute;inset:0}.pcard[data-flips][data-face-up] .pcard__face:after{animation:pcard-sheen-a var(--dur-flip) var(--ease-in-out) var(--flip-delay,0s)}.pcard[data-flips]:not([data-face-up]) .pcard__face:after{animation:pcard-sheen-b var(--dur-flip) var(--ease-in-out) var(--flip-delay,0s)}.pcard[data-lift=off] .pcard__lift,.pcard[data-lift=off] .pcard__face:after{animation:none!important}@keyframes pcard-lift-a{50%{filter:drop-shadow(0 16px 16px #16132a40);transform:translateY(-6%)scale(1.08)rotate(2deg)}}@keyframes pcard-lift-b{50%{filter:drop-shadow(0 16px 16px #16132a40);transform:translateY(-6%)scale(1.08)rotate(2deg)}}@keyframes pcard-sheen-a{0%,to{opacity:0;transform:translate(-40%)}60%{opacity:1;transform:translate(30%)}}@keyframes pcard-sheen-b{0%,to{opacity:0;transform:translate(-40%)}60%{opacity:1;transform:translate(30%)}}@media (prefers-reduced-motion:reduce){.pcard .pcard__lift,.pcard .pcard__face:after{animation:none!important}}.card-face,.card-back{width:100%;height:100%}.card-face__stock{fill:var(--card-face);stroke:var(--card-edge);stroke-width:2px}.card-face__ink{fill:var(--card-black)}.card-face[data-color=red] .card-face__ink{fill:var(--card-red)}.card-face text{font-family:var(--font);font-weight:700}.card-face__letter{font-weight:750}.card-face__panel{fill:#efedf7}.card-face[data-color=red] .card-face__panel{fill:#fdebee}