/* PluginPip product artwork presentation, v1.2. */
.pt-product-badge--artwork{
  display:flex;
  align-items:center;
  justify-content:center;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  filter:drop-shadow(0 8px 16px rgba(0,145,255,.22));
  transform-origin:center;
  transition:transform .2s ease,filter .2s ease;
}
.pt-product-badge--artwork img{
  display:block;
  width:90%;
  height:90%;
  max-width:90%;
  max-height:90%;
  margin:auto;
  object-fit:contain;
}

/* Balance the visual weight of artwork that has different amounts of internal transparent space. */
.pt-product-badge--pipkey img{width:96%;height:96%;max-width:96%;max-height:96%}
.pt-product-badge--pipquote img{width:94%;height:94%;max-width:94%;max-height:94%}
.pt-product-badge--portal img{width:94%;height:94%;max-width:94%;max-height:94%}
.pt-product-badge--piphub img{width:93%;height:93%;max-width:93%;max-height:93%}
.pt-product-badge--pipdev img{width:86%;height:86%;max-width:86%;max-height:86%}
.pt-product-badge--pipcms img{width:91%;height:91%;max-width:91%;max-height:91%}
.pt-product-badge--pipconnect img{width:92%;height:92%;max-width:92%;max-height:92%}
.pt-product-badge--pipbrowser img{width:89%;height:89%;max-width:89%;max-height:89%}
.pt-product-badge--piptools img{width:89%;height:89%;max-width:89%;max-height:89%}
.pt-product-badge--piptravel img{width:92%;height:92%;max-width:92%;max-height:92%}
.pt-product-badge--pipcommand img{width:87%;height:87%;max-width:87%;max-height:87%}

/* Product-page hero marks can breathe more than catalogue marks. */
.pt-product-title-row .pt-product-badge--artwork img{
  width:98%;
  height:98%;
  max-width:98%;
  max-height:98%;
}
.pt-product-title-row .pt-product-badge--pipdev img,
.pt-product-title-row .pt-product-badge--pipcommand img{
  width:92%;
  height:92%;
  max-width:92%;
  max-height:92%;
}

.pt-portfolio-card .pt-product-badge--artwork,
.pt-product-card .pt-product-badge--artwork,
.pt-related-grid .pt-product-badge--artwork{margin:-4px 0 2px -3px}
.pt-product-title-row .pt-product-badge--artwork{margin-left:-6px;filter:drop-shadow(0 14px 28px rgba(0,151,255,.28))}
.pp3-product-link .pt-product-badge--artwork{margin:-4px 0 3px -4px}

.pt-portfolio-card:hover .pt-product-badge--artwork,
.pt-portfolio-card:focus-visible .pt-product-badge--artwork,
.pt-product-card:hover .pt-product-badge--artwork,
.pt-related-grid>a:hover .pt-product-badge--artwork,
.pt-related-grid>a:focus-visible .pt-product-badge--artwork,
.pp3-product-link:hover .pt-product-badge--artwork,
.pp3-product-link:focus-visible .pt-product-badge--artwork{
  transform:translateY(-2px) scale(1.04);
  filter:drop-shadow(0 12px 21px rgba(37,230,255,.34));
}

@media(max-width:760px){
  .pt-product-title-row .pt-product-badge--artwork{margin-left:-3px}
  .pt-product-badge--artwork img{width:88%;height:88%;max-width:88%;max-height:88%}
  .pt-product-title-row .pt-product-badge--artwork img{width:94%;height:94%;max-width:94%;max-height:94%}
}
@media(prefers-reduced-motion:reduce){.pt-product-badge--artwork{transition:none}}