@supports ((-webkit-mask: url("/branding/logo")) or (mask: url("/branding/logo"))) {
  .app-brand-mark {
    width: 1.5rem;
    background-color: currentColor;
    -webkit-mask: url("/branding/logo") center / contain no-repeat;
    mask: url("/branding/logo") center / contain no-repeat;
  }

  .app-brand-mark-image {
    visibility: hidden;
  }
}