@font-face {
    font-family: 'pixelzs';
    src: url('../../fonts/SuperPixel-m2L8j.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
  
.babbz-title {
    font-family: 'pixelzs', sans-serif;
    color: whitesmoke;
}

/* index */
.table-action {
    text-decoration: none;
}

/* upload */
.drop-zone {
    font-size: 20px;
    background-color: #cccccc;
    height: 95%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px dashed #6c757d;
    border-radius: 10px;
    cursor: pointer;
    text-align: center;
    transition: 0.3s;
}
.drop-zone:hover {
    background-color: #f8f9fa;
}
.drop-zone.dragover {
    background-color: #e9ecef;
    border-color: #007bff;
}
.file-list {
    max-height: 300px;
    overflow-y: auto;
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 10px;
    background: #fff;
}
.file-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px;
    border-bottom: 1px solid #ddd;
}
.file-item:last-child {
    border-bottom: none;
}
.file-name {
    flex: 1;
}
.remove-btn {
    cursor: pointer;
    color: red;
}