declare const style = "\n.scrollbar__wrapper {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  pointer-events: none;\n}\n[data-scrollbar] {\n  display: block;\n  position: absolute;\n  z-index: 1;\n  opacity: 0;\n  background: rgba(222, 222, 222, .75);\n  pointer-events: auto;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n    user-select: none;\n\n  -webkit-transition: opacity 0.5s 0.5s ease-out;\n    transition: opacity 0.5s 0.5s ease-out;\n}\n[data-scrollbar=\"track-x\"] {\n  left: 0;\n  bottom: 0;\n  width: 100%;\n  height: 8px;\n}\n[data-scrollbar=\"track-y\"] {\n  top: 0;\n  right: 0;\n  width: 8px;\n  height: 100%;\n}\n[data-scrollbar].show,\n[data-scrollbar]:hover {\n  opacity: 1;\n  -webkit-transition-delay: 0s;\n    transition-delay: 0s;\n}\n.scrollbar__thumb {\n  position: absolute;\n  top: 0;\n  left: 0;\n  background: rgba(0, 0, 0, .5);\n  border-radius: 4px;\n}\n[data-scrollbar=\"track-x\"] .scrollbar__thumb {\n  width: 100px;\n  height: 8px;\n}\n[data-scrollbar=\"track-y\"] .scrollbar__thumb {\n  width: 8px;\n  height: 100px;\n}\n";
export default style;
//# sourceMappingURL=style.d.ts.map