.slideoutWrapper{
color:#555;
background:whitesmoke;
border:1px solid rgb(222,222,222);
border-radius:0 5px 5px 0;
height:calc(100% - 1px);
overflow-x:auto;
overflow-y:hidden;
position:absolute;
top:0;
-webkit-transform:translateX(-100%);
transform:translateX(-100%);
transition:-webkit-transform 0.2s ease;
transition:transform 0.2s ease;
visibility:visible;
width:calc(100% - 2px);
z-index:100;
}
html[dir="rtl"] .slideoutWrapper{
transform:translateX(100%);
}
.slideoutWrapperVisible{
-webkit-transform:translateX(0);
transform:translateX(0);
}
.slideoutNoVisibility{
visibility:hidden !important;
}
.slideoutWrapper > .slideoutDismissButton{
background-color:rgb(245,245,245);
border-radius:0 3px 0 3px;
display:none;
margin:0;
opacity:0.7;
padding:4px;
position:absolute;
right:0;
z-index:1;
}
.slideoutWrapper.slideoutWrapperVisible > .slideoutDismissButton{
display:inline-block;
}
.slideoutWrapper.slideoutWrapperVisible > .slideoutDismissButton:hover{
color:#00AED1;
opacity:1;
}
.slideoutContent{
height:calc(100% - 10px);
margin:0;
padding:4px 0;
width:100%;
}