.fi-ta-table.aureus-table-resizable {
    table-layout: auto;
}

.fi-ta-table.aureus-table-resizable > thead > tr > th.fi-ta-header-cell {
    position: relative;
}

.fi-ta-table.aureus-table-resizable [data-aureus-table-column-resized="true"] {
    overflow: hidden;
}

.fi-ta-table.aureus-table-resizable [data-aureus-table-column-resized="true"] > *:not(.aureus-table-column-resize-handle) {
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
}

.aureus-table-column-resize-handle {
    bottom: 0;
    cursor: col-resize;
    inset-inline-end: -4px;
    position: absolute;
    top: 0;
    touch-action: none;
    width: 8px;
    z-index: 20;
}

.aureus-table-column-resize-handle::after {
    background: color-mix(in srgb, currentColor 35%, transparent);
    border-radius: 999px;
    bottom: 0.75rem;
    content: "";
    opacity: 0;
    position: absolute;
    top: 0.75rem;
    inset-inline-end: 3px;
    transition: opacity 120ms ease;
    width: 2px;
}

.fi-ta-table.aureus-table-resizable > thead > tr > th.fi-ta-header-cell:hover > .aureus-table-column-resize-handle::after,
.aureus-table-column-resize-handle:hover::after,
.aureus-table-column-resize-handle:focus-visible::after {
    opacity: 1;
}

body.aureus-table-column-resizing,
body.aureus-table-column-resizing * {
    cursor: col-resize !important;
    user-select: none !important;
}