.scrollable{position:relative}.scrollable:focus{outline:0}.scrollable .viewport{position:relative;overflow:hidden}.scrollable .scroll-bar .thumb,.scrollable .viewport .overview{position:absolute}.scrollable .scroll-bar{display:none}.scrollable .scroll-bar.vertical{position:absolute;right:0;height:100%}.scrollable .scroll-bar.horizontal{position:relative;width:100%}.scrollable .scroll-bar.vertical .thumb{width:100%;min-height:20px}.scrollable .scroll-bar.horizontal .thumb{height:100%;min-width:10px;left:0}.not-selectable{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.scrollable.gray-skin{padding-right:17px}.scrollable.gray-skin .scroll-bar{border:1px solid var(--km-ukon-saffron-lighter);z-index:1000;background-color:var(--km-ukon-saffron-lighter);color:var(--km-ornery-tangerine)}.scrollable.gray-skin .scroll-bar .thumb{background-color:var(--km-ornery-tangerine);border-radius:5px}.scrollable.gray-skin .scroll-bar:hover .thumb{cursor:pointer}.scrollable.gray-skin .scroll-bar.vertical{width:12px}.scrollable.gray-skin .scroll-bar.horizontal{height:10px;margin-top:2px}