/**********************************************************/
/***********************PREVIEW CODE***********************************/
/**********************************************************/


/*<pre class="style-code"><code>MY CODE</code></pre>*/
.style-code
{
    padding: 20px;
    margin: 0px !important;
    /* border: 4px solid #bf00b7; */
    /* border-left: 1px solid; */
}



/*<pre class="style-code style-code-light"><code>MY CODE</code></pre>*/
.style-code.style-code-light
{
    background-color: #e8e8e8;
    border: 1px solid #c4c4c4;
    color: #1b1b1b;
}

.style-code.style-code-dark
{
    background-color: #1f1f1f;
    color: #ffffff;
}




.style-code.style-code-light.style-text-code
{
    color: #1b1b1b;
}


.style-code.style-code-dark.style-text-code
{
    color: #ffffff;
}