@charset "UTF-8";

.yomigana-example{

  &-title{
    font-weight: normal;
    margin: 2em 0 1em;
    color: #666;
    font-family: Consolas, monospace;
    font-size: 18px;
  }

  &-html{
    font-size: 16px;
  }

  q{
    &:before{
      content: "“";
    }
    &:after{
      content: "”";
    }
  }

  &-code{
    max-width: 100%;
    padding: 1em;
    background-color: #f9f9f9;
    border: 1px solid #eee;
    overflow: scroll;
    white-space: pre-wrap;
  }
}

.focus-on .ui-front{
  z-index: 10001;
}