Icon

$base-dimension: 24px;

.c-icon {
  fill: currentColor;

  .c-product__more &,
  .c-addon &,
  .c-product__price &,
  .has-cancel-button &,
  .c-tooltip--bill & {
    fill: #A0AFBE;
  }

  .c-flight-product .buy-via-phone & {
    fill: primary(sky, 100);
  }

  .c-tablist--flights-times & {
    fill: currentColor;
  }

  .c-snapshot & {
    fill: #fff;
    position: absolute;
    bottom: remify(16px);
    right: remify(16px);
  }

  .c-snapshot--gallery & {
    position: relative;
    bottom: initial;
    right: initial;
  }

  .c-button--submit.c-button--searchIcon & {
    fill: primary(night, 100);
  }

  .c-scheduling__item & {
    fill: primary(sky, 60);
  }

}

.c-icon--12 {
  width: remify(12px);
  height: remify(12px);
}

.c-icon--16 {
  width: remify(16px);
  height: remify(16px);
}

.c-icon--18 {
  width: remify(18px);
  height: remify(18px);
}

.c-icon--24 {
  width: remify($base-dimension);
  height: remify($base-dimension);
}

.c-icon--32 {
  width: remify(32px);
  height: remify(32px);
}

.c-icon--48 {
  width: remify($base-dimension * 2);
  height: remify($base-dimension * 2);
}

.c-icon--exitParking {
  width: remify(48px);
}

.c-icon--social {
  background-color: #fff;
  border-radius: 50%;
}

.c-icon--facebook {
  fill: #3b5999;
}

.c-icon--twitter {
  fill: #55acee;
}

.c-icon--linkedin {
  fill: #0077B5;
}

.c-icon--gplus {
  fill: #dd4b39;
}

.c-icon--wechat {
  fill: #09b83e;
}

.c-icon--positive {
  fill: status(positive);
}

.c-icon--negative {
  fill: status(negative);
}