declare const styles = "\n\n    gcl-slider {\n        display: inline-block;\n        position: relative;\n        border-radius: 3px;\n        height: 50px;\n        width: 500px;\n        background-image: linear-gradient(45deg, #ccc 25%,\n            transparent 25%),linear-gradient(-45deg, #ccc 25%,\n            transparent 25%),linear-gradient(45deg, transparent 75%,\n            #ccc 75%),linear-gradient(-45deg, transparent 75%, #ccc 75%);\n        background-size: 16px 16px;\n        background-position: 0 0, 0 8px, 8px -8px, -8px 0px;\n    }\n\n    .bg-overlay {\n        width: 100%;\n        height: 100%;\n        position: absolute;\n        border-radius: 3px;\n        background: linear-gradient(to right, #ff0000 0%, #ff000000 100%);\n    }\n\n    .thumb {\n        margin-top: -1px;\n        left: 5px;\n        width: 5px;\n        height: calc(100% - 5px);\n        position: absolute;\n        border-style: solid;\n        border-width: 3px;\n        border-color: white;\n        border-radius: 3px;\n        pointer-events: none;\n        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2),\n                    0 6px 20px 0 rgba(0, 0, 0, 0.19);\n\n    }\n";
export default styles;
//# sourceMappingURL=Slider-css.d.ts.map