/** initial setup **/
.nano{
    position:relative;
    width:100%;
    height:100%;
    overflow:hidden
}
.nano>.nano-content{
    overflow:scroll;
    overflow-x:hidden;
    top:0;
    right:0;
    bottom:0;
    left:0
}
.nano>.nano-content:focus{
    outline:thin dotted
}
.nano>.nano-content::-webkit-scrollbar{
    display:none
}
.has-scrollbar>.nano-content::-webkit-scrollbar{
    display:block
}
.nano>.nano-pane{
    background:transparent;
    position:absolute;
    width:10px;
    right:0;
    top:0;
    bottom:0;
    opacity:.01;
    -webkit-transition:.2s;
    -moz-transition:.2s;
    -o-transition:.2s;
    transition:.2s;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px
}
.nano>.nano-pane.nano-pane-rtl{
    right:auto;
    left:0
}
.nano>.nano-pane>.nano-slider{
    background:rgba(255,255,255,.1);
    position:relative;
    margin:0 1px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px
}
.nano:hover>.nano-pane,.nano-pane.active,.nano-pane.flashed{
    opacity:.99
}