@charset "UTF-8";

/* RSのstyle.cssからコピーしてFileUploader用にクラス名を変更しました*/

/***
    The new CSS reset - version 1.7.3 (last updated 7.8.2022)
    GitHub page: https://github.com/elad2412/the-new-css-reset
***/
/*
    Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property
    - The "symbol *" part is to solve Firefox SVG sprite bug
 */

.drag-area {
    background-color: #b7daef;
    border-radius: 15px;
    display: grid;
    place-content: center;
    padding-inline: 3.2rem;
    padding-block: 3.2rem;
}

    .drag-area :where(.isDragOver) {
        background-color: #ffffeb;
    }
    .drag-area :where(.drag-area__icon) {
        width: -moz-fit-content;
        width: fit-content;
        margin-inline: auto;
    }

        .drag-area :where(.drag-area__icon)::before {
            content: "\e90e";
            display: block;
            font-size: 6.4rem;
            color: #0174c4;
            font-family: "icon";
            speak: never;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }

    .drag-area + :where(.c-progress) {
        margin-top: 1.6rem;
    }