.input-file{font-size:1.6rem;position:relative}.input-file>label{align-items:center;border:.1rem dashed #a4a4a4;border-radius:2rem;color:#000;justify-content:center;line-height:4rem;padding:2rem 4rem;width:100%}.input-file>label svg{height:4rem;margin-left:auto;width:auto}.input-file.--has-value>label{border-color:#a4a4a4}.input-file__wr{border:.1rem solid transparent;display:none;padding:0}.--has-value .input-file__wr{padding-bottom:1rem}.input-file__wr>input{background-color:transparent;border:none;cursor:pointer;display:none;height:6.8rem;opacity:0;padding-bottom:1rem;padding-top:1rem;text-transform:none;width:100%}.input-file__wr>input::placeholder{color:#000}.input-file__label{line-height:1.5;position:relative}.input-file__name{display:block;font-size:1.2rem;line-height:1;margin-top:.3rem;width:100%}.input-file__error{bottom:.5rem;color:red;display:inline-block;overflow:hidden;position:absolute;text-overflow:ellipsis;white-space:nowrap;width:100%}.input-file.--has-error .input-file__wr{border:.1rem solid red}.input-file.--has-error .input-file__wr>input{border-color:red}.input-file.--has-error>label{border-color:#e30613}.input-file.--is-focused .input-file__wr>input{border-color:#000}.input-file.--is-disabled{cursor:not-allowed;opacity:.5;pointer-events:none}