.scrollbar-container{--default-scroll-size:18px;--scroll-color:#9b9b9b;--scroll-size:10px;--scroll-radius:calc(var(--scroll-size)/2);--scroll-low-opacity:.2;--scroll-high-opacity:.8;--scroll-transition-duration:.2s}.scrollbar-container .scrollbar-wrapper{float:left;height:100%;overflow:hidden;position:relative;width:100%}.scrollbar-container .scrollbar-wrapper .horizontal-scrollbar-content,.scrollbar-container .scrollbar-wrapper .scrollbar-content{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;position:relative}.scrollbar-container .scrollbar-wrapper .scrollbar-content{height:100%;overflow-x:hidden;overflow-y:auto;width:calc(100% + var(--default-scroll-size))}.scrollbar-container .scrollbar-wrapper .horizontal-scrollbar-content{height:calc(100% + var(--default-scroll-size));overflow-x:auto;overflow-y:hidden;width:100%}.scrollbar-container .horizontal-scroll,.scrollbar-container .scroll{background:var(--scroll-color);border-radius:var(--scroll-radius);cursor:pointer;opacity:var(--scroll-low-opacity);position:relative;-webkit-transition:opacity var(--scroll-transition-duration) ease-in-out;transition:opacity var(--scroll-transition-duration) ease-in-out}.scrollbar-container .scroll{width:var(--scroll-size)}.scrollbar-container .horizontal-scroll{height:var(--scroll-size)}.scrollbar-container:active .horizontal-scroll,.scrollbar-container:active .scroll,.scrollbar-container:focus .horizontal-scroll,.scrollbar-container:focus .scroll,.scrollbar-container:hover .horizontal-scroll,.scrollbar-container:hover .scroll{opacity:var(--scroll-high-opacity)}.scrollbar-container .scrollbar-grabbed{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.scrollbar-container .hidden{display:none}