.collapsible {
    display: none;
}

[data-contentpath="settings"] {
    border-radius: 1rem;
    background-color: var(--w-color-surface-header);
    padding: 1rem;
}

.settings-menu.open {
    display: flex;
    flex-wrap: wrap;
    row-gap: 0.75rem;
    column-gap: 1.75rem;
    padding: 1rem;
    background-color: var(--w-color-surface-header);
    border-radius: 0 0 1rem 1rem;
}

.settings-menu :is(.w-field__label) {
    font-size: 0.65rem;
    font-weight: 400;
}

.settings-menu :is(.w-field__input) {
    margin-top: 0.25rem;
}

.settings-menu :is(.w-field__wrapper) {
    margin-bottom: 0.25rem;
    padding-bottom: 0.25rem;
}

.settings-menu input[type="date"],
.settings-menu input[type="datetime-local"],
.settings-menu input[type="email"],
.settings-menu input[type="file"],
.settings-menu input[type="month"],
.settings-menu input[type="number"],
.settings-menu input[type="password"],
.settings-menu input[type="search"],
.settings-menu input[type="tel"],
.settings-menu input[type="text"],
.settings-menu input[type="time"],
.settings-menu input[type="url"],
.settings-menu input[type="week"],
.settings-menu textarea {
    font-size: 1em;
    font-weight: 400;
    line-height: 1.5;
    min-height: 2.5rem;
    padding: 0.375rem 1.25rem;
}

.settings-menu select {
    font-size: 0.75rem;
    line-height: 1.5;
    min-height: 2.5rem;
}

.settings-menu .icon {
    fill: currentColor;
    width: 1rem;
    height: 1rem;
    margin-right: 0.5rem;
}


/* Селектор для активного заголовка блока внутри settings-menu */

[data-contentpath="settings"]:has(.collapsible.open)>label:first-of-type {
    color: var(--w-color-surface-button-default);
    /* padding: 0.75rem;
    margin-bottom: 0;
    border-radius: 1rem 1rem 0 0;
    background-color: var(--w-color-surface-header);
    font-weight: 600; */
}

.settings-menu div[data-contentpath="extra_js"] {
    height: 3.5rem;
    overflow: hidden;
}