.property-configure {
    min-width: 600px;
    max-width: 800px;
}

.property-value-content {
    cursor: text;
    min-height: 24px;
}

/* .property-value-content:hover { */
/*     background: var(--ls-secondary-background-color); */
/* } */

.ls-properties-area {
    @apply grid gap-1;

    .property-pair {
        @apply grid grid-cols-4 gap-1
    }

    .add-button-link {
        opacity: 0.5;
    }

    tr:nth-child(even), tr:nth-child(odd) {
        background: none;
    }

    .editor-inner {
        padding: 0;
        width: 100%;
    }

    .cp__select-main {
        width: fit-content;
        margin: 0;

        .ui__dropdown-trigger {
            position: absolute;

            .dropdown-wrapper {
                left: 0;
            }
        }
    }

    .cp__select .input-wrap {
        height: auto;
        min-width: 14em;
    }

    .cp__select .input-wrap input.cp__select-input {
        border: none;
    }

    .cp__select .input-wrap input.cp__select-input:focus {
        outline: none;
        box-shadow: none;
    }

    .cp__select-input {
        padding: 0;
    }

    .ls-block, .editor-wrapper {
        margin: 0;
    }

    .property-block-container {
        margin-left: -1.5em;
    }

    .property-key a {
        @apply whitespace-nowrap;
        color: var(--ls-primary-text-color);
    }

    .property-key a:hover {
        color: var(--ls-link-text-hover-color);
    }
}

.block-main-container .ls-properties-area {
    margin-top: 0.25em;
}

input.simple-input {
    @apply px-1;
    border-radius: 0;
    border: none;
    border-bottom: 1px solid;
}

input.simple-input:focus {
    box-shadow: none;
}

.page-configure {
    @screen md {
        max-width: 720px;
    }
}
