.dw-custom-drop-zone {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: fit-content;
    padding: 16px 40px;
    gap: 8px;
    border-radius: 4px;
    border: 1px dashed var(--border-border_disable);
}
    
.dw-drag-and-drop-button,
.dw-file-button dxbl-file-input .dxbl-upload-panel .dxbl-btn,
.dw-file-button dxbl-file-input .dxbl-upload-panel .dxbl-btn:not(.dxbl-disabled):not(:disabled):focus-visible,
.dw-drag-and-drop-button:not(.dxbl-disabled):not(:disabled):focus-visible {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    height: 32px;
    padding: 6px !important;
    gap: 6px;
    border-radius: 4px !important;
    border: 1px solid var(--button-bt_primary) !important;
    background-color: var(--neutrals-Light) !important;
    color: var(--text-text_primary) !important;
    text-align: center;
    font-size: 14px !important;
    font-style: normal;
    font-weight: 500;
    line-height: normal !important;
    letter-spacing: 0.56px;
    transition: all 0.2s ease;
}

.dxbl-image:not(.dxbl-image-fill) {
    fill: var(--icons-icons_dark);
}

.dw-file-button dxbl-file-input .dxbl-upload-panel .dxbl-btn:not(.dxbl-disabled):not(:disabled):hover,
.dw-drag-and-drop-button:not(.dxbl-disabled):not(:disabled):hover {
    border: 1px solid var(--border-border-color);
    background-color: var(--button-bt_light_hv) !important;
    color: var(--text-text_primary);
}

.dw-file-button dxbl-file-input .dxbl-upload-panel .dxbl-btn:not(.dxbl-disabled):not(:disabled):focus-visible,
.dw-drag-and-drop-button:not(.dxbl-disabled):not(:disabled):focus-visible {
    outline: var(--border-border-color-50) solid 3px !important;
}

.dw-file-button dxbl-file-input .dxbl-upload-panel .dxbl-btn .dxbl-btn-caption {
    margin: 0;
}

.dw-file-button dxbl-file-input .dxbl-upload-panel .dxbl-btn svg.dxbl-image {
    width: 16px;
    height: 16px;
}