/*
 * Horizons Custom Icon Library
 * Icons are SVG masks so they inherit currentColor automatically.
 */

.hxi {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center;
          mask-position: center;
  vertical-align: -0.125em;
  line-height: 1;
}

/* Mobile phone — body outline, screen area, home button */
.hxi-mobile-phone {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-64 0 512 512'%3E%3Cpath fill-rule='evenodd' d='M80 0C44.7 0 16 28.7 16 64v384c0 35.3 28.7 64 64 64h224c35.3 0 64-28.7 64-64V64c0-35.3-28.7-64-64-64H80zM48 80h288v288H48V80zM168 432a24 24 0 1 0 48 0a24 24 0 1 0-48 0z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-64 0 512 512'%3E%3Cpath fill-rule='evenodd' d='M80 0C44.7 0 16 28.7 16 64v384c0 35.3 28.7 64 64 64h224c35.3 0 64-28.7 64-64V64c0-35.3-28.7-64-64-64H80zM48 80h288v288H48V80zM168 432a24 24 0 1 0 48 0a24 24 0 1 0-48 0z'/%3E%3C/svg%3E");
}