@import '../webfonts/light.css';
@import '../webfonts/solid.css';
@import '../webfonts/fontawesome.css';

:root {
  --unicode-range: U+0000-00A9, U+00AE-00FF, U+0131, U+0152-0153, U+02BB-02BC,
    U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193,
    U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Noto Color Emoji for non-Safari Browsers */
/* For explanation and update instruction, see https://intranet.just.social/toro/resource/html#/wiki/articles/WIKI_ARTICLE,d0f983cc-6835-4a55-bd22-7cf553e143d0 */
@supports (not (-webkit-hyphens: none)) {
  @font-face {
    font-family: "Inter";
    font-weight: 300;
    src: url("../fonts/Noto/NotoColorEmoji-Regular.woff2") format("woff2"),
      url("../fonts/Noto/NotoColorEmoji-Regular.ttf") format("truetype");
    font-display: swap;
    font-style: normal;
  }

  @font-face {
    font-family: "Inter";
    font-weight: 400;
    src: url("../fonts/Noto/NotoColorEmoji-Regular.woff2") format("woff2"),
      url("../fonts/Noto/NotoColorEmoji-Regular.ttf") format("truetype");
    font-display: swap;
    font-style: normal;
  }

  @font-face {
    font-family: "Inter";
    font-weight: 700;
    src: url("../fonts/Noto/NotoColorEmoji-Regular.woff2") format("woff2"),
      url("../fonts/Noto/NotoColorEmoji-Regular.ttf") format("truetype");
    font-display: swap;
    font-style: normal;
  }

  @font-face {
    font-family: "Inter";
    font-weight: 300;
    src: url("../fonts/Noto/NotoColorEmoji-Regular.woff2") format("woff2"),
      url("../fonts/Noto/NotoColorEmoji-Regular.ttf") format("truetype");
    font-display: swap;
    font-style: italic;
  }

  @font-face {
    font-family: "Inter";
    font-weight: 400;
    src: url("../fonts/Noto/NotoColorEmoji-Regular.woff2") format("woff2"),
      url("../fonts/Noto/NotoColorEmoji-Regular.ttf") format("truetype");
    font-display: swap;
    font-style: italic;
  }

  @font-face {
    font-family: "Inter";
    font-weight: 700;
    src: url("../fonts/Noto/NotoColorEmoji-Regular.woff2") format("woff2"),
      url("../fonts/Noto/NotoColorEmoji-Regular.ttf") format("truetype");
    font-display: swap;
    font-style: italic;
  }

  @font-face {
    font-family: "EmojiMart";
    font-weight: 300;
    src: url("../fonts/Noto/NotoColorEmoji-Regular.woff2") format("woff2"),
      url("../fonts/Noto/NotoColorEmoji-Regular.ttf") format("truetype");
    font-display: swap;
    font-style: normal;
  }

  @font-face {
    font-family: "EmojiMart";
    font-weight: 400;
    src: url("../fonts/Noto/NotoColorEmoji-Regular.woff2") format("woff2"),
      url("../fonts/Noto/NotoColorEmoji-Regular.ttf") format("truetype");
    font-display: swap;
    font-style: normal;
  }

  @font-face {
    font-family: "EmojiMart";
    font-weight: 700;
    src: url("../fonts/Noto/NotoColorEmoji-Regular.woff2") format("woff2"),
      url("../fonts/Noto/NotoColorEmoji-Regular.ttf") format("truetype");
    font-display: swap;
    font-style: normal;
  }

  @font-face {
    font-family: "EmojiMart";
    font-weight: 300;
    src: url("../fonts/Noto/NotoColorEmoji-Regular.woff2") format("woff2"),
      url("../fonts/Noto/NotoColorEmoji-Regular.ttf") format("truetype");
    font-display: swap;
    font-style: italic;
  }

  @font-face {
    font-family: "EmojiMart";
    font-weight: 400;
    src: url("../fonts/Noto/NotoColorEmoji-Regular.woff2") format("woff2"),
      url("../fonts/Noto/NotoColorEmoji-Regular.ttf") format("truetype");
    font-display: swap;
    font-style: italic;
  }

  @font-face {
    font-family: "EmojiMart";
    font-weight: 700;
    src: url("../fonts/Noto/NotoColorEmoji-Regular.woff2") format("woff2"),
      url("../fonts/Noto/NotoColorEmoji-Regular.ttf") format("truetype");
    font-display: swap;
    font-style: italic;
  }
}

/* Inter font definitions */
@font-face {
  font-family: "Inter";
  font-weight: 300;
  src: url("../fonts/Inter/Inter-Light.woff2") format("woff2"),
    url("../fonts/Inter/Inter-Light.ttf") format("truetype"),
    url("../fonts/Inter/Inter-Light.otf") format("opentype");
  font-style: normal;
  unicode-range: var(--unicode-range);
}

@font-face {
  font-family: "Inter";
  font-weight: 400;
  src: url("../fonts/Inter/Inter-Regular.woff2") format("woff2"),
    url("../fonts/Inter/Inter-Regular.ttf") format("truetype"),
    url("../fonts/Inter/Inter-Regular.otf") format("opentype");
  font-style: normal;
  unicode-range: var(--unicode-range);
}

@font-face {
  font-family: "Inter";
  font-weight: 700;
  src: url("../fonts/Inter/Inter-SemiBold.woff2") format("woff2"),
    url("../fonts/Inter/Inter-SemiBold.ttf") format("truetype"),
    url("../fonts/Inter/Inter-SemiBold.otf") format("opentype");
  font-style: normal;
  unicode-range: var(--unicode-range);
}

@font-face {
  font-family: "Inter";
  font-weight: 300;
  src: url("../fonts/Inter/Inter-LightItalic.woff2") format("woff2"),
    url("../fonts/Inter/Inter-LightItalic.ttf") format("truetype"),
    url("../fonts/Inter/Inter-LightItalic.otf") format("opentype");
  font-style: italic;
  unicode-range: var(--unicode-range);
}

@font-face {
  font-family: "Inter";
  font-weight: 400;
  src: url("../fonts/Inter/Inter-Italic.woff2") format("woff2"),
    url("../fonts/Inter/Inter-Italic.ttf") format("truetype"),
    url("../fonts/Inter/Inter-Italic.otf") format("opentype");
  font-style: italic;
  unicode-range: var(--unicode-range);
}

@font-face {
  font-family: "Inter";
  font-weight: 700;
  src: url("../fonts/Inter/Inter-SemiBoldItalic.woff2") format("woff2"),
    url("../fonts/Inter/Inter-SemiBoldItalic.ttf") format("truetype"),
    url("../fonts/Inter/Inter-SemiBoldItalic.otf") format("opentype");
  font-style: italic;
  unicode-range: var(--unicode-range);
}