.pmx-transaction-card{position:relative;display:flex;flex-direction:column;box-sizing:border-box;width:100%;padding:18px;border:1px solid #f0f0f0;border-radius:12px;background:#fff;overflow:hidden;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}@media(max-width:991.98px){.pmx-transaction-card{padding:14px;border-radius:10px}}.pmx-transaction-card:before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:3px;background:#d9d9d9}.pmx-transaction-card:hover{border-color:#dce6ff;box-shadow:0 10px 24px -16px rgba(23,43,89,.35);transform:translateY(-1px)}.pmx-transaction-card.in:before{background:#2c9e6f}.pmx-transaction-card.in .amount{color:#2c9e6f}.pmx-transaction-card.in .type{color:#2c9e6f;background:rgba(44,158,111,.09)}.pmx-transaction-card.in .type .arrow{-webkit-border-after:5px solid currentColor;border-block-end:5px solid currentColor}.pmx-transaction-card.out:before{background:#d83a3a}.pmx-transaction-card.out .amount{color:#d83a3a}.pmx-transaction-card.out .type{color:#d83a3a;background:rgba(216,58,58,.08)}.pmx-transaction-card.out .type .arrow{-webkit-border-before:5px solid currentColor;border-block-start:5px solid currentColor}.pmx-transaction-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;width:100%}.pmx-transaction-card header .identity{display:flex;align-items:center;gap:12px;min-width:0}@media(max-width:991.98px){.pmx-transaction-card header .identity{gap:10px}}.pmx-transaction-card header .identity .coin{display:flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;max-width:40px;max-height:40px;border-radius:50%;background:#fbfbff;border:1px solid #f0f0f0;box-sizing:border-box}@media(max-width:991.98px){.pmx-transaction-card header .identity .coin{min-width:34px;min-height:34px;max-width:34px;max-height:34px}}.pmx-transaction-card header .identity .coin img{width:24px;height:24px}@media(max-width:991.98px){.pmx-transaction-card header .identity .coin img{width:20px;height:20px}}.pmx-transaction-card header .identity .figures{display:flex;flex-direction:column;gap:6px;min-width:0}.pmx-transaction-card header .identity .figures .amount{display:flex;align-items:baseline;gap:4px;margin:0;font-size:22px;font-weight:700;line-height:1;white-space:nowrap;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}@media(max-width:991.98px){.pmx-transaction-card header .identity .figures .amount{font-size:18px}}.pmx-transaction-card header .identity .figures .amount .sign{font-weight:600}.pmx-transaction-card header .identity .figures .amount .symbol{font-size:12px;font-weight:600;opacity:.75}@media(max-width:991.98px){.pmx-transaction-card header .identity .figures .amount .symbol{font-size:11px}}.pmx-transaction-card header .identity .figures .type{display:inline-flex;align-items:center;gap:5px;width:max-content;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:600}.pmx-transaction-card header .identity .figures .type .arrow{display:inline-block;width:0;height:0;-webkit-border-start:4px solid transparent;border-inline-start:4px solid transparent;-webkit-border-end:4px solid transparent;border-inline-end:4px solid transparent}.pmx-transaction-card header .pmx-badge>div{height:30px;padding:7px 12px;border-radius:999px;white-space:nowrap;border:1px solid rgba(0,0,0,.05)}@media(max-width:991.98px){.pmx-transaction-card header .pmx-badge>div{height:26px;padding:6px 10px}}.pmx-transaction-card header .pmx-badge>div span{font-size:11px}.pmx-transaction-card .details{display:flex;flex-direction:column;gap:2px;margin:16px 0 0;flex:1 1;padding-top:14px;border-top:1px dashed #f0f0f0}@media(max-width:991.98px){.pmx-transaction-card .details{margin-top:12px;padding-top:10px}}.pmx-transaction-card .details .detail{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:28px}.pmx-transaction-card .details .detail dt{font-size:12px;color:#868686;white-space:nowrap}.pmx-transaction-card .details .detail dd{margin:0;min-width:0;font-size:13px;font-weight:500;text-align:end;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:991.98px){.pmx-transaction-card .details .detail dd{font-size:12px}}.pmx-transaction-card .details .detail dd>.en{direction:ltr;unicode-bidi:-webkit-isolate;unicode-bidi:isolate}.pmx-transaction-card .details .detail dd .unit{font-size:11px;color:#868686}.pmx-transaction-card .details .detail .code{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:.02em;direction:ltr;unicode-bidi:-webkit-isolate;unicode-bidi:isolate}.pmx-transaction-card .details .detail .with-copy{display:inline-flex;align-items:center;gap:6px;max-width:100%}.pmx-transaction-card .details .detail .with-copy .code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pmx-transaction-card .details .detail .with-copy .pmx-copy-btn{flex-shrink:0}.pmx-transaction-card .details .detail .bank{display:inline-flex;align-items:center;gap:6px;min-width:0}.pmx-transaction-card .details .detail .bank .bank-logo{flex-shrink:0;width:18px;height:18px;object-fit:contain}.pmx-transaction-card .details .detail .bank .bank-name{color:#868686;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pmx-transaction-card .details .detail time{display:inline-flex;flex-direction:column;align-items:flex-end;gap:1px;line-height:1.35}.pmx-transaction-card .details .detail time .exact{font-size:11px;font-weight:400;color:#868686;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.pmx-transaction-card .details-button{width:100%;margin-top:14px}.pmx-transaction-card .details-button button{width:100%;max-width:unset;height:36px}.pmx-transaction-card .details-button button:hover{background:#edf3ff}.pmx-transaction-card .details-button button span{font-size:13px}.pmx-transaction-details-modal .details-rows{display:flex;flex-direction:column;margin-top:8px}.pmx-transaction-details-modal .details-rows .row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px dashed #f0f0f0}.pmx-transaction-details-modal .details-rows .row:last-child{border-bottom:0}.pmx-transaction-details-modal .details-rows .row .label{font-size:13px;color:#868686;white-space:nowrap}.pmx-transaction-details-modal .details-rows .row .value{display:flex;align-items:center;gap:6px;min-width:0;font-size:13px;font-weight:500;text-align:end}.pmx-transaction-details-modal .details-rows .row .value>span{overflow-wrap:anywhere}.pmx-transaction-details-modal .details-rows .row .value>span.en{direction:ltr;unicode-bidi:-webkit-isolate;unicode-bidi:isolate}.pmx-transaction-details-modal .details-rows .row .value .bank-with-logo{display:inline-flex;align-items:center;gap:6px}.pmx-transaction-details-modal .details-rows .row .value .bank-with-logo img{flex-shrink:0;width:18px;height:18px;object-fit:contain}.pmx-transaction-details-modal .details-rows .row .value .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:260px}@media(max-width:991.98px){.pmx-transaction-details-modal .details-rows .row .value .truncate{max-width:150px}}.pmx-transaction-details-modal .details-rows .row .value .pmx-copy-btn{flex-shrink:0}.pmx-transaction-card-skeleton{box-sizing:border-box;width:100%;height:232px;border:1px solid #f0f0f0;border-radius:12px;background:linear-gradient(100deg,#f6f7fb 30%,#eff2f9 50%,#f6f7fb 70%);background-size:240% 100%;animation:pmx-transaction-skeleton 1.4s ease-in-out infinite}@media(max-width:991.98px){.pmx-transaction-card-skeleton{height:208px;border-radius:10px}}@keyframes pmx-transaction-skeleton{0%{background-position:160% 0}to{background-position:-60% 0}}@media(prefers-reduced-motion:reduce){.pmx-transaction-card,.pmx-transaction-card-skeleton{transition:none;animation:none}}