:root {
    --bbe-border-color: #dcdcde;
}

/* Sidebar Widget */
.wp-block-legacy-widget .wp-block-legacy-widget__edit-form {
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #dddddd transparent;
    border-color: var(--bbe-border-color);
}

.wp-block-legacy-widget .wp-block-legacy-widget__edit-form-title {
    border-bottom: 1px solid var(--bbe-border-color);
    margin-inline: -11px;
    padding: 4px 22px 14px;
    margin-bottom: 15px;
}

.widget .widget-inside {
    padding: 1px 10px 10px;
}

.widget .field + .field {
    margin-top: 15px;
}

.widget .widget-content .field.hide {
    max-height: 0;
    opacity: 0;
    padding: 0;
    margin: 0;
    overflow: hidden;
    transform: translateY(-8px);
    transition: all .3s ease-in-out;
}

.widget .field {
    max-height: 400px;
    opacity: 1;
    transform: translateY(0);
}

.widget .field.heading {
    background: #f3f3f3;
    padding: 8px 18px;
    border-left: 2px solid #3582c4;
}

.widget .field.heading .title {
    margin: 0;
    text-transform: capitalize;
}

.widget .field h2.title {
    font-weight: 500;
    font-size: 12px;
    letter-spacing: 0.8px;
    margin: 0 0 10px;
    text-transform: uppercase;
}

.widget .field.select h2.title,
.widget .field.number h2.title {
    text-transform: unset;
    font-weight: 400;
    letter-spacing: 0.1px;
}

.widget .field .description {
    line-height: 19px;
    font-size: 12px;
    letter-spacing: 0.1px;
}

.widget .field.checkbox {
    display: flex;
    align-items: center;
    gap: 8px;
}

.widget .field.checkbox input {
    margin: 0;
    width: 14px;
    min-width: 14px;
    height: 14px;
}

.widget .field.checkbox input:before {
    width: 18px;
    height: 18px;;
}

.widget .field.checkbox label {
    line-height: initial;
    margin-top: -3px;
}

.widget .field.multiselect,
.widget .field.multiselect > .select2 {
    width: 100% !important;
}

.widget .field.checkbox h2.title {
    line-height: initial;
}

.bbe-select-two-dropdown {
    width: 100% !important;
}

.widget .field .upload-figure img {
    max-width: 100%;
}

.widget .field .upload-figure .upload-button {
    font-size: 14px;
    padding: 5px 14px;
    cursor: pointer;
}

/* inside border bottom */
.widget .field.text,
.widget .field.select,
.widget .field.multiselect,
.widget .field.number {
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 15px;
}

.widget .field.radio > p {
    display: flex;
    align-items: center;
    gap: 8px;
}

.widget .field.radio > p input {
    margin: 0;
}

.widget .field.radio > p input[checked="checked"] ~ label {
    margin-top: -3px;
}

/* Multiselect */
.widget .widget-content .field .bbe-select-two-dropdown {
    border: none;
}

.widget .widget-content .field .bbe-select-two-dropdown ul {
    padding-left: 0;
}

.widget .widget-content .field .bbe-select-two-dropdown ul li,
.widget .widget-content .field .bbe-select-two-dropdown ul li input[type=search] {
    width: 100% !important;
}