.main-form .wsf-form input[type="text"].wsf-field ~ .dropzone {
    padding: 1.2rem 1.4rem !important;
    border: 1px solid var(--base-dark-trans-40) !important;
    height: auto !important;
    border-radius: 0.4rem !important;
    cursor: pointer !important;
}

.main-form .wsf-form input[type="text"].wsf-field ~ .dropzone:hover,
.main-form .dz-started {
    border-color: var(--base-medium) !important;
}

.main-form .dz-message {
    color: var(--base-dark-trans-40) !important;
    font-size: var(--text-m) !important;
    line-height: 1.5 !important;

    display: flex !important;
    align-items: center !important;
    gap: 1rem !important;
    margin: 0 !important;
}

.main-form .dz-message::before,
.main-form [data-dz-name]::before {
    content: "" !important;
    display: block !important;
    width: var(--text-l) !important;
    height: var(--text-l) !important;

    background-image: url("data:image/svg+xml,%3Csvg width='18' height='19' viewBox='0 0 18 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.8643 8.67471L9.10259 15.4364C7.5649 16.9741 5.07182 16.9741 3.53413 15.4364C1.99644 13.8987 1.99644 11.4056 3.53413 9.86795L10.2958 3.10625C11.321 2.08112 12.983 2.08112 14.0081 3.10625C15.0333 4.13137 15.0333 5.79343 14.0081 6.81856L7.5116 13.3151C6.99904 13.8277 6.16801 13.8277 5.65545 13.3151C5.14288 12.8025 5.14288 11.9715 5.65545 11.4589L11.3565 5.7579' stroke='%23ABB4C1' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") !important;
    background-repeat: no-repeat no-repeat !important;
    background-position: center center !important;
    background-size: cover !important;
}

/* DROPZONE - PREVIEW */

.main-form .dz-started .dz-message,
.main-form .wsf-dropzonejs-preview img {
    display: none !important;
    visibility: hidden !important;
    overflow: hidden !important;
}

.main-form .wsf-dropzonejs-previews {
    display: flex !important;
    flex-direction: column !important;
    gap: var(--space-s) !important;
}

.main-form .wsf-dropzonejs-preview {
    width: auto !important;
    background-color: var(--action) !important;
    padding: 1.2rem !important;
    border-radius: 0.4rem !important;
    margin: 0 !important;
    position: relative !important;
}

.main-form .wsf-dropzonejs-preview * {
    color: var(--white) !important;
}

.main-form [data-dz-name] {
    display: flex !important;
    align-items: center !important;
    gap: 1rem !important;
    font-weight: 600 !important;
    font-size: var(--text-m) !important;
}

.main-form [data-dz-name]::before {
    width: var(--text-m) !important;
    height: var(--text-m) !important;
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7456%) hue-rotate(187deg) brightness(128%) contrast(102%) !important;
}

/* DROPZONE - REMOVE  */

.main-form [data-dz-remove] {
    position: absolute !important;
    right: 1rem !important;
    top: 50% !important;
    transform: translateY(-50%) !important;

    line-height: 0 !important;
    font-size: 0 !important;
    color: transparent !important;
}

.main-form [data-dz-remove]::before {
    content: "" !important;
    display: block !important;
    min-width: calc(var(--text-s) + 1rem) !important;
    min-height: calc(var(--text-s) + 1rem) !important;
    border-radius: 0.2rem !important;

    background-size: 1.2rem !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.7 0.3C15.3 -0.1 14.7 -0.1 14.3 0.3L8 6.6L1.7 0.3C1.3 -0.1 0.7 -0.1 0.3 0.3C-0.1 0.7 -0.1 1.3 0.3 1.7L6.6 8L0.3 14.3C-0.1 14.7 -0.1 15.3 0.3 15.7C0.5 15.9 0.7 16 1 16C1.3 16 1.5 15.9 1.7 15.7L8 9.4L14.3 15.7C14.5 15.9 14.8 16 15 16C15.2 16 15.5 15.9 15.7 15.7C16.1 15.3 16.1 14.7 15.7 14.3L9.4 8L15.7 1.7C16.1 1.3 16.1 0.7 15.7 0.3Z" fill="%238C8C8C"/></svg>') !important;
    background-color: var(--white) !important;
    z-index: 2;
}