.Code {
    font-size: 14px;
    display: block;
    line-height: 1.45;
    background: #fff;
    font-family: Hack, Consolas, Monaco, 'Andale Mono', monospace;
}

.Code--embedded {
    border: 1px solid #ddd;
    max-height: 300px;
    overflow: auto;
    > pre {
        padding: 15px;
    }
}

.Code--fullheight {
    max-height: none;
}

.Code--fullscreen {
    background: transparent;
    border-left: 1em solid #ccc;
    height: 100vh;
    width: 100vw;
    pre {
        padding: 20px 10px;
        border-left: 1em solid #792C5C;
        margin-left: -1em;
        background: #fff;
        // counter-reset: linenum;
        // overflow: visible;
    }
    // .line {
    //     position: relative;
    // }
    // .line:before {
    //     font-family: Hack, Consolas, Monaco, 'Andale Mono', monospace;
    //     list-style: none;
    //     counter-increment: linenum;
    //     content: counter(linenum);
    //     position: absolute;
    //     top: 0px;
    //     left: -4.6em;
    //     width: 3em;
    //     text-align: right;
    //     color: rgba(255,255,255,0.7);
    //     user-select: none;
    //     display: block;
    //     z-index: 10;
    // }
}
