.app-loader {
  width: 100%;
  height: 100%;
  background: #eee;
  mask: no-repeat center center / 200px 200px;
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 389 328.8"><path d="M250.2,292.8L250.2,292.8h-1.4c-23.5-0.8-41.5-24.2-50.1-38.1c-0.7-1.3-2.1-2-3.5-2.1l0,0c-1.4,0-2.8,0.8-3.5,2.1c-16.1,25.5-33.2,38.5-50.6,38.6h-1.4c-23.5-0.8-41.5-24.2-50.2-38.1c-0.7-1.3-2.1-2-3.5-2.1l0,0c-1.4,0-2.8,0.8-3.5,2.1c-15.2,24.1-31.3,37-47.7,38.4c-7.8-13.6-13.9-28.2-18-43.3c-4.3-15.7-6.4-31.8-6.5-48.1c0-12.5,1.2-24.9,3.6-37.2c2.4-11.9,6-23.5,10.6-34.7c4.6-11,10.3-21.5,16.9-31.4c6.6-9.8,14.1-19,22.4-27.4s17.5-16,27.2-22.6c9.9-6.7,20.3-12.4,31.3-17.1c11.1-4.8,22.7-8.4,34.6-10.9c12.2-2.5,24.7-3.8,37.2-3.9c12.5,0,25,1.2,37.2,3.6c11.9,2.4,23.5,6,34.7,10.6c11,4.6,21.5,10.3,31.4,16.9c9.8,6.6,19,14.1,27.4,22.4c8.4,8.3,16,17.5,22.6,27.2c6.7,9.9,12.4,20.3,17.1,31.3c4.8,11.1,8.4,22.7,10.9,34.6c2.5,12.2,3.8,24.7,3.9,37.2c0.1,16.2-2,32.4-6.2,48c-4,15.1-10,29.7-17.7,43.4c-9.8-1.1-19.5-6.1-28.9-14.9c-7.1-6.9-13.4-14.6-18.6-23.1c-0.7-1.3-2.1-2-3.5-2.1l0,0c-1.4,0-2.8,0.8-3.5,2.1C284.6,279.8,267.6,292.7,250.2,292.8z" /></svg>');
  display: flex;
  justify-content: center;
  align-items: center;
}

.app-loader::after {
  content: '';
  width: 200px;
  height: 200px;
  background: var(--header-color, #f0140a);
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 389 328.8"><path d="M288.6,287.1L288.6,287.1c-3-5.9-6.3-11.6-9.6-16.8c2.8-11.2-0.1-23-7.8-31.5l-0.3-0.3c-9.1-9.4-19.7-17.3-31.2-23.4l-1.2-0.6c-12.2-6.7-23.2-15.4-32.5-25.9l-0.1-0.1c-1-1.1-2.1-2-3.4-2.6c-2.9-1.5-6.3-1.8-9.5-1.1c-1.1,0.2-2,0.9-2.5,1.8c-0.8,1.6-0.2,3.6,1.4,4.5c5.7,3.8,7.9,11,5.2,17.3c-0.1,0.2-0.2,0.4-0.3,0.6c-0.4,0.7-0.8,1.4-1.2,2c-17.9,1-35.4,5.9-51.2,14.4c-5.4,2.9-10.6,6.3-15.5,10.1c-12,9-22.3,20.2-30.2,33c-1.9,3.4-5.8,5.1-9.6,4.3l-7.6-2.1c-6.5-2.6-13.8-2.1-19.9,1.2l-1.4,0.8c-0.3,0.2-0.6,0.5-0.7,0.8v0.1c-0.5,1.1-0.1,2.3,1,2.9h0.1c0.3,0.1,0.6,0.2,0.9,0.2c4.9,0.2,9.7,1.4,14.1,3.6c2.6,1.3,5.1,3,7.2,4.9l0,0l0.8,0.5c0.1,0,0.1,0,0.1,0.1c0.7,0.3,1.5,0.3,2.1-0.1l4.2-2.5c0.1-0.1,0.3-0.1,0.4-0.1c0.1,0,0.3,0,0.4,0.1c0.3,0.2,0.5,0.5,0.5,0.8l-1.7,4.6c-0.3,0.8-0.1,1.6,0.4,2.2l0.6,0.7l0,0l0,0c6.3,4.8,10.6,11.7,12.3,19.4c0.1,0.3,0.2,0.6,0.3,0.9c0.2,0.3,0.5,0.5,0.8,0.7c0.7,0.4,1.6,0.3,2.2-0.2c0.3-0.2,0.5-0.5,0.7-0.8c0,0,0,0,0-0.1l0.5-1.5c2.1-6.7,1.2-13.9-2.5-19.9l-1.6-3.5c-1.2-2.5-1.2-5.4,0.1-7.8c0.6-1.2,1.4-2.2,2.4-3l0.4-0.3c23.1-18.8,54.1-27.5,82.5-26.6c2.6,0,5.1,0.1,7.7,0.5c-6.4,5.8-11.9,7.4-20.5,7.9c-0.4-0.1-0.8,0.2-1,0.5c-0.2,0.5,0,1.2,0.5,1.4c1.1,0.7,2.2,1.3,3.4,1.9c13.2,6.7,28.3,4.2,39.9-3.4h0.1c22.6,7.4,43.7,19,62,34.2l0.2,0.3l0.1,0.1c0.3,0.2,0.6,0.5,0.9,0.6c2.3,1.1,5,0.2,6.2-2C289.2,289.8,289.2,288.4,288.6,287.1z"/></svg>');
  animation: dolphin-jump 1s linear infinite;
  transform-origin: bottom center;
}

@keyframes dolphin-jump {
  0%   { transform: translate(-60%, 10%) rotate(-60deg); }
  50%  { transform: translate(0, -15%)   rotate(0deg);   }
  100% { transform: translate(60%, 10%)  rotate(60deg);  }
}