div.resizable-line {
    width: 1px;
    border-radius: initial;
    transition: background-color 0.2s;
}

div.ty-custom-resizable {
    height: 100vh !important;
    z-index: 499;
    background-color: rgb(203 203 203 / 10%);

    .div.resizable-line {
        height: 100vh;
    }
}

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

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

    /* 定义滑块，内阴影及圆角 */
    ::-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-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;
    }
}