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