.highlight-wrapper {
    position: relative;
}

.code-collapsed, .code-collapsed > .chroma {
   max-height: 220px;
   overflow: hidden !important;
}

.code-extra-collapsed, .code-extra-collapsed > .chroma {
   max-height: 100px;
   overflow: hidden !important;
}

.code-collapsed .highlight-link {
   background: #ebdfe3;
   background: linear-gradient(0deg, rgba(209,140,175, 0.6) 0%, rgba(255,255,255,0) 100%);
}

.last-folded .highlight-link {
   background: #ebdfe3;
   background: linear-gradient(0deg, rgba(209,140,125, 0.5) 0%, rgba(255,255,255,0) 200%);
}

.code-collapsed .highlight-link:hover {
   background: #ebdfe3;
   background: linear-gradient(0deg, rgba(209,140,175, 0.9) 0%, rgba(255,255,255,0) 100%);
}

.last-folded .highlight-link:hover {
   background: #ebdfe3;
   background: linear-gradient(0deg, rgba(209,140,125, 0.9) 0%, rgba(255,255,255,0) 150%);
}

.highlight-link {
    position: sticky;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 4px 0px;
    background: rgba(209,140,175, 0.4);
    background: linear-gradient(0deg, rgba(209,140,175, 0.2) 0%, rgba(255,255,255,0) 100%);
}

.code-collapsed .highlight-link a::after {
   /* content: "\02B9B\02B9B\02B9B"; */
   content: "\021d3 (expand) \021d3";
   color: #fe4580;
}

.highlight-link a::after {
   /* content: "\02B99\02B99\02B99"; */
   content: "\021d1 (fold) \021d1";
   color: #ff5299;
}

.highlight-link:hover {
   background: rgb(209,140,175);
   background: linear-gradient(0deg, rgba(209,140,175, 0.4) 0%, rgba(255,255,255,0) 100%);
}

.highlight-link a {
   text-shadow: 0px 0px 4px white;
   display: inline-block;
   width: 100%;
}

.highlight-link a:hover, .highlight-link a:active {
   border-bottom: 0px !important;
}

.post .post-content .highlight > .chroma .hl.folder-head {
   display: inline-block;
}

.folder-head {
   white-space: nowrap;
}

.folder-head .folder {
   padding: 0px 3px;
   margin: 0px 6px 0px 0px;
   display: inline-block;
   vertical-align: top;
}

.folded, .folder.folded, .foldnum {
   visibility: hidden;
   max-height: 0px;
   height: 0px;
   max-width: 0px;
   width: 0px;
   overflow: hidden;
}

.folder {
   font-size: 10px;
   padding: 0px 2px;
   background: #ebdfe3;
   background: linear-gradient(0deg, rgba(209,140,175, 0.6) 0%, rgba(255,255,255,0) 100%);
   border-radius: 3px;
}

.post .post-content .highlight > .chroma .lntd pre {
   overflow: hidden;
}