/* System logo only; standalone SVG supplies the fallback artwork. */
.praxivia-logo {
  --praxivia-logo-color: #006D77;
  position: relative;
  display: inline-block;
  max-width: 100%;
  line-height: 0;
}

@supports ((mask-image: url("/assets/images/logo_praxivia.svg")) or (-webkit-mask-image: url("/assets/images/logo_praxivia.svg"))) {
  .praxivia-logo::after {
    content: "";
    position: absolute;
    inset: 0;
    background-color: var(--praxivia-logo-color);
    mask: url("/assets/images/logo_praxivia.svg") center / contain no-repeat;
    -webkit-mask: url("/assets/images/logo_praxivia.svg") center / contain no-repeat;
    pointer-events: none;
  }
  .praxivia-logo img { opacity: 0; }
}