.variant-media{display:grid;gap:8px;margin:0;min-width:0;background:#fff;color:#171717}
.variant-media .vm-media-box{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);place-items:center;position:relative;overflow:hidden;background:#fff;padding:0;max-width:100%;border:0;border-radius:0}
.variant-media button.vm-media-box{cursor:pointer}
.variant-media button.vm-media-box:disabled{cursor:default;opacity:1}
.variant-media .vm-media-box img{width:100%;height:100%;object-fit:contain;transform:none}
.variant-media .vm-fallback{color:#61666d;font-size:28px;line-height:1}
.vm-caption{font-size:13px;line-height:1.45;color:#50555d;text-align:left;overflow-wrap:anywhere}
.vm-warning{font-size:13px;line-height:1.45;font-weight:600;color:#171717;border-left:3px solid #d5ac00;background:#fff9df;padding:8px 10px;margin:8px 0 0}
.vm-warning[hidden],.vm-retry[hidden]{display:none}
.vm-retry{display:block;margin-top:8px;min-height:48px!important;font-size:13px}
.variant-row>.variant-media{width:136px;flex:0 0 136px}
.variant-row>.variant-media .variant-photo{width:72px;height:72px}
.variant-row .button{min-height:48px}
.parent-product-card .vm-family-caption{display:block;text-align:left;font-size:12px;line-height:1.4;color:#50555d;padding:8px 12px;background:#fff}
.parent-context>.parent-family-media{margin:0;width:220px;flex:none}
.parent-family-media .product-photo{width:100%;height:210px}
.parent-family-media figcaption{font-size:13px;line-height:1.45;color:#50555d;margin-top:8px}
.tool-context>.variant-media{width:250px;max-width:100%}
.tool-context>.variant-media .product-photo{width:100%;height:230px}
.mini-identity>.variant-media{width:100px;flex:none}
.mini-identity .vm-caption{font-size:11px}
.mini-identity .vm-warning{font-size:11px;padding:6px}
.tool-library-grid .variant-media .product-photo{width:100%;height:185px}
.vm-dialog .vm-media-box{height:min(65vh,600px);width:100%}
.vm-dialog .vm-caption{font-size:14px}
.kb-tool-context>.variant-media{width:180px;flex:none}
.kb-tool-context .variant-media .vm-media-box{width:120px;height:100px}
.kb-tool-context .variant-media .vm-media-box img{width:100%;height:100%;object-fit:contain}
@media(max-width:650px){
  .variant-row>.variant-media{width:120px;flex-basis:120px}
  .parent-context>.parent-family-media{width:105px}
  .parent-family-media .product-photo{height:110px}
  .tool-context>.variant-media{width:100%;max-width:240px}
  .kb-tool-context>.variant-media{width:140px}
  .vm-caption,.vm-warning{font-size:12px}
}