/* wdk-builder */
.wdk-builder {
    border-radius: var(--radius-base);
    box-shadow: var(--box-shadow);
    overflow: hidden;
}

.wdk-builder.fullscreen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 8000;
    background-color: var(--white-01);
    border-radius: 0;
    overflow: auto;
    z-index: 8000;
}

.wdk-builder-header {
    display: flex;
    align-items: center;
    padding: 16px;
    background-color: var(--background);
}

.wdk-builder-body {
    padding: 24px 16px 16px 16px;
}

@media (max-width: 576px) {
    .wdk-builder {
        border: 1px solid var(--grey-02);
    }
    .wdk-builder-header {
        flex-direction: column;
        border-bottom: 1px solid var(--grey-02);
    }
    .wdk-builder-body {
        background-color: white;
    }
    .wdk-builder-body .accordion  {
        width: calc(100% + 20.5px);
        margin-left: -11px;
    }
}

.wdk-builder .accordion-item {
    border: 1px solid transparent;
}

.wdk-builder .accordion[id*="fieldset_"]:focus > .accordion-item,
.wdk-builder .accordion[id*="fieldset_"]:focus-within > .accordion-item,
.wdk-builder .accordion[id*="item_"]:focus > .accordion-item,
.wdk-builder .accordion[id*="item_"]:focus-within > .accordion-item,
.wdk-builder .accordion[id*="metadata_"]:focus > .accordion-item,
.wdk-builder .accordion[id*="metadata_"]:focus-within > .accordion-item {
    border: 1px solid var(--grey-02);
}

/* Builder fixes */

.wdk-builder  .bootstrap-select .dropdown-menu {
    max-width: 100%;
}