{"version":3,"sources":["upload.css"],"names":[],"mappings":"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","file":"upload.min.css","sourcesContent":["@import \"./variable.css\";\r\n.bk-upload {\r\n    img{\r\n        width: 100%;\r\n    }\r\n    .pic-item {\r\n        position: relative;\r\n        display: inline-block;\r\n        padding: 5px;\r\n        height: 100px;\r\n        width: 100px;\r\n        border: 1px solid $newGreyColor;\r\n        border-radius: 2px;\r\n        vertical-align: top;\r\n        overflow: hidden;\r\n        &:not(:last-child) {\r\n            margin-right: 10px;\r\n        }\r\n        &.fail {\r\n            border-color: $newRedColor1;\r\n            .error-image-icon {\r\n                font-size: 28px;\r\n                color: $newBlackColor3;\r\n            }\r\n        }\r\n        &:hover {\r\n            .mask {\r\n                display: flex;\r\n            }\r\n        }\r\n        .uploading-status {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            padding: 36px 10px;\r\n            font-size: 14px;\r\n            text-align: center;\r\n            background: $defaultColor;\r\n        }\r\n        .fail-status {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            padding: 26px 10px;\r\n            font-size: 14px;\r\n            text-align: center;\r\n            background: $defaultColor;\r\n            .error-pic {\r\n                font-size: 28px;\r\n                color: $newBlackColor3;\r\n            }\r\n            .reupload {\r\n                color: $newMainColor;\r\n            }\r\n            .delete-file {\r\n                color: $newRedColor1;\r\n                &:hover {\r\n                    color: $newRedColor1;\r\n                }\r\n            }\r\n        }\r\n        .mask {\r\n            display: none;\r\n            position: absolute;\r\n            left: 0;\r\n            top: 0;\r\n            width: 98px;\r\n            height: 98px;\r\n            justify-content: center;\r\n            align-items: center;\r\n            color: $defaultColor;\r\n            background: rgba(0, 0, 0, .6);\r\n            .fail-tips {\r\n                width: 100%;\r\n                height: 100%;\r\n            }\r\n        }\r\n        .delete-file {\r\n            position: absolute;\r\n            right: 0;\r\n            top: 0;\r\n            color: $newGreyColor;\r\n            font-size: 24px;\r\n            cursor: pointer;\r\n            z-index: 11;\r\n            &:hover {\r\n                color: $defaultColor;\r\n            }\r\n        }\r\n    }\r\n    .file-wrapper {\r\n        position: relative;\r\n        font-size: 14px;\r\n        input[type=file] {\r\n            width: 100%;\r\n            height: 100%;\r\n            position: absolute;\r\n            left: 0;\r\n            top: 0;\r\n            z-index: 10;\r\n            cursor: pointer;\r\n            opacity: 0;\r\n        }\r\n    }\r\n    &.button {\r\n        position: relative;\r\n        .file-wrapper {\r\n            width: 86px;\r\n            height: 36px;\r\n            border: 1px solid rgba(196, 198, 204, 1);\r\n            opacity: 1;\r\n            border-radius: 2px;\r\n            cursor: pointer;\r\n            margin-bottom: 10px;\r\n            position: relative;\r\n             :not(input) {\r\n                display: none;\r\n            }\r\n            &::before {\r\n                content: attr(bk-lableName);\r\n                position: absolute;\r\n                top: 0;\r\n                left: 0;\r\n                right: 0;\r\n                bottom: 0;\r\n                cursor: pointer;\r\n                display: flex;\r\n                align-items: center;\r\n                justify-content: center;\r\n            }\r\n        }\r\n        p.tip {\r\n            position: absolute;\r\n            left: 100px;\r\n            top: 0;\r\n            margin: auto;\r\n            height: 34px;\r\n            display: flex;\r\n            align-items: center;\r\n        }\r\n    }\r\n    &.draggable {\r\n        .file-wrapper {\r\n            width: 100%;\r\n            height: 80px;\r\n            margin-bottom: 2px;\r\n            border-radius: 2px;\r\n            border: 1px dashed $newGreyColor;\r\n            text-align: center;\r\n            &:hover {\r\n                border-color: $newMainColor;\r\n                .upload-icon {\r\n                    color: $newMainColor;\r\n                }\r\n            }\r\n            &:focus {\r\n                border-color: $newMainColor;\r\n            }\r\n            .upload-icon {\r\n                display: inline-block;\r\n                margin: 14px 0 2px;\r\n                font-size: 28px;\r\n                color: $newGreyColor;\r\n            }\r\n            .text-area {\r\n                margin: 0;\r\n                font-size: 12px;\r\n            }\r\n            .drop-upload {\r\n                color: $newBlackColor2;\r\n            }\r\n            .click-upload {\r\n                color: $newMainColor;\r\n            }\r\n        }\r\n    }\r\n    &.picture {\r\n        .file-wrapper {\r\n            display: inline-block;\r\n            &:hover {\r\n                .upload-btn {\r\n                    color: $newMainColor;\r\n                    border-color: $newMainColor;\r\n                    i {\r\n                        color: $newMainColor;\r\n                    }\r\n                }\r\n                .uploaded-status .mask {\r\n                    display: flex;\r\n                }\r\n            }\r\n            &:focus {\r\n                .upload-btn {\r\n                    border-color: $newMainColor;\r\n                }\r\n            }\r\n            .upload-btn {\r\n                padding: 28px 0;\r\n                width: 100px;\r\n                height: 100px;\r\n                border: 1px dashed $newGreyColor;\r\n                border-radius: 2px;\r\n                text-align: center;\r\n                i {\r\n                    margin-bottom: 2px;\r\n                    font-size: 20px;\r\n                    color: $newBlackColor3;\r\n                }\r\n            }\r\n        }\r\n    }\r\n    .progress-bar-wrapper {\r\n        margin-top: 4px;\r\n        height: 2px;\r\n        border-radius: 1px;\r\n        background: $newGreyColor1;\r\n        .progress-bar {\r\n            height: 2px;\r\n            width: 0%;\r\n            background: $newGreenColor;\r\n            border-radius: 1px;\r\n        }\r\n        .uploading {\r\n            background: $newMainColor;\r\n        }\r\n        .success {\r\n            background: $successColor;\r\n        }\r\n        .fail {\r\n            background: $newRedColor1;\r\n        }\r\n    }\r\n    .tip {\r\n        margin: 5px 0 10px 0;\r\n        font-size: 12px;\r\n        text-align: left;\r\n        color: $newBlackColor2;\r\n    }\r\n    .isdrag {\r\n        border: 1px solid #0082ff;\r\n    }\r\n    .all-file {\r\n        .file-item {\r\n            position: relative;\r\n            display: flex;\r\n            margin-bottom: 10px;\r\n            height: 60px;\r\n            padding: 12px 10px;\r\n            border-radius: 2px;\r\n            border: 1px dashed $newGreyColor;\r\n            background: rgba(250, 251, 253, 1);\r\n            &.file-item-fail {\r\n                border: 1px solid $newRedColor1;\r\n                background: rgba(254, 221, 220, 0.4);\r\n                .close-upload {\r\n                    color: $newRedColor1;\r\n                    &:hover {\r\n                        color: $newRedColor1;\r\n                    }\r\n                }\r\n            }\r\n            .file-icon {\r\n                flex: 0 0 36px;\r\n                height: 36px;\r\n                width: 36px;\r\n                border-radius: 2px;\r\n                i {\r\n                    font-size: 36px;\r\n                }\r\n            }\r\n            .close-upload {\r\n                position: absolute;\r\n                top: 0;\r\n                right: 0;\r\n                font-size: $iconLargeSize;\r\n                color: $newGreyColor;\r\n                cursor: pointer;\r\n                z-index: 1;\r\n            }\r\n            .close-upload:hover {\r\n                color: $fnMainColor;\r\n            }\r\n            .file-info {\r\n                flex: 1;\r\n                position: relative;\r\n                margin-left: 10px;\r\n                line-height: 1;\r\n                font-size: 12px;\r\n                overflow: hidden;\r\n                .file-name {\r\n                    display: inline-block;\r\n                    font-size: 12px;\r\n                    max-width: 250px;\r\n                    line-height: 16px;\r\n                    white-space: nowrap;\r\n                    overflow: hidden;\r\n                    text-overflow: ellipsis;\r\n                }\r\n                .file-message {\r\n                    position: absolute;\r\n                    right: 25px;\r\n                    display: inline-block;\r\n                    font-size: 12px;\r\n                    line-height: 1;\r\n                    .upload-speed {\r\n                        padding-right: 40px;\r\n                    }\r\n                    .done {\r\n                        color: $newGreenColor;\r\n                    }\r\n                }\r\n                .error-msg {\r\n                    margin: 0;\r\n                    height: 18px;\r\n                    line-height: 18px;\r\n                    white-space: nowrap;\r\n                    overflow: hidden;\r\n                    text-overflow: ellipsis;\r\n                    font-size: 12px;\r\n                    color: $newRedColor1;\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n"]}