.input-file {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
}
@media screen and (min-width: 768px) {
    .input-file {
        align-items: center;
    }
}
.input-file__fake-file {
    position: relative;
}
.input-file__fake-file-input {
    cursor: pointer;
    height: 100%;
    left: 0;
    position: absolute;
    opacity: 0;
    top: 0;
    width: 100%;
}
.input-file__fake-file-label {
    cursor: pointer;
    margin: 0;
    position: relative;
    z-index: 1;
}
.input-file__fake-file-label {
    margin: 0;
}
.input-file__fake-file input:focus-visible ~ label .icon-clip {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 11 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.90789 -3.41639e-07C1.75308 -1.53259e-07 -1.77164e-06 1.73482 -1.58522e-06 3.86719L-4.50774e-07 16.8438C-2.02217e-07 19.6869 2.33744 22 5.21053 22C8.08361 22 10.4211 19.6869 10.4211 16.8437L10.4211 3.86719L9.11842 3.86719L9.11842 16.8437C9.11842 18.9761 7.36534 20.7109 5.21053 20.7109C3.05571 20.7109 1.30263 18.9761 1.30263 16.8437L1.30263 3.86719C1.30263 2.44561 2.47135 1.28906 3.90789 1.28906C5.34444 1.28906 6.51316 2.44561 6.51316 3.86719L6.51316 14.2656C6.51316 14.9764 5.9288 15.5547 5.21053 15.5547C4.49226 15.5547 3.9079 14.9764 3.9079 14.2656L3.90789 3.86719L2.60526 3.86719L2.60526 14.2656C2.60526 15.6872 3.77398 16.8437 5.21053 16.8437C6.64707 16.8437 7.81579 15.6872 7.81579 14.2656L7.81579 3.86719C7.81579 1.73482 6.06271 -5.30019e-07 3.90789 -3.41639e-07Z' fill='%230096EA'/%3E%3C/svg%3E%0A");
}
.input-file__fake-file-label * {
    pointer-events: none;
}
.input-file__files {
    display: flex;
    flex-direction: column;
    margin-top: -0.3125rem;
}
@media screen and (min-width: 768px) {
    .input-file__files {
        align-items: center;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
        margin-top: 0;
    }
}
.input-file__files-filename {
    color: #0096ea;
    display: block;
    max-width: 9.375rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.input-file__files-item {
    font-size: 0.875rem;
    margin-left: 0.9375rem;
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    padding-top: 0.3125rem;
    padding-bottom: 0.3125rem;
}
.input-file__files-itemNoShrink {
    position: relative;
    flex-shrink: 0;
}
.input-file__files-itemNoShrink::after {
    content: "";
    position: absolute;
    left: -0.625rem;
    right: -0.625rem;
    top: -0.625rem;
    bottom: -0.625rem;
}
.input-file__files-itemNoShrink:focus-visible .icon-x {
    position: relative;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Crect width='20.7726' height='1.8547' transform='matrix(0.707106 -0.707107 0.707106 0.707107 0 14.6885)' fill='%230096ea'/%3E %3Crect width='20.7726' height='1.8547' transform='matrix(-0.707106 -0.707107 0.707106 -0.707107 14.6885 16)' fill='%230096ea'/%3E %3C/svg%3E");
}
.input-file .icon-clip {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 11 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.90789 -3.41639e-07C1.75308 -1.53259e-07 -1.77164e-06 1.73482 -1.58522e-06 3.86719L-4.50774e-07 16.8438C-2.02217e-07 19.6869 2.33744 22 5.21053 22C8.08361 22 10.4211 19.6869 10.4211 16.8437L10.4211 3.86719L9.11842 3.86719L9.11842 16.8437C9.11842 18.9761 7.36534 20.7109 5.21053 20.7109C3.05571 20.7109 1.30263 18.9761 1.30263 16.8437L1.30263 3.86719C1.30263 2.44561 2.47135 1.28906 3.90789 1.28906C5.34444 1.28906 6.51316 2.44561 6.51316 3.86719L6.51316 14.2656C6.51316 14.9764 5.9288 15.5547 5.21053 15.5547C4.49226 15.5547 3.9079 14.9764 3.9079 14.2656L3.90789 3.86719L2.60526 3.86719L2.60526 14.2656C2.60526 15.6872 3.77398 16.8437 5.21053 16.8437C6.64707 16.8437 7.81579 15.6872 7.81579 14.2656L7.81579 3.86719C7.81579 1.73482 6.06271 -5.30019e-07 3.90789 -3.41639e-07Z' fill='%23202527'/%3E%3C/svg%3E%0A");
    display: block;
    height: 1.375rem;
    width: 0.6875rem;
}
.input-file .icon-x {
    /*background: url(/images/front_re/ico_x_16x16.png) 0 0 no-repeat;*/
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Crect width='20.7726' height='1.8547' transform='matrix(0.707106 -0.707107 0.707106 0.707107 0 14.6885)' fill='%23202527'/%3E %3Crect width='20.7726' height='1.8547' transform='matrix(-0.707106 -0.707107 0.707106 -0.707107 14.6885 16)' fill='%23202527'/%3E %3C/svg%3E");
    display: block;
    height: 0.625rem;
    width: 0.625rem;
}
.input-file .btn-action--ml-small {
    margin-left: 0.5rem;
}