.pc-wrap{perspective:600px;touch-action:none;width:100%;position:relative;transform:translateZ(.1px)}.pc-behind{z-index:0;pointer-events:none;background:radial-gradient(circle at var(--pointer-x,50%) var(--pointer-y,50%), var(--behind-glow-color,#7dbeff73) 0%, transparent var(--behind-glow-size,50%));filter:blur(40px)saturate(1.2);opacity:calc(.9 * var(--card-opacity,0));transition:opacity .3s;position:absolute;inset:-40px}.pc-wrap:hover,.pc-wrap.pc-active{--card-opacity:1}.pc-shell{z-index:1;width:100%;transform-style:preserve-3d;position:relative}.pc-card{width:100%;box-shadow:0 2px 0 1px #ffffff0f inset, 0 20px 60px -10px #0000008c, 0 4px 16px #00000040, calc((var(--pointer-from-left,.5) - .5) * 20px) calc((var(--pointer-from-top,.5) - .5) * 16px) 40px -8px #0006;-webkit-backdrop-filter:blur(48px)saturate(200%)brightness(1.12);backdrop-filter:blur(48px)saturate(200%)brightness(1.12);background:linear-gradient(160deg,#ffffff1a 0%,#ffffff05 40%,#ffffff0d 100%),#08080e47;border:1px solid #ffffff21;border-radius:28px;transition:transform .9s cubic-bezier(.23,1,.32,1),box-shadow .4s;position:relative;overflow:hidden;transform:translateZ(0)rotateX(0)rotateY(0)}.pc-card:before{content:"";border-radius:inherit;pointer-events:none;z-index:10;-webkit-mask-composite:destination-out;background-color:#0000;background-image:linear-gradient(#fff0,#fff0),linear-gradient(#ffffff38 0%,#ffffff0f 12%,#ffffff0a 50%,#ffffff24 100%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:border-box;background-clip:padding-box,border-box;border:2px solid #0000;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:padding-box,border-box;-webkit-mask-origin:padding-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.pc-shell.pc-entering .pc-card{transition:transform .18s ease-out}.pc-shell.pc-active .pc-card{transform:translateZ(0) rotateX(var(--rotate-y,0deg)) rotateY(var(--rotate-x,0deg));box-shadow:0 2px 0 1px #ffffff14 inset, 0 28px 80px -10px #0000008c, 0 6px 20px #0000004d, calc((var(--pointer-from-left,.5) - .5) * 28px) calc((var(--pointer-from-top,.5) - .5) * 20px) 50px -8px #0006;transition:none}.pc-inside{border-radius:inherit;background-image:var(--inner-gradient,none);position:relative}.pc-shine{border-radius:inherit;z-index:7;pointer-events:none;opacity:0;background:radial-gradient(farthest-corner circle at var(--pointer-x,50%) var(--pointer-y,50%), #ffffff38 0%, #ffffff0f 40%, transparent 70%);mix-blend-mode:overlay;transition:opacity .6s;position:absolute;inset:0}.pc-shell.pc-active .pc-shine,.pc-shell:hover .pc-shine{opacity:1}.pc-glare{border-radius:inherit;z-index:8;pointer-events:none;background:radial-gradient(farthest-corner circle at var(--pointer-x,50%) var(--pointer-y,50%), #ffffff26 0%, #b4d2ff0f 40%, transparent 70%);mix-blend-mode:screen;opacity:calc(.5 + var(--pointer-from-center,0) * .5);transition:opacity .3s;position:absolute;inset:0}.pc-card:after{content:"";border-radius:inherit;pointer-events:none;z-index:9;background:linear-gradient(#ffffff38 0,#ffffff0f 2px,#0000 24px);position:absolute;inset:0}.pc-content{z-index:6;position:relative}