/* Round the displayed card itself, including images inside contain frames. */
body.plavelist-ui{--photocard-image-radius:8px}
body.plavelist-ui :is(.card-image-button,.lib-card-image,.detail-image,.reference-image-view,.picker-card,.bulk-item-overview,.picked-card,.trade-gift-choice,.conversation-item,.ap-card-image)>img{
  border-radius:var(--photocard-image-radius);
  box-shadow:none;
}
body.plavelist-ui :is(.card-image-button,.lib-card-image,.detail-image,.ap-card-image){
  display:flex;
  align-items:center;
  justify-content:center;
}
body.plavelist-ui :is(.card-image-button,.lib-card-image,.detail-image,.ap-card-image)>img,
body.plavelist-ui .detail-layout .detail-image>img{
  width:auto;
  height:auto;
  max-width:100%;
  max-height:100%;
  object-fit:contain;
}
body.plavelist-ui .picker-card{display:grid;grid-template-rows:120px;align-content:start}
body.plavelist-ui .picker-choice .picker-card{grid-template-rows:135px}
body.plavelist-ui .picker-card>img{
  width:auto;
  height:auto;
  max-width:100%;
  max-height:120px;
  margin:0 auto;
  align-self:center;
  justify-self:center;
}
body.plavelist-ui .picker-choice .picker-card>img{max-height:135px}
body.plavelist-ui .bulk-item-overview>img{width:auto;height:auto;max-width:49px;max-height:66px}
body.plavelist-ui .picked-card>img{width:auto;height:auto;max-width:44px;max-height:64px}
body.plavelist-ui .trade-gift-choice>img{width:auto;height:auto;max-width:48px;max-height:67px}
@media(max-width:600px){
  body.plavelist-ui .trade-gift-choice>img{max-width:42px;max-height:59px}
}