[data-wallet-history]{container:wallet-history / inline-size;min-width:0;margin-top:22px;padding:24px;background:var(--pf-panel);border:1px solid var(--pf-line);border-radius:20px;color:var(--pf-ink);scroll-margin-top:20px}
[data-wallet-history] .wh-heading{display:flex;align-items:center;gap:14px;margin-bottom:23px}[data-wallet-history] .wh-heading>img,[data-wallet-history] .wh-heading>[data-profile-icon]{width:40px;height:40px;flex:none;object-fit:contain;display:block}[data-wallet-history] .wh-heading>div{flex:1;min-width:0}[data-wallet-history] h2{font-size:16px;font-weight:730;line-height:1.3;letter-spacing:-.02em;margin:0}[data-wallet-history] .wh-heading p{color:var(--pf-muted);font-size:12px;line-height:1.55;margin:5px 0 0}
[data-wallet-history] .wh-all{display:flex;align-items:center;justify-content:center;gap:17px;min-height:44px;padding:10px 15px;background:none;border:1px solid var(--pf-line);border-radius:999px;font-size:12px;font-weight:650;white-space:nowrap}[data-wallet-history] .wh-all>span{font-size:17px;font-weight:400}[data-wallet-history] .wh-all:hover{background:var(--pf-raised)}
[data-wallet-history] .wh-column-head,[data-wallet-history] .wh-row{display:grid;grid-template-columns:minmax(150px,1fr) minmax(125px,.8fr) minmax(115px,.65fr) 112px 24px;gap:18px;align-items:center}[data-wallet-history] .wh-column-head{padding:0 12px 12px;font-size:10px;color:var(--pf-muted)}[data-wallet-history] .wh-column-head>span:nth-child(3),[data-wallet-history] .wh-column-head>span:nth-child(4){text-align:right}
[data-wallet-history] .wh-list{list-style:none;padding:0;margin:0;border-top:1px solid var(--pf-line)}[data-wallet-history] .wh-list>li{border-bottom:1px solid var(--pf-line)}[data-wallet-history] .wh-row{min-height:84px;padding:16px 12px;width:100%;background:none;text-align:left;border-radius:10px;color:inherit}[data-wallet-history] .wh-row:hover{background:var(--pf-raised)}[data-wallet-history] .wh-row:focus-visible{outline:2px solid var(--pf-accent);outline-offset:-2px}[data-wallet-history] .wh-operation{display:flex;align-items:center;gap:12px;min-width:0}[data-wallet-history] .wh-operation>img{width:33px;height:35px;object-fit:contain;flex:none}[data-wallet-history] .wh-operation>span{min-width:0;display:block}[data-wallet-history] .wh-operation strong{font-size:12px;font-weight:650;display:block;line-height:1.4}[data-wallet-history] .wh-operation small{font-size:11px;display:block;line-height:1.4;color:var(--pf-muted);margin-top:4px}
[data-wallet-history] .wh-date{font-size:11px;display:block;line-height:1.4;color:var(--pf-muted)}[data-wallet-history] .wh-date>small{display:block;font-size:10px;margin-top:4px;font-variant-numeric:tabular-nums;color:var(--pf-muted)}[data-wallet-history] .wh-amount{font-size:14px;line-height:1.4;font-weight:650;font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right;letter-spacing:-.02em}[data-wallet-history] .wh-amount small{font-size:10px;font-weight:500;color:var(--pf-muted);margin-left:3px}
[data-wallet-history] .wh-status{display:inline-flex;align-items:center;justify-self:end;gap:5px;border-radius:6px;padding:5px 7px;font-size:10px;line-height:1.4;font-weight:550;background:var(--pf-raised);color:var(--pf-muted);white-space:nowrap}[data-wallet-history] .wh-status svg{width:13px;height:13px;flex:none}[data-wallet-history] .wh-status.is-error{background:#3A252D;color:#F1A2AE}html[data-theme=light] [data-wallet-history] .wh-status.is-error{background:#FBE9EC;color:#AD3D51}[data-wallet-history] .wh-chevron{justify-self:end;font-size:19px;font-weight:400;color:var(--pf-muted)}
[data-wallet-history] .wh-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:12px}[data-wallet-history] .wh-footer p{font-size:10px;color:var(--pf-muted);margin:0}[data-wallet-history] .wh-more{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:10px 4px;background:none;color:var(--pf-accent);font-size:11px;font-weight:600}[data-wallet-history] .wh-more>span{font-size:17px}[data-wallet-history] .wh-more:hover{text-decoration:underline;text-underline-offset:4px}[data-wallet-history] .wh-note{font-size:10px;line-height:1.65;color:var(--pf-muted);margin:9px 0 0;padding-top:12px;border-top:1px solid var(--pf-line)}
[data-wallet-history] .wh-dialog{width:460px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 28px);overflow:auto;padding:27px;background:var(--pf-panel);color:var(--pf-ink);border:1px solid var(--pf-line);border-radius:22px;font-family:inherit;box-shadow:0 24px 100px #0005}[data-wallet-history] .wh-dialog::backdrop{background:#050914B8}[data-wallet-history] .wh-dialog>header{display:flex;align-items:start;justify-content:space-between;gap:15px}[data-wallet-history] .wh-dialog h2{font-size:24px;letter-spacing:-.03em}[data-wallet-history] .wh-eyebrow{font-size:9px;letter-spacing:.09em;font-weight:700;color:var(--pf-accent);margin:0 0 8px}[data-wallet-history] .wh-close{width:44px;height:44px;flex:none;border-radius:50%;background:var(--pf-raised);font-size:25px;font-weight:400;margin-top:-5px;margin-right:-5px}[data-wallet-history] .wh-dialog-amount{font-size:32px;font-weight:700;letter-spacing:-.03em;margin:25px 0 7px;font-variant-numeric:tabular-nums}[data-wallet-history] .wh-dialog-label{font-size:10px;color:var(--pf-muted);margin:0 0 17px}[data-wallet-history] .wh-fields{border-top:1px solid var(--pf-line);margin:22px 0 0}[data-wallet-history] .wh-fields>div{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:12px;line-height:1.5;padding:12px 0;border-bottom:1px solid var(--pf-line)}[data-wallet-history] dt{color:var(--pf-muted)}[data-wallet-history] dd{margin:0;text-align:right;overflow-wrap:anywhere}[data-wallet-history] .wh-dialog-note{font-size:11px;line-height:1.7;margin:18px 0;color:var(--pf-muted)}[data-wallet-history] .wh-dismiss{min-height:44px;width:100%;padding:12px 20px;background:var(--pf-raised);border-radius:999px;font-size:12px;font-weight:650;margin-top:8px}
@container wallet-history (max-width:740px){[data-wallet-history] .wh-column-head{display:none}[data-wallet-history] .wh-row{grid-template-columns:minmax(0,1fr) auto 18px;grid-template-rows:auto auto;column-gap:12px;row-gap:7px;padding:16px 8px;min-height:99px}[data-wallet-history] .wh-operation{grid-column:1;grid-row:1}[data-wallet-history] .wh-date{grid-column:1;grid-row:2;padding-left:45px;font-size:10px}[data-wallet-history] .wh-date>small{display:inline;font-size:9px;margin-left:7px}[data-wallet-history] .wh-amount{grid-column:2;grid-row:1;align-self:center;font-size:14px}[data-wallet-history] .wh-status{grid-column:2;grid-row:2}[data-wallet-history] .wh-chevron{grid-column:3;grid-row:1/3}[data-wallet-history] .wh-heading{flex-wrap:wrap}[data-wallet-history] .wh-heading p{font-size:11px}}
@container wallet-history (max-width:460px){[data-wallet-history] .wh-heading{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px 12px;margin-bottom:18px}[data-wallet-history] .wh-heading>img{width:34px;height:34px;align-self:start}[data-wallet-history] .wh-all{grid-column:1/-1;justify-self:stretch;margin-top:3px}[data-wallet-history] .wh-row{grid-template-columns:minmax(0,1fr) auto;row-gap:9px;padding:17px 0}[data-wallet-history] .wh-operation{gap:9px}[data-wallet-history] .wh-operation>img{width:28px;height:31px}[data-wallet-history] .wh-operation strong{font-size:12px}[data-wallet-history] .wh-operation small{font-size:11px}[data-wallet-history] .wh-date{padding-left:37px;font-size:10px}[data-wallet-history] .wh-date>small{display:block;margin-left:0;font-size:9px;margin-top:3px}[data-wallet-history] .wh-amount{font-size:14px}[data-wallet-history] .wh-status{font-size:10px}[data-wallet-history] .wh-chevron{display:none}[data-wallet-history] .wh-footer{flex-wrap:wrap;gap:1px;padding-top:14px}[data-wallet-history] .wh-footer>p{font-size:10px}[data-wallet-history] .wh-more{margin-left:auto;font-size:11px}[data-wallet-history] .wh-note{font-size:10px}}
@container wallet-history (max-width:290px){[data-wallet-history] .wh-row{column-gap:7px}[data-wallet-history] .wh-operation>img{width:24px;height:27px}[data-wallet-history] .wh-operation{gap:7px}[data-wallet-history] .wh-operation strong{font-size:11px}[data-wallet-history] .wh-operation small{font-size:10px}[data-wallet-history] .wh-date{padding-left:31px}[data-wallet-history] .wh-amount{font-size:13px}[data-wallet-history] .wh-status{font-size:9px;padding:5px}[data-wallet-history] .wh-footer{justify-content:center}[data-wallet-history] .wh-footer>p{flex-basis:100%;text-align:center}[data-wallet-history] .wh-more{margin:0 auto}}
@media(max-width:600px){[data-wallet-history]{padding:18px 16px;border-radius:18px;margin-top:18px}[data-wallet-history] .wh-dialog{padding:22px}}