/* ==========================================

   ICONS USING MASK

========================================== */
/*
.icon {
  width: 1.25rem;
  height: 1.25rem;
  display: inline-block;
  background-color: currentColor;
  
  -webkit-mask: center / contain no-repeat;
  mask: center / contain no-repeat;
}

/* ICONS CLASSES */
/*
.icon-export {
  -webkit-mask-image: url("../icons/export.svg");
  mask-image: url("../icons/export.svg");
}
*/

.icon-import {
  -webkit-mask-image: url("../icons/import.svg");
  mask-image: url("../icons/import.svg");
}

.icon {
  width: 22px;
  height: 22px;
  fill: currentColor; /* font aweisme */
  stroke: currentColor; /* Tabler */
  flex-shrink: 0;
}