.overmenu.with-query-builder
{
    display: flex;
    right: 25%;
}

.overmenu > .query-builder
{
    background-color: inherit;
    flex: 1;
    position: relative;
}

    .builder
    {
        background-color: inherit;
        border-bottom: 2px solid #4b4b4b;
        box-sizing: border-box;
        left: 0px;
        position: absolute;
        right: -44px;
        top: 70px;
        padding: 28px 42px 42px 42px;
    }

        .builder > .buttons
        {
            margin-top: 42px;
        }

        .builder > .inputs
        {
            background-color: inherit;
            display: grid;
            grid-column-gap: 14px;
            grid-row-gap: 14px;
            grid-template-columns: 5fr 4fr 5fr 1fr 1fr 1fr;
        }

        .builder > .separator
        {
            border-top: 2px dashed #3c3c3c;
            height: 0;
            margin-top: 42px;
        }

    .query
    {
        padding: 14px 0 14px 28px;
    }

.user-select-none
{
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE, Edge */
    -webkit-user-select: none; /* Safari */
    user-select: none; /* Chrome, Opera */
}

.input.button.active
{
    background-color: #444444;
}