/**
 * Path: assets/history-chart.css
 * Version: 1.0.0
 * Date: 2026-08-13
 * Time: 02:20:00 +07:00
 * Description: The history chart's brush slider - loaded by every page that draws that chart.
 *
 * Moved out of assets/style.css in v3.34.0: the developer Raw Data tab now draws the same
 * chart, and settings-complete.php does not load style.css. Class-based rather than
 * id-based, because two brushes can exist on one page and an id cannot be reused.
 * The classes are NOT in the purged Tailwind build (they are ours, not Tailwind's), so they
 * live here where nothing can purge them.
 */

.wqd-brush-container {
    position: relative;
    height: 100px;
    cursor: default;
}

.wqd-brush {
    position: absolute;
    top: 0;
    height: 100%;
    background-color: rgba(100, 150, 255, 0.3);
    border-left: 2px solid #6495ED;
    border-right: 2px solid #6495ED;
    cursor: move;
    z-index: 10;
}

.wqd-brush-handle {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 10px;
    height: 40px;
    background-color: #6495ED;
    border: 1px solid #fff;
    border-radius: 3px;
}

.wqd-brush-handle.left {
    left: -5px;
    cursor: ew-resize;
}

.wqd-brush-handle.right {
    right: -5px;
    cursor: ew-resize;
}