/**
 * TrackpadScrollEmulator
 * Author: Jonathan Nicol @f6design
 * https://github.com/jnicol/trackpad-scroll-emulator
 */
.tse-scrollable {position: relative;width: 200px; height: 300px; overflow: hidden;}
.tse-scrollable .tse-scroll-content {overflow: hidden; overflow-y: scroll;}

/* No longer using ::scrollbar too, since it breaks Chrome 25 */
.tse-scrollable .tse-scroll-content::-webkit-scrollbar {width: 0; height: 0;}
.tse-scrollbar {z-index: 99; position: absolute; top: 0; right: 0; bottom: 0; width: 11px;}
.tse-scrollbar .drag-handle {position: absolute; right: 2px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; min-height: 10px; width: 7px; opacity: 0; -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; -ms-transition: opacity 0.2s linear; transition: opacity 0.2s linear; background: #6c6e71; -webkit-background-clip: padding-box; -moz-background-clip: padding;}
.tse-scrollbar:hover .drag-handle {/* When hovered, remove all transitions from drag handle */ opacity: 0.7; -webkit-transition: opacity 0 linear; -moz-transition: opacity 0 linear; -o-transition: opacity 0 linear; -ms-transition: opacity 0 linear; transition: opacity 0 linear;}
.tse-scrollbar .drag-handle.visible {opacity: 0.7;}

/* Used when testing the scrollbar width */
/* No longer using ::scrollbar too, since it breaks Chrome 25 */
.scrollbar-width-tester::-webkit-scrollbar {width: 0; height: 0;}

/* Horizontal scroller */
.tse-scrollable.horizontal .tse-scroll-content {overflow-x: scroll; overflow-y: hidden;}
.tse-scrollable.horizontal .tse-scroll-content::-webkit-scrollbar,
.tse-scrollable.horizontal .tse-scroll-content::scrollbar {width: auto; height: 0;}
.tse-scrollable.horizontal .tse-scrollbar {top: auto; left: 0; width: auto;height: 11px; }
.tse-scrollable.horizontal .tse-scrollbar .drag-handle {right: auto; top: 2px; height: 7px; min-height: 0; min-width: 10px; width: auto;}