.nano {
position : relative;
width    : 100%;
height   : 100%;
overflow : hidden;
}
.nano > .nano-content {
position      : absolute;
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 : rgba(0,0,0,.15);
position   : absolute;
width      : 8px;
right      : 0;
top        : 0;
bottom     : 0;
visibility : hidden\9; 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-slider {
background: #444;
background: rgba(0,0,0,.4);
position              : relative;
margin                : 0 1px;
-moz-border-radius    : 3px;
-webkit-border-radius : 3px;
border-radius         : 3px;
}
.nano:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed {
visibility : visible\9; opacity    : 0.99;
}