.window-app.tokenizer {
  font-family: Roboto, Helvetica, sans-serif;
}

.window-app.tokenizer h1,
.window-app.tokenizer h2,
.window-app.tokenizer h3,
.window-app.tokenizer h4,
.window-app.tokenizer h5,
.window-app.tokenizer h6 {
  font-family: "Roboto Condensed", Helvetica, sans-serif;
}

/* roboto-regular - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url("./fonts/roboto-v20-latin-regular.eot"); /* IE9 Compat Modes */
  src: local("Roboto"), local("Roboto-Regular"),
    url("./fonts/roboto-v20-latin-regular.eot?#iefix") format("embedded-opentype"),
    /* IE6-IE8 */ url("./fonts/roboto-v20-latin-regular.woff2") format("woff2"),
    /* Super Modern Browsers */ url("./fonts/roboto-v20-latin-regular.woff") format("woff"),
    /* Modern Browsers */ url("./fonts/roboto-v20-latin-regular.ttf") format("truetype"),
    /* Safari, Android, iOS */ url("./fonts/roboto-v20-latin-regular.svg#Roboto") format("svg"); /* Legacy iOS */
}
/* roboto-italic - latin */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 400;
  src: url("./fonts/roboto-v20-latin-italic.eot"); /* IE9 Compat Modes */
  src: local("Roboto Italic"), local("Roboto-Italic"),
    url("./fonts/roboto-v20-latin-italic.eot?#iefix") format("embedded-opentype"),
    /* IE6-IE8 */ url("./fonts/roboto-v20-latin-italic.woff2") format("woff2"),
    /* Super Modern Browsers */ url("./fonts/roboto-v20-latin-italic.woff") format("woff"),
    /* Modern Browsers */ url("./fonts/roboto-v20-latin-italic.ttf") format("truetype"),
    /* Safari, Android, iOS */ url("./fonts/roboto-v20-latin-italic.svg#Roboto") format("svg"); /* Legacy iOS */
}
/* roboto-condensed-700italic - latin */
@font-face {
  font-family: "Roboto Condensed";
  font-style: italic;
  font-weight: 700;
  src: url("./fonts/roboto-condensed-v18-latin-700italic.eot"); /* IE9 Compat Modes */
  src: local("Roboto Condensed Bold Italic"), local("RobotoCondensed-BoldItalic"),
    url("./fonts/roboto-condensed-v18-latin-700italic.eot?#iefix") format("embedded-opentype"),
    /* IE6-IE8 */ url("./fonts/roboto-condensed-v18-latin-700italic.woff2") format("woff2"),
    /* Super Modern Browsers */ url("./fonts/roboto-condensed-v18-latin-700italic.woff") format("woff"),
    /* Modern Browsers */ url("./fonts/roboto-condensed-v18-latin-700italic.ttf") format("truetype"),
    /* Safari, Android, iOS */ url("./fonts/roboto-condensed-v18-latin-700italic.svg#RobotoCondensed") format("svg"); /* Legacy iOS */
}
/* roboto-condensed-700 - latin */
@font-face {
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 700;
  src: url("./fonts/roboto-condensed-v18-latin-700.eot"); /* IE9 Compat Modes */
  src: local("Roboto Condensed Bold"), local("RobotoCondensed-Bold"),
    url("./fonts/roboto-condensed-v18-latin-700.eot?#iefix") format("embedded-opentype"),
    /* IE6-IE8 */ url("./fonts/roboto-condensed-v18-latin-700.woff2") format("woff2"),
    /* Super Modern Browsers */ url("./fonts/roboto-condensed-v18-latin-700.woff") format("woff"),
    /* Modern Browsers */ url("./fonts/roboto-condensed-v18-latin-700.ttf") format("truetype"),
    /* Safari, Android, iOS */ url("./fonts/roboto-condensed-v18-latin-700.svg#RobotoCondensed") format("svg"); /* Legacy iOS */
}

#tokenizer div.avatar div.view > div > canvas {
  width: 450px;
  height: 450px;
}

#tokenizer div.token div.view > div > canvas {
  width: 450px;
  height: 450px;
}