.tabs-content{
    border: 1px solid rgba(229,231,235,1);
    border-radius: 8px;
    overflow: hidden;
    background: rgb(243, 244, 246);
}
.tabs-content > li{
    display: none;
}
.tabs-content .active{
    display: block !important;
}

.preview-container {
    display: flex;
    flex-direction: row;
    overflow: hidden;
    background-color: rgb(107, 114, 128);
}
.preview-panel-left {
    flex: 0 0 auto;
    width: 100%;
    height: 100%;
    min-height: 200px;
    min-width: 150px;
    max-width: 78.8rem;
    background: rgb(243, 244, 246);
    color: white;

    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3rem;
}
.preview-panel-splitter {
    flex: 0 0 auto;
    width: 18px;  
    background: url(../docs/img/vsizegrip.png) center center no-repeat #535353;
    min-height: 200px;
    cursor: col-resize;  
}