/* Canonical product artwork. Never tint, redraw or stretch the approved assets. */
.product-brand-art,
.surface-brand > .product-brand-art,
.workspace-brand > .product-brand-art {
  display: inline-block;
  flex: none;
  line-height: 0;
  vertical-align: middle;
}
.product-brand-art.product-brand-lockup { width: 144px; min-width: 120px; }
.product-brand-art.product-brand-mark { width: 44px; height: 44px; }
.product-brand-art > img { display: block; width: 100%; height: auto; }
.product-brand-art > .product-brand-dark { display: none; }
:root[data-theme="dark"] .product-brand-art > .product-brand-light { display: none; }
:root[data-theme="dark"] .product-brand-art > .product-brand-dark { display: block; }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) .product-brand-art > .product-brand-light { display: none; }
  :root:not([data-theme]) .product-brand-art > .product-brand-dark { display: block; }
}
.login-mark .product-brand-mark { width: 52px; height: 52px; }
.empty-mark:has(.product-brand-art) {
  transform: none;
  background: transparent;
  border-color: var(--line);
  border-radius: 8px;
  box-shadow: none;
}
@media (max-width: 760px) {
  .product-brand-art.product-brand-lockup { width: 132px; }
}