.scroller
position: relative
overflow: hidden
.scroller__wrapper
height: 100%
overflow: scroll
width: 100%
.scrollbar
background-color: $translucent
border-radius: 6px
// opacity: 0
transition: 0.4s
.scrollbar_maxed
opacity: 0
.scrollbar_hidden
display: none
.scrollbar_direction_vertical
height: 100%
position: absolute
right: 0
top: 0
width: 16px
.scrollbar_direction_horizontal
bottom: 0
height: 16px
left: 0
position: absolute
width: 100%
.scrollbar__handle
background-color: $white
border-radius: inherit
transition: 0.4s height
.scrollbar__handle_direction_vertical
width: 100%
.scrollbar__handle_direction_horizontal
height: 100%
// Not BEM but dont want to use JS just for this
// .scroller:hover .scrollbar
// opacity: 1