.diff-minimap {
    position: relative;
    overflow: hidden;
    border-left: 1px solid var(--line);
    background: var(--minimap-bg);
    cursor: pointer;
    touch-action: none;
    user-select: none;
}

.diff-minimap.is-dragging {
    cursor: grabbing;
}

.diff-minimap:focus-visible {
    outline: 2px solid rgba(var(--accent-rgb), 0.5);
    outline-offset: -2px;
}

.diff-minimap-mark {
    position: absolute;
    left: 2px;
    right: 2px;
    min-height: 2px;
    border-radius: 2px;
    opacity: 0.9;
}

.diff-minimap-mark.remove {
    background: var(--result-remove-strong, var(--remove));
}

.diff-minimap-mark.add {
    background: var(--result-add-strong, var(--add));
}

.diff-minimap-mark.change {
    background: linear-gradient(
        90deg,
        var(--result-remove-strong, var(--remove)),
        var(--result-add-strong, var(--add))
    );
}

.diff-minimap-viewport {
    position: absolute;
    left: 0;
    right: 0;
    border: 1px solid rgba(var(--accent-rgb), 0.4);
    border-radius: 3px;
    background: rgba(var(--accent-rgb), 0.16);
    pointer-events: none;
}

@media (max-width: 860px) {
    .diff-minimap {
        display: none;
    }
}