.react-resizable {
    position: relative;
    background-clip: padding-box;
}

.react-resizable-handle-custom {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 499;
    width: 10px;
    height: 100%;
    cursor: col-resize;
}

div.ty-table-wrapper {
    ::-webkit-scrollbar {
        width: 8px;
        height: 8px;
        background-color: transparent;
        transition: all 0.3s;
    }

    /* 定义滚动条的轨道，内阴影及圆角 */
    ::-webkit-scrollbar-track {
        border-radius: 10px;
        background-color: transparent;
        transition: all 0.3s;
    }

    /* 定义滑块，内阴影及圆角 */
    ::-webkit-scrollbar-thumb {
        /* width: 10px; */
        height: 20px;
        border-radius: 10px;
        background-color: transparent;
    }

    :hover {
        &::-webkit-scrollbar {
            background-color: var(--ty-color-bg-container, #fff);
        }

        /* 定义滚动条的轨道，内阴影及圆角 */
        &::-webkit-scrollbar-track {
            background-color: var(--ty-color-bg-container, #fff);
        }

        /* 定义滑块，内阴影及圆角 */
        &::-webkit-scrollbar-thumb {
            background-color: var(--ty-wc-bg-gray, #dee0e5);
        }
    }

    .ty-table .ant-table-thead>tr>th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before,
    .ty-table .ant-table-thead>tr>td:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before {
        background-color: rgba(0, 0, 0, 0.25) !important;
        z-index: 1;
    }

    .ty-table .ant-table-column-title {
        flex: initial;
    }

    .ty-sorter-left .ant-table-column-sorters {
        justify-content: flex-start;
    }

    .ty-sorter-center .ant-table-column-sorters {
        justify-content: center;
    }

    .ty-sorter-right .ant-table-column-sorters {
        justify-content: flex-end;
    }

    .ty-table .ant-table-small {
        color: var(--ty-color-text-label, rgb(0 0 0 / 65%));
        scrollbar-color: initial;

        .ant-table-thead tr,
        .ty-custom-tr {
            height: 40px;
        }
    }

    .ty-remove-top-or-bottom-padding {
        padding: 0 8px !important;
    }

    .ty-table .ant-table-thead>tr .ty-placeholder-cell::before {
        width: 0 !important;
    }

    .ty-table .ant-table-placeholder {
        height: 200px;
        min-height: 200px;
    }
}