:root{--pointer-x:50%;--pointer-y:50%;--pointer-from-left:0.5;--card-opacity:0;--rotate-x:0deg;--rotate-y:0deg}.pc-card-wrapper{perspective:600px;transform:translateZ(.1px);position:relative}.pc-card-wrapper.active{--card-opacity:1}.pc-card{position:relative;transition:transform 1s ease;transform:translateZ(0) rotateX(0deg) rotateY(0deg);backface-visibility:hidden;will-change:transform;box-shadow:0 0 30px 4px hsl(var(--primary)/.4)}.pc-glare{position:absolute;inset:0;border-radius:inherit;transform:translateZ(1.1px);overflow:hidden;background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsl(248,25%,80%) 12%,hsla(207,40%,30%,.8) 90%);mix-blend-mode:overlay;filter:brightness(.8) contrast(1.2);z-index:1;pointer-events:none;opacity:var(--card-opacity);transition:opacity .2s ease}.pc-card-shell.active .pc-card{transition:none;transform:translateZ(20px) rotateX(var(--rotate-x)) rotateY(var(--rotate-y))}.pc-card-wrapper.entering .pc-card{transition:transform .18s ease-out}.pc-card-shell{position:relative;z-index:1;height:100%}.pc-card-shell>.pc-card{height:100%}