[data-mfm="root"] {
  background-color: #ffffff;
  cursor: default;
  display: block;
  margin: 0;
  padding: 0;
  overflow-wrap: break-word;
  color: #717171;
  line-height: 1.5em; }
  [data-mfm="root"] * {
    background-clip: padding-box; }
  [data-mfm="root"] [data-mfm="bold"],
  [data-mfm="root"] [data-mfm="big"],
  [data-mfm="root"] b, [data-mfm="root"] .b {
    font-weight: bold; }
  [data-mfm="root"] [data-mfm="strike"],
  [data-mfm="root"] del, [data-mfm="root"] .del {
    text-decoration: line-through; }
  [data-mfm="root"] [data-mfm="i"],
  [data-mfm="root"] i, [data-mfm="root"] .i {
    font-style: oblique; }
  [data-mfm="root"] [data-mfm="small"],
  [data-mfm="root"] small, [data-mfm="root"] .small {
    font-size: smaller; }
  [data-mfm="root"] [data-mfm="inlineCode"],
  [data-mfm="root"] code[data-mfm="inlineCode"]:not([data-mfm^="math"]) {
    display: inline-block;
    border-radius: 2px;
    line-height: 1.171875em; }
  [data-mfm="root"] [data-mfm="blockCode"],
  [data-mfm="root"] pre {
    display: block;
    overflow: auto;
    white-space: pre;
    margin: 8px 0;
    line-height: 1.171875em;
    padding: 0 !important; }
    [data-mfm="root"] [data-mfm="blockCode"] > [data-mfm="blockCode-inner"],
    [data-mfm="root"] [data-mfm="blockCode"] > code:not([data-mfm^="math"]),
    [data-mfm="root"] pre > [data-mfm="blockCode-inner"],
    [data-mfm="root"] pre > code:not([data-mfm^="math"]) {
      display: block;
      padding: 1rem;
      border-radius: 2px;
      margin: 0;
      background-color: transparent;
      width: fit-content;
      font-size: 80%; }
  [data-mfm="root"] [data-mfm="center"],
  [data-mfm="root"] .center {
    display: block;
    text-align: center; }
  [data-mfm="root"] [data-mfm="quote"],
  [data-mfm="root"] blockquote, [data-mfm="root"] .blockquote {
    margin: 8px;
    padding: 6px 12px;
    color: #aaa;
    border-left: solid 3px #eee; }
  [data-mfm="root"] [data-mfm="title"],
  [data-mfm="root"] .title {
    display: block;
    margin-bottom: 4px;
    padding: 4px;
    font-size: 90%;
    text-align: center;
    background: rgba(0, 0, 0, 0.07);
    border-radius: 4px; }
  [data-mfm="root"] [data-mfm="big"],
  [data-mfm="root"] .big {
    display: inline-block;
    font-size: 150%;
    animation-iteration-count: infinite; }
  [data-mfm="root"] [data-mfm="motion"],
  [data-mfm="root"] .motion {
    display: inline-block;
    animation-iteration-count: infinite; }
  [data-mfm="root"] [data-mfm="spin"] {
    display: inline-block;
    animation: mfmSpin 1.5s linear infinite;
    animation-direction: normal; }
  [data-mfm="root"] [data-mfm="jump"] {
    display: inline-block;
    animation: mfmJump 0.75s linear infinite; }
  [data-mfm="root"] [data-mfm="flip"] {
    display: inline-block;
    transform: scaleX(-1); }
  [data-mfm="root"] [data-mfm="search"],
  [data-mfm="root"] .search {
    display: flex;
    margin: 8px 0; }
    [data-mfm="root"] [data-mfm="search"] > input,
    [data-mfm="root"] .search > input {
      appearance: none;
      box-shadow: none;
      min-width: 0px;
      flex-shrink: 1;
      padding: 10px;
      width: 100%;
      height: 40px;
      font-family: sans-serif;
      font-size: 16px;
      color: #55595c;
      background: #fff;
      border: solid 1px rgba(0, 0, 0, 0.2);
      border-radius: 4px 0 0 4px; }
      [data-mfm="root"] [data-mfm="search"] > input:hover,
      [data-mfm="root"] .search > input:hover {
        border-color: rgba(0, 0, 0, 0.3); }
    [data-mfm="root"] [data-mfm="search"] > button,
    [data-mfm="root"] .search > button {
      appearance: none;
      box-shadow: none;
      flex-shrink: 0;
      padding: 0 16px;
      border: solid 1px rgba(0, 0, 0, 0.2);
      border-left: none;
      border-radius: 0 4px 4px 0;
      margin: 0;
      background: transparent;
      cursor: pointer;
      color: inherit; }
      [data-mfm="root"] [data-mfm="search"] > button:hover,
      [data-mfm="root"] .search > button:hover {
        background-color: #eee; }
  [data-mfm="root"] a {
    text-decoration: none;
    color: #f6584f;
    cursor: pointer; }
    [data-mfm="root"] a:hover {
      text-decoration: underline; }

@keyframes mfmSpin {
  0% {
    transform: rotate(0); }
  100% {
    transform: rotate(1turn); } }

@keyframes mfmJump {
  0% { }
  transform: translateY(0);
  25% {
    transform: translateY(-16px); }
  50% {
    transform: translateY(0); }
  75% {
    transform: translateY(-8px); }
  100% {
    transform: translateY(0); } }

[data-mfm="url"] {
  word-break: break-all; }
  [data-mfm="url"] > [data-icon] {
    padding-left: 2px;
    font-size: .9em;
    font-weight: 400;
    font-style: normal; }
  [data-mfm="url"] > [data-mfm="url-schema"] {
    opacity: 0.5; }
  [data-mfm="url"] > [data-mfm="url-hostname"] {
    font-weight: bold; }
  [data-mfm="url"] > [data-mfm="url-pathname"] {
    opacity: 0.8; }
  [data-mfm="url"] > [data-mfm="url-query"] {
    opacity: 0.5; }
  [data-mfm="url"] > [data-mfm="url-hash"] {
    font-style: italic; }