.components-image-console{height:100%;width:100%}.components-image-console .canvas-wrap{align-items:center;background-color:var(--bg-form-card,hsla(0,0%,100%,.08));border-radius:8px;display:flex;flex:1;flex-shrink:0;height:100%;justify-content:center;position:relative;width:100%}.components-image-console .canvas-wrap .canvas-drawer{flex:1;height:100%}.components-image-console .canvas-wrap .canvas-preview{background-repeat:repeat;background-size:42px 42px;flex:1;height:100%;overflow:hidden}.components-image-console .canvas-wrap .scanner-img{animation:scan1 2.5s linear infinite;height:200px;left:50%;left:0;position:absolute;top:0;width:100%;z-index:3000}@keyframes scan1{0%{top:0}to{top:65%}}.comp-brush-slider{align-items:center;background-color:#393a3b;border-radius:4px;display:flex;flex-direction:row;height:32px;margin-left:8px;padding:0 8px}.comp-brush-slider .brush-icon{align-items:center;border-radius:4px;color:#fff;cursor:pointer;display:flex;height:24px;justify-content:center;margin-right:8px;width:24px}.comp-brush-slider .brush-icon.active{background:hsla(0,0%,100%,.2)}.comp-brush-slider .invert-mask-btn{align-items:center;border-radius:4px;color:#fff;cursor:pointer;display:flex;height:24px;justify-content:center;margin-right:8px;white-space:nowrap;width:24px}.comp-brush-slider .invert-mask-btn:hover{background:hsla(0,0%,100%,.2)}.comp-brush-slider .line{background-color:#ffffff4d;height:12px;margin-right:8px;width:1px}.comp-brush-slider .ant-slider-track{background-color:#fff}.comp-brush-slider .ant-slider-rail{background-color:#606162}.comp-brush-slider .ant-slider{width:150px}.comp-brush-slider .ant-slider:hover .ant-slider-track{background-color:#fff}.comp-brush-slider .ant-slider:hover .ant-slider-rail{background-color:#606162}.comp-brush-slider .ant-slider-handle{border:none}.comp-brush-slider .ant-slider-handle:focus{box-shadow:none}.comp-brush-slider .ant-slider-dot{background-color:#999;border:unset;height:4px;top:0;width:4px}.comp-brush-slider .ant-slider-dot:first-child{display:none}.comp-brush-slider .ant-slider-dot-active{background-color:#fff;border-color:unset}.comp-brush-slider .ant-slider-mark{display:none}.comp-brush-slider .ant-slider-with-marks{margin-bottom:8px}.comp-brush-slider .decrease{color:#fff;cursor:pointer;margin-right:8px}.comp-brush-slider .increase{color:#fff;cursor:pointer;margin-left:8px}.components-image-adjust{display:flex;flex:1;gap:12px;position:relative}.components-image-adjust-main{display:flex;flex:1;flex-direction:column;gap:12px}.components-image-adjust .main-display{background-color:#f3f4fc;border-radius:8px;display:flex;flex:1;position:relative}.components-image-adjust .main-display .btn-restore{align-items:center;background-color:#f4f5fae6;border-radius:50%;color:#000;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:-20px;top:20px;transition:background .3s;width:32px}.components-image-adjust .main-display .btn-restore:hover{background-color:#f0f0f0}.components-image-adjust .toolbar{align-items:center;display:flex;flex-direction:column;gap:10px;padding-bottom:80px;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:40px}.components-image-adjust .toolbar .toolbar-button{align-items:center;display:flex;flex-direction:column;gap:4px;justify-content:center}.components-image-adjust .toolbar .toolbar-button .toolbar-icon{align-items:center;background-color:#373738;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:28px;justify-content:center;transition:background-color .2s;width:28px}.components-image-adjust .toolbar .toolbar-button .toolbar-icon:hover:not(.disabled):not(.active){background-color:#434446}.components-image-adjust .toolbar .toolbar-button .toolbar-icon.active{background-color:#2651ff}.components-image-adjust .toolbar .toolbar-button .toolbar-icon.disabled{background-color:#5f5f61;color:#9e9fa0;cursor:not-allowed}.components-image-adjust .toolbar .toolbar-button .button-text{color:#fff;font-size:12px}.components-image-adjust .toolbar .spacer{flex:1;min-height:54px}.components-image-adjust .toolbar .zoom-level{color:#fff;font-size:12px}.components-image-adjust .bottom-toolbar{align-items:center;border-radius:8px;color:var(--text-color-inverse);display:flex;gap:20px;justify-content:space-between;width:100%}.components-image-adjust .bottom-toolbar .actions{align-items:center;background-color:#242626;border-radius:90px;display:flex;flex:1;gap:10px;height:60px;justify-content:space-between;padding:0 16px;white-space:nowrap}.components-image-adjust .bottom-toolbar .actions>div{align-items:center;display:flex;gap:10px}.components-image-adjust .bottom-toolbar .actions .actions-left{gap:12px}.components-image-adjust .bottom-toolbar .action-button{align-items:center;background-color:transparent;border:none;border-radius:20px;cursor:pointer;display:flex;gap:8px;justify-content:center;min-width:72px;padding:8px 15px;transition:background .3s}.components-image-adjust .bottom-toolbar .action-button .loading-spinner{animation:spin 1s linear infinite;border:2px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#6c83f7;height:18px;width:18px}.components-image-adjust .bottom-toolbar .action-button.btn-cancel{border:1px solid #6e6f73}.components-image-adjust .bottom-toolbar .action-button.btn-cancel:hover{background:hsla(0,0%,100%,.1)}.components-image-adjust .bottom-toolbar .action-button.btn-save{background-color:#ffffffe6;color:#000}.components-image-adjust .bottom-toolbar .action-button.btn-save.disabled{cursor:not-allowed}.components-image-adjust .bottom-toolbar .action-button.btn-save:not(.disabled):not(.is-loading):hover{background:#fff}.components-image-adjust .bottom-toolbar .action-button.btn-remove-object{background:linear-gradient(90.35deg,#ff5656 .26%,#ff1c6c 99.69%);color:#fff;margin-left:20px;padding:8px 24px}.components-image-adjust .bottom-toolbar .action-button.btn-remove-object .loading-spinner{border:2px solid hsla(0,0%,100%,.3);border-top-color:#fff}.components-image-adjust .mode-selector{align-items:center;background-color:#4f5051;border-radius:20px;display:flex;gap:4px;padding:2px}.components-image-adjust .mode-selector .mode-btn{background:transparent;border:none;border-radius:18px;color:#fff;cursor:pointer;font-size:12px;height:28px;padding:0 12px;transition:all .2s}.components-image-adjust .mode-selector .mode-btn.active{background-color:#fff;color:#000}.components-image-adjust .selection-controls{display:flex;gap:1px}.components-image-adjust .selection-controls .control-btn{align-items:center;background-color:#393a3b;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:12px;gap:6px;height:32px;padding:0 12px;transition:all .2s}.components-image-adjust .selection-controls .control-btn .control-btn-icon{align-items:center;border:1px solid transparent;border-radius:50%;display:flex;height:14px;justify-content:center;width:14px}.components-image-adjust .selection-controls .control-btn:hover:not(.active){background-color:#434446}.components-image-adjust .selection-controls .control-btn.active{background-color:#4d70ff}.components-image-adjust .selection-controls .control-btn.active .control-btn-icon{border-color:#fff;color:#fff}.components-image-adjust .selection-controls .add-btn{border-radius:6px 0 0 6px}.components-image-adjust .selection-controls .add-btn .control-btn-icon{border-color:#8099ff;color:#8099ff}.components-image-adjust .selection-controls .remove-btn{border-radius:0 6px 6px 0}.components-image-adjust .selection-controls .remove-btn .control-btn-icon{border-color:#fb5a6d;color:#fb5a6d}.components-image-adjust .ratio-control{align-items:center;display:flex;gap:8px}.components-image-adjust .ratio-control .ratio-icon{align-items:center;background-color:#393a3b;border-radius:4px;cursor:pointer;display:flex;height:32px;justify-content:center;transition:background .3s;width:32px}.components-image-adjust .ratio-control .ratio-icon:hover:not(.active){background-color:#434446}.components-image-adjust .ratio-control .ratio-icon.active{background-color:#4d70ff}.components-image-adjust .ratio-control .area-ratio{align-items:center;background-color:#393a3b;border-radius:4px;display:flex;gap:12px;height:32px;padding:4px 8px}.components-image-adjust .ratio-control .area-ratio .ant-slider-rail{background-color:#606162}.components-image-adjust .ratio-control .area-ratio .ant-slider-track{background-color:#fff}.components-image-adjust .ratio-control .area-ratio .ant-slider{width:180px}.components-image-adjust .ratio-control .area-ratio .ant-slider:hover .ant-slider-track{background-color:#fff}.components-image-adjust .ratio-control .area-ratio .ant-slider:hover .ant-slider-rail{background-color:#606162}.components-image-adjust .ratio-control .area-ratio .ant-slider-handle{border:none}.components-image-adjust .ratio-control .area-ratio .ant-slider-handle:focus{box-shadow:none}.components-image-adjust .ratio-control .area-ratio .ant-input-number{background-color:#606162;border-color:#606162;color:#fff;font-size:12px;width:56px}.components-image-adjust .ratio-control .area-ratio .ant-input-number .ant-input-number-input{color:#fff;font-size:12px}.components-image-adjust .ratio-control .area-ratio .ant-input-number-handler-down-inner,.components-image-adjust .ratio-control .area-ratio .ant-input-number-handler-up-inner{color:#b8b8b9}.components-image-adjust .ratio-control .area-ratio .ant-input-number-handler{border:none}.components-image-adjust .ratio-control .area-ratio .ant-input-number-handler:active{background-color:#606162;color:#fff}.components-image-adjust .ratio-control .area-ratio .ant-input-number-handler:active .ant-input-number-handler-down-inner,.components-image-adjust .ratio-control .area-ratio .ant-input-number-handler:active .ant-input-number-handler-up-inner{color:#fff}.components-image-adjust .ratio-control .area-ratio .ant-input-number-handler-wrap{background-color:#606162;width:16px}.components-image-adjust .ratio-control .ratio-label{color:#fff;font-size:14px;white-space:nowrap}.components-image-adjust .ratio-control .slider-container{width:120px}.components-image-adjust .ratio-control .slider-container .slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#555;border-radius:2px;height:4px;outline:none;width:100%}.components-image-adjust .ratio-control .slider-container .slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border-radius:50%;cursor:pointer;height:16px;width:16px}.components-image-adjust .ratio-control .ratio-value{min-width:40px;text-align:center}