pre:not(.chroma){padding:10px}pre.chroma{margin:0;padding:10px;color:var(--foreground)}pre code{color:var(--foreground);border:none}code{color:var(--primary);font-size:.7rem;text-size-adjust:100%;-ms-text-size-adjust:100%;-moz-text-size-adjust:100%;-webkit-text-size-adjust:100%}.highlight{position:relative;margin:20px 0;background:var(--background);border:1px solid var(--background-400)}.highlight pre{border:none}.code-title{display:flex;align-items:center;justify-content:space-between;background:var(--background-100);border-bottom:1px solid var(--background-400);color:var(--text);text-transform:uppercase;font-size:calc(var(--font-size) * .6);padding:6px 10px;line-height:1}.copy-button{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:3px 8px;text-decoration:none;text-align:center;font-size:13px;font-weight:500;border:1px solid var(--primary-400);appearance:none;cursor:pointer;outline:none;z-index:1;background:var(--primary-50);color:var(--primary)}.copy-button:hover{background:var(--primary-100)}.collapsable-code{position:relative;width:100%;margin:20px 0;border:1px solid var(--primary);.highlight { margin: 0; }}.collapsable-code__title{display:inline-flex;align-items:center;flex:1;color:var(--primary);padding:3px 10px;font-size:calc(var(--font-size) * .9);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.collapsable-code__language{color:var(--primary);border:1px solid var(--primary);border-bottom:none;text-transform:uppercase;padding:3px 10px}.collapsable-code summary{color:var(--primary);padding:0 10px;cursor:pointer}.collapsable-code summary:hover{background:var(--background)}.collapsable-code pre{margin-top:0}.collapsable-code pre::first-line{line-height:0}