.dropzone {
    position: relative;
    border: 1px solid var(--border);
    background: color-mix(in oklab, var(--primary) 10%, transparent);
    border-radius: calc(var(--radius) + 4px);
}

.dropzone .dz-preview {
    border: 1px solid var(--border);
    border-radius: 30px;
    overflow: hidden;
}

.dropzone .dz-preview.dz-file-preview .dz-image {
    background: #fff;
}

.dropzone .dz-preview.dz-error .dz-error-mark > svg g {
    stroke: var(--destructive);
    fill: var(--destructive);
}

.dropzone .dz-preview.dz-error .dz-progress {
    display: none;
}

.dropzone .dropzone__counter {
    position: absolute;
    top: 8px;
    right: 10px;
    font-size: 14px;
    line-height: 1;
    color: var(--color-gray-500);
}