@media (max-width: 639px) {
    .fi-ta-table.fi-ta-table-stacked-on-mobile > tbody {
        display: flex;
        flex-direction: column;
        gap: 1rem;
        padding: 1rem;
        background-color: transparent;
    }

    .fi-ta-table.fi-ta-table-stacked-on-mobile > tbody > tr:not(.fi-ta-group-header-row):not(.fi-ta-summary-row):not(.fi-ta-summary-header-row) {
        position: relative;
        display: block;
        margin: 0;
        padding-block: 0.25rem;
        border-radius: 0.75rem;
        background-color: #fff;
        box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
        outline: 1px solid rgb(0 0 0 / 0.05);
    }

    .dark .fi-ta-table.fi-ta-table-stacked-on-mobile > tbody > tr:not(.fi-ta-group-header-row):not(.fi-ta-summary-row):not(.fi-ta-summary-header-row) {
        background-color: rgb(255 255 255 / 0.05);
        outline-color: rgb(255 255 255 / 0.1);
    }

    .fi-ta-table.fi-ta-table-stacked-on-mobile > tbody > tr.fi-selected:not(.fi-ta-group-header-row):not(.fi-ta-summary-row):not(.fi-ta-summary-header-row) {
        outline-color: rgb(var(--primary-500) / 0.35);
    }

    .fi-ta-table.fi-ta-table-stacked-on-mobile > tbody > tr.fi-selected:not(.fi-ta-group-header-row):not(.fi-ta-summary-row):not(.fi-ta-summary-header-row)::before {
        display: none;
    }

    .fi-ta-table.fi-ta-table-stacked-on-mobile > tbody > tr > .fi-ta-cell:not(.fi-ta-selection-cell) {
        padding-inline: 1rem;
    }

    .fi-ta-table.fi-ta-table-stacked-on-mobile > tbody > tr > .fi-ta-cell:first-of-type:not(.fi-ta-selection-cell) {
        padding-top: 0.75rem;
    }

    .fi-ta-table.fi-ta-table-stacked-on-mobile > tbody > tr > .fi-ta-cell:last-of-type {
        padding-bottom: 0.75rem;
    }

    .fi-ta-table.fi-ta-table-stacked-on-mobile > tbody > tr > .fi-ta-selection-cell {
        top: 0.75rem;
        inset-inline-end: 1rem;
    }
}