#tradePanel {
  position: fixed;
  right: calc(190px * var(--classic-rx));
  top: 0;
  z-index: 9;
  width: 190px;
  height: 429px;
  transform-origin: top right;
  background-color: #111214;
  background-image: var(--trade-top, none), var(--trade-bottom, none), var(--trade-left, none), var(--trade-right, none), var(--trade-surface, none);
  background-position: left top, left 0 top 384px, left 0 top 64px, left 169px top 64px, left top;
  background-size: 190px 64px, 190px 45px, 21px 320px, 21px 320px, 225px 512px;
  background-repeat: no-repeat;
  box-shadow: 0 8px 24px rgba(0, 0, 0, .75);
  pointer-events: auto;
  font-size: 6px;
}
#tradePanel[hidden] { display: none; }
#tradePanel, #tradePanel * { cursor: url(assets/cursor/mano.png) 2 2, default; }
#tradePanel:active, #tradePanel:active * { cursor: url(assets/cursor/push.png) 2 2, default; }
#tradePanel button:focus, #tradePanel button:focus-visible { outline: none; }
#tradePanel > i { position: absolute; display: block; background-repeat: no-repeat; pointer-events: none; }
.trade-line { left: 1px; top: 220px; width: 188px; height: 21px; background-image: var(--trade-line, none); background-size: 188px 21px; }
.trade-nick { left: 11px; width: 171px; height: 26px; background-image: var(--trade-nick, none); background-size: 170px 28px; }
.trade-nick-your { top: 37px; }
.trade-nick-my { top: 243px; }
.trade-money { left: 11px; width: 170px; height: 26px; background-image: var(--trade-money, none); background-size: 170px 26px; }
.trade-money-your { top: 150px; }
.trade-money-my { top: 356px; }
.trade-x { position: absolute; left: 169px; top: 7px; z-index: 3; width: 13px; height: 12px; padding: 0; border: 0; background: transparent; }
.trade-your-grid, .trade-grid { position: absolute; left: 16px; width: 160px; height: 80px; }
.trade-your-grid { top: 68px; }
.trade-grid { top: 274px; }
.trade-your-grid::after, .trade-grid::after {
  content: '';
  position: absolute;
  z-index: 1;
  inset: -3px -5px -6px -4px;
  background: var(--trade-grid, none) 0 0 / 169px 89px no-repeat;
  pointer-events: none;
}
.trade-occupancy, .trade-items, .trade-your-occupancy, .trade-your-items, .trade-your-warnings { position: absolute; inset: 0; }
.trade-occupancy, .trade-your-occupancy { z-index: 0; }
.trade-items, .trade-your-items { z-index: 2; }
.trade-your-warnings { z-index: 3; pointer-events: none; }
.trade-occupied-cell { position: absolute; background: rgba(77, 128, 128, .6); }
.trade-occupied-cell[data-state="warning"] { background: rgba(255, 51, 26, .4); }
.trade-partner-item { cursor: url(assets/cursor/mano.png) 2 2, default; }
.trade-items .inventory-item.native-icon .inventory-item-icon,
.trade-your-items .inventory-item.native-icon .inventory-item-icon { image-rendering: pixelated; }
.trade-warning-arrow { position: absolute; width: 24px; height: 24px; background: var(--trade-arrow, none) 0 -9.6px / 24px 24px no-repeat; }
.trade-confirm { position: absolute; width: 36px; height: 29px; padding: 0; border: 0; background: var(--trade-accept, none) left top / 36px 58px no-repeat; }
.trade-confirm-your { left: 146px; top: 186px; pointer-events: none; }
.trade-confirm-my { left: 144px; top: 390px; z-index: 2; }
.trade-confirm[data-confirmed="true"], .trade-confirm[aria-pressed="true"] { background-position: left -29px; }
.trade-confirm-my[data-waiting="true"] { background-image: var(--trade-accept-wait, var(--trade-accept, none)); }
.trade-footer { position: absolute; top: 390px; width: 36px; height: 29px; padding: 0; border: 0; background-color: transparent; background-position: left top; background-repeat: no-repeat; background-size: 36px 58px; }
.trade-footer:active { background-position: left -29px; }
.trade-close { left: 13px; background-image: var(--trade-close, none); }
.trade-zen { left: 104px; background-image: var(--trade-zen, none); }
#mundo:has(#tradePanel:not([hidden])) #inventoryPanel .inventory-shop,
#mundo:has(#tradePanel:not([hidden])) #inventoryPanel .inventory-expand { visibility: hidden; }