:root {
/*
  @media screen and (prefers-color-scheme: dark) {
    --color-black: hsl(0deg, 0%, 95%);
    --color-white: #000;
    --color-grey: hsl(0deg, 0%, 45%);
    --color-grey-light: hsl(0deg, 0%, 5%);
  } */

  /* @link https://utopia.fyi/type/calculator?c=320,18,1.2,1180,20,1.25,5,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 */--fontsize-3: clamp(1.944rem, 1.771rem + 0.8651vi, 2.4414rem);--fontsize-2: clamp(1.62rem, 1.5041rem + 0.5793vi, 1.9531rem);--fontsize-1: clamp(1.35rem, 1.2761rem + 0.3696vi, 1.5625rem);--fontsize-0: clamp(1.125rem, 1.0815rem + 0.2174vi, 1.25rem);--fontsize--1: clamp(0.9375rem, 0.9158rem + 0.1087vi, 1rem);--fontsize--2: clamp(0.7813rem, 0.7747rem + 0.0326vi, 0.8rem);

  /* @link https://utopia.fyi/space/calculator?c=320,18,1.2,1240,20,1.25,5,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 */--space-3xs: clamp(0.3125rem, 0.3125rem + 0vi, 0.3125rem);--space-2xs: clamp(0.5625rem, 0.5408rem + 0.1087vi, 0.625rem);--space-xs: clamp(0.875rem, 0.8533rem + 0.1087vi, 0.9375rem);--space-s: clamp(1.125rem, 1.0815rem + 0.2174vi, 1.25rem);--space-m: clamp(1.6875rem, 1.6223rem + 0.3261vi, 1.875rem);--space-l: clamp(2.25rem, 2.163rem + 0.4348vi, 2.5rem);--space-xl: clamp(3.375rem, 3.2446rem + 0.6522vi, 3.75rem);--space-2xl: clamp(4.5rem, 4.3261rem + 0.8696vi, 5rem);--space-3xl: clamp(6.75rem, 6.4891rem + 1.3043vi, 7.5rem);--space-3xs-2xs: clamp(0.3125rem, 0.2038rem + 0.5435vi, 0.625rem);--space-2xs-xs: clamp(0.5625rem, 0.4321rem + 0.6522vi, 0.9375rem);--space-xs-s: clamp(0.875rem, 0.7446rem + 0.6522vi, 1.25rem);--space-s-m: clamp(1.125rem, 0.8641rem + 1.3043vi, 1.875rem);--space-m-l: clamp(1.6875rem, 1.4049rem + 1.413vi, 2.5rem);--space-l-xl: clamp(2.25rem, 1.7283rem + 2.6087vi, 3.75rem);--space-xl-2xl: clamp(3.375rem, 2.8098rem + 2.8261vi, 5rem);--space-2xl-3xl: clamp(4.5rem, 3.4565rem + 5.2174vi, 7.5rem);--space-s-3xl: clamp(1.125rem, -1.0924rem + 11.087vi, 7.5rem);
}
/* PrismJS 1.29.0
https://prismjs.com/download.html#themes=prism-solarizedlight&languages=markup+css+clike+javascript+markup-templating+php+scss+typoscript+yaml */
code[class*=language-],pre[class*=language-]{color:#657b83;font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none}
code[class*=language-] ::-moz-selection,code[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection,pre[class*=language-]::-moz-selection{background:#073642}
code[class*=language-] ::selection,code[class*=language-]::selection,pre[class*=language-] ::selection,pre[class*=language-]::selection{background:#073642}
pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto;border-radius:.3em}
:not(pre)>code[class*=language-],pre[class*=language-]{background-color:#fdf6e3}
:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em}
.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#93a1a1}
.token.punctuation{color:#586e75}
.token.namespace{opacity:.7}
.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color:#268bd2}
.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string,.token.url{color:#2aa198}
.token.entity{color:#657b83;background:#eee8d5}
.token.atrule,.token.attr-value,.token.keyword{color:#859900}
.token.class-name,.token.function{color:#b58900}
.token.important,.token.regex,.token.variable{color:#cb4b16}
.token.bold,.token.important{font-weight:700}
.token.italic{font-style:italic}
.token.entity{cursor:help}
.note__cover,
  .note figure {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
.note__content {
    margin-bottom: var(--space-l);
  }
.note p,
  .note footer,
  .note h1,
  .note h2,
  .note h3,
  .note blockquote,
  .note ul,
  .note pre {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 600px;
  }
.note__tags {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: var(--space-m) 0;
    list-style: none;
  }
.note__tags__tag {
      list-style: none;
      margin-right: var(--space-2xs);
    }
.note__tags a {
      padding: var(--space-2xs) var(--space-s) var(--space-xs) var(--space-s);
      display: block;
      background: hsl(0, 0%, 5%);
      color: #fff;
      line-height: 1.2;
      font-size: var(--fontsize--1);
      outline-offset: 5px
    }
.note__tags a:hover {background: hsl(0, 0%, 5%);color: #fff;
}
.note__date {
    display: block;
    margin-bottom: var(--space-3xl);
    font-style: italic;
  }
.note__comments h2 {
      margin-bottom: var(--space-s);
    }
/* Komment overrides */
.note__comments #kommentsWebmentions .list-comments ul {
        padding-left:var(--space-xl);
      }
.note__comments #kommentsWebmentions .splitted-komments h5 {
        font-size: var(--fontsize-0);
        margin-bottom: var(--space-xs);
      }
.note__comments #kommentform {
      gap: 0;
    }
.note__comments #kommentform input,
      .note__comments #kommentform textarea {
        width: 100%;
      }
.note__comments #kommentform #url {
        position: absolute;
      }
.note__comments #kommentform textarea {
        margin-top: var(--space-s);
      }
.note__comments #kommentform #email {
        margin-top: var(--space-s);
      }
.note__comments #kommentform .form-feedback {
        padding: 0;
      }
.note__comments #kommentform .komment-privacy {
        grid-area: unset;
      }
.note__comments #kommentform .submit-btn {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end;
        gap: var(--space-2xs);
      }
.note__comments #kommentform .submit-btn .icon {
          display: block;
        }
.note__comments #kommentform .submit-btn input[disabled] + svg {
          opacity: 0.3;
        }
.note__comments .share-elsewhere .komment-share-twitter {
        display: none;
      }
.note__comments .share-elsewhere .komment-share-mastodon {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        gap: var(--space-3xs);
      }
.note__comments .share-elsewhere a {
        margin-right: var(--space-2xs);
      }
.note__comments .share-elsewhere span,
      .note__comments .share-elsewhere br {
        display: none;
      }
.backbtn a {
    padding: var(--space-xs);
    margin-left: calc(var(--space-xs) * -1);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: var(--space-3xs)
  }
.backbtn a:focus-visible {outline: 2px solid highlight;
}
.backbtn a:focus {outline: 2px solid highlight;
}