[class^="vui-icon-"], 
[class*="vui-icon-"] {
  display: inline-block;
  vertical-align: middle;
  font-size: 10px;
  width: 2.4em;
  height: 2.4em;
  background-color: currentColor;
  -webkit-mask-position: center center;
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: contain;
  mask-repeat: no-repeat;
}
.vui-icon-outlined-loading {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='m7.99855%2C0.04108c-4.38269%2C0 -7.93599%2C3.5533 -7.93599%2C7.93599c0%2C4.38322 3.5533%2C7.93599 7.93599%2C7.93599s7.93599%2C-3.55277 7.93599%2C-7.93599c-0.00053%2C-4.38269 -3.5533%2C-7.93599 -7.93599%2C-7.93599zm0%2C14.11338c-3.41153%2C0 -6.17739%2C-2.76533 -6.17739%2C-6.17739c0%2C-3.41153 2.76586%2C-6.17739 6.17739%2C-6.17739c3.41153%2C0 6.17686%2C2.76586 6.17686%2C6.17739c0%2C3.41206 -2.76533%2C6.17739 -6.17686%2C6.17739z' fill='%237d7d7d' opacity='0.2' /%3E%3Cpath fill='%237d7d7d' d='m11.07677%2C2.67258l0.85224%2C-1.47673c-1.13254%2C-0.65541 -2.44387%2C-1.0367 -3.84692%2C-1.0367l0%2C0l0%2C1.70654l0%2C0c1.09183%2C0 2.11256%2C0.29679 2.99468%2C0.80689z'%3E%3CanimateTransform attributeType='xml' attributeName='transform' type='rotate' from='0 8 8' to='360 8 8' dur='0.5s' repeatCount='indefinite' /%3E%3C/path%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='m7.99855%2C0.04108c-4.38269%2C0 -7.93599%2C3.5533 -7.93599%2C7.93599c0%2C4.38322 3.5533%2C7.93599 7.93599%2C7.93599s7.93599%2C-3.55277 7.93599%2C-7.93599c-0.00053%2C-4.38269 -3.5533%2C-7.93599 -7.93599%2C-7.93599zm0%2C14.11338c-3.41153%2C0 -6.17739%2C-2.76533 -6.17739%2C-6.17739c0%2C-3.41153 2.76586%2C-6.17739 6.17739%2C-6.17739c3.41153%2C0 6.17686%2C2.76586 6.17686%2C6.17739c0%2C3.41206 -2.76533%2C6.17739 -6.17686%2C6.17739z' fill='%237d7d7d' opacity='0.2' /%3E%3Cpath fill='%237d7d7d' d='m11.07677%2C2.67258l0.85224%2C-1.47673c-1.13254%2C-0.65541 -2.44387%2C-1.0367 -3.84692%2C-1.0367l0%2C0l0%2C1.70654l0%2C0c1.09183%2C0 2.11256%2C0.29679 2.99468%2C0.80689z'%3E%3CanimateTransform attributeType='xml' attributeName='transform' type='rotate' from='0 8 8' to='360 8 8' dur='0.5s' repeatCount='indefinite' /%3E%3C/path%3E%3C/svg%3E");
}