.wp-block-post-content .liuyt-sidenote-container {
  position: relative;
}

.wp-block-post-content .liuyt-sidenote-ref {
  color: #0aa3b5;
  cursor: pointer;
  font-size: 0.72em;
  font-weight: 700;
  line-height: 1;
  margin-left: 0.15em;
  text-decoration: none;
  vertical-align: super;
}

.wp-block-post-content .liuyt-sidenote-ref:hover {
  color: #07889a;
}

.wp-block-post-content .liuyt-sidenote-toggle {
  display: none;
}

.wp-block-post-content .liuyt-sidenote {
  display: none;
  width: calc(100% - 2rem);
  max-width: 740px;
  margin: 0.75rem auto 1.4rem !important;
  padding-left: 1rem;
  border-left: 1px solid rgba(35, 35, 35, 0.18);
  color: rgba(35, 35, 35, 0.68);
  font-size: 0.875rem;
  line-height: 1.65;
  text-align: left;
}

.wp-block-post-content .liuyt-sidenote-toggle:checked + .liuyt-sidenote {
  display: block;
}

.wp-block-post-content .liuyt-sidenote-number {
  color: #0aa3b5;
  font-weight: 700;
  margin-right: 0.45em;
}

.wp-block-post-content .liuyt-sidenote-content > :first-child {
  margin-top: 0 !important;
}

.wp-block-post-content .liuyt-sidenote-content > :last-child {
  margin-bottom: 0 !important;
}

@media (min-width: 1320px) {
  body.single-post .wp-block-post-content .liuyt-sidenote {
    display: block;
    float: right;
    clear: right;
    width: 15.5rem;
    margin: 0.2rem -17rem 1rem 1.25rem !important;
    padding-left: 1rem;
  }
}