revo-grid{--slider-color: #c6c6c6;--range-color: #0068f0;--filter-input-bg: #f2f2f6;--tooltip-bg: #333333;--tooltip-color: #ffffff}revo-grid[theme^=dark]{--slider-color: #c6c6c6;--range-color: #0068f0;--filter-input-bg: #333333;--filter-input-color: #ffffff;--tooltip-bg: #f2f2f6;--tooltip-color: #333333}revogr-filter-panel{min-width:290px;margin-left:-10px}revogr-filter-panel .select-css{appearance:none;-webkit-appearance:none;border:0;background:var(--filter-input-bg)}revogr-filter-panel .select-css,revogr-filter-panel .select-css:focus{color:var(--filter-input-color, #000000)}revogr-filter-panel input[type=date],revogr-filter-panel input[type=datetime-local]{appearance:none;background:var(--filter-input-bg);border-radius:8px;padding:5px;font-size:14px;color:var(--filter-input-color, #000000);border:1px solid var(--gray-300);margin-top:5px}revogr-filter-panel .filter .search-input,revogr-filter-panel .multi-filter-list input[type=text]{display:flex;justify-content:flex-start;border:1px solid transparent;border-radius:8px;padding:0 10px 0 5px;height:40px;background-color:var(--filter-input-bg)!important;color:var(--filter-input-color, #000000)!important}revogr-filter-panel .filter .search-input input[type=text],revogr-filter-panel .multi-filter-list input[type=text] input[type=text]{border:none;background-color:transparent!important;margin:0;width:100%;color:inherit}revogr-filter-panel .filter{display:block}revogr-filter-panel .filter .filter-list{max-height:100px;overflow:auto;padding:0 0 0 5px;list-style:none}revogr-filter-panel .filter .filter-list label{display:flex;gap:5px;padding:3px 0}revogr-filter-panel .range_container{display:flex;flex-direction:column;width:100%;margin:20px auto 5px}revogr-filter-panel .range_container .range-values{display:flex;justify-content:space-between;margin-bottom:10px;font-size:12px;color:var(--text-color, #666)}revogr-filter-panel .range_container .slider-tooltip{position:absolute;top:-40px;transform:translate(-50%);background:var(--tooltip-bg);color:var(--tooltip-color);padding:2px 6px;border-radius:3px;font-size:12px;opacity:0;transition:opacity .2s;pointer-events:none;z-index:10}revogr-filter-panel .sliders_control{position:relative;min-height:20px}revogr-filter-panel .form_control{position:relative;display:flex;justify-content:space-between;font-size:24px;color:#635a5a}revogr-filter-panel input[type=range]{-webkit-appearance:none;appearance:none;height:2px;width:100%;position:absolute;background-color:#c6c6c6;pointer-events:none}revogr-filter-panel input[type=range].fromSlider{height:0;z-index:1}revogr-filter-panel input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;pointer-events:all;width:20px;height:20px;background-color:#fff;border-radius:50%;box-shadow:0 0 0 1px #c6c6c6;cursor:pointer}revogr-filter-panel input[type=range]::-webkit-slider-thumb:hover{background:#fff}revogr-filter-panel input[type=range]::-webkit-slider-thumb:active{box-shadow:0 0 0 1px #b1b1b1,0 0 9px #0000001a}revogr-filter-panel input[type=range]::-moz-range-thumb{-webkit-appearance:none;pointer-events:all;width:20px;height:20px;background-color:#fff;border-radius:50%;box-shadow:0 0 0 1px #c6c6c6;cursor:pointer}.date-filter{padding:10px}.date-filter__operator{margin-bottom:15px}.date-filter__operator label{display:block;font-size:12px;color:var(--gray-500);margin-bottom:5px}.date-filter__operator select{width:100%;padding:5px;border:1px solid var(--gray-300);border-radius:4px;font-size:14px;background-color:var(--filter-input-bg);color:var(--filter-input-color, #000000)}.date-filter__operator select:focus{outline:none;border-color:var(--blue-500)}.date-filter__operator select option{background-color:var(--filter-input-bg);color:var(--filter-input-color, #000000)}.date-filter__range{display:flex;flex-direction:column;gap:10px}.date-filter__input-group{display:flex;flex-direction:column;gap:5px}.date-filter__input-group label{font-size:12px;color:var(--gray-500)}.date-filter__input-group input{padding:5px;border:1px solid var(--gray-300);border-radius:4px;font-size:14px;background-color:var(--filter-input-bg);color:var(--filter-input-color, #000000)}.date-filter__input-group input:focus{outline:none;border-color:var(--blue-500)}.date-filter__input-group input[type=date],.date-filter__input-group input[type=datetime-local]{min-height:30px}