/* Shared dimensions apply to art only. Charts and customer-provided images keep their own layout. */
svg.fbi-premium-icon {
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
  flex: 0 0 auto;
  vertical-align: -.2em;
  overflow: visible;
  fill: none;
  pointer-events: none;
  shape-rendering: geometricPrecision;
}
svg.fbi-premium-icon > g { vector-effect: non-scaling-stroke; }
.premium-product-glyph > svg.fbi-premium-icon { width: 42px; height: 42px; }
.premium-orbit-chip > svg.fbi-premium-icon { width: 28px; height: 28px; }
.premium-bento-card > svg.fbi-premium-icon { width: 28px; height: 28px; }
.premium-statistic-icon > svg.fbi-premium-icon { width: 22px; height: 22px; }
.system-page-icon > svg.fbi-premium-icon { width: 22px; height: 22px; }
.btn > svg.fbi-premium-icon,
.icon-button > svg.fbi-premium-icon,
.premium-icon-button > svg.fbi-premium-icon { width: 18px; height: 18px; }
[disabled] svg.fbi-premium-icon { opacity: .55; }
.premium-nav > a,
.site-header .nav-links > a { display: inline-flex; align-items: center; gap: .4rem; }
.premium-nav > a > svg.fbi-premium-icon,
.site-header .nav-links > a > svg.fbi-premium-icon { width: 18px; height: 18px; }
.premium-account nav > a,
.premium-account nav > button { display: flex; align-items: center; gap: .6rem; }
.premium-account nav > a > svg.fbi-premium-icon,
.premium-account nav > button > svg.fbi-premium-icon { width: 18px; height: 18px; }

@media (forced-colors: active) {
  svg.fbi-premium-icon .fbi-icon-depth { display: none; }
  svg.fbi-premium-icon .fbi-icon-surface { fill: Canvas; stroke: ButtonText; }
  svg.fbi-premium-icon .fbi-icon-line,
  svg.fbi-premium-icon .fbi-icon-detail,
  svg.fbi-premium-icon .fbi-icon-accent { stroke: ButtonText; }
}