@font-face {
  font-family: NotoSans;
  src: url(NotoSans-Regular.ttf);
}
@font-face {
  font-family: NotoSans;
  src: url(NotoSans-Bold.ttf);
  font-weight: 700;
}
@font-face {
  font-family: NotoSans;
  src: url(NotoSans-Italic.ttf);
  font-style: italic;
}
@font-face {
  font-family: NotoSans;
  src: url(NotoSans-BoldItalic.ttf);
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: NotoSerif;
  src: url(NotoSerif-Regular.ttf);
}
@font-face {
  font-family: NotoSerif;
  src: url(NotoSerif-Bold.ttf);
  font-weight: 700;
}
@font-face {
  font-family: NotoSerif;
  src: url(NotoSerif-Italic.ttf);
  font-style: italic;
}
@font-face {
  font-family: NotoSerif;
  src: url(NotoSerif-BoldItalic.ttf);
  font-weight: 700;
  font-style: italic;
}
.acm-studio-output {
  overflow: auto;
  background: #e9edf4;
  padding: 16px;
  margin: 18px 0;
}
.acm-studio-output svg {
  max-width: 100%;
  height: auto;
  display: block;
  margin: auto;
  background: #fff;
  box-shadow: 0 6px 30px #08065c20;
}
.acm-studio-status {
  display: block;
  color: #8a340f;
  padding: 10px;
  white-space: pre-wrap;
}
@media print {
  body * {
    visibility: hidden !important;
  }
  .acm-studio-document:not(.acm-print-selected) {
    display: none !important;
  }
  .acm-print-selected,
  .acm-print-selected * {
    visibility: visible !important;
  }
  .acm-print-selected {
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
  }
  .acm-print-selected .acm-studio-output {
    padding: 0;
    margin: 0;
    background: none;
    overflow: visible;
  }
  .acm-print-selected svg {
    max-width: none;
    box-shadow: none;
  }
  .acm-no-print {
    display: none !important;
  }
}