@charset "UTF-8";
.highlight,
.gist {
  font-family: Source Code Pro, Menlo, Consolas, Monaco, monospace;
  font-size: 0.875rem; }
  .highlight .table-wrapper > table,
  .gist .table-wrapper > table {
    width: 100%;
    table-layout: unset; }
  .highlight .table-wrapper > table thead,
  .highlight .table-wrapper > table tr,
  .highlight .table-wrapper > table td,
  .gist .table-wrapper > table thead,
  .gist .table-wrapper > table tr,
  .gist .table-wrapper > table td {
    margin: 0;
    padding: 0;
    border: none !important; }

.highlight {
  line-height: 1.4em;
  margin: 0.5rem 0;
  background-color: var(--postBg);
  border-radius: 7px;
  /* Comment */
  /* GenericUnderline */ }
  .highlight > .spoiler {
    position: relative; }
    .highlight > .spoiler .code-header:hover {
      cursor: pointer; }
    .highlight > .spoiler .code-header .code-title::after {
      padding-left: 0.2rem;
      content: "</> Code";
      color: var(--tx-100); }
    .highlight > .spoiler .code-header.language-bash .code-title::after {
      content: "</> " "Bash"; }
    .highlight > .spoiler .code-header.language-c .code-title::after {
      content: "</> " "C"; }
    .highlight > .spoiler .code-header.language-cs .code-title::after {
      content: "</> " "C#"; }
    .highlight > .spoiler .code-header.language-cpp .code-title::after {
      content: "</> " "C++"; }
    .highlight > .spoiler .code-header.language-clojure .code-title::after {
      content: "</> " "Clojure"; }
    .highlight > .spoiler .code-header.language-coffeescript .code-title::after {
      content: "</> " "CoffeeScript"; }
    .highlight > .spoiler .code-header.language-css .code-title::after {
      content: "</> " "CSS"; }
    .highlight > .spoiler .code-header.language-dart .code-title::after {
      content: "</> " "Dart"; }
    .highlight > .spoiler .code-header.language-diff .code-title::after {
      content: "</> " "Diff"; }
    .highlight > .spoiler .code-header.language-erlang .code-title::after {
      content: "</> " "Erlang"; }
    .highlight > .spoiler .code-header.language-go .code-title::after {
      content: "</> " "Go"; }
    .highlight > .spoiler .code-header.language-go-html-template .code-title::after {
      content: "</> " "Go HTML Template"; }
    .highlight > .spoiler .code-header.language-groovy .code-title::after {
      content: "</> " "Groovy"; }
    .highlight > .spoiler .code-header.language-haskell .code-title::after {
      content: "</> " "Haskell"; }
    .highlight > .spoiler .code-header.language-html .code-title::after {
      content: "</> " "HTML"; }
    .highlight > .spoiler .code-header.language-http .code-title::after {
      content: "</> " "HTTP"; }
    .highlight > .spoiler .code-header.language-xml .code-title::after {
      content: "</> " "XML"; }
    .highlight > .spoiler .code-header.language-java .code-title::after {
      content: "</> " "Java"; }
    .highlight > .spoiler .code-header.language-js .code-title::after {
      content: "</> " "JavaScript"; }
    .highlight > .spoiler .code-header.language-javascript .code-title::after {
      content: "</> " "JavaScript"; }
    .highlight > .spoiler .code-header.language-json .code-title::after {
      content: "</> " "JSON"; }
    .highlight > .spoiler .code-header.language-kotlin .code-title::after {
      content: "</> " "Kotlin"; }
    .highlight > .spoiler .code-header.language-latex .code-title::after {
      content: "</> " "LaTeX"; }
    .highlight > .spoiler .code-header.language-less .code-title::after {
      content: "</> " "Less"; }
    .highlight > .spoiler .code-header.language-lisp .code-title::after {
      content: "</> " "Lisp"; }
    .highlight > .spoiler .code-header.language-lua .code-title::after {
      content: "</> " "Lua"; }
    .highlight > .spoiler .code-header.language-makefile .code-title::after {
      content: "</> " "Makefile"; }
    .highlight > .spoiler .code-header.language-markdown .code-title::after {
      content: "</> " "Markdown"; }
    .highlight > .spoiler .code-header.language-matlab .code-title::after {
      content: "</> " "Matlab"; }
    .highlight > .spoiler .code-header.language-objectivec .code-title::after {
      content: "</> " "Objective-C"; }
    .highlight > .spoiler .code-header.language-php .code-title::after {
      content: "</> " "PHP"; }
    .highlight > .spoiler .code-header.language-perl .code-title::after {
      content: "</> " "Perl"; }
    .highlight > .spoiler .code-header.language-python .code-title::after {
      content: "</> " "Python"; }
    .highlight > .spoiler .code-header.language-r .code-title::after {
      content: "</> " "R"; }
    .highlight > .spoiler .code-header.language-ruby .code-title::after {
      content: "</> " "Ruby"; }
    .highlight > .spoiler .code-header.language-rust .code-title::after {
      content: "</> " "Rust"; }
    .highlight > .spoiler .code-header.language-scala .code-title::after {
      content: "</> " "Scala"; }
    .highlight > .spoiler .code-header.language-scss .code-title::after {
      content: "</> " "SCSS"; }
    .highlight > .spoiler .code-header.language-shell .code-title::after {
      content: "</> " "Shell"; }
    .highlight > .spoiler .code-header.language-sql .code-title::after {
      content: "</> " "SQL"; }
    .highlight > .spoiler .code-header.language-swift .code-title::after {
      content: "</> " "Swift"; }
    .highlight > .spoiler .code-header.language-tex .code-title::after {
      content: "</> " "TeX"; }
    .highlight > .spoiler .code-header.language-toml .code-title::after {
      content: "</> " "TOML"; }
    .highlight > .spoiler .code-header.language-ts .code-title::after {
      content: "</> " "TypeScript"; }
    .highlight > .spoiler .code-header.language-typescript .code-title::after {
      content: "</> " "TypeScript"; }
    .highlight > .spoiler .code-header.language-vue .code-title::after {
      content: "</> " "Vue"; }
    .highlight > .spoiler .code-header.language-yml .code-title::after {
      content: "</> " "YAML"; }
    .highlight > .spoiler .code-header.language-yaml .code-title::after {
      content: "</> " "YAML"; }
    .highlight > .spoiler .lntd:first-child {
      min-width: 1.6rem;
      text-align: right; }
      .highlight > .spoiler .lntd:first-child .copy {
        display: none; }
    .highlight > .spoiler .lntd:last-child {
      width: 100%; }
      .highlight > .spoiler .lntd:last-child pre {
        min-width: max-content; }
    .highlight > .spoiler .ln {
      padding-right: 0.75rem; }
    .highlight > .spoiler .hl {
      display: block; }
    .highlight > .spoiler .arrow {
      transition: transform 0.2s ease; }
    .highlight > .spoiler .ellipses {
      padding: 0.4rem; }
    .highlight > .spoiler .copy {
      position: absolute;
      left: 2.55rem;
      top: 3.4rem; }
      .highlight > .spoiler .copy:hover {
        cursor: pointer; }
    .highlight > .spoiler .table-wrapper {
      overflow: auto hidden;
      transition: max-height 0.5s ease-out; }
  .highlight .c,
  .highlight .ch,
  .highlight .cm,
  .highlight .c1,
  .highlight .cs,
  .highlight .cp,
  .highlight .cpf {
    font-style: italic; }
  .highlight .gl {
    text-decoration: underline; }
  .highlight .p {
    color: #a9a9b3; }
  .highlight .k {
    color: #d371e3; }
  .highlight .kc {
    color: #d371e3; }
  .highlight .kd {
    color: #d371e3; }
  .highlight .kn {
    color: #d371e3; }
  .highlight .kp {
    color: #d371e3; }
  .highlight .kr {
    color: #d371e3; }
  .highlight .kt {
    color: #d371e3; }
  .highlight .n {
    color: #8b8b8b; }
  .highlight .na {
    color: #41b0f5; }
  .highlight .nb {
    color: #19b9c4; }
  .highlight .bp {
    color: #ecbf6f; }
  .highlight .nc {
    color: #ecbf6f; }
  .highlight .no {
    color: #41b0f5; }
  .highlight .nd {
    color: #ecbf6f; }
  .highlight .ni {
    color: #41b0f5; }
  .highlight .ne {
    color: #41b0f5; }
  .highlight .nf {
    color: #41b0f5; }
  .highlight .fm {
    color: #19b9c4; }
  .highlight .nl {
    color: #41b0f5; }
  .highlight .nn {
    color: #41b0f5; }
  .highlight .nx {
    color: #a9a9b3; }
  .highlight .py {
    color: #41b0f5; }
  .highlight .nt {
    color: #41b0f5; }
  .highlight .nv {
    color: #41b0f5; }
  .highlight .vc {
    color: #41b0f5; }
  .highlight .vg {
    color: #41b0f5; }
  .highlight .vi {
    color: #41b0f5; }
  .highlight .vm {
    color: #41b0f5; }
  .highlight .l {
    color: #2aa198; }
  .highlight .ld {
    color: #2aa198; }
  .highlight .s {
    color: #8cc570; }
  .highlight .sa {
    color: #8cc570; }
  .highlight .sb {
    color: #8cc570; }
  .highlight .sc {
    color: #8cc570; }
  .highlight .dl {
    color: #8cc570; }
  .highlight .sd {
    color: #8cc570; }
  .highlight .s2 {
    color: #8cc570; }
  .highlight .se {
    color: #8cc570; }
  .highlight .sh {
    color: #8cc570; }
  .highlight .si {
    color: #8cc570; }
  .highlight .sx {
    color: #8cc570; }
  .highlight .sr {
    color: #8cc570; }
  .highlight .s1 {
    color: #8cc570; }
  .highlight .ss {
    color: #8cc570; }
  .highlight .m {
    color: #db985c; }
  .highlight .mb {
    color: #db985c; }
  .highlight .mf {
    color: #db985c; }
  .highlight .mh {
    color: #db985c; }
  .highlight .mi {
    color: #db985c; }
  .highlight .il {
    color: #db985c; }
  .highlight .mo {
    color: #db985c; }
  .highlight .o {
    color: #ecbf6f; }
  .highlight .ow {
    color: #d371e3; }
  .highlight .c {
    color: #7e848f; }
  .highlight .ch {
    color: #7e848f; }
  .highlight .cm {
    color: #7e848f; }
  .highlight .c1 {
    color: #7e848f; }
  .highlight .cs {
    color: #7e848f; }
  .highlight .cp {
    color: #7e848f; }
  .highlight .cpf {
    color: #7e848f; }
  .highlight .g {
    color: #f16372; }
  .highlight .gd {
    color: #f16372; }
  .highlight .ge {
    color: #f16372; }
  .highlight .gr {
    color: #f16372; }
  .highlight .gh {
    color: #f16372; }
  .highlight .gi {
    color: #f16372; }
  .highlight .go {
    color: #f16372; }
  .highlight .gp {
    color: #f16372; }
  .highlight .gs {
    color: #f16372; }
  .highlight .gu {
    color: #f16372; }
  .highlight .gt {
    color: #f16372; }
  .highlight .w {
    color: #bbbbbb; }

.gist .gist-file,
.gist .gist-data,
.gist .gist-meta {
  border: none; }

.gist .gist-meta {
  padding: 0.4rem 0.8rem; }

.gist .highlight {
  background: #141414; }

.gist .blob-num,
.gist .blob-code-inner,
.gist .highlight,
.gist .pl-enm,
.gist .pl-ko,
.gist .pl-mo,
.gist .pl-mp1 .pl-sf,
.gist .pl-ms,
.gist .pl-pdc1,
.gist .pl-scp,
.gist .pl-smc,
.gist .pl-som,
.gist .pl-va,
.gist .pl-vpf,
.gist .pl-vpu,
.gist .pl-mdr {
  color: #aab1bf; }

.gist .pl-mb,
.gist .pl-pdb {
  font-weight: 700; }

.gist .pl-c,
.gist .pl-c span,
.gist .pl-pdc {
  color: #5b6270;
  font-style: italic; }

.gist .pl-sr .pl-cce {
  color: #56b5c2;
  font-weight: 400; }

.gist .pl-ef,
.gist .pl-en,
.gist .pl-enf,
.gist .pl-eoai,
.gist .pl-kos,
.gist .pl-mh .pl-pdh,
.gist .pl-mr {
  color: #61afef; }

.gist .pl-ens,
.gist .pl-vi {
  color: #be5046; }

.gist .pl-enti,
.gist .pl-mai .pl-sf,
.gist .pl-ml,
.gist .pl-sf,
.gist .pl-sr,
.gist .pl-sr .pl-sra,
.gist .pl-src,
.gist .pl-st,
.gist .pl-vo {
  color: #56b5c2; }

.gist .pl-eoi,
.gist .pl-mri,
.gist .pl-pds,
.gist .pl-pse .pl-s1,
.gist .pl-s,
.gist .pl-s1 {
  color: #97c279; }

.gist .pl-k,
.gist .pl-kolp,
.gist .pl-mc,
.gist .pl-pde {
  color: #c578dd; }

.gist .pl-mi,
.gist .pl-pdi {
  color: #c578dd;
  font-style: italic; }

.gist .pl-mp,
.gist .pl-stp {
  color: #818896; }

.gist .pl-mdh,
.gist .pl-mdi,
.gist .pl-mdr {
  font-weight: 400; }

.gist .pl-mdht,
.gist .pl-mi1 {
  color: #97c279;
  background: #020; }

.gist .pl-md,
.gist .pl-mdhf {
  color: #df6b75;
  background: #200; }

.gist .pl-corl {
  color: #df6b75;
  text-decoration: underline; }

.gist .pl-ib {
  background: #df6b75; }

.gist .pl-ii {
  background: #e0c184;
  color: #fff; }

.gist .pl-iu {
  background: #e05151; }

.gist .pl-ms1 {
  color: #aab1bf;
  background: #373b41; }

.gist .pl-c1,
.gist .pl-cn,
.gist .pl-e,
.gist .pl-eoa,
.gist .pl-eoac,
.gist .pl-eoac .pl-pde,
.gist .pl-kou,
.gist .pl-mm,
.gist .pl-mp .pl-s3,
.gist .pl-mq,
.gist .pl-s3,
.gist .pl-sok,
.gist .pl-sv,
.gist .pl-mb {
  color: #d19965; }

.gist .pl-enc,
.gist .pl-entc,
.gist .pl-pse .pl-s2,
.gist .pl-s2,
.gist .pl-sc,
.gist .pl-smp,
.gist .pl-sr .pl-sre,
.gist .pl-stj,
.gist .pl-v,
.gist .pl-pdb {
  color: #e4bf7a; }

.gist .pl-ent,
.gist .pl-entl,
.gist .pl-entm,
.gist .pl-mh,
.gist .pl-pdv,
.gist .pl-smi,
.gist .pl-sol,
.gist .pl-mdh,
.gist .pl-mdi {
  color: #df6b75; }

.post-body pre {
  margin: 0.25rem 0.4rem; }
  .post-body pre code {
    padding: 0; }

.highlight code, .highlight pre, .highlight table, .highlight tr, .highlight td {
  background-color: transparent !important; }

.highlight .line.hl {
  background-color: var(--bg-50); }

.badge {
  display: inline-block;
  border-radius: 10px;
  user-select: none;
  animation: append-animate 0.3s linear;
  cursor: help; }
  .badge.hot {
    background-color: #ffecee;
    color: #69151d !important;
    font-weight: bold; }
  .badge.hot::after {
    content: "🔥"; }

.badge-notification {
  padding: 0.21em 0.42em;
  font-size: 0.65em;
  line-height: 1;
  margin: 0 0.1rem;
  left: 2px; }
  .badge-notification.clicks {
    top: -8.5px;
    color: var(--text-color);
    position: relative;
    border: solid 1px var(--text-color); }

@keyframes append-animate {
  from {
    transform: scale(0);
    opacity: 0; }
  to {
    transform: scale(1);
    opacity: 1; } }

.post-body .table-wrapper {
  overflow: auto hidden; }

.post-body details summary {
  cursor: pointer;
  transition: margin 150ms ease-out;
  user-select: none; }

@media screen and (min-width: 768px) {
  ::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 8px;
    height: 5px; }
  ::-webkit-scrollbar-track {
    background: transparent; }
  ::-webkit-scrollbar-thumb {
    background: var(--primary);
    border-radius: 10px; }
  ::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 133, 124, 0.835); }
  ::-webkit-scrollbar-thumb:active {
    background: rgba(0, 133, 124, 0.835); } }

blockquote {
  width: 95%;
  margin: 15px auto;
  font-style: italic;
  color: var(--text-color);
  padding: 1.2em 15px 0.7em 40px;
  border-left: 5px solid #128c7e;
  line-height: 1.6;
  position: relative;
  background: var(--bodyBg);
  border-radius: 7px; }
  blockquote p {
    margin: 0.5em 0 !important;
    text-indent: 0.8rem; }
    blockquote p span {
      text-indent: 0; }

blockquote::before {
  content: "\201C";
  color: #128c7e;
  font-size: 4em;
  position: absolute;
  left: 10px;
  top: -10px; }

blockquote::after {
  content: ""; }

blockquote span.by {
  display: block;
  text-align: right;
  color: var(--text-color);
  font-style: normal;
  font-weight: bold;
  margin-top: 1em; }

.post-body .urlbox {
  background-color: var(--bodyBg);
  padding: 0.5rem;
  margin: 1px 0;
  outline: 0;
  word-break: break-all;
  font-family: var(--fontCode);
  user-select: all; }

.goat svg, .mermaid svg {
  height: auto;
  width: auto; }