.cms-search-panel {
    --el-input-icon-color: #babac2;
    --el-text-color-regular: #595959;
    padding: 8px 0px;
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid #ebebeb;
    color: #595959;
    position: relative;

    * {
        box-sizing: border-box;
        outline: none;
        scrollbar-color: #ddd #fafafa;
        scrollbar-track-color: #fafafa;
        scrollbar-width: thin;
    }

    .field-box {
        display: flex;
        padding: 8px 0px;

        .label-text {
            text-align: right;
            line-height: 32px;
        }
        .input-box {
            flex: 1;

            :deep(.el-range-separator) {
                color: #bfbfbf;
            }

            :deep(.el-input-number) {
                .el-input__inner {
                    text-align: left;
                }
            }

            :deep(.el-date-editor) {
                --el-date-editor-daterange-width: 220px;
            }
        }
    }

    .placeholder-button-box {
        height: 44px;
    }

    .button-box {
        padding: 8px 25px;
        position: absolute;
        right: 0px;
        bottom: 8px;
        z-index: 1;

        // &.placeholder::after {
        //     content: "";
        //     left: 0px;
        //     right: 0px;
        //     top: 0px;
        //     bottom: 0px;
        //     z-index: 1;
        // }

        .el-button {
            min-width: 72px;

            &.is-link {
                width: auto;
            }

            + .el-button {
                margin-left: 8px;
            }
        }
    }

    &.collapse {
        height: 60px;
        overflow: hidden;

        .button-box {
            bottom: auto;
        }
    }
}