#dropZone.is-dragover {
    border-color: rgb(129 140 248);
    background: rgb(238 242 255 / 0.55);
    transform: translateY(-1px);
}

#dropZone.is-dragover h2 {
    color: rgb(79 70 229);
}

.image-file-card {
    content-visibility: auto;
}

.image-preview {
    background-image:
        linear-gradient(45deg, #eef2f7 25%, transparent 25%),
        linear-gradient(-45deg, #eef2f7 25%, transparent 25%),
        linear-gradient(45deg, transparent 75%, #eef2f7 75%),
        linear-gradient(-45deg, transparent 75%, #eef2f7 75%);
    background-size: 16px 16px;
    background-position: 0 0, 0 8px, 8px -8px, -8px 0;
}

.range-output {
    font-variant-numeric: tabular-nums;
}

@media (max-width: 639px) {
    .image-file-card .preview-wrap {
        height: 180px;
    }
}