.hidding_input {
    opacity: 0;
    position: absolute;
    top: -9999px;
    left: -9999px;
}

.label-file {
    padding-left: 30px;
    height: 40px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 330.01 312.42'%3E%3Cg id='Слой_2' data-name='Слой 2'%3E%3Cg id='Layer_1' data-name='Layer 1'%3E%3Cpath d='M308.08,46.82a75,75,0,0,0-106.07,0L83.79,165.05a45,45,0,1,0,63.64,63.63l77.85-77.85a15,15,0,0,0-21.22-21.21l-77.85,77.85A15,15,0,1,1,105,186.26L223.23,68a45,45,0,0,1,63.64,63.64L158,260.5A75,75,0,1,1,52,154.44L180.8,25.61A15,15,0,0,0,159.59,4.39L30.75,133.23a105,105,0,0,0,148.5,148.49L308.08,152.89A75.09,75.09,0,0,0,308.08,46.82Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-size: 18px;
    background-repeat: no-repeat;
    cursor: pointer;
    background-position: 0px 32%; /*50%*/
}

.complex__form__label.label-file {
    display: flex;
    align-items: center;
}

.input__file {
    opacity: 0;
    visibility: hidden;
    position: absolute
}

.input__file-name {
    display: flex;
    align-items: center;
    padding-bottom: 12px;
    /*color: #c00;*/
}
.hide_filename {
    display: none;
}

.error-file {
    color: #c00;
    display: none;
}

.input__file-name__close {
    margin-left: 10px;
    cursor: pointer
}