/* Preview Code
Regular space:  
Two spaces gap:  
Four spaces gap:  
*/
pre.code{
    /* display: block; */
    display: none;
    position: relative;
    box-sizing: border-box;
    margin: 0;
    padding: 20px 0px;
    white-space: pre-line;
    white-space: pre-wrap;
    tab-size: 10;
}
    pre.code *::selection{
        background: #426e72 !important;
    }
    pre.code-arrow::after{
        content: '';
        display: inline-block;
        position: absolute;
        top: -5px;
        left: 20px;
        width: 20px;
        height: 20px;
        background-image: url('../img/arrow_b_30_top.png');
        background-size: 20px 20px;
        background-position: center;
        background-repeat: no-repeat;
    }
    pre.code code{
        display: block;
        box-sizing: border-box;
        background: #2b292c;
        /* background: #202131; */
        padding: 15px 20px;
        border-radius: 20px;
        font-family: 'prompt';
        color: #ddd;
    }
    pre.code code span{
        color: #2ba762;
    }
    pre.code code span.g{
        color: #5c9d91 !important;
    }
    pre.code code span.p{
        color: #c15f83;
    }
    pre.code code span.y{
        color: #ffed4e;
    }