/* Converter: src/app/static/css/partials/audio-dropzone/structure.css*/

.dropzone {
    color: white;
    background-color: var(--brand-color-container-background);
    border-radius: var(--brand-border-radius);
    padding: 40px;
    margin: 0 auto;
    width: 80%;
    max-width: 600px;
    text-align: center;
    transition: all 0.3s ease;
    box-shadow: var(--brand-drop-shadow);
    border: 2px dashed var(--brand-border-color);
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

.dropzone.drag-over {
    border-color: var(--brand-color-primary);
    background-color: var(--brand-color-container-background-hover);
}