.icon {
  display: block;
  height: 24px;
  width: 24px;
  min-width: 24px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  transition: all .15s ease-in-out;
  transition: none;
}

/* * Icon - fitmint * */

.icon.fitmint {
  background-image: url('../img/fitmint-icon.svg');
  height: 15vh;
  width: 15vh;
  transition: all 0.3s ease;
  animation: rotate 3.5s linear infinite;
}

/* * Icon - download * */

.icon.download {
  background-image: url('../img/download.svg');
}

.opened>.icon.download.excel,
.nav-link:hover .icon.download.excel,
.icon.download.excel:hover,
.active>.icon.download.excel,
.nav-link:hover .icon.download.excel,
.icon.download.excel:hover {
  background-image: url('../img/download-excel.svg');
}

/* * Icon - raw-file * */

.icon.raw-file {
  background-image: url('../img/raw-file.svg');
}

.opened>.icon.raw-file,
.nav-link:hover .icon.raw-file,
.icon.raw-file:hover,
.active>.icon.raw-file,
.nav-link:hover .icon.raw-file,
.icon.raw-file:hover {
  background-image: url('../img/raw-file-active.svg');
}

/* * Icon - parsed-file * */

.icon.parsed-file {
  background-image: url('../img/parsed-file.svg');
}

.opened>.icon.parsed-file,
.nav-link:hover .icon.parsed-file,
.icon.parsed-file:hover,
.active>.icon.parsed-file,
.nav-link:hover .icon.parsed-file,
.icon.parsed-file:hover {
  background-image: url('../img/parsed-file-active.svg');
}

/* * Icon - subscription-plan * */

.icon.subscription-plan {
  background-image: url('../img/subscription-plan.svg');
}

.opened>.icon.subscription-plan,
.nav-link:hover .icon.subscription-plan,
.icon.subscription-plan:hover,
.active>.icon.subscription-plan,
.nav-link:hover .icon.subscription-plan,
.icon.subscription-plan:hover {
  background-image: url('../img/subscription-plan-active.svg');
}

/* * Icon - scales * */

.icon.scales {
  background-image: url('../img/scales.svg');
}

.opened>.icon.scales,
.nav-link:hover .icon.scales,
.icon.scales:hover,
.active>.icon.scales,
.nav-link:hover .icon.scales,
.icon.scales:hover {
  background-image: url('../img/scales-active.svg');
}

/* * Icon - masters * */

.icon.masters {
  background-image: url('../img/masters.svg');
}

.opened>.icon.masters,
.nav-link:hover .icon.masters,
.icon.masters:hover,
.active>.icon.masters,
.nav-link:hover .icon.masters,
.icon.masters:hover {
  background-image: url('../img/masters-active.svg');
}

/* * Icon - user * */

.icon.user {
  background-image: url('../img/user.svg');
}

/* * Icon - eye * */

.icon.eye {
  background-image: url('../img/eye.svg');
}

/* * Icon - eye-slash * */

.icon.eye-slash {
  background-image: url('../img/eye-slash.svg');
}

/* * Icon - lock * */

.icon.lock {
  background-image: url('../img/lock.svg');
}

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}