.mdx-trade{padding-block:clamp(72px,10vw,136px)}.mdx-trade .mdx-head{margin-bottom:clamp(40px,5vw,64px)}.mdx-trade__steps{position:relative;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--count, 3),minmax(0,1fr));gap:clamp(16px,2.4vw,32px)}.mdx-trade__steps:before{content:"";position:absolute;left:8%;right:8%;top:64px;height:1px;z-index:0;opacity:.6;background:repeating-linear-gradient(90deg,var(--line-strong) 0 6px,transparent 6px 12px)}.mdx-trade__step{position:relative;z-index:1;display:grid;gap:14px;align-content:start;transition:opacity .7s var(--mdx-ease),transform .7s var(--mdx-ease)}.mdx-trade__step:nth-child(2){transition-delay:.15s}.mdx-trade__step:nth-child(3){transition-delay:.3s}.mdx-trade__step:nth-child(4){transition-delay:.45s}.mdx-js .mdx-trade__steps.is-pending .mdx-trade__step{opacity:0;transform:translateY(20px)}.mdx-trade__no{font:700 15px/1.3 var(--mdx-font);color:var(--fg)}.mdx-trade__card{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:64px;padding:14px 16px;background:var(--surface);color:var(--fg);border:1px solid var(--line);border-radius:var(--mdx-r-md);box-shadow:0 22px 44px -28px #00000073;min-width:0}.mdx-trade__card--hot{border-color:var(--mdx-blue);box-shadow:0 0 0 3px #1878b924,0 22px 44px -28px #00000073}.mdx-trade__id{font:500 13px/1.2 var(--mdx-code);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mdx-trade__text{color:var(--muted);font-size:16px;max-width:34ch}.mdx-trade__foot{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:clamp(32px,4vw,52px)}.mdx-trade__note{font-size:13px;color:var(--muted)}@media screen and (max-width:989px){.mdx-trade__steps{grid-template-columns:minmax(0,1fr)}.mdx-trade__steps:before{left:20px;right:auto;top:0;bottom:0;width:1px;height:auto;background:repeating-linear-gradient(180deg,var(--line-strong) 0 6px,transparent 6px 12px)}.mdx-trade__step{padding-left:44px}.mdx-trade__step:before{content:"";position:absolute;left:15px;top:3px;width:11px;height:11px;border-radius:50%;background:var(--bg);border:1.5px solid var(--mdx-blue)}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-mdx-trade.css.map */