.listRow {
    -webkit-tap-highlight-color: transparent;
}

@media (hover: hover) {
    .listRow:hover:not(:disabled) {
        background-color: var(--mantine-color-default-hover);
    }
}

.listRow:active:not(:disabled) {
    background-color: var(--mantine-color-default-hover);
}

@media (prefers-reduced-motion: no-preference) {
    .listRow {
        transition: background-color 120ms ease-out, transform 120ms ease-out;
    }

    .listRow:active:not(:disabled) {
        transform: translateY(1px);
    }
}
