/**
 * @provides phui-image-mask-css
 */


.phui-image-mask {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAIAAAAC64paAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADBJREFUeNpifP36NQNuwM/Pj0eWiYECMKp5ZGhm/PXrFx7pjx8/jgbYqGZKNAMEGACkAwjWR982ZwAAAABJRU5ErkJggg==);
  display: inline-block;
  border: 1px solid #BFCFDA;
  padding: 4px;
}

.phui-image-mask-image {
  background-repeat: no-repeat;
  position: relative;
  overflow: hidden;
}

.phui-image-mask-mask {
  border: 300px solid rgba(0,0,0, 0.5);
  background-clip: content-box;
  position: absolute;
}