.pi .ss-stage{--gutter:28px;font:13px/1.4 var(--ss-font);color:var(--ss-text-strong);background:0 0;border-radius:16px;overflow:hidden}.pi .pi-window{top:var(--gutter);left:var(--gutter);background:var(--ss-surface);width:556px;height:460px;box-shadow:var(--ss-shadow-hero);position:absolute}.pi .pi-pages{background:var(--ss-surface);height:100%;display:grid}.pi .pi-page{opacity:0;grid-area:1/1;gap:24px;min-height:0;padding:24px;transition:opacity .4s .1s;display:flex}.pi .pi-page[data-on]{opacity:1;transition:opacity .4s}.pi .pi-slab{flex:none;width:150px;height:252px}.pi .pi-slab img{object-fit:contain;object-position:top center;width:100%;height:100%;display:block}.pi .pi-col{width:264px;min-width:0}.pi .pi-name{white-space:nowrap;font-size:15px;font-weight:600;line-height:1.3}.pi .pi-grade{color:var(--ss-text);margin-top:2px}.pi .pi-label{color:var(--ss-text);font-size:12px}.pi .pi-col .pi-label{margin-top:16px}.pi .pi-price{letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin-top:2px;font-size:30px;font-weight:600;line-height:1.15}.pi .pi-rows{border-top:1px solid var(--ss-line-faint);margin-top:12px}.pi .pi-row{border-bottom:1px solid var(--ss-line-faint);grid-template-columns:22px 88px 1fr 62px;align-items:center;gap:10px;height:46px;display:grid}.pi .pi-thumb{width:22px;height:34px;display:block}.pi .pi-thumb img{object-fit:contain;width:100%;height:100%;display:block}.pi .pi-thumb--held{width:30px;height:46px}.pi .pi-thumb--held[data-empty]{opacity:0}.pi .pi-thumb--fly{width:100%;height:100%}.pi .pi-amount{font-variant-numeric:tabular-nums;font-weight:600}.pi .pi-buy{background:var(--ss-accent);height:30px;color:var(--accent-ink,#0a0b0d);border-radius:999px;grid-column:4;justify-content:center;align-items:center;font-size:13px;font-weight:600;transition:background-color .2s,color .2s;display:flex}.pi .pi-buy[data-hover]{filter:brightness(1.08)}.pi .pi-buy[data-state=done]{background:var(--ss-well);color:var(--ss-success)}.pi .pi-you{background:var(--ss-raised);width:200px;box-shadow:var(--ss-shadow-satellite);opacity:0;border-radius:16px;padding:14px;transition:opacity .4s .1s;position:absolute;top:72px;left:492px}.pi .pi-you[data-on]{opacity:1;transition:opacity .4s}.pi .pi-worth{letter-spacing:-.01em;font-variant-numeric:tabular-nums;margin-top:2px;font-size:22px;font-weight:600;display:block}.pi .pi-held{gap:8px;margin-top:12px;display:flex}.pi .ss-stage[data-layout=compact] .pi-window{width:360px;height:480px;top:16px;left:16px}.pi .ss-stage[data-layout=compact] .pi-page{padding:16px;display:block}.pi .ss-stage[data-layout=compact] .pi-slab{width:62px;height:104px;position:absolute;top:16px;right:34px}.pi .ss-stage[data-layout=compact] .pi-col{width:310px}.pi .ss-stage[data-layout=compact] .pi-name{white-space:normal;max-width:200px;font-size:14px}.pi .ss-stage[data-layout=compact] .pi-you{grid-template-columns:1fr auto;align-items:center;column-gap:12px;width:auto;display:grid;top:356px;left:16px;right:16px}.pi .ss-stage[data-layout=compact] .pi-you .pi-label,.pi .ss-stage[data-layout=compact] .pi-worth{grid-column:1}.pi .ss-stage[data-layout=compact] .pi-held{grid-area:1/2/3;margin-top:0}