@plitzi/plitzi-ui 1.6.2

package/dist/components/Markdown/Assets/index.scss

@@ -0,0 +1,1422 @@
+@mixin styles {
+  .dark .markdown,
+  [data-theme='dark'] .markdown,
+  .markdown[data-theme='dark'] {
+    color-scheme: dark;
+    --color-prettylights-syntax-comment: #8b949e;
+    --color-prettylights-syntax-constant: #79c0ff;
+    --color-prettylights-syntax-entity: #d2a8ff;
+    --color-prettylights-syntax-storage-modifier-import: #c9d1d9;
+    --color-prettylights-syntax-entity-tag: #7ee787;
+    --color-prettylights-syntax-keyword: #ff7b72;
+    --color-prettylights-syntax-string: #a5d6ff;
+    --color-prettylights-syntax-variable: #ffa657;
+    --color-prettylights-syntax-brackethighlighter-unmatched: #f85149;
+    --color-prettylights-syntax-invalid-illegal-text: #f0f6fc;
+    --color-prettylights-syntax-invalid-illegal-bg: #8e1519;
+    --color-prettylights-syntax-carriage-return-text: #f0f6fc;
+    --color-prettylights-syntax-carriage-return-bg: #b62324;
+    --color-prettylights-syntax-string-regexp: #7ee787;
+    --color-prettylights-syntax-markup-list: #f2cc60;
+    --color-prettylights-syntax-markup-heading: #1f6feb;
+    --color-prettylights-syntax-markup-italic: #c9d1d9;
+    --color-prettylights-syntax-markup-bold: #c9d1d9;
+    --color-prettylights-syntax-markup-deleted-text: #ffdcd7;
+    --color-prettylights-syntax-markup-deleted-bg: #67060c;
+    --color-prettylights-syntax-markup-inserted-text: #aff5b4;
+    --color-prettylights-syntax-markup-inserted-bg: #033a16;
+    --color-prettylights-syntax-markup-changed-text: #ffdfb6;
+    --color-prettylights-syntax-markup-changed-bg: #5a1e02;
+    --color-prettylights-syntax-markup-ignored-text: #c9d1d9;
+    --color-prettylights-syntax-markup-ignored-bg: #1158c7;
+    --color-prettylights-syntax-meta-diff-range: #d2a8ff;
+    --color-prettylights-syntax-brackethighlighter-angle: #8b949e;
+    --color-prettylights-syntax-sublimelinter-gutter-mark: #484f58;
+    --color-prettylights-syntax-constant-other-reference-link: #a5d6ff;
+    --color-fg-default: #e6edf3;
+    --color-fg-muted: #848d97;
+    --color-fg-subtle: #6e7681;
+    --color-canvas-default: transparent;
+    --color-canvas-subtle: #161b22;
+    --color-border-default: #30363d;
+    --color-border-muted: #21262d;
+    --color-neutral-muted: rgba(110, 118, 129, 0.4);
+    --color-accent-fg: #2f81f7;
+    --color-accent-emphasis: #1f6feb;
+    --color-success-fg: #3fb950;
+    --color-success-emphasis: #238636;
+    --color-attention-fg: #d29922;
+    --color-attention-emphasis: #9e6a03;
+    --color-attention-subtle: rgba(187, 128, 9, 0.15);
+    --color-danger-fg: #f85149;
+    --color-danger-emphasis: #da3633;
+    --color-done-fg: #a371f7;
+    --color-done-emphasis: #8957e5;
+  }
+
+  // @media (prefers-color-scheme: light) {
+  //   .markdown,
+  //   [data-theme='light'] {
+  //     /*light*/
+  //     color-scheme: light;
+  //     --color-prettylights-syntax-comment: #57606a;
+  //     --color-prettylights-syntax-constant: #0550ae;
+  //     --color-prettylights-syntax-entity: #6639ba;
+  //     --color-prettylights-syntax-storage-modifier-import: #24292f;
+  //     --color-prettylights-syntax-entity-tag: #116329;
+  //     --color-prettylights-syntax-keyword: #cf222e;
+  //     --color-prettylights-syntax-string: #0a3069;
+  //     --color-prettylights-syntax-variable: #953800;
+  //     --color-prettylights-syntax-brackethighlighter-unmatched: #82071e;
+  //     --color-prettylights-syntax-invalid-illegal-text: #f6f8fa;
+  //     --color-prettylights-syntax-invalid-illegal-bg: #82071e;
+  //     --color-prettylights-syntax-carriage-return-text: #f6f8fa;
+  //     --color-prettylights-syntax-carriage-return-bg: #cf222e;
+  //     --color-prettylights-syntax-string-regexp: #116329;
+  //     --color-prettylights-syntax-markup-list: #3b2300;
+  //     --color-prettylights-syntax-markup-heading: #0550ae;
+  //     --color-prettylights-syntax-markup-italic: #24292f;
+  //     --color-prettylights-syntax-markup-bold: #24292f;
+  //     --color-prettylights-syntax-markup-deleted-text: #82071e;
+  //     --color-prettylights-syntax-markup-deleted-bg: #ffebe9;
+  //     --color-prettylights-syntax-markup-inserted-text: #116329;
+  //     --color-prettylights-syntax-markup-inserted-bg: #dafbe1;
+  //     --color-prettylights-syntax-markup-changed-text: #953800;
+  //     --color-prettylights-syntax-markup-changed-bg: #ffd8b5;
+  //     --color-prettylights-syntax-markup-ignored-text: #eaeef2;
+  //     --color-prettylights-syntax-markup-ignored-bg: #0550ae;
+  //     --color-prettylights-syntax-meta-diff-range: #8250df;
+  //     --color-prettylights-syntax-brackethighlighter-angle: #57606a;
+  //     --color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f;
+  //     --color-prettylights-syntax-constant-other-reference-link: #0a3069;
+  //     --color-fg-default: #1f2328;
+  //     --color-fg-muted: #656d76;
+  //     --color-fg-subtle: #6e7781;
+  //     --color-canvas-default: #ffffff;
+  //     --color-canvas-subtle: #f6f8fa;
+  //     --color-border-default: #d0d7de;
+  //     --color-border-muted: hsla(210, 18%, 87%, 1);
+  //     --color-neutral-muted: rgba(175, 184, 193, 0.2);
+  //     --color-accent-fg: #0969da;
+  //     --color-accent-emphasis: #0969da;
+  //     --color-success-fg: #1a7f37;
+  //     --color-success-emphasis: #1f883d;
+  //     --color-attention-fg: #9a6700;
+  //     --color-attention-emphasis: #9a6700;
+  //     --color-attention-subtle: #fff8c5;
+  //     --color-danger-fg: #d1242f;
+  //     --color-danger-emphasis: #cf222e;
+  //     --color-done-fg: #8250df;
+  //     --color-done-emphasis: #8250df;
+  //   }
+  // }
+
+  .markdown {
+    color-scheme: light;
+    --color-prettylights-syntax-comment: #57606a;
+    --color-prettylights-syntax-constant: #0550ae;
+    --color-prettylights-syntax-entity: #6639ba;
+    --color-prettylights-syntax-storage-modifier-import: #24292f;
+    --color-prettylights-syntax-entity-tag: #116329;
+    --color-prettylights-syntax-keyword: #cf222e;
+    --color-prettylights-syntax-string: #0a3069;
+    --color-prettylights-syntax-variable: #953800;
+    --color-prettylights-syntax-brackethighlighter-unmatched: #82071e;
+    --color-prettylights-syntax-invalid-illegal-text: #f6f8fa;
+    --color-prettylights-syntax-invalid-illegal-bg: #82071e;
+    --color-prettylights-syntax-carriage-return-text: #f6f8fa;
+    --color-prettylights-syntax-carriage-return-bg: #cf222e;
+    --color-prettylights-syntax-string-regexp: #116329;
+    --color-prettylights-syntax-markup-list: #3b2300;
+    --color-prettylights-syntax-markup-heading: #0550ae;
+    --color-prettylights-syntax-markup-italic: #24292f;
+    --color-prettylights-syntax-markup-bold: #24292f;
+    --color-prettylights-syntax-markup-deleted-text: #82071e;
+    --color-prettylights-syntax-markup-deleted-bg: #ffebe9;
+    --color-prettylights-syntax-markup-inserted-text: #116329;
+    --color-prettylights-syntax-markup-inserted-bg: #dafbe1;
+    --color-prettylights-syntax-markup-changed-text: #953800;
+    --color-prettylights-syntax-markup-changed-bg: #ffd8b5;
+    --color-prettylights-syntax-markup-ignored-text: #eaeef2;
+    --color-prettylights-syntax-markup-ignored-bg: #0550ae;
+    --color-prettylights-syntax-meta-diff-range: #8250df;
+    --color-prettylights-syntax-brackethighlighter-angle: #57606a;
+    --color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f;
+    --color-prettylights-syntax-constant-other-reference-link: #0a3069;
+    --color-fg-default: #1f2328;
+    --color-fg-muted: #656d76;
+    --color-fg-subtle: #6e7781;
+    --color-canvas-default: #ffffff;
+    --color-canvas-subtle: #f6f8fa;
+    --color-border-default: #d0d7de;
+    --color-border-muted: hsla(210, 18%, 87%, 1);
+    --color-neutral-muted: rgba(175, 184, 193, 0.2);
+    --color-accent-fg: #0969da;
+    --color-accent-emphasis: #0969da;
+    --color-success-fg: #1a7f37;
+    --color-success-emphasis: #1f883d;
+    --color-attention-fg: #9a6700;
+    --color-attention-emphasis: #9a6700;
+    --color-attention-subtle: #fff8c5;
+    --color-danger-fg: #d1242f;
+    --color-danger-emphasis: #cf222e;
+    --color-done-fg: #8250df;
+    --color-done-emphasis: #8250df;
+
+    // margin: 0;
+    // line-height: 1.5;
+    // color: var(--color-fg-default);
+    // background-color: var(--color-canvas-default);
+    // font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif,
+    //   'Apple Color Emoji', 'Segoe UI Emoji';
+    // font-size: 16px;
+    // word-wrap: break-word;
+    // -ms-text-size-adjust: 100%;
+    // -webkit-text-size-adjust: 100%;
+
+    .octicon {
+      display: inline-block;
+      fill: currentColor;
+      vertical-align: text-bottom;
+    }
+
+    ul,
+    ol {
+      list-style: disc;
+    }
+
+    h1:hover .anchor .octicon-link:before,
+    h2:hover .anchor .octicon-link:before,
+    h3:hover .anchor .octicon-link:before,
+    h4:hover .anchor .octicon-link:before,
+    h5:hover .anchor .octicon-link:before,
+    h6:hover .anchor .octicon-link:before {
+      height: 16px;
+      width: 16px;
+      display: inline-block;
+      background-color: currentColor;
+      content: ' ';
+      -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' version='1.1' aria-hidden='true'><path fill-rule='evenodd' d='M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z'></path></svg>");
+      mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' version='1.1' aria-hidden='true'><path fill-rule='evenodd' d='M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z'></path></svg>");
+    }
+
+    details,
+    figcaption,
+    figure {
+      display: block;
+    }
+
+    summary {
+      display: list-item;
+    }
+
+    [hidden] {
+      display: none !important;
+    }
+
+    a {
+      background-color: transparent;
+      color: var(--color-accent-fg);
+      text-decoration: none;
+    }
+
+    abbr[title] {
+      border-bottom: none;
+      -webkit-text-decoration: underline dotted;
+      text-decoration: underline dotted;
+    }
+
+    b,
+    strong {
+      font-weight: var(--base-text-weight-semibold, 600);
+    }
+
+    dfn {
+      font-style: italic;
+    }
+
+    h1 {
+      margin: 0.67em 0;
+      padding-bottom: 0.3em;
+      border-bottom: 1px solid var(--color-border-muted);
+      font-weight: var(--base-text-weight-semibold, 600);
+      font-size: 2em;
+    }
+
+    mark {
+      background-color: var(--color-attention-subtle);
+      color: var(--color-fg-default);
+    }
+
+    small {
+      font-size: 90%;
+    }
+
+    sub,
+    sup {
+      position: relative;
+      line-height: 0;
+      font-size: 75%;
+      vertical-align: baseline;
+    }
+
+    sub {
+      bottom: -0.25em;
+    }
+
+    sup {
+      top: -0.5em;
+    }
+
+    img {
+      max-width: 100%;
+      box-sizing: content-box;
+      border-style: none;
+      background-color: var(--color-canvas-default);
+    }
+
+    code,
+    kbd,
+    pre,
+    samp {
+      font-family: monospace;
+      font-size: 1em;
+    }
+
+    figure {
+      margin: 1em 40px;
+    }
+
+    hr {
+      height: 0.25em;
+      margin: 24px 0;
+      padding: 0;
+      box-sizing: content-box;
+      border: 0;
+      border-bottom: 1px solid var(--color-border-muted);
+      background: transparent;
+      background-color: var(--color-border-default);
+      overflow: hidden;
+    }
+
+    input {
+      margin: 0;
+      font: inherit;
+      line-height: inherit;
+      font-family: inherit;
+      font-size: inherit;
+      overflow: visible;
+    }
+
+    [type='button'],
+    [type='reset'],
+    [type='submit'] {
+      -webkit-appearance: button;
+      appearance: button;
+    }
+
+    [type='checkbox'],
+    [type='radio'] {
+      padding: 0;
+      box-sizing: border-box;
+    }
+
+    [type='number'] {
+      &::-webkit-inner-spin-button,
+      &::-webkit-outer-spin-button {
+        height: auto;
+      }
+    }
+
+    [type='search'] {
+      &::-webkit-search-cancel-button,
+      &::-webkit-search-decoration {
+        -webkit-appearance: none;
+        appearance: none;
+      }
+    }
+
+    ::-webkit-input-placeholder {
+      color: inherit;
+      opacity: 0.54;
+    }
+
+    ::-webkit-file-upload-button {
+      -webkit-appearance: button;
+      appearance: button;
+      font: inherit;
+    }
+
+    a:hover {
+      text-decoration: underline;
+    }
+
+    ::placeholder {
+      color: var(--color-fg-subtle);
+      opacity: 1;
+    }
+
+    hr {
+      &::before {
+        display: table;
+        content: '';
+      }
+
+      &::after {
+        display: table;
+        clear: both;
+        content: '';
+      }
+    }
+
+    table {
+      width: max-content;
+      max-width: 100%;
+      display: block;
+      border-spacing: 0;
+      border-collapse: collapse;
+      overflow: auto;
+    }
+
+    td,
+    th {
+      padding: 0;
+    }
+
+    details {
+      summary {
+        cursor: pointer;
+      }
+
+      &:not([open]) > *:not(summary) {
+        display: none !important;
+      }
+    }
+
+    a:focus,
+    [role='button']:focus {
+      outline: 2px solid var(--color-accent-fg);
+      outline-offset: -2px;
+      box-shadow: none;
+    }
+
+    input {
+      &[type='radio']:focus,
+      &[type='checkbox']:focus {
+        outline: 2px solid var(--color-accent-fg);
+        outline-offset: -2px;
+        box-shadow: none;
+      }
+    }
+
+    a:focus:not(:focus-visible),
+    [role='button']:focus:not(:focus-visible) {
+      outline: solid 1px transparent;
+    }
+
+    input {
+      &[type='radio']:focus:not(:focus-visible),
+      &[type='checkbox']:focus:not(:focus-visible) {
+        outline: solid 1px transparent;
+      }
+    }
+
+    a:focus-visible,
+    [role='button']:focus-visible {
+      outline: 2px solid var(--color-accent-fg);
+      outline-offset: -2px;
+      box-shadow: none;
+    }
+
+    input {
+      &[type='radio']:focus-visible,
+      &[type='checkbox']:focus-visible {
+        outline: 2px solid var(--color-accent-fg);
+        outline-offset: -2px;
+        box-shadow: none;
+      }
+    }
+
+    a:not([class]) {
+      &:focus,
+      &:focus-visible {
+        outline-offset: 0;
+      }
+    }
+
+    input {
+      &[type='radio'] {
+        &:focus,
+        &:focus-visible {
+          outline-offset: 0;
+        }
+      }
+
+      &[type='checkbox'] {
+        &:focus,
+        &:focus-visible {
+          outline-offset: 0;
+        }
+      }
+    }
+
+    kbd {
+      padding: 3px 5px;
+      display: inline-block;
+      border: solid 1px var(--color-neutral-muted);
+      border-radius: 6px;
+      border-bottom-color: var(--color-neutral-muted);
+      background-color: var(--color-canvas-subtle);
+      color: var(--color-fg-default);
+      font:
+        11px ui-monospace,
+        SFMono-Regular,
+        SF Mono,
+        Menlo,
+        Consolas,
+        Liberation Mono,
+        monospace;
+      line-height: 10px;
+      vertical-align: middle;
+      box-shadow: inset 0 -1px 0 var(--color-neutral-muted);
+    }
+
+    h1,
+    h2,
+    h3,
+    h4,
+    h5,
+    h6 {
+      margin-bottom: 16px;
+      margin-top: 24px;
+      font-weight: var(--base-text-weight-semibold, 600);
+      line-height: 1.25;
+    }
+
+    h2 {
+      padding-bottom: 0.3em;
+      border-bottom: 1px solid var(--color-border-muted);
+      font-weight: var(--base-text-weight-semibold, 600);
+      font-size: 1.5em;
+    }
+
+    h3 {
+      font-weight: var(--base-text-weight-semibold, 600);
+      font-size: 1.25em;
+    }
+
+    h4 {
+      font-weight: var(--base-text-weight-semibold, 600);
+      font-size: 1em;
+    }
+
+    h5 {
+      font-weight: var(--base-text-weight-semibold, 600);
+      font-size: 0.875em;
+    }
+
+    h6 {
+      color: var(--color-fg-muted);
+      font-weight: var(--base-text-weight-semibold, 600);
+      font-size: 0.85em;
+    }
+
+    p {
+      margin-bottom: 10px;
+      margin-top: 0;
+    }
+
+    blockquote {
+      margin: 0;
+      padding: 0 1em;
+      border-left: 0.25em solid var(--color-border-default);
+      color: var(--color-fg-muted);
+    }
+
+    ul {
+      margin-bottom: 0;
+      margin-top: 0;
+      padding-left: 2em;
+    }
+
+    ol {
+      margin-bottom: 0;
+      margin-top: 0;
+      padding-left: 2em;
+
+      ol {
+        list-style-type: lower-roman;
+      }
+    }
+
+    ul {
+      ol {
+        list-style-type: lower-roman;
+      }
+
+      ul ol,
+      ol ol {
+        list-style-type: lower-alpha;
+      }
+    }
+
+    ol {
+      ul ol,
+      ol ol {
+        list-style-type: lower-alpha;
+      }
+    }
+
+    dd {
+      margin-left: 0;
+    }
+
+    tt,
+    code,
+    samp {
+      font-family:
+        ui-monospace,
+        SFMono-Regular,
+        SF Mono,
+        Menlo,
+        Consolas,
+        Liberation Mono,
+        monospace;
+      font-size: 12px;
+    }
+
+    pre {
+      margin-bottom: 0;
+      margin-top: 0;
+      font-family:
+        ui-monospace,
+        SFMono-Regular,
+        SF Mono,
+        Menlo,
+        Consolas,
+        Liberation Mono,
+        monospace;
+      font-size: 12px;
+      word-wrap: normal;
+    }
+
+    .octicon {
+      display: inline-block;
+      overflow: visible !important;
+      vertical-align: text-bottom;
+      fill: currentColor;
+    }
+
+    input {
+      &::-webkit-outer-spin-button,
+      &::-webkit-inner-spin-button {
+        margin: 0;
+        -webkit-appearance: none;
+        appearance: none;
+      }
+    }
+
+    .mr-2 {
+      margin-right: var(--base-size-8, 8px) !important;
+    }
+
+    &::before {
+      display: table;
+      content: '';
+    }
+
+    &::after {
+      display: table;
+      clear: both;
+      content: '';
+    }
+
+    > * {
+      &:first-child {
+        margin-top: 0 !important;
+      }
+
+      &:last-child {
+        margin-bottom: 0 !important;
+      }
+    }
+
+    a:not([href]) {
+      color: inherit;
+      text-decoration: none;
+    }
+
+    .absent {
+      color: var(--color-danger-fg);
+    }
+
+    .anchor {
+      margin-left: -20px;
+      padding-right: 4px;
+      line-height: 1;
+      float: left;
+
+      &:focus {
+        outline: none;
+      }
+    }
+
+    p,
+    blockquote,
+    ul,
+    ol,
+    dl,
+    table,
+    pre,
+    details {
+      margin-bottom: 16px;
+      margin-top: 0;
+    }
+
+    blockquote > {
+      :first-child {
+        margin-top: 0;
+      }
+
+      :last-child {
+        margin-bottom: 0;
+      }
+    }
+
+    h1 .octicon-link,
+    h2 .octicon-link,
+    h3 .octicon-link,
+    h4 .octicon-link,
+    h5 .octicon-link,
+    h6 .octicon-link {
+      color: var(--color-fg-default);
+      vertical-align: middle;
+      visibility: hidden;
+    }
+
+    h1:hover .anchor,
+    h2:hover .anchor,
+    h3:hover .anchor,
+    h4:hover .anchor,
+    h5:hover .anchor,
+    h6:hover .anchor {
+      text-decoration: none;
+    }
+
+    h1:hover .anchor .octicon-link,
+    h2:hover .anchor .octicon-link,
+    h3:hover .anchor .octicon-link,
+    h4:hover .anchor .octicon-link,
+    h5:hover .anchor .octicon-link,
+    h6:hover .anchor .octicon-link {
+      visibility: visible;
+    }
+
+    h1 {
+      tt,
+      code {
+        padding: 0 0.2em;
+        font-size: inherit;
+      }
+    }
+
+    h2 {
+      tt,
+      code {
+        padding: 0 0.2em;
+        font-size: inherit;
+      }
+    }
+
+    h3 {
+      tt,
+      code {
+        padding: 0 0.2em;
+        font-size: inherit;
+      }
+    }
+
+    h4 {
+      tt,
+      code {
+        padding: 0 0.2em;
+        font-size: inherit;
+      }
+    }
+
+    h5 {
+      tt,
+      code {
+        padding: 0 0.2em;
+        font-size: inherit;
+      }
+    }
+
+    h6 {
+      tt,
+      code {
+        padding: 0 0.2em;
+        font-size: inherit;
+      }
+    }
+
+    summary {
+      h1,
+      h2,
+      h3,
+      h4,
+      h5,
+      h6 {
+        display: inline-block;
+      }
+
+      h1 .anchor,
+      h2 .anchor,
+      h3 .anchor,
+      h4 .anchor,
+      h5 .anchor,
+      h6 .anchor {
+        margin-left: -40px;
+      }
+
+      h1,
+      h2 {
+        padding-bottom: 0;
+        border-bottom: 0;
+      }
+    }
+
+    ul.no-list {
+      padding: 0;
+      list-style-type: none;
+    }
+
+    ol {
+      &.no-list {
+        padding: 0;
+        list-style-type: none;
+      }
+
+      &[type='a s'] {
+        list-style-type: lower-alpha;
+      }
+
+      &[type='A s'] {
+        list-style-type: upper-alpha;
+      }
+
+      &[type='i s'] {
+        list-style-type: lower-roman;
+      }
+
+      &[type='I s'] {
+        list-style-type: upper-roman;
+      }
+
+      &[type='1'] {
+        list-style-type: decimal;
+      }
+    }
+
+    div > ol:not([type]) {
+      list-style-type: decimal;
+    }
+
+    ul {
+      ul,
+      ol {
+        margin-bottom: 0;
+        margin-top: 0;
+      }
+    }
+
+    ol {
+      ol,
+      ul {
+        margin-bottom: 0;
+        margin-top: 0;
+      }
+    }
+
+    li {
+      > p {
+        margin-top: 16px;
+      }
+
+      + li {
+        margin-top: 0.25em;
+      }
+    }
+
+    dl {
+      padding: 0;
+
+      dt {
+        margin-top: 16px;
+        padding: 0;
+        font-style: italic;
+        font-weight: var(--base-text-weight-semibold, 600);
+        font-size: 1em;
+      }
+
+      dd {
+        margin-bottom: 16px;
+        padding: 0 16px;
+      }
+    }
+
+    table {
+      th {
+        padding: 6px 13px;
+        border: 1px solid var(--color-border-default);
+        font-weight: var(--base-text-weight-semibold, 600);
+      }
+
+      td {
+        padding: 6px 13px;
+        border: 1px solid var(--color-border-default);
+
+        > :last-child {
+          margin-bottom: 0;
+        }
+      }
+
+      tr {
+        border-top: 1px solid var(--color-border-muted);
+        background-color: var(--color-canvas-default);
+
+        &:nth-child(2n) {
+          background-color: var(--color-canvas-subtle);
+        }
+      }
+
+      img {
+        background-color: transparent;
+      }
+    }
+
+    img {
+      &[align='right'] {
+        padding-left: 20px;
+      }
+
+      &[align='left'] {
+        padding-right: 20px;
+      }
+    }
+
+    .emoji {
+      max-width: none;
+      vertical-align: text-top;
+      background-color: transparent;
+    }
+
+    span {
+      &.frame {
+        display: block;
+        overflow: hidden;
+
+        > span {
+          width: auto;
+          margin: 13px 0 0;
+          padding: 7px;
+          display: block;
+          border: 1px solid var(--color-border-default);
+          float: left;
+          overflow: hidden;
+        }
+
+        span {
+          img {
+            display: block;
+            float: left;
+          }
+
+          span {
+            padding: 5px 0 0;
+            display: block;
+            color: var(--color-fg-default);
+            clear: both;
+          }
+        }
+      }
+
+      &.align-center {
+        display: block;
+        overflow: hidden;
+        clear: both;
+
+        > span {
+          margin: 13px auto 0;
+          display: block;
+          text-align: center;
+          overflow: hidden;
+        }
+
+        span img {
+          margin: 0 auto;
+          text-align: center;
+        }
+      }
+
+      &.align-right {
+        display: block;
+        overflow: hidden;
+        clear: both;
+
+        > span {
+          margin: 13px 0 0;
+          display: block;
+          text-align: right;
+          overflow: hidden;
+        }
+
+        span img {
+          margin: 0;
+          text-align: right;
+        }
+      }
+
+      &.float-left {
+        margin-right: 13px;
+        display: block;
+        float: left;
+        overflow: hidden;
+
+        span {
+          margin: 13px 0 0;
+        }
+      }
+
+      &.float-right {
+        margin-left: 13px;
+        display: block;
+        float: right;
+        overflow: hidden;
+
+        > span {
+          margin: 13px auto 0;
+          display: block;
+          text-align: right;
+          overflow: hidden;
+        }
+      }
+    }
+
+    code,
+    tt {
+      margin: 0;
+      padding: 0.2em 0.4em;
+      border-radius: 6px;
+      background-color: var(--color-neutral-muted);
+      font-size: 85%;
+      white-space: break-spaces;
+    }
+
+    code br,
+    tt br {
+      display: none;
+    }
+
+    del code {
+      text-decoration: inherit;
+    }
+
+    samp {
+      font-size: 85%;
+    }
+
+    pre {
+      code {
+        font-size: 100%;
+      }
+
+      > code {
+        margin: 0;
+        padding: 0;
+        border: 0;
+        background: transparent;
+        white-space: pre;
+        word-break: normal;
+      }
+    }
+
+    .highlight {
+      margin-bottom: 16px;
+
+      pre {
+        margin-bottom: 0;
+        padding: 16px;
+        border-radius: 6px;
+        background-color: var(--color-canvas-subtle);
+        color: var(--color-fg-default);
+        line-height: 1.45;
+        font-size: 85%;
+        word-break: normal;
+        overflow: auto;
+      }
+    }
+
+    pre {
+      border-radius: 6px;
+      background-color: var(--color-canvas-subtle);
+      color: var(--color-fg-default);
+      line-height: 1.45;
+      font-size: 85%;
+      // padding: 16px;
+      overflow: auto;
+
+      code,
+      tt {
+        max-width: auto;
+        margin: 0;
+        padding: 0;
+        display: inline;
+        border: 0;
+        background-color: transparent;
+        line-height: inherit;
+        word-wrap: normal;
+        overflow: visible;
+      }
+    }
+
+    .csv-data {
+      td,
+      th {
+        padding: 5px;
+        line-height: 1;
+        font-size: 12px;
+        white-space: nowrap;
+        text-align: left;
+        overflow: hidden;
+      }
+
+      .blob-num {
+        padding: 10px 8px 9px;
+        border: 0;
+        background: var(--color-canvas-default);
+        text-align: right;
+      }
+
+      tr {
+        border-top: 0;
+      }
+
+      th {
+        border-top: 0;
+        background: var(--color-canvas-subtle);
+        font-weight: var(--base-text-weight-semibold, 600);
+      }
+    }
+
+    [data-footnote-ref] {
+      &::before {
+        content: '[';
+      }
+
+      &::after {
+        content: ']';
+      }
+    }
+
+    .footnotes {
+      border-top: 1px solid var(--color-border-default);
+      color: var(--color-fg-muted);
+      font-size: 12px;
+
+      ol {
+        padding-left: 16px;
+
+        ul {
+          margin-top: 16px;
+          padding-left: 16px;
+          display: inline-block;
+        }
+      }
+
+      li {
+        position: relative;
+
+        &:target {
+          &::before {
+            left: -24px;
+            right: -8px;
+            top: -8px;
+            bottom: -8px;
+            position: absolute;
+            border: 2px solid var(--color-accent-emphasis);
+            border-radius: 6px;
+            pointer-events: none;
+            content: '';
+          }
+
+          color: var(--color-fg-default);
+        }
+      }
+
+      .data-footnote-backref g-emoji {
+        font-family: monospace;
+      }
+    }
+
+    .pl-c {
+      color: var(--color-prettylights-syntax-comment);
+    }
+
+    .pl-c1,
+    .pl-s .pl-v {
+      color: var(--color-prettylights-syntax-constant);
+    }
+
+    .pl-e,
+    .pl-en {
+      color: var(--color-prettylights-syntax-entity);
+    }
+
+    .pl-smi,
+    .pl-s .pl-s1 {
+      color: var(--color-prettylights-syntax-storage-modifier-import);
+    }
+
+    .pl-ent {
+      color: var(--color-prettylights-syntax-entity-tag);
+    }
+
+    .pl-k {
+      color: var(--color-prettylights-syntax-keyword);
+    }
+
+    .pl-s,
+    .pl-pds,
+    .pl-s .pl-pse .pl-s1 {
+      color: var(--color-prettylights-syntax-string);
+    }
+
+    .pl-sr {
+      color: var(--color-prettylights-syntax-string);
+
+      .pl-cce,
+      .pl-sre,
+      .pl-sra {
+        color: var(--color-prettylights-syntax-string);
+      }
+    }
+
+    .pl-v,
+    .pl-smw {
+      color: var(--color-prettylights-syntax-variable);
+    }
+
+    .pl-bu {
+      color: var(--color-prettylights-syntax-brackethighlighter-unmatched);
+    }
+
+    .pl-ii {
+      background-color: var(--color-prettylights-syntax-invalid-illegal-bg);
+      color: var(--color-prettylights-syntax-invalid-illegal-text);
+    }
+
+    .pl-c2 {
+      background-color: var(--color-prettylights-syntax-carriage-return-bg);
+      color: var(--color-prettylights-syntax-carriage-return-text);
+    }
+
+    .pl-sr .pl-cce {
+      color: var(--color-prettylights-syntax-string-regexp);
+      font-weight: bold;
+    }
+
+    .pl-ml {
+      color: var(--color-prettylights-syntax-markup-list);
+    }
+
+    .pl-mh {
+      color: var(--color-prettylights-syntax-markup-heading);
+      font-weight: bold;
+
+      .pl-en {
+        color: var(--color-prettylights-syntax-markup-heading);
+        font-weight: bold;
+      }
+    }
+
+    .pl-ms {
+      color: var(--color-prettylights-syntax-markup-heading);
+      font-weight: bold;
+    }
+
+    .pl-mi {
+      color: var(--color-prettylights-syntax-markup-italic);
+      font-style: italic;
+    }
+
+    .pl-mb {
+      color: var(--color-prettylights-syntax-markup-bold);
+      font-weight: bold;
+    }
+
+    .pl-md {
+      background-color: var(--color-prettylights-syntax-markup-deleted-bg);
+      color: var(--color-prettylights-syntax-markup-deleted-text);
+    }
+
+    .pl-mi1 {
+      background-color: var(--color-prettylights-syntax-markup-inserted-bg);
+      color: var(--color-prettylights-syntax-markup-inserted-text);
+    }
+
+    .pl-mc {
+      background-color: var(--color-prettylights-syntax-markup-changed-bg);
+      color: var(--color-prettylights-syntax-markup-changed-text);
+    }
+
+    .pl-mi2 {
+      background-color: var(--color-prettylights-syntax-markup-ignored-bg);
+      color: var(--color-prettylights-syntax-markup-ignored-text);
+    }
+
+    .pl-mdr {
+      color: var(--color-prettylights-syntax-meta-diff-range);
+      font-weight: bold;
+    }
+
+    .pl-ba {
+      color: var(--color-prettylights-syntax-brackethighlighter-angle);
+    }
+
+    .pl-sg {
+      color: var(--color-prettylights-syntax-sublimelinter-gutter-mark);
+    }
+
+    .pl-corl {
+      text-decoration: underline;
+      color: var(--color-prettylights-syntax-constant-other-reference-link);
+    }
+
+    g-emoji {
+      min-width: 1ch;
+      display: inline-block;
+      font-style: normal !important;
+      font-weight: var(--base-text-weight-normal, 400);
+      line-height: 1;
+      font-family: 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
+      font-size: 1em;
+      vertical-align: -0.075em;
+
+      img {
+        height: 1em;
+        width: 1em;
+      }
+    }
+
+    .task-list-item {
+      list-style-type: none;
+
+      label {
+        font-weight: var(--base-text-weight-normal, 400);
+      }
+
+      &.enabled label {
+        cursor: pointer;
+      }
+
+      + .task-list-item {
+        margin-top: 4px;
+      }
+
+      .handle {
+        display: none;
+      }
+    }
+
+    .task-list-item-checkbox {
+      margin: 0 0.2em 0.25em -1.4em;
+      vertical-align: middle;
+    }
+
+    .contains-task-list {
+      &:dir(rtl) .task-list-item-checkbox {
+        margin: 0 -1.6em 0.25em 0.2em;
+      }
+
+      position: relative;
+
+      &:hover .task-list-item-convert-container,
+      &:focus-within .task-list-item-convert-container {
+        height: 24px;
+        width: auto;
+        display: block;
+        overflow: visible;
+        clip: auto;
+      }
+    }
+
+    ::-webkit-calendar-picker-indicator {
+      filter: invert(50%);
+    }
+
+    .markdown-alert {
+      margin-bottom: 16px;
+      padding: var(--base-size-8) var(--base-size-16);
+      border-left: 0.25em solid var(--color-border-default);
+      color: inherit;
+
+      > {
+        :first-child {
+          margin-top: 0;
+        }
+
+        :last-child {
+          margin-bottom: 0;
+        }
+      }
+
+      .markdown-alert-title {
+        display: flex;
+        align-items: center;
+        font-weight: var(--base-text-weight-medium, 500);
+        line-height: 1;
+      }
+
+      &.markdown-alert-note {
+        border-left-color: var(--color-accent-emphasis);
+
+        .markdown-alert-title {
+          color: var(--color-accent-fg);
+        }
+      }
+
+      &.markdown-alert-important {
+        border-left-color: var(--color-done-emphasis);
+
+        .markdown-alert-title {
+          color: var(--color-done-fg);
+        }
+      }
+
+      &.markdown-alert-warning {
+        border-left-color: var(--color-attention-emphasis);
+
+        .markdown-alert-title {
+          color: var(--color-attention-fg);
+        }
+      }
+
+      &.markdown-alert-tip {
+        border-left-color: var(--color-success-emphasis);
+
+        .markdown-alert-title {
+          color: var(--color-success-fg);
+        }
+      }
+
+      &.markdown-alert-caution {
+        border-left-color: var(--color-danger-emphasis);
+
+        .markdown-alert-title {
+          color: var(--color-danger-fg);
+        }
+      }
+    }
+  }
+}