@scope(.pg-extras){.exWrap{z-index:1;width:344px;position:relative}.exCard{z-index:1;border-radius:18px;width:344px;padding:18px;position:relative}.exHead{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.exTitle{letter-spacing:-.01em;font-size:15px;font-weight:600;line-height:20px}.exSub{color:#6b6b76;margin-top:2px;font-size:12px;line-height:16px}.exLines{flex-direction:column;gap:6px;margin-top:14px;display:flex}.exLine{opacity:0;justify-content:space-between;gap:12px;height:20px;font-size:13px;line-height:20px;transition:opacity .3s,transform .4s cubic-bezier(.2,.8,.2,1);display:flex;transform:translateY(-4px)}.exLineOn{opacity:1;transform:none}.exOffer{border-top:1px solid #f1f1f3;margin:14px 0 4px;padding-top:12px;font-size:13px;font-weight:600;line-height:18px}.exItem{align-items:center;gap:10px;padding-block:7px;display:flex}.exImg{color:#2541e6;background:#eef1ff;border-radius:10px;flex:none;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.exImg svg{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round}.exItemText{flex:1;min-width:0}.exName{font-size:13px;font-weight:500;line-height:18px}.exMeta{color:#6b6b76;font-size:11px;line-height:15px}.exSizes{gap:4px;margin-top:3px;display:flex}.exSize{text-align:center;color:#55555f;border:1px solid #e7e7eb;border-radius:6px;min-width:24px;height:20px;padding:0 5px;font-size:10px;line-height:18px;transition:background-color .2s,color .2s,border-color .2s}.exSizeOn{color:#fff;background:#0b0b0f;border-color:#0b0b0f}.exAdd{color:#0b0b0f;background:#fff;border:1px solid #d4d4da;border-radius:9999px;flex:none;justify-content:center;align-items:center;gap:5px;width:72px;height:30px;font-size:12px;font-weight:500;transition:background-color .2s,color .2s,border-color .2s,transform .15s;display:inline-flex}.exAdd svg{display:none}.exAddOn{color:#2541e6;background:#eef1ff;border-color:#eef1ff}.exAddOn svg{display:block}.exAddPress{transform:scale(.92)}.exSum{border-top:1px solid #f1f1f3;justify-content:space-between;align-items:baseline;margin-top:8px;padding-top:12px;font-size:13px;font-weight:500;display:flex}.exTotal{font-size:15px}.exPay{color:#fff;background:var(--accent,#35f);border-radius:9999px;justify-content:center;align-items:center;height:38px;margin-top:12px;font-size:13px;font-weight:500;display:flex}.exCur{z-index:3;opacity:0;pointer-events:none;filter:drop-shadow(0 4px 8px #0b0b0f4d);transition:transform .8s cubic-bezier(.2,.8,.2,1),opacity .3s;position:absolute;top:0;left:0;transform:translate(420px,560px)}.exCurA{opacity:1;transform:translate(287px,217px)}.exCurM{opacity:1;transform:translate(107px,282px)}.exCurB{opacity:1;transform:translate(287px,272px)}.exCurOut{opacity:0}.exToast{inset-inline-end:-28px;z-index:2;opacity:0;transition:opacity .3s,transform .45s cubic-bezier(.2,.8,.2,1);top:-18px;transform:translateY(8px)scale(.96)}.exToastOn{opacity:1;transform:none}.exBack{inset-inline-start:-150px;z-index:0;flex-direction:column;gap:10px;width:250px;padding:14px 16px;display:flex;position:absolute;bottom:-34px;transform:rotate(-3deg)}.exTokens{flex-wrap:wrap;gap:6px;display:flex}.exTokens i{border:1.5px dashed #9db0ff;border-radius:9999px;width:11px;height:11px;display:inline-block}.exTokens i.on{background:var(--accent,#35f);border:1.5px solid var(--accent,#35f)}.exTokensBig{gap:6px}.exTokensBig i{width:15px;height:15px}.exVar{gap:10px;padding-block:6px}.exVarName{width:24px;font-family:var(--font-mono);flex:none;font-size:12px}.exBar{background:#f1f1f3;border-radius:9999px;flex:1;height:6px;overflow:hidden}.exBar i{border-radius:inherit;background:#9db0ff;height:100%;display:block}.exVarNo{font-family:var(--font-mono);color:#55555f;white-space:nowrap;font-size:11px}.exBox{border:1.5px solid #d4d4da;border-radius:5px;flex:none;justify-content:center;align-items:center;width:16px;height:16px;margin-top:1px;display:inline-flex}.exBoxOn{background:var(--accent,#35f);border-color:var(--accent,#35f)}.exCheckRow{align-items:flex-start;gap:10px;display:flex}.exRedeem{background:#f4f4f6;border-radius:12px;align-items:center;gap:12px;padding:12px;display:flex}.exRedeemIco{background:#22c55e;border-radius:9999px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.exAddSm{width:auto;height:26px;padding:0 10px;font-size:11px}@media (max-width:760px){.exBack{display:none}.exToast{inset-inline-end:-4px;top:-26px}}@media (max-width:400px){.exWrap{transform-origin:top;transform:scale(.92)}}@media (prefers-reduced-motion:reduce){.exLine,.exSize,.exAdd,.exCur,.exToast,.aiCursor,.aiTicket{transition:none}}}