/* Hide default input, but keep browser accessibility features */
.inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.inputfile:focus + label,
.inputfile.has-focus + label {
    outline: #9c27b0 auto 5px ;
}

.inputfile + label * {
    /* pointer-events: none; */
    /* in case of FastClick lib use */
}

.file-item {
    background-color: #fafafa;
    width: 100%;
    border-radius: .2rem;
    padding: 8px 30px;
    margin-bottom: 8px;
}

.file-item > .remove {
    float: right;
    opacity: 0;
}

.file-item:hover > .remove {
    opacity: 1;
}

@media (pointer: coarse) {
    .file-item > .remove {
        opacity: 1;
    }
}