.form-visibility-settings-wrp {
    display: table;
    width: 100%;
}

.form-visibility-settings-title-wrp {
    margin-bottom: 3px;
}

.form-visibility-settings-details-wrp {
    margin-top: 3px;
}

.form-visibility-settings-area-wrp {
    display: table;
    width: 100%;
    background-color: var(--color-input-background);
    border: 1px solid var(--color-input-border);
    border-radius: var(--form-input-border-radius);
    table-layout: fixed;
    padding: 10px;
    cursor: pointer;
}

#modal-block .form-visibility-settings-area-wrp,
.n-s-p-l-container-size .form-visibility-settings-area-wrp {
    border-color: var(--color-input-border-modal);
    background-color: var(--color-input-background-modal);
}

.form-visibility-settings-layout {
    display: flex;
    width: 100%;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}

.form-visibility-settings-icon-wrp {
    display: table;
}

.form-visibility-settings-icon-wrp svg {
    height: 20px;
    width: 20px;
}

.form-visibility-settings-txt-wrp {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.form-visibility-settings-txt-value-wrp,
.form-visibility-settings-txt-placeholder-wrp {
    display: none;
    width: 100%;
    flex-direction: column;
    gap: 3px;
}

.form-visibility-settings-txt-content-show {
    display: flex;
}

.form-visibility-settings-txt-value-title,
.form-visibility-settings-txt-placeholder {
    font-size: 15px;
    letter-spacing: 0.25px;
    line-height: 1.35;
}

.form-visibility-settings-txt-placeholder {
    color: var(--color-text-50);
    font-style: italic;
}

.form-visibility-settings-txt-value-desc-wrp {
    display: none;
}

.form-visibility-settings-txt-value-desc-wrp-show {
    display: block;
}

.form-visibility-settings-txt-value-desc {
    color: var(--color-text-75);
    font-size: 13px;
    line-height: 1.4;
    letter-spacing: 0.3px;
}

.form-visibility-settings-btn-wrp {
    display: table;
}