/* Quill JS font styles */

@import url("https://fonts.googleapis.com/css2?family=Sofia&family=Slabo+27px&family=Roboto&family=Inconsolata&family=Ubuntu&family=Lora&family=Inter&family=Poppins&family=Playfair+Display&family=Fira+Code&display=swap");

.ql-font-sofia {
  font-family: "Sofia", cursive;
}

.ql-font-slabo {
  font-family: "Slabo 27px", serif;
}

.ql-font-roboto {
  font-family: "Roboto", sans-serif;
}

.ql-font-inconsolata {
  font-family: "Inconsolata", monospace;
}

.ql-font-ubuntu {
  font-family: "Ubuntu", sans-serif;
}

.ql-font-lora {
  font-family: "Lora", serif;
}

.ql-font-inter {
  font-family: "Inter", sans-serif;
}

.ql-font-poppins {
  font-family: "Poppins", sans-serif;
}

.ql-font-playfair {
  font-family: "Playfair Display", serif;
}

.ql-font-firacode {
  font-family: "Fira Code", monospace;
}

.ql-picker {
    [data-value="sofia"]::before { content: "sofia" !important; }
    [data-value="slabo"]::before { content: "slabo" !important; }
    [data-value="roboto"]::before { content: "roboto" !important; }
    [data-value="inconsolata"]::before { content: "inconsolata" !important; }
    [data-value="ubuntu"]::before { content: "ubuntu" !important; }
    [data-value="lora"]::before { content: "lora" !important; }
    [data-value="inter"]::before { content: "inter" !important; }
    [data-value="poppins"]::before { content: "poppins" !important; }
    [data-value="playfair"]::before { content: "playfair" !important; }
    [data-value="firacode"]::before { content: "firacode" !important; }
}