figure.code-collapsible{position:relative}figure.code-collapsible>input.code-collapse-toggle{opacity:0;pointer-events:none;width:0;height:0;position:absolute}figure.code-collapsible>pre{max-height:11rem;transition:max-height .2s;overflow-y:hidden}figure.code-collapsible:after{content:"";background:linear-gradient(to bottom, transparent, var(--panel-bg));pointer-events:none;border-radius:0 0 6px 6px;height:5rem;position:absolute;bottom:0;left:0;right:0}figure.code-collapsible>label.code-collapse-label{z-index:2;color:var(--gray);background-color:var(--light);cursor:pointer;border:none;border-radius:5px;justify-content:center;align-items:center;margin:.3rem;padding:.4rem;transition:all .2s;display:flex;position:absolute;bottom:0;right:0}figure.code-collapsible>label.code-collapse-label:hover{color:var(--secondary)}figure.code-collapsible>label.code-collapse-label>svg.cc-chevron{transition:transform .2s;display:block}figure.code-collapsible:has(>input.code-collapse-toggle:checked)>label svg.cc-chevron{transform:rotate(180deg)}figure.code-collapsible>label.code-collapse-label .cc-label-show,figure.code-collapsible>label.code-collapse-label .cc-label-hide{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}figure.code-collapsible>label.code-collapse-label .cc-label-hide{display:none}figure.code-collapsible:has(>input.code-collapse-toggle:checked)>pre{max-height:none}figure.code-collapsible:has(>input.code-collapse-toggle:checked):after{display:none}figure.code-collapsible:has(>input.code-collapse-toggle:checked)>label .cc-label-show{display:none}figure.code-collapsible:has(>input.code-collapse-toggle:checked)>label .cc-label-hide{display:inline}