.card-swap-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transform-origin:center center;perspective:900px;overflow:visible}.card-swap-container .card{cursor:pointer;position:absolute;top:50%;left:50%;border-radius:16px;border:1px solid rgba(99,102,241,.28);background:#fff;box-shadow:0 18px 40px -22px #1e1b4b8c;overflow:hidden;transform-style:preserve-3d;will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden}.pc-card-wrapper{--card-radius: 22px;--pointer-x: 50%;--pointer-y: 50%;--pointer-from-center: 0;--pointer-from-top: .5;--pointer-from-left: .5;--card-opacity: 0;--rotate-x: 0deg;--rotate-y: 0deg;--background-x: 50%;--background-y: 50%;--grain: none;--icon: none;--inner-gradient: none;--behind-glow-color: rgba(99, 102, 241, .55);--behind-glow-size: 55%;--ramp-1: #1e1b4b;--ramp-2: #4f46e5;--ramp-3: #6366f1;--ramp-4: #818cf8;--ramp-5: #34d399;--ramp-6: #6366f1;perspective:600px;transform:translateZ(.1px);position:relative;width:var(--pc-breedte, 260px);touch-action:auto}.pc-behind{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(circle at var(--pointer-x) var(--pointer-y),var(--behind-glow-color) 0%,transparent var(--behind-glow-size));filter:blur(46px) saturate(1.1);opacity:calc(.85 * var(--card-opacity));transition:opacity .22s var(--uit-quart, ease)}.pc-card-wrapper.active,.pc-card-wrapper:focus-within{--card-opacity: 1}.pc-card-shell{position:relative;z-index:1}.pc-card{width:100%;aspect-ratio:.718;display:grid;border-radius:var(--card-radius);position:relative;overflow:hidden;background:#17143d;box-shadow:#14142873 calc((var(--pointer-from-left) * 10px) - 3px) calc((var(--pointer-from-top) * 18px) - 4px) 24px -8px;transition:transform .9s var(--uit-expo, ease);transform:translateZ(0) rotateX(0) rotateY(0);backface-visibility:hidden}.pc-card-shell.active .pc-card{transition:none;transform:translateZ(0) rotateX(var(--rotate-y)) rotateY(var(--rotate-x))}.pc-card-shell.entering .pc-card{transition:transform .18s var(--uit-quart, ease-out)}.pc-card *{display:grid;grid-area:1/-1;border-radius:var(--card-radius);pointer-events:none}.pc-inside{top:0;right:0;bottom:0;left:0;position:absolute;background-image:var(--inner-gradient);background-color:#17143d;transform:none}.pc-shine{-webkit-mask-image:var(--icon);mask-image:var(--icon);mask-mode:luminance;-webkit-mask-repeat:repeat;mask-repeat:repeat;-webkit-mask-size:150%;mask-size:150%;-webkit-mask-position:top calc(200% - (var(--background-y) * 5)) left calc(100% - var(--background-x));mask-position:top calc(200% - (var(--background-y) * 5)) left calc(100% - var(--background-x));transition:filter .8s ease;filter:brightness(.6) contrast(1.3) saturate(.5) opacity(.42);animation:holo-bg 18s linear infinite;mix-blend-mode:color-dodge}.pc-shine,.pc-shine:after{--space: 5%;--angle: -45deg;transform:translateZ(1px);overflow:hidden;z-index:3;background:transparent;background-size:cover;background-position:center;background-image:repeating-linear-gradient(0deg,var(--ramp-1) calc(var(--space) * 1),var(--ramp-2) calc(var(--space) * 2),var(--ramp-3) calc(var(--space) * 3),var(--ramp-4) calc(var(--space) * 4),var(--ramp-5) calc(var(--space) * 5),var(--ramp-6) calc(var(--space) * 6),var(--ramp-1) calc(var(--space) * 7)),repeating-linear-gradient(var(--angle),#0e152e 0%,hsl(243,12%,58%) 3.8%,hsl(243,30%,68%) 4.5%,hsl(243,12%,58%) 5.2%,#0e152e 10%,#0e152e 12%),radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsla(0,0%,0%,.1) 12%,hsla(0,0%,0%,.15) 20%,hsla(0,0%,0%,.25) 120%);background-position:0 var(--background-y),var(--background-x) var(--background-y),center;background-blend-mode:color,hard-light;background-size:500% 500%,300% 300%,200% 200%;background-repeat:repeat}.pc-shine:before,.pc-shine:after{content:"";background-position:center;background-size:cover;grid-area:1/1;opacity:0;transition:opacity .8s ease}.pc-card-shell.active .pc-shine{filter:brightness(.8) contrast(1.45) saturate(.62);animation-play-state:paused}.pc-card-shell.active .pc-shine:before,.pc-card-shell.active .pc-shine:after{opacity:1}.pc-shine:before{background-image:linear-gradient(45deg,var(--ramp-4),var(--ramp-5),var(--ramp-6),var(--ramp-1),var(--ramp-2),var(--ramp-3)),radial-gradient(circle at var(--pointer-x) var(--pointer-y),hsl(0,0%,68%) 0%,hsla(0,0%,30%,.2) 90%),var(--grain);background-size:250% 250%,100% 100%,220px 220px;background-position:var(--pointer-x) var(--pointer-y),center,calc(var(--pointer-x) * .01) calc(var(--pointer-y) * .01);background-blend-mode:color-dodge;filter:brightness(calc(1.8 - var(--pointer-from-center))) contrast(calc(var(--pointer-from-center) + 1.8)) saturate(calc(.4 + var(--pointer-from-center)));mix-blend-mode:luminosity}.pc-shine:after{background-position:0 var(--background-y),calc(var(--background-x) * .4) calc(var(--background-y) * .5),center;background-size:200% 300%,700% 700%,100% 100%;mix-blend-mode:difference;filter:brightness(.78) contrast(1.4)}.pc-glare{transform:translateZ(1.1px);overflow:hidden;background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsl(243,30%,78%) 12%,hsla(243,40%,26%,.8) 90%);mix-blend-mode:overlay;filter:brightness(.82) contrast(1.15);z-index:4}.pc-avatar-content{overflow:visible;backface-visibility:hidden}.pc-avatar-content .avatar{display:block;width:86%;height:auto;position:absolute;left:50%;bottom:0;border-radius:16px 16px 0 0;transform-origin:50% 100%;transform:translate(calc(-50% + (var(--pointer-from-left) - .5) * 7px)) translateZ(0) scale(calc(1 + (var(--pointer-from-top) - .5) * .02));backface-visibility:hidden;will-change:transform;transition:transform .14s ease-out}.pc-user-info{position:absolute;--ui-inset: 14px;display:flex;align-items:center;gap:10px;bottom:var(--ui-inset);left:var(--ui-inset);right:var(--ui-inset);top:auto;z-index:2;background:#17143d8c;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:9px 12px}.pc-mini-avatar{display:block;width:34px;height:34px;border-radius:50%;overflow:hidden;border:1px solid rgba(255,255,255,.18);flex-shrink:0;background:#fdf5e7}.pc-mini-avatar img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}.pc-user-text{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0;border-radius:0}.pc-soort{display:block;font-family:JetBrains Mono,ui-monospace,monospace;font-size:9.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#fff;line-height:1;border-radius:0}.pc-vak{display:block;font-size:11.5px;line-height:1.25;color:#d8d6ea;border-radius:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.pc-avatar-content .pc-monogram{display:flex;align-items:center;justify-content:center;position:absolute;left:50%;bottom:0;width:86%;aspect-ratio:1;transform:translate(-50%);border-radius:16px 16px 0 0;background:linear-gradient(180deg,#6366f142,#17143db8);color:#ffffffa8;font-family:JetBrains Mono,ui-monospace,monospace;font-weight:700;font-size:calc(var(--pc-breedte, 260px) * .24);letter-spacing:.06em;line-height:1}.pc-mini-avatar .pc-mini-monogram{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:#6366f147;color:#ffffffb8;font-family:JetBrains Mono,ui-monospace,monospace;font-weight:700;font-size:.75rem;letter-spacing:.04em}.pc-content:not(.pc-avatar-content){max-height:100%;overflow:hidden;text-align:center;position:relative;transform:translate3d(calc(var(--pointer-from-left) * -6px + 3px),calc(var(--pointer-from-top) * -6px + 3px),.1px);z-index:5}.pc-details{width:100%;position:absolute;top:18px;display:flex;flex-direction:column;gap:2px;border-radius:0}.pc-details h3{display:block;font-weight:700;margin:0;font-size:1.5rem;letter-spacing:-.01em;line-height:1.1;color:#fff;border-radius:0}.pc-details p{display:block;margin:0;font-weight:600;font-size:.75rem;line-height:1.3;color:#c9c7de;border-radius:0}@keyframes holo-bg{0%{background-position:0 var(--background-y),0 0,center}to{background-position:0 var(--background-y),90% 90%,center}}@media(max-width:480px){.pc-details h3{font-size:1.3rem}}@media(hover:none){.pc-card-shell{transition:transform .14s var(--uit-quart, ease-out)}.pc-card-shell.tikt{transform:scale(.985)}}@media(prefers-reduced-motion:reduce){.pc-shine{animation:none!important}.pc-card,.pc-card-shell.active .pc-card,.pc-card-shell,.pc-card-shell.tikt{transform:none!important}.pc-avatar-content .avatar{transform:translate(-50%)!important}}