.trades-showcase .frame-wrap{opacity:1;transform:none;animation:none}
.trades-preview{aspect-ratio:1400/787}
.trades-mock-search{display:flex;align-items:center;gap:14px;width:370px;height:54px;padding:0 20px;border:1px solid #22242e;border-radius:18px;background:#12141c;color:#777e91;font-size:22px}
.trades-mock-search svg{width:24px;height:24px;flex:none}
.trades-mock-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}
.trades-mock-heading h2{font-size:26px;font-weight:700;color:#d7dbe5}
.trades-mock-heading p{font-size:18px;color:#777e91;margin-top:2px}
.trades-mock-export{display:inline-flex;align-items:center;border:1px solid #292e3b;border-radius:12px;padding:10px 18px;font-size:19px;color:#a6acbc}
.trades-mock-table{width:100%;border-collapse:collapse;text-align:left;table-layout:auto}
.trades-mock-table th{padding:15px 12px;text-transform:uppercase;color:#777e91;font-size:17px;font-weight:600;letter-spacing:.5px;white-space:nowrap;border-bottom:1px solid #22242e}
.trades-mock-table td{height:91px;padding:19px 12px;border-bottom:1px solid #22242e;font-size:19px;white-space:nowrap;vertical-align:middle}
.trades-mock-table th:not(:first-child):not(:nth-child(4)),.trades-mock-table td:not(:first-child):not(:nth-child(4)){width:1%}
.trades-mock-symbol{width:44px;height:44px;display:inline-grid;place-items:center;border-radius:50%;color:#11131a;font-size:18px;font-weight:800}
.trades-mock-symbol.gold{background:#f2a93b}.trades-mock-symbol.forex{background:#71a5ff}
.trades-mock-pill{display:inline-block;border-radius:20px;padding:4px 12px;font-size:17px;font-weight:700;white-space:nowrap}
.trades-mock-pill.long,.trades-mock-pill.grade-b{background:rgba(59,130,246,.15);color:#3b82f6}
.trades-mock-pill.short{background:rgba(192,57,74,.15);color:#c0394a}
.trades-mock-pill.strategy{background:#20222c;color:#969caf}
.trades-mock-pill.grade-a{background:rgba(34,197,94,.13);color:#22c55e}
.trades-mock-pnl{font-size:21px!important;font-weight:700}
.trades-mock-actions{display:flex;align-items:center;justify-content:flex-end;gap:22px;color:#777e91}
.trades-mock-actions svg{width:23px;height:23px;flex:none}
.trades-mock-pager{display:flex;align-items:center;justify-content:space-between;margin-top:22px;color:#777e91;font-size:18px}
.trades-mock-pager>div{display:flex;gap:7px}
.trades-mock-pager>div span{display:grid;place-items:center;min-width:34px;height:34px;border:1px solid #252a36;border-radius:8px;background:#161821;color:#a6acbc}
.trades-mock-pager>div .selected{background:#3b82f6;border-color:#3b82f6;color:#eef0f6}

.trades-mock-export{gap:10px}.trades-mock-export svg{width:22px;height:22px}