.pc-card-wrapper{--slot-w: 300px;--card-h: 300px;--inner-gradient: linear-gradient(150deg, rgba(30, 30, 36, .5) 0%, rgba(10, 10, 12, .3) 100%);width:var(--slot-w);height:var(--card-h);position:relative;flex:0 0 auto;box-sizing:border-box;contain:layout;transition:width .55s cubic-bezier(.2,.7,.2,1)}.pc-card-wrapper,.pc-card,.pc-card *{box-sizing:border-box}.pc-card-wrapper.is-active{width:var(--expand-w, 80vw);z-index:5;will-change:width}.pc-card-shell{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.pc-card{position:relative;height:100%;width:100%;background:transparent;border:1px solid var(--rule);overflow:hidden;transition:border-color .4s ease}.pc-card:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--signal);z-index:6;opacity:0;transition:opacity .4s ease}.pc-card:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--rule);z-index:6;opacity:0;transition:opacity .4s ease}.pc-card-wrapper.is-active .pc-card{border-color:transparent;overflow:visible}.pc-card-wrapper.is-active .pc-card:before,.pc-card-wrapper.is-active .pc-card:after{opacity:1}.pc-glass{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;opacity:1;background:linear-gradient(160deg,#09090a4d,#0202038c);transition:opacity .5s ease}.pc-card-wrapper.is-active .pc-card .pc-glass{opacity:0}.pc-rest-bolt{position:absolute;left:0;top:0;width:var(--slot-w);height:100%;z-index:3;object-fit:cover;mix-blend-mode:screen;filter:blur(4px);opacity:.82;-webkit-mask-image:radial-gradient(ellipse 72% 80% at 50% 46%,#000 40%,transparent 100%);mask-image:radial-gradient(ellipse 72% 80% at 50% 46%,#000 40%,transparent 100%);pointer-events:none;transition:opacity .4s ease,filter .4s ease}.pc-card-wrapper.is-active .pc-card .pc-rest-bolt{opacity:1;filter:blur(0)}.pc-logo{position:absolute;left:0;top:0;bottom:0;width:var(--slot-w);z-index:4;background-repeat:no-repeat;background-position:center 38%;background-size:128px auto;pointer-events:none;transition:opacity .5s ease,transform .5s cubic-bezier(.2,.7,.2,1)}.pc-logo--filled{opacity:0;transform:scale(.9)}.pc-card-wrapper.is-active .pc-card .pc-logo--filled{opacity:1;transform:scale(1)}.pc-details{position:absolute;left:0;top:50%;width:var(--slot-w);z-index:5;display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px;transform:translateY(-50%);transition:transform .5s cubic-bezier(.2,.7,.2,1)}.pc-card-wrapper.is-active .pc-card .pc-details{transform:translateY(46px)}.pc-details h3{font-family:var(--font-display);font-weight:400;margin:0;font-size:38px;line-height:.92;letter-spacing:-.03em;text-transform:uppercase;color:var(--paper);text-shadow:0 2px 22px rgba(0,0,0,.7)}.pc-details p{font-family:var(--font-mono);margin:4px 0 0;font-size:11px;letter-spacing:.04em;color:var(--paper-72);text-shadow:0 1px 12px rgba(0,0,0,.8)}.pc-src{position:absolute;left:var(--slot-w);right:0;top:0;bottom:0;z-index:5;display:flex;flex-direction:column;justify-content:center;gap:20px;padding:0 36px;border-left:1px solid rgba(250,250,250,.12);overflow:hidden;opacity:0;transition:opacity .4s ease .08s}.pc-card-wrapper.is-active .pc-card .pc-src{opacity:1}.pc-src__note{font-family:var(--font-body);font-size:14px;line-height:1.5;color:var(--paper);margin:0;max-width:340px;text-shadow:0 1px 14px rgba(0,0,0,.85)}.pc-src__stats{margin:0;display:flex;flex-direction:column;gap:12px}.pc-src__stats>div{display:flex;align-items:baseline;justify-content:space-between;gap:16px;border-top:1px solid var(--rule);padding-top:11px}.pc-src__stats dt{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--paper-56);margin:0}.pc-src__stats dd{font-family:var(--font-display);font-weight:400;font-size:18px;color:var(--paper);margin:0;white-space:nowrap}@media (max-width: 600px){.pc-card-wrapper{--card-h: 504px}.pc-card .pc-rest-bolt{width:100%;height:244px;-webkit-mask-image:radial-gradient(ellipse 80% 76% at 50% 42%,#000 42%,transparent 100%);mask-image:radial-gradient(ellipse 80% 76% at 50% 42%,#000 42%,transparent 100%)}.pc-card .pc-logo{width:100%;height:244px;bottom:auto;background-position:center 34%}.pc-card .pc-details{width:100%;top:150px;transform:translateY(0)}.pc-card-wrapper.is-active .pc-card .pc-details{transform:translateY(0)}.pc-card .pc-src{left:0;right:0;top:244px;bottom:0;border-left:0;border-top:1px solid rgba(250,250,250,.12);padding:16px 22px;gap:16px;justify-content:flex-start}.pc-src__note{max-width:none;text-align:center;margin:0;flex:0 0 auto}.pc-src__stats{flex:0 0 auto}}