.milkdown .milkdown-code-block{background:var(--crepe-color-surface);margin:4px 0;padding:8px 20px 20px;display:block;position:relative}.milkdown .milkdown-code-block .language-picker{z-index:999;width:max-content;padding-top:10px;position:absolute}.milkdown .milkdown-code-block .hidden{display:none!important}.milkdown .milkdown-code-block.selected{outline:1px solid var(--crepe-color-primary)}.milkdown .milkdown-code-block .milkdown-code-block-placeholder{font-family:var(--crepe-font-code,monospace);white-space:pre-wrap;word-break:break-all;margin:0;padding:4px 0;font-size:14px;line-height:1.5}.milkdown .milkdown-code-block .milkdown-code-block-placeholder code{font-family:inherit}.milkdown .milkdown-code-block .cm-editor{background:var(--crepe-color-surface);outline:none!important}.milkdown .milkdown-code-block .cm-gutters{background:var(--crepe-color-surface);border-right:none}.milkdown .milkdown-code-block .cm-panel{font-family:var(--crepe-font-default);background:var(--crepe-color-surface);color:var(--crepe-color-on-surface)}.milkdown .milkdown-code-block .cm-panel input{caret-color:var(--crepe-color-outline);background:var(--crepe-color-surface-low);border-radius:4px}.milkdown .milkdown-code-block .cm-panel>button{text-transform:capitalize;background:var(--crepe-color-surface-low);color:var(--crepe-color-on-surface-variant);border:1px solid var(--crepe-color-outline);cursor:pointer;border-radius:4px;font-weight:600}.milkdown .milkdown-code-block .cm-panel>button:hover{background:var(--crepe-color-hover)}.milkdown .milkdown-code-block .cm-panel>label{text-transform:capitalize;align-items:center;display:inline-flex}.milkdown .milkdown-code-block .cm-panel>label input[type=checkbox]{cursor:pointer;appearance:none;background:var(--crepe-color-surface-low);border:1px solid var(--crepe-color-outline);border-radius:4px;place-content:center;width:1.15em;height:1.15em;display:grid}.milkdown .milkdown-code-block .cm-panel>label input[type=checkbox]:before{content:"";transform-origin:0 100%;width:.65em;height:.65em;box-shadow:inset 1em 1em var(--crepe-color-outline);clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%);transition:transform .12s ease-in-out;transform:scale(0)}.milkdown .milkdown-code-block .cm-panel>label input[type=checkbox]:checked:before{transform:scale(1)}.milkdown .milkdown-code-block .tools{justify-content:space-between;align-items:center;display:flex}.milkdown .milkdown-code-block .tools input{caret-color:var(--crepe-color-outline)}.milkdown .milkdown-code-block .tools .tools-button-group{gap:2px;display:flex}.milkdown .milkdown-code-block .tools .tools-button-group button{background:var(--crepe-color-secondary);color:var(--crepe-color-on-surface-variant);opacity:0;cursor:pointer;font-size:12px;font-weight:600;line-height:16px;font-family:var(--crepe-font-default);border-radius:4px;justify-content:center;align-items:center;gap:4px;padding:4px 10px;transition:opacity .2s ease-in-out;display:flex}.milkdown .milkdown-code-block .tools .tools-button-group button svg{width:14px;height:14px;fill:var(--crepe-color-on-surface-variant)}.milkdown .milkdown-code-block .tools .tools-button-group button:first-child{border-top-left-radius:100px;border-bottom-left-radius:100px}.milkdown .milkdown-code-block .tools .tools-button-group button:last-child{border-top-right-radius:100px;border-bottom-right-radius:100px}.milkdown .milkdown-code-block .tools .language-button{font-family:var(--crepe-font-default);background:var(--crepe-color-surface-low);color:var(--crepe-color-on-surface-variant);opacity:0;cursor:pointer;border-radius:4px;align-items:center;gap:6px;margin-bottom:8px;padding:2px 4px 2px 8px;font-size:12px;font-weight:600;line-height:16px;transition:opacity .2s ease-in-out;display:flex}.milkdown .milkdown-code-block .tools .language-button:hover{background:var(--crepe-color-hover)}.milkdown .milkdown-code-block .tools .language-button .expand-icon{justify-content:center;align-items:center;width:18px;height:18px;transition:transform .2s ease-in-out;display:flex}.milkdown .milkdown-code-block .tools .language-button .expand-icon svg{width:14px;height:14px;color:var(--crepe-color-outline)}.milkdown .milkdown-code-block .tools .language-button[data-expanded=true] .expand-icon{transform:rotate(180deg)}.milkdown .milkdown-code-block .tools .language-button .expand-icon svg:focus,.milkdown .milkdown-code-block .tools .language-button .expand-icon:focus-visible{outline:none}.milkdown .milkdown-code-block:hover .language-button,.milkdown .milkdown-code-block:hover .tools-button-group>button{opacity:1}.milkdown .milkdown-code-block .list-wrapper{background:var(--crepe-color-surface-low);box-shadow:var(--crepe-shadow-1);border-radius:12px;width:240px;padding-top:12px}.milkdown .milkdown-code-block .language-list{overscroll-behavior:contain;height:410px;margin:0;padding:0;overflow-y:auto}.milkdown .milkdown-code-block .language-list-item{cursor:pointer;align-items:center;gap:8px;margin:0;padding:4px 22px;font-size:14px;font-weight:600;line-height:20px;display:flex}.milkdown .milkdown-code-block .language-list-item:hover{background:var(--crepe-color-hover)}.milkdown .milkdown-code-block .language-list-item:focus-visible{background:var(--crepe-color-hover);outline:none}.milkdown .milkdown-code-block .language-list-item .leading,.milkdown .milkdown-code-block .language-list-item .leading svg{width:24px;height:24px}.milkdown .milkdown-code-block .language-list-item.no-result{cursor:default;opacity:.6}.milkdown .milkdown-code-block .language-list-item.no-result:hover{background:0 0}.milkdown .milkdown-code-block .search-box{outline:1px solid var(--crepe-color-primary);background:0 0;border-radius:4px;align-items:center;gap:8px;margin:0 12px 8px;padding:6px 10px;display:flex}.milkdown .milkdown-code-block .search-box:has(input:focus){outline:2px solid var(--crepe-color-primary)}.milkdown .milkdown-code-block .search-box .search-input{width:100%;color:var(--crepe-color-on-surface)}.milkdown .milkdown-code-block .search-box .search-icon{display:none}.milkdown .milkdown-code-block .search-box .clear-icon{cursor:pointer;width:20px;height:20px}.milkdown .milkdown-code-block .search-box .clear-icon svg{width:20px;height:20px;color:var(--crepe-color-primary);fill:var(--crepe-color-primary)}.milkdown .milkdown-code-block .search-box .clear-icon:hover{background:var(--crepe-color-hover)}.milkdown .milkdown-code-block .search-box input{font-family:var(--crepe-font-default);background:0 0;font-size:14px;line-height:20px}.milkdown .milkdown-code-block .search-box input:focus{outline:none}.milkdown .milkdown-code-block .preview-panel .preview-divider{opacity:.2;background:var(--crepe-color-outline);height:1px;margin:6px 0}.milkdown .milkdown-code-block .preview-panel .preview-label{color:color-mix(in srgb, var(--crepe-color-on-surface), transparent 40%);text-transform:uppercase;font-size:12px;font-weight:600;font-family:var(--crepe-font-default);margin:6px 0}.milkdown .milkdown-code-block .preview-panel .preview{text-align:center;overflow-x:auto}