/* Real Sportify wordmark (from sportify.com.my/images/cps.png).
   The source PNG has transparent padding and a "Sportify FitTech (M) Sdn. Bhd." line under the word;
   this crops the padding and masks that line out so only the "Sportify(TM)" wordmark shows.
   Usage: <span class="sportify-logo h-8" role="img" aria-label="Sportify"></span>  (set height; width follows) */
.sportify-logo {
  display: inline-block;
  flex-shrink: 0;
  vertical-align: middle;
  aspect-ratio: 1878 / 494;
  background: url(img/sportify-cps.png) no-repeat;
  background-size: 110.97% auto;
  background-position: 43.69% 31.3%;
  -webkit-mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
  -webkit-mask-size: 100% 100%, 49% 14.2%;
  -webkit-mask-position: 0 0, 62.63% 100%;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-composite: xor;
  mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
  mask-size: 100% 100%, 49% 14.2%;
  mask-position: 0 0, 62.63% 100%;
  mask-repeat: no-repeat;
  mask-composite: exclude;
}