.pfx .ss-stage{overflow:hidden;-webkit-mask-image:linear-gradient(#000 80%,#0000);mask-image:linear-gradient(#000 80%,#0000)}.pfx-page{background:var(--ss-surface);min-height:520px;box-shadow:var(--ss-shadow-hero);color:var(--ss-text);border-radius:22px;position:absolute;overflow:hidden}.pfx-head{align-items:center;gap:12px;margin-bottom:16px;display:flex}.pfx-who{gap:2px;min-width:0;display:grid}.pfx-name{color:var(--ss-text-strong);letter-spacing:-.02em;font-size:16px;font-weight:600;line-height:1.2}.pfx-name--big{margin-top:18px;font-size:30px}.pfx-handle{color:var(--ss-text-faint);font-family:var(--ss-mono);white-space:nowrap;font-size:12px;line-height:1.3}.pfx-sub{color:#111;white-space:nowrap;background:#ededed;border-radius:999px;margin-left:auto;padding:8px 16px;font-size:13px;font-weight:500;line-height:1.2}.pfx-body{align-items:flex-start;display:flex}.pfx-side{flex:none;justify-items:start;gap:4px;padding-top:6px;display:grid}.pfx-row{align-items:center;gap:14px;margin-top:16px;display:flex}.pfx-row .pfx-sub{margin-left:0}.pfx-grid,.pfx-col{display:flex}.pfx-col{flex-direction:column}.pfx-cover{border-radius:calc(var(--s) * .09);clip-path:inset(0 round calc(var(--s) * .09));isolation:isolate;background:#000;flex:none;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff1a}.pfx-pad{left:6%;right:6%;top:calc(5% + var(--i) * 16%);border-radius:calc(var(--s) * .05);height:46%;transition:translate var(--duration-lg) var(--ease-out), opacity var(--duration-md) var(--ease-out);transition-delay:calc(.25s + var(--i) * .12s);position:absolute;box-shadow:0 -6px 16px #00000059}.pfx-new:not([data-on]) .pfx-pad{opacity:0;translate:0 70%}.pfx-pad__kind{color:#fff;background:#00000073;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:600;line-height:1.2;position:absolute;top:12px;right:12px}.pfx-pocket{border-radius:calc(var(--s) * .09) calc(var(--s) * .09) 0 0;-webkit-backdrop-filter:blur(14px)saturate(1.4);backdrop-filter:blur(14px)saturate(1.4);background:#0c0c0cd1;flex-direction:column;justify-content:flex-end;padding:0 9% 9%;display:flex;position:absolute;inset:40% 0 0;box-shadow:inset 0 1px #ffffff1f}.pfx-count{color:#ffffff8c;margin-bottom:3px;font-size:12px;line-height:1.3}.pfx-title{color:#fff;letter-spacing:-.02em;white-space:nowrap;font-size:22px;font-weight:600;line-height:1.15}.pfx-cover[data-small] .pfx-count{font-size:10px}.pfx-cover[data-small] .pfx-title{font-size:14px}.pfx-slot{flex:none;position:relative}.pfx-add{border:1px dashed var(--ss-line);color:var(--ss-text-faint);transition:opacity var(--duration-sm) var(--ease-out), background-color var(--duration-hover) var(--ease-out);border-radius:14px;place-content:center;justify-items:center;gap:6px;font-size:12px;display:grid;position:absolute;inset:0}.pfx-add[data-hover]{background:#ffffff08}.pfx-add[data-off]{opacity:0}.pfx-new{opacity:0;will-change:transform;transition:opacity var(--duration-sm) var(--ease-out), scale var(--duration-md) var(--ease-out);position:absolute;inset:0;scale:.94}.pfx-new[data-on]{opacity:1;scale:1}.pfx-cover[data-tiny] .pfx-count{font-size:9px}.pfx-cover[data-tiny] .pfx-title{font-size:11.5px}.pfx-cover[data-tiny] .pfx-pocket{padding:0 10% 11%}.pfx-label{color:var(--ss-text-strong);margin:26px 0 12px;font-size:15px;font-weight:600;line-height:1.3}.pfx-shelf{display:flex}.pfx-shelf .pfx-new{position:static}