pre code.hljs {
  display: block;
  overflow-x: auto;
  padding: 1em
}
code.hljs {
  padding: 3px 5px
}
/*!
   Theme: Agate
   Author: (c) Taufik Nurrohman <hi@taufik-nurrohman.com>
   Maintainer: @taufik-nurrohman
   Updated: 2021-04-24

   #333
   #62c8f3
   #7bd694
   #888
   #a2fca2
   #ade5fc
   #b8d8a2
   #c6b4f0
   #d36363
   #fc9b9b
   #fcc28c
   #ffa
   #fff
*/
.hljs,.pre-hljs {
  position: relative;
  background: #f9fafb;
  color: #0f1115;
}
.hljs-doctag,
.hljs-meta-keyword,
.hljs-name,
.hljs-strong {
  font-weight: bold
}
.hljs-code,
.hljs-emphasis {
  font-style: italic
}
.hljs-section,
.hljs-tag {
  color: #e45649;
}
.hljs-selector-class,
.hljs-selector-id,
.hljs-template-variable,
.hljs-variable {
  color: #50a14f;
}
.hljs-meta-string,
.hljs-string {
  color: #50a14f;
}
.hljs-attr,
.hljs-quote,
.hljs-selector-attr {
  color: #50a14f;
}
.hljs-tag .hljs-attr {
  color: inherit
}
.hljs-attribute,
.hljs-title,
.hljs-type {
  color: #e45649;
}
.hljs-number,
.hljs-symbol {
  color: #333;
}
.hljs-bullet,
.hljs-template-tag {
  color: #4a6a35;
}
.hljs-built_in,
.hljs-keyword,
.hljs-literal,
.hljs-selector-tag {
  color: #4078f2;
}
.hljs-code,
.hljs-comment,
.hljs-formula {
  color: #a0a1a7;
}
.hljs-link,
.hljs-selector-pseudo,
.hljs-regexp {
  color: #50a14f;
}
.hljs-meta {
  color: #ca6363;
}
.hljs-deletion {
  background: #ca6363;
  color: #333
}
.hljs-addition {
  background: #498b49;
  color: #333
}
/* Purposely ignored */
.hljs-operator,
.hljs-params,
.hljs-property,
.hljs-punctuation {
  
}
.hljs-subst {
  color: #333;
}
/* This applies only if HTML auto-merging plugin is enabled by user (#2889) */
.hljs a {
  color: inherit
}
.hljs a:focus,
.hljs a:hover {
  color: inherit;
  text-decoration: underline
}
.hljs mark {
  background: #555;
  color: inherit
}

.chat-code-btn-group {
  /*position: absolute;
  top: 5px;
  right: 18px;*/
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 15px;
  color: #61666b;
  font-size: 13px;
  padding: 0 15px;
}

.chat-code-btn {
  display: flex;
  align-items: center;
  gap: 2px;
  cursor: pointer;
  font-size: 12px;
}

.chat-code-btn:hover{
  cursor: pointer;
}

.pre-language-css::after,
.pre-language-html::after,
.pre-language-php::after,
.pre-language-go::after,
.pre-language-python::after,
.pre-language-java::after,
.pre-language-sql::after,
.pre-language-bash::after,
.pre-language-c::after,
.pre-language-dockerfile::after,
.pre-language-javascript::after,
.pre-language-json::after,
.pre-language-less::after,
.pre-language-lua::after,
.pre-language-makefile::after,
.pre-language-nginx::after,
.pre-language-perl::after,
.pre-language-ruby::after,
.pre-language-rust::after,
.pre-language-scss::after,
.pre-language-shell::after,
.pre-language-xml::after,
.pre-language-yaml::after {
  position: absolute;
  height: 35px;
  line-height: 35px;
  padding: 0 8px;
  border-radius: 3px;
  font-weight: 700;
  top:0;
  /*right: 36px;
  background-color: #1c1f24;*/
  left: 0;
  right: auto;
  background-color: unset;
}
.pre-language-css::after {
  content: 'Css';
}
.pre-language-html::after {
  content: 'Html' !important;
}
.pre-language-php::after {
  content: 'Php';
}
.pre-language-go::after {
  content: 'Go';
}
.pre-language-python::after {
  content: 'Python';
}
.pre-language-java::after {
  content: 'Java';
}
.pre-language-sql::after {
  content: 'Sql';
}
.pre-language-bash::after {
  content: 'Bash';
}
.pre-language-c::after {
  content: 'C';
}
.pre-language-dockerfile::after {
  content: 'Dockerfile';
}
.pre-language-javascript::after {
  content: 'Javascript';
}
.pre-language-json::after {
  content: 'Json';
}
.pre-language-less::after {
  content: 'Less';
}
.pre-language-lua::after {
  content: 'Lua';
}
.pre-language-makefile::after {
  content: 'Makefile';
}
.pre-language-markdown::after {
  content: 'Markdown';
}
.pre-language-nginx::after {
  content: 'Nginx';
}
.pre-language-perl::after {
  content: 'Perl';
}
.pre-language-ruby::after {
  content: 'Ruby';
}
.pre-language-rust::after {
  content: 'Rust';
}
.pre-language-scss::after {
  content: 'Scss';
}
.pre-language-shell::after {
  content: 'Shell';
}
.pre-language-xml::after {
  content: 'Xml';
}
.pre-language-yaml::after {
  content: 'Yaml';
}