.drag-area {
    border: 2px dashed #677788 !important;
    height: 500px !important;
    width: auto !important;
    border-radius: 5px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: column !important;
}

.drag-area.active {
    border: 2px solid #677788 !important;
}

.drag-area .icon {
    font-size: 100px !important;
}

.drag-area header {
    font-size: 30px !important;
    font-weight: 500 !important;
}

.drag-area span {
    font-size: 25px !important;
    font-weight: 500 !important;
    margin: 10px 0 15px 0 !important;
}

.upload-span {
    font-size: 25px !important;
    font-weight: 500 !important;
    margin: 0 !important;
}

.drag-area button {
    padding: 10px 25px !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    border: none !important;
    outline: none !important;
    background: #677788 !important;
    border-radius: 5px !important;
    cursor: pointer !important;
    color: #fff !important;
}

.drag-drop-bg {
    width: 100%;
    height: 100%;
    background: url(data:image/png;base64,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) 50% no-repeat, rgba(103, 119, 136, 0.7);
    z-index: 100;
    position: fixed;
    top: 0;
    left: 0;
    background-blend-mode: screen;
}