code,blockquote{display:inline-block;max-width:100%;position:relative;border-radius:6px;padding:4px 1rem;white-space:normal;&::before { display:inline-block; background-color:var(--main-text-color); content:''; height:70%; width:2px; position:absolute; top:0; left:0; border-radius:6px; }}.callout.note{border-left:4px solid #007bff;background-color:#e7f3ff;padding:1rem;margin:1rem 0;border-radius:.5rem}code{&::before { height:100%; }}pre code{max-width:100%;white-space:pre;overflow:auto;line-height:2;display:inline-block;position:relative;& > * { max-width: 100%; }}.bg{background-color:var(--code-background-color)}.chroma{background-color:var(--code-background-color);color:var(--main-text-color)}.chroma .x{}.chroma .err{}.chroma .cl{}.chroma .lnlinks{outline:none;text-decoration:none;color:inherit}.chroma .lntd{vertical-align:top;padding:0;margin:0;border:0}.chroma .lntable{border-spacing:0;padding:0;margin:0;border:0}.chroma .hl{background-color:var(--code-background-color)}.chroma .lnt{white-space:pre;-webkit-user-select:none;user-select:none;margin-right:.4em;padding:0 .4em;color:#7f7f7f}.chroma .ln{white-space:pre;-webkit-user-select:none;user-select:none;margin-right:.4em;padding:0 .4em;color:#7f7f7f}.chroma .line{display:flex}.chroma .k{color:var(--code-keyword-color)}.chroma .kc{color:var(--code-keyword-color)}.chroma .kd{color:var(--code-keyword-color)}.chroma .kn{color:var(--code-keyword-color)}.chroma .kp{color:var(--code-keyword-color)}.chroma .kr{color:var(--code-keyword-color)}.chroma .kt{color:#2b91af}.chroma .n{}.chroma .na{}.chroma .nb{}.chroma .bp{}.chroma .nc{color:#2b91af}.chroma .no{}.chroma .nd{}.chroma .ni{}.chroma .ne{}.chroma .nf{}.chroma .fm{}.chroma .nl{}.chroma .nn{}.chroma .nx{}.chroma .py{}.chroma .nt{}.chroma .nv{}.chroma .vc{}.chroma .vg{}.chroma .vi{}.chroma .vm{}.chroma .l{}.chroma .ld{}.chroma .s{color:var(--code-literal-color)}.chroma .sa{color:var(--code-literal-color)}.chroma .sb{color:var(--code-literal-color)}.chroma .sc{color:var(--code-literal-color)}.chroma .dl{color:var(--code-literal-color)}.chroma .sd{color:var(--code-literal-color)}.chroma .s2{color:var(--code-literal-color)}.chroma .se{color:var(--code-literal-color)}.chroma .sh{color:var(--code-literal-color)}.chroma .si{color:var(--code-literal-color)}.chroma .sx{color:var(--code-literal-color)}.chroma .sr{color:var(--code-literal-color)}.chroma .s1{color:var(--code-literal-color)}.chroma .ss{color:var(--code-literal-color)}.chroma .m{}.chroma .mb{}.chroma .mf{}.chroma .mh{}.chroma .mi{}.chroma .il{}.chroma .mo{}.chroma .o{}.chroma .ow{color:var(--code-keyword-color)}.chroma .p{}.chroma .c{color:var(--code-comment-color)}.chroma .ch{color:var(--code-comment-color)}.chroma .cm{color:var(--code-comment-color)}.chroma .c1{color:var(--code-comment-color)}.chroma .cs{color:var(--code-comment-color)}.chroma .cp{color:var(--code-keyword-color)}.chroma .cpf{color:var(--code-keyword-color)}.chroma .g{}.chroma .gd{}.chroma .ge{font-style:italic}.chroma .gr{}.chroma .gh{font-weight:700}.chroma .gi{}.chroma .go{}.chroma .gp{font-weight:700}.chroma .gs{font-weight:700}.chroma .gu{font-weight:700}.chroma .gt{}.chroma .gl{}.chroma .w{}