@import"https://fonts.googleapis.com/icon?family=Material+Icons";@import"https://fonts.googleapis.com/css?family=Raleway";.box{display:block;min-width:205px;margin:10px;background-color:#303743;border-radius:5px;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);transition:all .3s cubic-bezier(0.25, 0.8, 0.25, 1);overflow:hidden}.upload-options{position:relative;height:75px;cursor:pointer;overflow:hidden;text-align:center;transition:background-color ease-in-out 150ms}.upload-options input{width:.1px;height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}.upload-options label{align-items:center;padding:10px;border-radius:.25rem;background-color:#caeb47;font-weight:400;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;overflow:hidden;margin-top:18px}.upload-options label:hover{background-color:green}.upload-options label::after{content:"UPLOAD IMAGE";position:relative;color:#303743;margin:auto;z-index:0}.upload-options label span{display:inline-block;width:50%;height:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;vertical-align:middle;text-align:center}.upload-options label span:hover i.material-icons{color:#d3d3d3}.js--image-preview{height:312px;width:100%;position:relative;overflow:hidden;background-image:url("");background-color:#303743;background-position:center center;background-repeat:no-repeat;background-size:cover}.js--image-preview::after{content:url("../icons/upload_icon.bf96223d9dff.svg");position:relative;font-size:4.5em;color:#e6e6e6;top:calc(50% - 3rem);left:calc(50% - 19px);z-index:0}.js--image-preview.js--no-default::after{display:none}i.material-icons{transition:color 100ms ease-in-out;font-size:2.25em;line-height:55px;color:#fff;display:block}.drop{display:block;position:absolute;background:rgba(95,158,160,.2);border-radius:100%;transform:scale(0)}.animate{animation:ripple .4s linear}@keyframes ripple{100%{opacity:0;transform:scale(2.5)}}.box.cover_image{margin:0;background-color:rgba(0,0,0,0);border-radius:0;box-shadow:none}.cover_image .js--image-preview{height:calc(100% - 75px);width:100%;position:relative;overflow:hidden;background-color:#303743;background-position:center center;background-repeat:no-repeat;background-size:cover;border-radius:5px;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.cover_image .js--image-preview::after{content:url("../icons/upload_preview.97ee22d166c6.svg");position:relative;color:#e6e6e6;top:calc(50% - 40px);left:calc(50% - 16px);z-index:0;font-size:30px}.cover_image .js--image-preview.js--no-default::after{display:none}.cover_image .upload-options{text-align:left}.cover_image .upload-options label{background-color:#7893b7;border-radius:2px}.cover_image .upload-options label::after{content:"Upload"}.cover_image .upload-options label:hover{background-color:#7893b7}.box.icon_image{margin:0;background-color:rgba(0,0,0,0);border-radius:0;box-shadow:none;width:100px;height:175px;min-width:100px}.icon_image .js--image-preview{height:calc(100% - 75px);width:100%;position:relative;overflow:hidden;background-color:#303743;background-position:center center;background-repeat:no-repeat;background-size:cover;border-radius:5px;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.icon_image .js--image-preview::after{content:url("../icons/upload_preview_small.d5415b4cbf5c.svg");position:relative;color:#e6e6e6;top:calc(50% - 36px);left:calc(50% - 10px);z-index:0;font-size:20px}.icon_image .js--image-preview.js--no-default::after{display:none}.icon_image .upload-options{text-align:left}.icon_image .upload-options label{background-color:#7893b7;border-radius:2px;width:100px;text-align:center}.icon_image .upload-options label::after{content:"Upload"}.icon_image .upload-options label:hover{background-color:#7893b7}.upload_instructions{position:relative;color:#fff;font-size:11px;top:calc(50% - 50px);z-index:100;text-align:center;height:0;overflow:visible}.icon_upload_instructions{position:relative;color:#fff;font-size:9px;top:45px;z-index:100;text-align:center;height:0;overflow:visible;width:100px}/*# sourceMappingURL=image_upload.css.map */