/* Self-hosted PNGs. Explicit inline sizing overrides card/image layout rules. */
body img.fat-png-emoji, body img.fat-png-symbol {
  display:inline-block; width:1em; height:1em; min-width:1em; max-width:1em;
  margin:0 .06em; padding:0; border:0; border-radius:0;
  vertical-align:-.12em; object-fit:contain; box-shadow:none; flex:0 0 1em;
}
.button:not(.button--secondary) img.fat-png-symbol,
.update-progress .is-complete img.fat-png-symbol { filter:brightness(0) invert(1); }
body .submission-benefits li::before {
  content:""; display:inline-block; width:1em; height:1em; vertical-align:-.12em;
  margin-right:10px; background:url('../icons/png/check.png') center/contain no-repeat;
}
body .update-support__item::before {
  content:""; background:#e7dbfa url('../icons/png/check.png') center/14px 14px no-repeat;
}
.png-icon-credits { padding:0 0 20px; color:var(--muted); font-size:11px; }
body.login .png-icon-credits { text-align:center; margin:24px; color:#646970; }
body.wp-admin .button img.fat-png-symbol, body.login .button img.fat-png-symbol { filter:none; }
body.wp-admin .png-icon-credits { margin-left:180px; color:#646970; }
@media(max-width:782px) { body.wp-admin .png-icon-credits { margin-left:20px; } }
/* PNG alpha masks inherit native icon colors, hover states and transforms. */
body [data-fat-png-before]::before,
body [data-fat-png-after]::after {
  content:"" !important; display:inline-block; width:1em; height:1em;
  background-color:currentColor !important;
  -webkit-mask-position:center; mask-position:center;
  -webkit-mask-size:contain; mask-size:contain;
  -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat;
}
body [data-fat-png-before]::before { -webkit-mask-image:var(--fat-png-before); mask-image:var(--fat-png-before); }
body [data-fat-png-after]::after { -webkit-mask-image:var(--fat-png-after); mask-image:var(--fat-png-after); }