#tryout-resulting-html-codeblock .highlighter-rouge,
#usage-guide .highlighter-rouge {
  width: fit-content;
  text-align: left;
  &::before {
    left: 50%;
    transform: translateX(-50%);
  }
}

#usage.guide li::marker {
  content: none;
}

img[src="https://raw.githubusercontent.com/catppuccin/catppuccin/main/assets/footers/gray0_ctp_on_line.svg?sanitize=true"] {
  z-index: 0;
}

p:has(img[src="https://raw.githubusercontent.com/catppuccin/catppuccin/main/assets/footers/gray0_ctp_on_line.svg?sanitize=true"]) {
  position: relative;
}

p:has(img[src="https://raw.githubusercontent.com/catppuccin/catppuccin/main/assets/footers/gray0_ctp_on_line.svg?sanitize=true"])::after {
  content: "";
  display: block;
  align-self: center;
  height: 3.5px;
  width: 99.8%;
  max-width: 600px;
  top: 73%;
  left: 50%;
  translate: -50%;
  z-index: -1;
  position: absolute;
  border-radius: 0px 0 2px 2px;
  background: linear-gradient(90deg, 
    var(--ctp-rosewater) 0%, var(--ctp-rosewater) calc(100% / 15), 
    var(--ctp-flamingo) calc(100% / 15), var(--ctp-flamingo) calc(100% / 15 * 2), 
    var(--ctp-pink) calc(100% / 15 * 2), var(--ctp-pink) calc(100% / 15 * 3), 
    var(--ctp-mauve) calc(100% / 15 * 3), var(--ctp-mauve) calc(100% / 15 * 4), 
    var(--ctp-red) calc(100% / 15 * 4), var(--ctp-red) calc(100% / 15 * 5), 
    var(--ctp-maroon) calc(100% / 15 * 5), var(--ctp-maroon) calc(100% / 15 * 6), 
    var(--ctp-peach) calc(100% / 15 * 6), var(--ctp-peach) calc(100% / 15 * 7), 
    var(--ctp-yellow) calc(100% / 15 * 7), var(--ctp-yellow) calc(100% / 15 * 8), 
    var(--ctp-green) calc(100% / 15 * 8), var(--ctp-green) calc(100% / 15 * 9), 
    var(--ctp-teal) calc(100% / 15 * 9), var(--ctp-teal) calc(100% / 15 * 10), 
    var(--ctp-sky) calc(100% / 15 * 10), var(--ctp-sky) calc(100% / 15 * 11), 
    var(--ctp-sapphire) calc(100% / 15 * 11), var(--ctp-sapphire) calc(100% / 15 * 12), 
    var(--ctp-blue) calc(100% / 15 * 12), var(--ctp-blue) calc(100% / 15 * 13), 
    var(--ctp-lavender) calc(100% / 15 * 13), var(--ctp-lavender) calc(100% / 15 * 14), 
    var(--degit-accent) calc(100% / 15 * 14), var(--degit-accent) 100%
  );
    -webkit-mask-image: linear-gradient(to right, 
      black 0px, 
      black 31.1%, 
      transparent 31.1%, 
      transparent 31.9%, 
      black 31.9%, 
      black 100%
    );
    mask-image: linear-gradient(to right, 
      black 0px, 
      black 31.1%, 
      transparent 31.1%, 
      transparent 31.9%, 
      black 31.9%,  
      black 100%
    );

}