/* The SVG already includes its colored tile, so the product mark needs no second frame. */
.product-vector {
  display: grid;
  place-items: center;
  overflow: visible !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.product-vector > img {
  display: block;
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  object-fit: contain !important;
}

img[src*="/bank-fluent-v2.svg"],
img[src*="/exchange-fluent-v2.svg"],
img[src*="/binance-mark-v2.svg"],
img[src*="/bybit-mark-v2.svg"] {
  box-sizing: border-box;
  border-radius: 25%;
  padding: 6px !important;
  object-fit: contain;
}

img[src*="/bank-fluent-v2.svg"] {
  background: linear-gradient(145deg, #f4efff, #eeeff1);
}

img[src*="/exchange-fluent-v2.svg"] {
  background: linear-gradient(145deg, #e7fbf6, #cceee9);
}

img[src*="/binance-mark-v2.svg"] {
  background: #0f1114;
  padding: 8px !important;
}

img[src*="/bybit-mark-v2.svg"] {
  background: linear-gradient(145deg, #fffaf0, #ffe9c9);
  padding: 3px !important;
}