.fi-ta-actions {
    @apply flex max-w-full shrink-0 items-center justify-end gap-3;

    .fi-ta-content-loading
        > .fi-ta-content
        &
        :is(.fi-icon-btn, .fi-btn, .fi-btn.fi-color, .fi-link),
    .fi-ta-content-loading
        > .fi-ta-table
        > .fi-ta-records
        > .fi-ta-row
        &
        :is(.fi-icon-btn, .fi-btn, .fi-btn.fi-color, .fi-link) {
        @apply text-transparent shadow-none ring-0 transition-none;
        animation: var(--loading-skeleton-animation);
        background-color: var(--loading-skeleton-background-color);
        border-radius: var(--loading-skeleton-border-radius);

        & > * {
            @apply opacity-0 transition-none;
        }
    }

    & > * {
        @apply shrink-0;
    }

    &.fi-wrapped {
        @apply flex-wrap;
    }

    &.sm\:fi-not-wrapped {
        @apply sm:flex-nowrap;
    }

    &.fi-align-center {
        @apply justify-center;
    }

    &.fi-align-start {
        @apply justify-start;
    }

    &.fi-align-between {
        @apply justify-between;
    }

    &.md\:fi-align-end {
        @apply md:justify-end;
    }
}