.sprite-icon {
  position: relative;
  float: left;
  margin: 1px;
  border: 1px solid #ccc;
  box-sizing: content-box;
  background-repeat: no-repeat;

  &:not(.payatall) {
    @include sprite_icons;
    @include generate-sprite-icons(400px);
  }

  &.noborder {
    border: 0;
  }

  &.nospace {
    margin: 0;
  }

  &.payatall {
    background-image: asset-url('sephora_style_guide/payatall.png');
    width: 70px;
    height: 30px;
    background-size: 70px 30px;
  }
}

.sprite-icon {
  position: relative;
  float: left;
  margin: 1px;
  border: 1px solid #ccc;
  box-sizing: content-box;
  background-repeat: no-repeat;

  &:not(.payatall) {
    @include sprite_icons;
    @include generate-sprite-icons(400px);
  }

  &.noborder {
    border: 0;
  }

  &.nospace {
    margin: 0;
  }

  &.payatall {
    background-image: asset-url('sephora_style_guide/payatall.png');
    width: 70px;
    height: 30px;
    background-size: 70px 30px;
  }

  &.payment-method-image {
    margin-right: 10px;

    &.image-FDK_WALLETS {
      width: 25px;
      height: 25px;

      background-position: -112px -302px;
    }

    &.image-FDK_CREDITCARD {
      width: 31px;
      height: 28px;

      background-position: -159px -301px;
    }

    &.image-FDK_MOBILECARRIER {
      width: 35px;
      height: 22px;

      background-position: -207px -304px;
    }

    &.image-FDK_BANKTRANSFER {
      width: 35px;
      height: 21px;

      background-position: -258px -304px;
    }
  }
}

Update icon sprite with FDK icons
[KRO-93] Update icon sprite with FDK icons

Signed-off-by: Abhinav Mishra <44e5819b25976be0dd66d8b9671d3dd8e7e4b38f@gmail.com>
