/**
 * Map of code identifiers/languages to Chroma supported languages.
 *
 * @generator https://github.com/hugo-fixit/.tools/blob/main/tampermonkey/code-type-map-fetcher.user.js
 */
:root {
  --pp-crop: {
  {
    .cropTopPx
  }
  }
  px; }

.tippy-popper[data-theme~="pp"] {
  max-width: none !important;
  z-index: 99999; }

.tippy-tooltip.pp-theme {
  background: transparent;
  padding: 0; }

.tippy-tooltip.pp-theme .tippy-content {
  padding: 0; }

.tippy-arrow {
  display: none !important; }

.pp-box {
  --pp-bg: #ffffff;
  --pp-text: #161209;
  --pp-text-soft: #4d545c;
  --pp-border: #e3e3e3;
  --pp-link: #2376b7;
  --pp-link-hover: #ea517f;
  --pp-chip: rgba(227, 227, 227, 0.55);
  --pp-head-bg: rgba(255, 255, 255, 0.75);
  width: 420px;
  max-width: calc(100vw - 24px);
  height: 30vh;
  max-height: 680px;
  min-width: 320px;
  min-height: 240px;
  border-radius: 14px;
  border: 1px solid var(--pp-border);
  background: var(--pp-bg);
  box-shadow: var(--pp-shadow);
  overflow: hidden;
  color: var(--pp-text);
  filter: drop-shadow(0 0 0.75rem rgba(0, 0, 0, 0.1)); }
  .pp-box.pp--dark {
    --pp-bg: #292a2e;
    --pp-text: #b1b1ba;
    --pp-text-soft: #d0d4d8;
    --pp-border: #454545;
    --pp-link: #1781b5;
    --pp-link-hover: #cc5595;
    --pp-chip: rgba(69, 69, 69, 0.55);
    --pp-head-bg: rgba(41, 42, 46, 0.55); }
  [data-theme='dark'] .pp-box {
    filter: drop-shadow(0 0 0.25rem rgba(0, 0, 0, 0.6)); }

.pp-head {
  display: flex;
  align-items: center;
  gap: .6rem;
  padding: .25rem .75rem;
  border-bottom: 1px solid var(--pp-border);
  background: var(--pp-head-bg); }

.pp-path {
  display: flex;
  align-items: center;
  gap: .35rem;
  min-width: 0;
  flex: 1; }

.pp-seg {
  display: inline-flex;
  min-width: 0;
  color: var(--pp-text-soft);
  text-decoration: none;
  white-space: nowrap; }
  .pp-seg:hover {
    color: var(--pp-text); }

.pp-seg__chip {
  display: inline-flex;
  align-items: center;
  height: 22px;
  padding: 0 .55rem;
  border-radius: 999px;
  border: 1px solid var(--pp-chip);
  font-size: 12px;
  line-height: 1;
  max-width: 160px;
  overflow: hidden;
  text-overflow: ellipsis; }

.pp-sep {
  color: var(--pp-text-soft);
  opacity: .8;
  user-select: none; }

.pp-url {
  display: inline-flex;
  align-items: center;
  height: 22px;
  padding: 0 .55rem;
  border-radius: 999px;
  border: 1px solid var(--pp-chip);
  color: var(--pp-text-soft);
  text-decoration: none;
  font-size: 12px;
  line-height: 1;
  white-space: nowrap;
  max-width: 220px;
  overflow: hidden;
  text-overflow: ellipsis; }
  .pp-url:hover {
    color: var(--pp-link-hover);
    border-color: var(--pp-link-hover); }

.pp-close {
  width: 30px;
  height: 30px;
  padding: 0;
  border: 1px solid var(--pp-chip);
  background: transparent;
  color: var(--pp-text);
  opacity: .85;
  border-radius: 100%;
  display: grid;
  place-items: center;
  cursor: pointer; }
  .pp-close:hover {
    opacity: 1;
    color: var(--pp-link-hover);
    border-color: var(--pp-link-hover); }

.pp-close__icon {
  width: 16px;
  height: 16px;
  stroke: var(--pp-text);
  stroke-width: 2.25;
  stroke-linecap: round;
  fill: none;
  display: block; }

.pp-body {
  height: calc(100% - 50px);
  overflow: auto;
  content-visibility: auto;
  contain: content;
  -webkit-overflow-scrolling: touch; }

.pp-doc {
  padding: .75rem; }

.pp-doc__inner {
  transform: translateY(calc(-1 * var(--pp-crop)));
  padding-top: var(--pp-crop); }
  .pp-doc__inner article {
    width: 99% !important; }
  .pp-doc__inner .archive {
    width: 90% !important; }
  .pp-doc__inner .single-title {
    padding: 0 !important;
    font-size: 1.3rem; }

.pp-doc img {
  max-width: 100%;
  height: auto;
  border-radius: 10px; }

.pp-doc a {
  color: var(--pp-link);
  text-decoration-thickness: .08em; }
  .pp-doc a:hover {
    color: var(--pp-link-hover); }