/* Four Color Comic v40.31.20 — Card View inline pricing */

#collectionCards .v403120-card{
  grid-template-columns:132px minmax(0,1fr)!important;
  grid-template-rows:auto auto;
  column-gap:15px!important;
  row-gap:0!important;
  align-items:start!important;
}

#collectionCards .v403120-card>.v414-card-select{
  grid-column:2;
  grid-row:1;
  margin:0 0 10px!important;
  align-self:center;
}

#collectionCards .v403120-card-left{
  grid-column:1;
  grid-row:1 / span 2;
  min-width:0;
  display:grid;
  grid-template-columns:1fr;
  gap:9px;
  align-content:start;
}

#collectionCards .v403120-card .v42-card-main{
  grid-column:2;
  grid-row:2;
  min-width:0;
}

#collectionCards .v403120-card-left .v43-cover-button.card,
#collectionCards .v403120-card-left .v43-cover-missing.card{
  grid-row:auto!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:132 / 190;
}

#collectionCards .v403120-card-purchase{
  display:block;
  min-width:0;
  padding:8px;
  border:1px solid var(--line);
  border-radius:9px;
  background:rgba(7,15,28,.66);
}

#collectionCards .v403120-card-purchase>span{
  display:block;
  margin-bottom:5px;
  color:var(--muted);
  font-size:8px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.05em;
}

#collectionCards .v403120-cost-shell{
  height:34px;
  display:grid;
  grid-template-columns:18px minmax(0,1fr);
  align-items:center;
  border:1px solid rgba(118,139,174,.42);
  border-radius:7px;
  background:rgba(4,10,20,.78);
  overflow:hidden;
}

#collectionCards .v403120-cost-shell:focus-within{
  border-color:rgba(124,108,255,.75);
  box-shadow:0 0 0 2px rgba(124,108,255,.11);
}

#collectionCards .v403120-cost-shell i{
  padding-left:7px;
  color:#9fb0c7;
  font-size:11px;
  font-style:normal;
  font-weight:850;
}

#collectionCards .v403120-card-cost-input{
  width:100%!important;
  min-width:0;
  height:32px!important;
  padding:5px 6px 5px 1px!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  color:#f3f7ff!important;
  font-size:13px!important;
  font-weight:850!important;
  text-align:left!important;
  font-variant-numeric:tabular-nums;
  box-shadow:none!important;
}

#collectionCards .v403120-card-purchase small{
  display:block;
  margin-top:4px;
  color:#657b98;
  font-size:7px;
  line-height:1.2;
}

#collectionCards .v403120-card-values{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:8px;
  margin:12px 0 8px;
}

#collectionCards .v403120-value-box{
  min-width:0;
  min-height:91px;
  padding:10px;
  border:1px solid var(--line);
  border-radius:10px;
  background:rgba(8,18,33,.55);
}

#collectionCards .v403120-value-box>span{
  display:block;
  color:var(--muted);
  font-size:8px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.045em;
}

#collectionCards .v403120-my-value .v41-market-input{
  width:100%!important;
  min-width:0!important;
  height:38px!important;
  margin-top:5px!important;
  text-align:left!important;
}

#collectionCards .v403120-my-value .v43-market-state{
  margin-top:4px;
  font-size:7px;
  line-height:1.25;
}

#collectionCards .v403120-estimated .v41-ai{
  margin-top:7px;
  font-size:16px;
}

#collectionCards .v403120-estimated .v42-price-status{
  margin-top:6px;
  max-width:none;
}

#collectionCards .v403120-card-pl{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin:0 0 10px;
  padding:7px 9px;
  border:1px solid rgba(117,140,179,.2);
  border-radius:8px;
  background:rgba(6,13,24,.38);
}

#collectionCards .v403120-card-pl span{
  color:#768aa5;
  font-size:8px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.04em;
}

#collectionCards .v403120-card-pl b{
  margin-left:5px;
  font-size:11px;
  letter-spacing:0;
  text-transform:none;
}

@media(max-width:980px){
  #collectionCards .v403120-card{
    grid-template-columns:112px minmax(0,1fr)!important;
    column-gap:12px!important;
  }
  #collectionCards .v403120-card-left .v43-cover-button.card,
  #collectionCards .v403120-card-left .v43-cover-missing.card{
    aspect-ratio:112 / 160;
  }
  #collectionCards .v403120-card-purchase{
    padding:7px;
  }
}

@media(max-width:620px){
  #collectionCards .v403120-card{
    grid-template-columns:92px minmax(0,1fr)!important;
    column-gap:10px!important;
  }
  #collectionCards .v403120-card-left .v43-cover-button.card,
  #collectionCards .v403120-card-left .v43-cover-missing.card{
    aspect-ratio:92 / 132;
  }
  #collectionCards .v403120-card-values{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:6px;
  }
  #collectionCards .v403120-value-box{
    padding:8px;
  }
  #collectionCards .v403120-card-purchase>span,
  #collectionCards .v403120-value-box>span{
    font-size:7px;
  }
}