/* This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */

.attach {
    display: inline-flex;
    align-items: center;
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu,
        Cantarell, "Open Sans", "Helvetica Neue", "Roboto Rouble", sans-serif;
    font-weight: 400;
}

.attach,
    .attach *,
    .attach *:before,
    .attach *:after {
        box-sizing: border-box;
    }

.attach__label,
    .attach__control {
        position: absolute;
        top: 0;
        left: 0;
    }

.attach__label {
        overflow: hidden;
        width: 100%;
        height: 100%;
        z-index: 2;
    }

.attach__control {
        opacity: 0;
        cursor: pointer;

        /*
         * Хак для обхода поведения IE10+, где левая половина контрола — «поле ввода»,
         * в которое можно поставить курсор. Нажатие в такое поле не вызывает click,
         * а только ставит курсор, который виден независимо от видимости контрола.
         * Cкейлинг размещает в видимом пространстве кнопки именно кнопку инпута.
         */
        width: 100px;
        height: 50px;
        -webkit-transform: scale(20);
                transform: scale(20);
    }

.attach_size_s .attach__file,
    .attach_size_s .attach__no-file {
        font-size: 13px;
    }

.attach_size_m .attach__file,
    .attach_size_m .attach__no-file {
        font-size: 16px;
    }

.attach_size_l .attach__file,
    .attach_size_l .attach__no-file {
        font-size: 18px;
    }

.attach_size_xl .attach__file,
    .attach_size_xl .attach__no-file {
        font-size: 22px;
    }

.attach__file,
    .attach__no-file {
        display: inline;
        margin-left: 0.5em;
        text-align: center;
    }

.attach__clear {
        margin: 0 0 0 5px;
        padding: 0;
        cursor: pointer;
        outline: none;
        -webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none;
        color: inherit;
        font: inherit;
        background: none;
        border: none;
    }

.attach__clear:before {
            content: "×";
        }

.attach__progress-bar {
        margin-top: 4px;
    }

.attach_disabled .attach__control {
        cursor: default;
    }

.attach_disabled .attach__no-file,
    .attach_disabled .attach__file {
        opacity: 0.25;
    }

.attach_disabled .attach__clear {
        display: none;
    }

/*# sourceMappingURL=attach.css.map */
