.textarea {
    width: 100%;
    background-color: var(--FillColor1);
    height: 100%;
    border-radius: 12px;
    color: var(--TextColor1);
    padding: 12px;
    border: 1px solid var(--BorderColor2);
}
.textarea::placeholder {
    color: var(--TextColor4);
}
.textarea:focus {
    border: 1px solid var(--FillColor1);
}
.popoverRecommendList {
    max-height: 256px;
    overflow: auto;
    padding: 0px 4px 0px 8px;
}
.popoverRecommendList::-webkit-scrollbar {
    width: 4px;
    display: block;
}
.popoverRecommendList::-webkit-scrollbar-thumb {
    background-color: #d7d4d3;
    border-radius: 2px;
}
.popoverRecommendItem {
    height: 40px;
    display: flex;
    align-items: center;
    padding: 0px 12px;
    border-radius: 4px;
    cursor: pointer;
    position: relative;
}
.popoverRecommendItem:hover {
    background-color: rgba(0, 0, 0, 0.04);
}
.popoverRecommendItemIndexed {
    background-color: rgba(0, 0, 0, 0.04);
}
.popoverRecommendBorder {
    position: absolute;
    background-color: var(--PrimaryColor6);
    width: 4px;
    height: 38px;
    border-radius: 0px 4px 4px 0px;
    left: -7px;
}
.popoverRecommendWrapper {
    width: 240px;
}
.popoverRecommendWrapper :global .ant-popover-inner {
    padding: 8px 2px 8px 0px !important;
}
