.channel-card {
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr);
  box-shadow: 6px 6px 0 rgba(36, 37, 31, .28);
}

.channel-card-body {
  min-width: 0;
}

.channel-head {
  grid-template-columns: 90px minmax(180px, 1fr) 120px minmax(180px, 1fr) auto;
}

.rd-channel-drag {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  border-right: 1px solid var(--ink);
  background: #e7e0d4;
  cursor: grab;
  touch-action: none;
}

.rd-channel-drag img {
  width: 32px;
  height: 32px;
  padding: 6px;
  border: 1px solid var(--line);
  background: var(--panel);
}

.rd-channel-live-dragging {
  opacity: .72;
}

.rd-channel-drop-target.pointer-placement-over {
  border-top: 4px solid var(--yellow);
}

@media (max-width: 950px) {
  .channel-head {
    grid-template-columns: 80px 1fr 110px;
  }

  .channel-head .channel-note {
    grid-column: 1 / -1;
  }
}