.hn-scrollbar{overflow:hidden;position:relative}.hn-scrollbar:active>.hn-scrollbar__bar,.hn-scrollbar:focus>.hn-scrollbar__bar,.hn-scrollbar:hover>.hn-scrollbar__bar{opacity:1;-webkit-transition:opacity 340ms ease-out;transition:opacity 340ms ease-out}.hn-scrollbar__wrap{overflow:scroll;height:100%}.hn-scrollbar__wrap--hidden-default::-webkit-scrollbar{width:0;height:0}.hn-scrollbar__thumb{position:relative;display:block;width:0;height:0;cursor:pointer;border-radius:inherit;background-color:rgba(144,147,153,.3);-webkit-transition:.3s background-color;transition:.3s background-color}.hn-scrollbar__thumb:hover{background-color:rgba(144,147,153,.5)}.hn-scrollbar__bar{position:absolute;right:2px;bottom:2px;z-index:1;border-radius:4px;opacity:0;-webkit-transition:opacity 120ms ease-out;transition:opacity 120ms ease-out}.hn-scrollbar__bar.is-vertical{width:6px;top:2px}.hn-scrollbar__bar.is-vertical>div{width:100%}.hn-scrollbar__bar.is-horizontal{height:6px;left:2px}.hn-scrollbar__bar.is-horizontal>div{height:100%}