.fi-ta-row.fi-ta-row-highlighted:not(.fi-striped) {
    background-color: color-mix(in oklab, var(--warning-400, #fbbf24) 22%, transparent);
}

.fi-ta-row.fi-ta-row-highlighted.fi-striped {
    background-color: color-mix(in oklab, var(--warning-400, #fbbf24) 28%, transparent);
}

.fi-ta-row.fi-ta-row-highlighted > *:first-child {
    position: relative;
}

.fi-ta-row.fi-ta-row-highlighted > *:first-child::before {
    content: '';
    position: absolute;
    inset-block: 0;
    inset-inline-start: 0;
    width: 0.25rem;
    background-color: var(--warning-500, #f59e0b);
}

.dark .fi-ta-row.fi-ta-row-highlighted:not(.fi-striped),
.fi-ta-row.fi-ta-row-highlighted:not(.fi-striped):where(.dark, .dark *) {
    background-color: color-mix(in oklab, var(--warning-400, #fbbf24) 16%, transparent);
}

.dark .fi-ta-row.fi-ta-row-highlighted.fi-striped,
.fi-ta-row.fi-ta-row-highlighted.fi-striped:where(.dark, .dark *) {
    background-color: color-mix(in oklab, var(--warning-400, #fbbf24) 22%, transparent);
}

.dark .fi-ta-row.fi-ta-row-highlighted > *:first-child::before,
.fi-ta-row.fi-ta-row-highlighted > *:first-child:where(.dark, .dark *)::before {
    background-color: var(--warning-400, #fbbf24);
}