@font-face {
  font-family: "jfs-iconfont";
  src: url("../fonts/iconfont.woff2") format("woff2"),
       url("../fonts/iconfont.woff") format("woff"),
       url("../fonts/iconfont.ttf") format("truetype");
}

.jfs-iconfont {
  font-family: "jfs-iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.jfs-icon-facebook::before { content: "\e685"; }
.jfs-icon-youtube-fill::before { content: "\e883"; }
.jfs-icon-wechat-fill::before { content: "\e884"; }
.jfs-icon-linkedin::before { content: "\e688"; }

.jfs-icon-whatsapp-fill::before { content: "\eaf9"; }

.jfs-floating-social__link .jfs-icon-whatsapp-fill {
  color: var(--jfs-icon-color, #fff) !important;
}

.jfs-icon-instagram {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: var(--jfs-icon-color, #fff);
  -webkit-mask-mode: alpha;
          mask-mode: alpha;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='2' y='2' width='20' height='20' rx='5'/><circle cx='12' cy='12' r='4'/><circle cx='17.5' cy='6.5' r='1' fill='black' stroke='none'/></svg>") center/contain no-repeat;
          mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='2' y='2' width='20' height='20' rx='5'/><circle cx='12' cy='12' r='4'/><circle cx='17.5' cy='6.5' r='1' fill='black' stroke='none'/></svg>") center/contain no-repeat;
}

.jfs-icon-instagram::before {
  content: none;
}

.jfs-icon-email {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: var(--jfs-icon-color, #fff);
  -webkit-mask-mode: alpha;
          mask-mode: alpha;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='3' y='5' width='18' height='14' rx='2'/><path d='m3 7 9 6 9-6'/></svg>") center/contain no-repeat;
          mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='3' y='5' width='18' height='14' rx='2'/><path d='m3 7 9 6 9-6'/></svg>") center/contain no-repeat;
}

.jfs-icon-email::before {
  content: none;
}

.jfs-floating-social__custom-icon {
  width: calc(var(--jfs-button-size, 44px) * 0.48);
  height: calc(var(--jfs-button-size, 44px) * 0.48);
  object-fit: contain;
  filter: brightness(0) invert(1);
}