body,html{position:absolute;height:100%;width:100%;top:0;right:0;bottom:0;left:0;margin:0;padding:0;background-color:#dbecf7}#memory-wrapper{position:fixed;top:0;left:82px;width:calc(100% - 338px);height:100%}#memory{background-color:#fff;display:flex;flex-direction:row;flex-wrap:wrap;margin:50px auto;box-shadow:5px 5px 5px #555;box-sizing:border-box}.card{background-color:#c2d9e8;background-size:cover;background-repeat:no-repeat;background-size:50% auto;background-position:center;background-image:url(../assets/images/edit_icon.png);display:inline-flex;border-top:solid 1px #555;border-left:solid 1px #555;overflow:hidden;cursor:pointer;transition:background-color 125ms,background-size 125ms,scale 125ms,transform 125ms}.card.dragging{opacity:.5}.card.selected{box-shadow:2px 2px 5px #ce1662;border-top:solid 1px #d8275c;border-left:solid 1px #d8275c;transform:scale(1.05)}.card.dragover{background-image:url(../assets/images/dropzone_icon.png)}.card.card-dragover,.card.dragover,.card.highlight,.card:hover{transform:scale(1.15)}.card.card-dragover,.card.dragover,.card.highlight:not(.selected),.card:hover{background-color:#a3cae6}.card:nth-child(6n){margin-right:0!important}#right-panel{display:flex;align-items:center;background-color:#fff;border-left:solid 1px #555;position:fixed;top:0;bottom:0;right:0;width:255px}#image-editor,#left-panel{background-color:#fff}#image-editor{padding:20px 25px}#image-editor .cropit-wrapper{display:none}#left-panel{height:calc(100% - 200px);position:fixed;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;bottom:0;width:60px;border-right:solid 1px #555;padding:100px 10px}button{background-color:#dfdfdf;border:solid 1px #aaa;width:40px;height:40px;cursor:pointer;transition:background-color 225ms}button:hover{background-color:#dfe8fa}#left-panel button{margin:10px}.cropit-preview{background-color:#f8f8f8;border:1px solid #ccc;margin-top:7px;overflow:hidden;transition:all 225ms}.cropit-preview.empty{background-size:cover;background-image:url(../assets/images/dropzone_icon.png);background-repeat:no-repeat;background-size:150px auto;background-position:center}.cropit-preview.empty.dragover{background-size:175px auto}.cropit-preview.empty .cropit-preview-image-container{cursor:pointer}.cropit-preview-image-container{cursor:move}.image-size-label{margin-top:10px}.zoom-wrapper{margin-top:10px}.cropit-wrapper button{margin-top:20px}.cropit-image-zoom-input{width:145px}.upload-img{margin:0 60px 0 10px}.export,input{display:block}.zoom-wrapper>*{display:inline-block;vertical-align:middle}#crop-margin.selected{background-color:#7bcea0}.material-icons{color:#666}.material-icons.md-18{font-size:18px}.material-icons.md-24{font-size:24px}.material-icons.md-36{font-size:36px}.material-icons.md-48{font-size:48px}