.code-container{background-color:#2d2d2d;border-radius:6px;margin-bottom:1rem;overflow:hidden}.label-bar{align-items:center;background-color:#2d2d2d;border-top-left-radius:6px;border-top-right-radius:6px;color:#cbd5e1;cursor:pointer;display:flex;font-size:12px;font-weight:700;justify-content:space-between;padding:.4rem 1rem;transition:background .2s ease}.label-bar:before{content:"▾";margin-right:.5rem;transition:transform .2s ease}.label-bar.collapsed:before{transform:rotate(-90deg)}.label-bar:hover{background-color:#3a3a3a}.code-body{max-height:1000px;opacity:1;overflow:hidden;transition:max-height .3s ease,opacity .3s ease}.code-body.collapsed{max-height:0;opacity:0;padding:0!important;pointer-events:none}.code-body pre,pre[class*=language-]{background-color:#2d2d2d;color:#f8f8f2;font-family:Menlo,Monaco,Courier New,monospace;font-size:13px!important;line-height:1.5;margin:0!important;padding:0!important;position:relative;white-space:pre}.code-body code,code[class*=language-]{display:block;min-height:1em;padding:.2rem 1rem!important;white-space:pre}.copy-button{background:#2d2d2d;border:1px solid #2d2d2d;border-radius:.25rem;color:#e5d9e7;font-size:.75rem;padding:.2rem .5rem;transition:all .2s ease}.copy-button:hover{background:#3b3b3b}.copy-button.poko{animation:poko-scale .2s ease}@keyframes poko-scale{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}