.deck-list-item{
  overflow:hidden;
}

.deck-sidebar-layout{
  display:grid;
  grid-template-columns:44px minmax(0,1fr);
  gap:10px;
  align-items:center;
  width:100%;
}

.deck-sidebar-thumb{
  width:44px;
  aspect-ratio:488/680;
  border-radius:7px;
  overflow:hidden;
  background:#0b1118;
  border:1px solid rgba(255,255,255,.08);
  align-self:stretch;
  min-height:60px;
}

.deck-sidebar-thumb img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}

.deck-sidebar-thumb-placeholder{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  height:100%;
  color:var(--muted);
  font-size:1rem;
  opacity:.5;
}

.deck-sidebar-copy{
  min-width:0;
  display:grid;
  gap:6px;
  align-content:center;
}

.deck-sidebar-copy .item-head{
  min-width:0;
}

.deck-sidebar-copy .item-head strong{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.deck-sidebar-copy .meta{
  margin:0;
}

.deck-sidebar-colors{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:4px;
  min-height:18px;
  margin-top:-2px;
}

.deck-sidebar-color-symbol{
  display:block;
  width:18px;
  height:18px;
  flex:0 0 18px;
}

@media(max-width:760px){
  .deck-sidebar-layout{
    grid-template-columns:40px minmax(0,1fr);
  }
  .deck-sidebar-thumb{
    width:40px;
    min-height:56px;
  }
  .deck-sidebar-color-symbol{
    width:17px;
    height:17px;
    flex-basis:17px;
  }
}