.trade-layout{display:grid;grid-template-columns:340px minmax(0,1fr);gap:20px}.trade-create{padding:26px}.trade-create h2,.trade-list h2{margin:0 0 20px;font-size:24px}.trade-create label{display:grid;gap:7px;color:var(--muted);font-size:12px;margin:14px 0}.trade-create select{padding:12px;border-radius:9px;border:1px solid var(--line);background:#12101f;color:#fff;font:inherit}.trade-create .primary{margin-top:8px;width:100%}.trade-note{font-size:12px;color:var(--muted);line-height:1.5;margin:15px 0 0}.trade-list-heading{display:flex;align-items:center;justify-content:space-between}.trade-offers{display:grid;gap:11px}.trade-offer{padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:16px}.trade-offer-main{min-width:0;flex:1}.trade-player{display:flex;align-items:center;gap:9px;margin-bottom:12px}.trade-player-avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#8e5af5,#4c82da);color:#fff;font-weight:900}.trade-player b{display:block;margin:1px 0 0;font-size:15px}.trade-owner{display:block;font-size:10px;color:#cbb9ff;letter-spacing:.06em}.trade-cards{display:flex;align-items:center;gap:12px}.trade-card-preview{width:172px;border:1px solid rgba(255,255,255,.14);border-radius:10px;overflow:hidden;background:#100e20}.trade-card-preview>small{display:block;padding:6px 8px 3px;font-size:10px;color:var(--muted)}.trade-card-art{height:82px;display:grid;place-items:center;background:linear-gradient(145deg,#3b2d72,#171129);font-size:32px;background-position:center;background-size:cover}.trade-card-preview b{display:block;padding:7px 8px 2px;font-size:12px;line-height:1.25;white-space:normal;overflow-wrap:anywhere}.trade-card-preview>span{display:block;padding:0 8px 8px;font-size:9px;color:#cbb9ff}.trade-card-preview.legendary{border-color:rgba(255,208,91,.65)}.trade-card-preview.epic{border-color:rgba(190,120,255,.6)}.trade-card-preview.rare{border-color:rgba(105,176,255,.6)}.trade-arrow{color:var(--gold);font-size:24px}.trade-offer .primary{padding:10px 13px;white-space:nowrap}@media(max-width:850px){.trade-layout{grid-template-columns:1fr}}@media(max-width:560px){.trade-offer{align-items:flex-start;flex-direction:column}.trade-offer .primary,.trade-offer .text-button{width:100%}.trade-cards{width:100%;gap:7px}.trade-card-preview{flex:1;min-width:0}.trade-arrow{font-size:18px}}