/* Deselect buttons for Trade page and Comic Cut Archive dropdown rows. */
.trade-page-field.has-picker-clear{
  grid-template-columns:minmax(0, 1fr) 44px;
  align-items:start;
  gap:6px 8px;
}
.trade-page-field.has-picker-clear > label{
  grid-column:1 / -1;
}
.trade-page-field.has-picker-clear .trade-page-picker{
  grid-column:1;
}
.trade-page-field.has-picker-clear .ccc-dropdown-deselect-btn{
  grid-column:2;
}
.archive-series-row.has-picker-clear{
  display:flex;
  align-items:flex-start;
  gap:8px;
}
.archive-series-row.has-picker-clear .uniform-dd{
  flex:1 1 auto;
  min-width:0;
}
.ccc-dropdown-deselect-btn{
  min-height:44px;
  width:44px;
  flex:0 0 44px;
  padding:0;
  border:1px solid var(--border);
  background:rgba(255,255,255,.04);
  color:var(--text);
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  white-space:nowrap;
  border-radius:0;
  box-shadow:none;
}
.ccc-dropdown-deselect-btn .material-symbols-outlined{
  font-size:22px;
  line-height:1;
}
.ccc-dropdown-deselect-btn:hover:not(:disabled){
  border-color:rgba(255,255,255,.35);
  background:rgba(255,255,255,.08);
}
.ccc-dropdown-deselect-btn:disabled{
  opacity:.45;
  cursor:not-allowed;
}
@media (max-width:560px){
  .trade-page-field.has-picker-clear,
  .archive-series-row.has-picker-clear{
    gap:7px;
  }
  .ccc-dropdown-deselect-btn{
    width:44px;
    flex-basis:44px;
    padding:0;
  }
}