div.panel-browser {
    display: none;
    position: absolute;
    top:   20%;
    left:  10%;
    width: 320%; /* counteract scale factor: multiply by 400% * 0.80 ~ (80% parent width) */
    overflow: hidden;
    transform: scale( 0.25, 0.25 );
    transform-origin: left top;
    z-index: 2;
}

div.panel-slide {
    white-space: nowrap;
    transform-origin: left top;
}

[id *= "panel-container-"] {
    display: inline-block;
    padding: 0.5em;
}

.panel-browser-container-error {
    width: 600px;
    background-color: #999;
    color: #900;
    text-align: center;
    padding-top: 20%;
}

.panel-close-widget {
    margin-right: 40px;
    margin-left:  auto;
    width:  80px;
    height: 80px;
}

div.modal-screen {
    position: absolute;
    top:  0px;
    left: 0px;
    height: 100vh;
    width: 100vw;
    background-color: rgba( 80, 0, 0, 0.50 );
    display: none;
}

div.modal-screen.open {
    display: block
}

div.modal-screen.close {
    display: none
}