/*!
 * "Fork me on GitHub" CSS ribbon v0.2.3 | MIT License
 * https://github.com/simonwhitaker/github-fork-ribbon-css
*/.github-fork-ribbon{width:12.1em;height:12.1em;position:absolute;overflow:hidden;top:0;right:0;z-index:9999;pointer-events:none;font-size:13px;text-decoration:none;text-indent:-999999px}.github-fork-ribbon.fixed{position:fixed}.github-fork-ribbon:active,.github-fork-ribbon:hover{background-color:rgba(0,0,0,0)}.github-fork-ribbon:after,.github-fork-ribbon:before{position:absolute;display:block;width:15.38em;height:1.54em;top:3.23em;right:-3.23em;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.github-fork-ribbon:before{content:"";padding:.38em 0;background-color:#a00;background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.15)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.15));background-image:-moz-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.15));background-image:-ms-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.15));background-image:-o-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.15));background-image:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.15));-webkit-box-shadow:0 .15em .23em 0 rgba(0,0,0,.5);-moz-box-shadow:0 .15em .23em 0 rgba(0,0,0,.5);box-shadow:0 .15em .23em 0 rgba(0,0,0,.5);pointer-events:auto}.github-fork-ribbon:after{content:attr(data-ribbon);color:#fff;font:700 1em "Helvetica Neue",Helvetica,Arial,sans-serif;line-height:1.54em;text-decoration:none;text-shadow:0 -.08em rgba(0,0,0,.5);text-align:center;text-indent:0;padding:.15em 0;margin:.15em 0;border-width:.08em 0;border-style:dotted;border-color:#fff;border-color:rgba(255,255,255,.7)}.github-fork-ribbon.left-bottom,.github-fork-ribbon.left-top{right:auto;left:0}.github-fork-ribbon.left-bottom,.github-fork-ribbon.right-bottom{top:auto;bottom:0}.github-fork-ribbon.left-bottom:after,.github-fork-ribbon.left-bottom:before,.github-fork-ribbon.left-top:after,.github-fork-ribbon.left-top:before{right:auto;left:-3.23em}.github-fork-ribbon.left-bottom:after,.github-fork-ribbon.left-bottom:before,.github-fork-ribbon.right-bottom:after,.github-fork-ribbon.right-bottom:before{top:auto;bottom:3.23em}.github-fork-ribbon.left-top:after,.github-fork-ribbon.left-top:before,.github-fork-ribbon.right-bottom:after,.github-fork-ribbon.right-bottom:before{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}@keyframes tada{0%{transform:scale3d(1,1,1)}10%,20%{transform:scale3d(.99,.99,.99) rotate3d(0,0,1,-.2deg)}30%,50%,70%,90%{transform:scale3d(1.01,1.01,1.01) rotate3d(0,0,1,.2deg)}40%,60%,80%{transform:scale3d(1.01,1.01,1.01) rotate3d(0,0,1,-.2deg)}to{transform:scale3d(1,1,1)}}.github-fork-ribbon:before{background-color:#333}.github-fork-ribbon{animation-iteration-count:infinite;animation-duration:1s;animation-fill-mode:both;animation-name:tada;transform-origin:100% 0;top:-6px;right:-6px}body,html{height:100%}.ant-table tbody>tr>td,.ant-table tfoot>tr>td,.ant-table tfoot>tr>th,.ant-table thead>tr>th{padding:5px 16px}.spin-fill{height:100%}.spin-fill .ant-spin-container{height:100%}#app{height:100%}#app .editor{display:flex;height:100%}#app .editor .left{flex-grow:1;background-color:#2b2b2b;display:flex}#app .editor .left .left-cropper{display:flex;align-items:center;justify-content:center;align-self:stretch;flex:1;position:relative}#app .editor .left .left-cropper .fixture{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:1px dashed rgba(217,217,217,.6);border-radius:2px}#app .editor .left .left-cropper .fixture img{width:100%;height:100%;pointer-events:none}#app .editor .left .left-cropper .rnd-crop-item{opacity:.5;pointer-events:none}#app .editor .left .left-cropper .rnd-crop-item.editing-true{opacity:1}#app .editor .left .left-cropper .rnd-crop-item.editing-true .crop-item .crop-item-frame{border-color:rgba(243,156,18,.3)}#app .editor .left .left-cropper .rnd-crop-item.editing-true .name{opacity:.2}#app .editor .left .left-cropper .rnd-crop-item.editiong-cropper-flag-1{overflow:hidden;pointer-events:initial}#app .editor .left .left-cropper .rnd-crop-item.editiong-cropper-flag-1 .crop-item .crop-item-frame{border-color:#f39c12}#app .editor .left .left-cropper .rnd-crop-item.editiong-cropper-flag-1 .mask-wrap .mask{pointer-events:none}#app .editor .left .left-cropper .rnd-crop-item.editiong-cropper-flag-2{overflow:visible;pointer-events:initial}#app .editor .left .left-cropper .rnd-crop-item.editiong-cropper-flag-2 .mask-wrap .mask{border:1px dashed #e74c3c}#app .editor .left .left-cropper .rnd-crop-item .crop-item{position:relative;height:100%}#app .editor .left .left-cropper .rnd-crop-item .crop-item .crop-item-frame{position:absolute;top:0;right:0;width:100%;height:100%;border:1px dashed rgba(217,217,217,.2);border-radius:2px;overflow:hidden}#app .editor .left .left-cropper .rnd-crop-item .name{font-size:12px;position:absolute;top:0;width:100%;text-align:right;background-color:rgba(217,217,217,.2);padding:2px;right:0;color:#fff;opacity:0;z-index:2;pointer-events:none}#app .editor .left .left-cropper .rnd-crop-item .background-ref{position:absolute;top:0;left:0;width:100%;height:100%;background-size:100% 100%;opacity:.5;z-index:1;pointer-events:none}#app .editor .left .left-cropper .rnd-crop-item .mask-wrap{position:absolute;top:-1px;left:-1px;width:0;height:0}#app .editor .left .left-cropper .rnd-crop-item .mask{position:absolute;top:0;left:0;pointer-events:none;opacity:0;border-width:1px;border-color:transparent;margin-left:-1px;margin-top:-1px}#app .editor .left .left-cropper .rnd-crop-item .mask .mask-img{width:100%;height:100%;background-size:100% 100%;opacity:.76;pointer-events:none}#app .editor .right-sider-bar{flex-shrink:0;width:390px;background-color:#999;padding:20px;z-index:100;max-height:100%;overflow-y:scroll}#app .editor .right-sider-bar .table-cropper-item{display:flex;align-items:center;justify-content:flex-start;cursor:pointer;overflow:hidden}#app .editor .right-sider-bar .table-cropper-item .radio{margin-right:12px}#app .editor .right-sider-bar .table-cropper-item .name{overflow:hidden}#app .editor .right-sider-bar .table-cropper-item .name .text-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:100%}#app .editor .right-sider-bar .table-cropper-item .name .options{display:flex;align-items:center;font-size:12px}#app .editor .right-sider-bar .table-cropper-item .name .options .ant-checkbox-wrapper,#app .editor .right-sider-bar .table-cropper-item .name .options .ant-radio-wrapper{font-size:12px}#app .editor .right-sider-bar .table-cropper-item .btn-with-mask-true:not(:hover){color:#1abc9c;border-color:#1abc9c}.preview-cropper-selected{position:absolute;top:0;left:0;width:0;height:0;opacity:0}.options-mask-shape{width:60px}.options-mask-shape img{max-width:100%;max-height:100%}.modal-label{display:flex;align-items:center;margin-top:5px}.modal-label b{width:120px}.modal-label .modal-input{flex-grow:1}.modal-label .modal-input.has-error-true{background-color:#fff;border-color:#ff4d4f}