.file-upload-box{border:2px dashed #d9dee3;border-radius:.5rem;padding:2rem;text-align:center;cursor:pointer;transition:border-color .3s ease}.file-upload-box.is-invalid{border-color:var(--bs-danger);box-shadow:0 .125rem .375rem rgba(var(--bs-danger-rgb),.3)}.file-upload-box:hover{border-color:var(--bs-primary);box-shadow:0 .125rem .375rem rgba(var(--bs-primary-rgb),.3)}.file-upload-box.drag-over{background-color:#f0f2f7;border-color:var(--bs-primary)}.form-control-file{display:none}.file-info-container{margin-top:1.5rem}.file-info-item{background-color:#f9f9fb;border-radius:.5rem;padding:.75rem 1rem;margin-bottom:.5rem;display:flex;align-items:center;justify-content:space-between}.file-info-itemhover{box-shadow:0 .125rem .375rem rgba(var(--bs-primary-rgb),.3)}.file-info-item img{width:50px;height:50px;object-fit:cover;border-radius:.3rem}.file-info-item .file-info-text{flex-grow:1;margin-left:1rem}.remove-btn{background:none;border:none;color:#d9dee3;cursor:pointer;font-size:1.5rem;padding:0;margin-left:1rem;transition:color .2s ease}.remove-btn:hover{color:var(--bs-danger)}html[data-bs-theme=dark] .file-upload-box{border:2px dashed var(--bs-border-color)}html[data-bs-theme=dark] .file-info-item{background:none;border:2px solid var(--bs-border-color)}