.editor-block-settings {
    .title {
        text-align: center;
    }
    .setting-wrap {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
        align-items: center;
        .components-base-control {
            select {
                display: block;
                max-width: 132px;
            }
        }
        .pro_version {
            position: relative;
            .disabled {
                &:after {
                    content: "";
                    width: 100%;
                    height: 85%;
                    top: -5px;
                    left: 0;
                    background: #000;
                    opacity: 0.1;
                    position: absolute;
                    z-index: 5;
                    border-radius: 5px;
                }
            }
        }
    }
}

#form-builder {
    select {
        background-image: linear-gradient(45deg, transparent 50%, gray 50%),
            linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc);
        background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px),
            calc(100% - 2.5em) 0.5em;
        background-size: 5px 5px, 5px 5px, 1px 1.5em;
        background-repeat: no-repeat;

        &:focus {
            background-image: linear-gradient(45deg, green 50%, transparent 50%),
                linear-gradient(135deg, transparent 50%, green 50%), linear-gradient(to right, #ccc, #ccc);
            background-position: calc(100% - 15px) 1em, calc(100% - 20px) 1em, calc(100% - 2.5em) 0.5em;
            background-size: 5px 5px, 5px 5px, 1px 1.5em;
            background-repeat: no-repeat;
            border-color: green;
            outline: 0;
        }

        &:-moz-focusring {
            color: transparent;
            text-shadow: 0 0 0 #000;
        }
    }
}

