.image-editor{position:relative;width:100%;height:100%}.image-editor .notice.image-editor__notice{margin-top:0}.image-editor__content{display:flex;flex-direction:column;position:absolute;top:0;bottom:0;left:0;right:0;background:#2b2d2f;background:var(--color-neutral-800)}.image-editor__toolbar{flex:1;display:flex;justify-content:center;min-height:60px;position:relative;bottom:0;width:100%;text-align:center}.image-editor__toolbar-button{background:hsla(0,0%,100%,0);border:none;color:#fff;color:var(--color-white);margin:0 10px;cursor:pointer}.image-editor__toolbar-button.is-disabled{opacity:.3}.image-editor__toolbar-button .gridicon{display:block;margin:0 auto}.image-editor__toolbar-button:hover{color:#969ca1;color:var(--color-neutral-light)}.image-editor__canvas-container{flex:10;position:relative;width:100%;height:80%;overflow:hidden}.image-editor__canvas{position:absolute;top:50%;left:50%}.image-editor__canvas.is-placeholder{animation:loading-fade 1.6s ease-in-out infinite;background-color:#4b4f53;color:transparent}.image-editor__canvas.is-placeholder:after{content:"\00a0"}.image-editor__crop{position:absolute;border:1px solid #fff;border:1px solid var(--color-white);cursor:move;box-sizing:border-box}.image-editor__crop-background{opacity:.5}.image-editor__crop-background,.image-editor__crop-handle{position:absolute;background:#2b2d2f;background:var(--color-neutral-800)}.image-editor__crop-handle{width:8px;height:8px;margin-top:-4px;margin-left:-4px;border-radius:50%;border:2px solid #fff;border:2px solid var(--color-white)}.image-editor__crop-handle:before{border-radius:100%;content:" ";display:block;height:24px;margin:-8px auto auto -8px;width:24px}.image-editor__crop-handle-nesw{cursor:nesw-resize}.image-editor__crop-handle-nwse{cursor:nwse-resize}.image-editor__buttons{border-top:1px solid #3d4145;border-top:1px solid var(--color-neutral-700);padding:16px;text-align:right}.image-editor__buttons-button.button{margin-left:10px}.drop-zone{position:absolute;top:0;right:0;bottom:0;left:0;margin:15px;z-index:1000;visibility:hidden;opacity:0;transition:opacity .3s,background-color .3s,visibility 0s .3s;border:6px solid #23354b;border:6px solid var(--color-primary-dark);border-radius:6px;background-color:rgba(1,96,135,.8);background-color:rgba(var(--color-primary-rgb),.8)}.drop-zone.is-active{opacity:1;visibility:visible;transition:opacity .3s,background-color .3s}.drop-zone.is-dragging-over-element{background-color:rgba(1,96,135,.8);background-color:rgba(var(--color-primary-rgb),.8)}.drop-zone.is-full-screen{position:fixed}.drop-zone__content{position:absolute;top:50%;left:0;right:0;z-index:1010;transform:translateY(-50%);width:100%;font-size:14px;font-weight:700;text-align:center;color:#fff;color:var(--color-white);transition:transform .3s ease-in-out}.drop-zone.is-dragging-over-element .drop-zone__content{transform:translateY(-50%) scale(1.05)}.drop-zone__content-icon,.drop-zone__content-text{display:block}.drop-zone__content-icon{margin:0 auto;line-height:0}.drop-zone.is-full-screen .drop-zone__content{font-size:30px}.editor-drawer-well .drop-zone.editor-featured-image__dropzone{margin:0}.drop-zone.editor-featured-image__dropzone{background-color:#d52c82;background-color:var(--color-accent);border:6px solid #992053;border:6px solid var(--color-accent-dark)}.drop-zone.editor-featured-image__dropzone.is-dragging-over-element{background-color:#ff76b8;background-color:var(--color-accent-light)}.drop-zone.editor-featured-image__dropzone .drop-zone__content{color:#2b2d2f;color:var(--color-text)}