/* Required css to support functionality, not for theming. Only modify with good reason. */

.tla-slideout {
    position: fixed;
    top: 0;
    height: 100%;
    box-sizing: border-box;
    z-index: 4;
    transition: right .5s ease-in-out;
    overflow-y: scroll;
}

.tla-slideout-container.tla-slideout-open .tla-slideout {
    right: 0px;
    /*padding:10px;*/
}

.tla-slideout-background {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 2;
    transition: opacity .5s;
    opacity: .5;
    background-color: black;
}

.tla-slideout-container:not(.tla-slideout-open) .tla-slideout-background {
    pointer-events: none;
    opacity: 0;
}

.tla-slideout-container:not(.tla-slideout-open).tla-slideout-offscreen .tla-slideout-background {
    display:none;
}