body {
}

.inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.inputfile + label {
    max-width: 80%;
    color: var(--color-primary);
    _text-decoration: underline dashed var(--color-primary);
    _text-decoration: underline var(--color-primary);
    /* 20px */
    text-overflow: ellipsis;
    /*white-space: nowrap;*/
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    /*padding: 0.625rem 1.25rem;*/
    /* 10px 20px */
}

.inputfile-filename {
    color: var(--color-primary);
    _text-decoration: underline dashed var(--color-primary);
    text-decoration: underline var(--color-primary);
}