.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{background:linear-gradient(160deg, #ffffff1f 0%, #ffffff08 42%, color-mix(in srgb, var(--panel-tint,#08080e) 38%, transparent) 100%);-webkit-backdrop-filter:blur(48px)saturate(200%)brightness(1.12);backdrop-filter:blur(48px)saturate(200%)brightness(1.12);border:1px solid #ffffff21;border-radius:28px;width:100%;transition:transform .9s cubic-bezier(.23,1,.32,1),box-shadow .4s;position:relative;overflow:hidden;transform:translateZ(0)rotateX(0)rotateY(0);box-shadow:inset 0 1px #ffffff12,0 14px 38px -16px #0000006b,0 4px 14px -8px #00000038}.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));transition:none;box-shadow:inset 0 1px #ffffff14,0 18px 46px -18px #0000007a,0 6px 18px -10px #0000003d}.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}.pc-obsidian .pc-card{background:color-mix(in srgb, var(--panel-tint,#08080e) 92%, black 8%);-webkit-backdrop-filter:none;border:1px solid #ffffff1f;box-shadow:0 18px 38px -18px #0000006b,0 5px 14px -9px #00000038}.pc-obsidian .pc-card:before,.pc-obsidian .pc-card:after,.pc-obsidian .pc-shine,.pc-obsidian .pc-glare{opacity:0}.pc-soft-panel .pc-card{background:color-mix(in srgb, var(--panel-tint,#08080e) 84%, white 16%);-webkit-backdrop-filter:blur(16px);border:1px solid #ffffff1a;box-shadow:0 14px 30px #0000004d}.pc-neon-outline .pc-card{background:color-mix(in srgb, var(--panel-tint,#08080e) 88%, black 12%);-webkit-backdrop-filter:none;border:1px solid color-mix(in srgb, var(--behind-glow-color) 75%, white 25%);box-shadow:0 0 0 1px color-mix(in srgb, var(--behind-glow-color) 45%, transparent), 0 0 28px color-mix(in srgb, var(--behind-glow-color) 30%, transparent), 0 18px 36px #0006}.pc-neon-outline .pc-card:before,.pc-neon-outline .pc-card:after,.pc-neon-outline .pc-shine,.pc-neon-outline .pc-glare{opacity:0}.pc-shell.pc-active .pc-card{transition:box-shadow .35s,transform .45s cubic-bezier(.23,1,.32,1)}.pc-shell.pc-active.pc-obsidian .pc-card{box-shadow:0 18px 38px -18px #0000006b,0 5px 14px -9px #00000038}.pc-shell.pc-active.pc-soft-panel .pc-card,.pc-shell.pc-active.pc-neon-outline .pc-card{box-shadow:0 18px 42px -16px #0000006b,0 5px 16px -10px #00000038}