/* v414: one independent card for every enabled Spot/Futures connection. */
#appShell .grid{
  grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));
  gap:var(--gap);
}
#appShell .exchange,
#appShell .exchange>.cols{
  display:contents;
}
#appShell .exchange.hidden-by-exchange,
#appShell .exchange>.cols>.col.market-hidden{
  display:none!important;
}
#appShell .exchange>.cols>.col{
  container-type:inline-size;
  width:100%;
  min-width:0;
  overflow:hidden;
  padding:clamp(13px,calc(16px * var(--coin-name-scale)),24px) clamp(14px,calc(18px * var(--coin-name-scale)),28px) clamp(17px,calc(21px * var(--coin-name-scale)),31px);
  border:1px solid #243b58;
  border-radius:10px;
  background:linear-gradient(145deg,#101d2d 0%,#0c1726 54%,#091320 100%);
  box-shadow:inset 0 1px 0 rgba(189,218,255,.035),0 15px 34px rgba(0,0,0,.16);
}
#appShell .exchange>.cols>.col:first-child{
  padding-right:clamp(14px,calc(18px * var(--coin-name-scale)),28px);
  border-right:1px solid #243b58;
}
#appShell .exchange>.cols>.col .market.market-exchange-inline{
  margin-bottom:1.02em;
}
@media(max-width:1480px){#appShell .grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr))}}
@media(max-width:680px){
  #appShell .grid{grid-template-columns:minmax(0,1fr)}
  #appShell .exchange>.cols>.col,
  #appShell .exchange>.cols>.col:first-child{padding:12px 11px 16px;border:1px solid #243b58;border-radius:8px}
}