/* Handball Court Icon Styles */
.fa-handball-court {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-image: url('/static/icons/handball-court-simple.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: -0.125em;
}

.fa-handball-court-detailed {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-image: url('/static/icons/handball-court.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: -0.125em;
}

/* Icon font-style approach using mask (modern browsers) */
.fa-handball-court-mask {
  display: inline-block;
  width: 1em;
  height: 1em;
  mask: url('/static/icons/handball-court-simple.svg') no-repeat center;
  mask-size: contain;
  -webkit-mask: url('/static/icons/handball-court-simple.svg') no-repeat center;
  -webkit-mask-size: contain;
  background-color: currentColor;
  vertical-align: -0.125em;
}

/* Two Minutes Penalty Icon */
.fa-handball-two-minutes {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-image: url('/static/icons/handball-two-minutes.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: -0.125em;
}

.fa-handball-two-minutes-mask {
  display: inline-block;
  width: 1em;
  height: 1em;
  mask: url('/static/icons/handball-two-minutes.svg') no-repeat center;
  mask-size: contain;
  -webkit-mask: url('/static/icons/handball-two-minutes.svg') no-repeat center;
  -webkit-mask-size: contain;
  background-color: currentColor;
  vertical-align: -0.125em;
}

/* For different sizes */
.fa-handball-court.fa-lg, 
.fa-handball-court-mask.fa-lg,
.fa-handball-two-minutes.fa-lg,
.fa-handball-two-minutes-mask.fa-lg {
  width: 1.33em;
  height: 1.33em;
}

.fa-handball-court.fa-2x, 
.fa-handball-court-mask.fa-2x,
.fa-handball-two-minutes.fa-2x,
.fa-handball-two-minutes-mask.fa-2x {
  width: 2em;
  height: 2em;
}

.fa-handball-court.fa-3x, 
.fa-handball-court-mask.fa-3x,
.fa-handball-two-minutes.fa-3x,
.fa-handball-two-minutes-mask.fa-3x {
  width: 3em;
  height: 3em;
}

/* Camera Lens Icon */
.fa-camera-lens {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-image: url('/static/icons/camera-lens.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: -0.125em;
}

.fa-camera-lens-mask {
  display: inline-block;
  width: 1em;
  height: 1em;
  mask: url('/static/icons/camera-lens.svg') no-repeat center;
  mask-size: contain;
  -webkit-mask: url('/static/icons/camera-lens.svg') no-repeat center;
  -webkit-mask-size: contain;
  background-color: currentColor;
  vertical-align: -0.125em;
}

.fa-camera-lens.fa-lg,
.fa-camera-lens-mask.fa-lg {
  width: 1.33em;
  height: 1.33em;
}

.fa-camera-lens.fa-2x,
.fa-camera-lens-mask.fa-2x {
  width: 2em;
  height: 2em;
}

.fa-camera-lens.fa-3x,
.fa-camera-lens-mask.fa-3x {
  width: 3em;
  height: 3em;
}