.trade-list{display:grid;grid-gap:8px;gap:8px;margin:0;padding:0;list-style:none}.trade-list__item{display:flex;align-items:center;gap:12px;inline-size:100%;min-block-size:58px;padding:8px 14px 8px 10px;border-radius:16px;background:var(--ink-surface);border:1px solid var(--line);color:var(--fg);text-align:start;cursor:pointer;touch-action:manipulation;transition:background-color .25s var(--ease),border-color .25s var(--ease),box-shadow .25s var(--ease),transform .25s var(--ease)}[dir=rtl] .trade-list__item{padding:8px 10px 8px 14px}.trade-list__item:active{transform:scale(.98);transition-duration:.1s}.trade-list__item:focus-visible{outline:2px solid var(--violet-soft);outline-offset:2px}.trade-list__item[aria-pressed=true]{background:rgb(var(--violet-rgb)/.07);border-color:var(--violet-soft);box-shadow:var(--shadow-2)}@media (hover:hover){.trade-list__item:hover{border-color:rgb(var(--violet-soft-rgb)/.5)}}.trade-list .trade-art{inline-size:40px}.trade-art{display:block;block-size:auto;aspect-ratio:1;flex:none;overflow:visible;fill:none;stroke-linecap:round;stroke-linejoin:round}.trade-art *{vector-effect:non-scaling-stroke;stroke-width:1.8px}.trade-art .ink{stroke:var(--fg)}.trade-art .accent{stroke:var(--violet-soft)}.trade-art .ink-fill{fill:var(--fg)}.trade-art .accent-fill{fill:var(--violet-soft)}.trade-art__accent{transform-box:fill-box;transform-origin:center}@media (hover:hover) and (prefers-reduced-motion:no-preference){.trade-list__item:hover .trade-art__accent{animation:trade-bob .9s ease-in-out infinite alternate}}@keyframes trade-bob{to{transform:translateY(-3px) rotate(-4deg)}}.trade-list__text{display:grid;grid-gap:1px;gap:1px;flex:1 1;min-inline-size:0}.trade-list__name{font:600 14.5px/1.35 var(--body)}.trade-list__note{overflow:hidden;font:400 12.5px/1.45 var(--body);color:var(--fg-55);text-overflow:ellipsis;white-space:nowrap}