vue-image-crop-uploader/docs/app.865dbaf32bec86dfcd172672d81bdb77.css

vue image uploader

#app[data-v-1882fc1c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:100%}h1[data-v-1882fc1c]{font-size:22px;letter-spacing:2px;font-weight:200;color:#ff1461}p[data-v-1882fc1c]{font-size:15px;letter-spacing:2px;font-weight:200}.image-wrap[data-v-1882fc1c]{width:500px}[data-v-670accb1]{box-sizing:unset;line-height:1}h3[data-v-670accb1]{font-size:15px;letter-spacing:2px;font-weight:200}.preview-image[data-v-670accb1]{width:100%}.modal-mask[data-v-670accb1]{position:fixed;z-index:9998;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:table;transition:opacity .3s ease}.modal-wrapper[data-v-670accb1]{display:table-cell;vertical-align:middle}.modal-container[data-v-670accb1]{width:50%;min-width:600px;margin:0 auto;padding:30px;background-color:#fff;border-radius:2px;box-shadow:0 2px 8px rgba(0,0,0,.33);transition:all .3s ease;font-family:Helvetica,Arial,sans-serif}.modal-header[data-v-670accb1]{border-bottom:1px solid #eee}.modal-header h3[data-v-670accb1]{margin-top:0;color:#42b983}.modal-body[data-v-670accb1]{margin:20px 0}.modal-enter .modal-container[data-v-670accb1],.modal-leave-active .modal-container[data-v-670accb1]{-webkit-transform:scale(1.1);transform:scale(1.1)}.preview-image-overlap[data-v-670accb1]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;left:0;top:0;background:#000;width:100%;height:100%;position:absolute;opacity:.5;z-index:999;display:none}img[data-v-670accb1]{max-width:none!important}.preview-image-overlap .upload_icon[data-v-670accb1]{width:30px!important;height:30px!important;border:none!important}.container-image[data-v-670accb1]{position:relative;width:100%;margin:0;padding:0}.container-image:hover>.preview-image-overlap[data-v-670accb1]{display:-webkit-box;display:-ms-flexbox;display:flex}.container-image:hover>.preview-image[data-v-670accb1]{-webkit-filter:blur(2px);-moz-filter:blur(2px);-o-filter:blur(2px);-ms-filter:blur(2px);filter:blur(2px)}button[data-v-670accb1]{background:none;color:#000;padding:0 30px}.active[data-v-4905cf08]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.not-active[data-v-4905cf08]{display:none}.actions[data-v-4905cf08]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0;list-style:none;font-size:10px;letter-spacing:2px;font-weight:200}.actions div[data-v-4905cf08]{margin:10px}.save-button[data-v-4905cf08]{border:3px solid #3fe8a4;padding:5px 0;font-size:15px;background:none;color:#3fe8a4;border-radius:3px;width:150px;text-align:center;margin-top:25px}.save-button[data-v-4905cf08]:hover{background:#a6ff8f;color:#fff}.container[data-v-4905cf08]{display:-webkit-flex;-webkit-justify-content:center;-webkit-align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:#efefef;border:none;padding:5px;max-width:none}.container[data-v-4905cf08],.img-container-wrap[data-v-4905cf08]{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.img-container-wrap[data-v-4905cf08]{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;width:100%;height:100%}.display_img[data-v-4905cf08]{position:relative;width:100%;top:0;left:0;max-width:none}.shadow-box[data-v-4905cf08]{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:1;max-width:none}.no_display[data-v-4905cf08]{display:none}img[data-v-4905cf08]{max-width:none}.crop-wrap[data-v-66dd9740]{width:100%;height:100%;position:absolute;top:0;left:0;z-index:10;cursor:crosshair}.crop-box[data-v-66dd9740]{position:absolute;display:none;top:0;left:0;width:0;height:0;cursor:move;border:1px solid #fff;z-index:2;box-sizing:border-box}.crop-box.show[data-v-66dd9740]{display:block}.drag-point[data-v-66dd9740]{display:inline-block;width:10px;height:10px;border:1px solid #75d06d;position:absolute;box-sizing:border-box}.point-lt[data-v-66dd9740]{top:-10px;left:-10px;cursor:nw-resize}.point-lb[data-v-66dd9740]{left:-10px;bottom:-10px;cursor:sw-resize}.point-rt[data-v-66dd9740]{right:-10px;top:-10px;cursor:ne-resize}.point-rb[data-v-66dd9740]{right:-10px;bottom:-10px;cursor:se-resize}.shadow-box[data-v-66dd9740]{overflow:hidden;z-index:1}.shadow-box[data-v-66dd9740],.shadow-img[data-v-66dd9740]{position:absolute;top:0;left:0}.shadow-box[data-v-66dd9740]::-moz-selection,.shadow-img[data-v-66dd9740]::-moz-selection{background-color:transparent}.shadow-box[data-v-66dd9740]::selection,.shadow-img[data-v-66dd9740]::selection{background-color:transparent}