.icon {
  position: relative;
}

.icon__fat-click {
  position: absolute;
  /** TODO: Use m-[0-9] **/
  padding: 2rem;
  display: inline-block;
  left: 0;
}

.icon--clickable {
  @apply cursor-pointer;
}

.icon-camera,
.icon-door,
.icon-eye,
.icon-image {
  @apply fill-current text-grey;
}

.icon-star,
.icon-external,
.icon-photos--add-empty,
.icon-lock--filled,
.icon-permalink {
  @apply fill-current text-blue;
}

.icon-pencil {
  @apply leading-zero;
}

.icon-photos--add,
.icon-share,
.icon-search,
.icon-pencil,
.icon-lock {
  @apply fill-current text-white;
}

.icon-x,
.icon-arrow--left,
.icon-arrow--right, 
.icon-download {
  @apply shadow-md-filter performance-enhancement;
}

.icon-arrow--left,
.icon-arrow--right,
.icon-send,
.icon-download,
.icon-delete,
.icon-check,
.icon-x {
  @apply fill-current text-white m-4;
}

.icon-arrow--left {
  @apply rotate-180deg;
}

.icon-globe,
.icon-tap-and-hold {
  @apply fill-current text-manatee;
}