.modelingsdk-mapping-variable-expression-dropdown {
    &-input {
        &.ama-enabled {
            cursor: pointer;

            input {
                cursor: pointer;
            }
        }

        &-plain {
            width: 100%;
            display: flex;

            .mat-select-arrow-wrapper {
                padding-top: 6px;
            }
        }

        &-expression {
            font-style: italic;
        }
    }

    &-panel {
        display: block;
        padding: 12px;

        &-button-container {
            position: relative;
            bottom: 10px;
            height: 20px;
            width: 40px;
            right: 32px;
        }

        &-title {
            display: flex;
            width: 100%;
            height: 28px;
            margin: 0;
            position: relative;
            right: 32px;
            &-label {
                width: 75%;
                display: flex;
                & > span {
                    font-weight: bold;
                    display: inline-block;
                    position: relative;
                    top: 2px;
                }
            }
            &-actions {
                width: 25%;
                text-align: right;
                position: relative;
                left: 32px;
            }

            button {
                position: relative;
                bottom: 10px;
            }
        }

        &-content {
            overflow: auto;

            modelingsdk-expression-code-editor {
                display: block;
            }
        }
    }
}
