/* Shared symbol sizing and a static fallback when JavaScript is unavailable. */
pai-logo {
  --pai-radius: 18.75%;
  display: inline-block;
  width: var(--pai-size, 40px);
  height: var(--pai-size, 40px);
  flex: none;
  vertical-align: middle;
  line-height: 0;
  border-radius: var(--pai-radius);
}
pai-logo > img { display: block; width: 100%; height: 100%; }
pai-logo:not([transparent]) { --pai-mark-scale: .66; }
.brand > pai-logo { --pai-size: 40px; }
.footer .brand > pai-logo { --pai-size: 32px; }
.bundle-pai-pill > pai-logo { --pai-size: 28px; margin: -4px 0; }
.bundle-analysis-label > pai-logo { --pai-size: 26px; }
.bundle-execution-heading > pai-logo { --pai-size: 28px; }
.reply-top > pai-logo { --pai-size: 30px; }
.bundle-toolbar .bundle-pai-pill { border-radius: 999px; padding-left: 6px; }
@media (max-width: 680px) {
  .nav .brand > pai-logo { --pai-size: 34px; }
  .bundle-pai-pill > pai-logo { --pai-size: 24px; }
  .bundle-analysis-label > pai-logo { --pai-size: 22px; }
  .bundle-execution-heading > pai-logo { --pai-size: 24px; }
}