.overflow-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.loading-overlay{align-items:center;background:#fff;display:flex;flex-direction:column;font-family:Arial,sans-serif;height:100%;justify-content:center;left:0;position:fixed;top:0;transition:opacity .3s ease;width:100%;z-index:9999}.loading-spinner{animation:spin 2s linear infinite;border:7px solid #f3f3f3;border-radius:50%;border-top-color:#251f43;height:100px;width:100px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}body{font-family:MADE TOMMY,sans-serif;margin:0}.header{align-items:center;background-color:#f5f5f5;display:flex;font-size:23px;font-weight:500;height:83px;justify-content:center}.box{margin:40px}.modal-footer{bottom:20px;display:flex;gap:10px;justify-content:flex-end;left:20px;position:absolute;right:20px}.name-field{font-weight:400}.custom-header{background-color:#ebf0f4;color:#251f43;font-weight:700}.customDataGrid{border:100!important;box-shadow:100!important;cursor:pointer}.customDataGrid .MuiTablePagination-input,.customDataGrid .MuiTablePagination-selectLabel{display:none!important}.css-1kr9x0n-MuiSnackbarContent-action{display:block!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;width:-webkit-fill-available!important}.header-textfield{caret-color:#fff;input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-text-fill-color:#fff;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-text-fill-color:#000;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.quick-buttons{background-color:#251f43!important;color:#fff!important;cursor:pointer!important;font-size:12px!important;text-transform:none!important}.quick-buttons,.quick-buttons-outlined{border:1px solid #251f43!important;border-radius:.5rem!important;height:30px!important}.quick-select{border-radius:.4rem!important;font-size:small!important;height:35px!important}.quick-menu{font-size:small!important;margin-block:2px!important;margin-inline:5px!important}.live-button,.quick-menu{border-radius:.5rem!important}.live-button{font-size:14px!important;height:40px!important}.dialog-title{background-color:#f1f1f2!important;font-size:large!important;font-weight:700!important;margin-bottom:10px!important;text-align:center!important}.quick-buttons:hover{background-color:#4a4186!important}.quick-buttons-outlined{border-color:#c4c4c4!important;border-radius:.4rem!important;color:#000!important;cursor:pointer!important;font-size:12px!important;text-transform:none!important}.quick-buttons-outlined:hover{border-color:#4a4186!important}.quick-buttons-outlined-big{border-color:#c4c4c4!important;border-radius:.4rem!important;color:#000!important;font-size:12px!important}.quick-buttons-outlined-big:hover{border-color:#4a4186!important}::-webkit-scrollbar{height:0;width:3px}::-webkit-scrollbar-thumb{background-color:#888;border-radius:3px}::-webkit-scrollbar-thumb:hover{background-color:#888}::-webkit-scrollbar-track{background-color:initial}.content-font{font-size:small!important}.truncate-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}@keyframes wave{0%{transform:scaleY(1)}50%{transform:scaleY(2)}to{transform:scaleY(1)}}.wave-loading{align-items:center;display:flex;height:100%;justify-content:center}.wave-loading div{animation:wave 1s ease-in-out infinite;background:#ddd;border-radius:2px;height:20px;margin:0 1px;width:3px}.wave-loading div:nth-child(2){animation-delay:.1s}.wave-loading div:nth-child(3){animation-delay:.2s}.wave-loading div:nth-child(4){animation-delay:.3s}.wave-loading div:nth-child(5){animation-delay:.4s}.wave-loading div:nth-child(6){animation-delay:.5s}.wave-loading div:nth-child(7){animation-delay:.6s}.wave-loading div:nth-child(8){animation-delay:.7s}.wave-loading div:nth-child(9){animation-delay:.8s}.wave-loading div:nth-child(10){animation-delay:.9s}.wave-loading div:nth-child(11){animation-delay:1s}.wave-loading div:nth-child(12){animation-delay:1.1s}.white-text-input .MuiOutlinedInput-notchedOutline,.white-text-input.Mui-focused .MuiOutlinedInput-notchedOutline,.white-text-input:hover .MuiOutlinedInput-notchedOutline{border-color:#f1f1f2!important}.white-text-input:-webkit-autofill:first-line{-webkit-text-fill-color:#fff!important}.white-text-input input:-webkit-autofill{-webkit-text-fill-color:#fff!important;-webkit-box-shadow:inset 0 0 0 1000px rgba(55,65,74,.903)!important;caret-color:#fff!important;-webkit-transition:background-color 5000s ease-in-out 0s!important;transition:background-color 5000s ease-in-out 0s!important}.white-text-input input{color:#fff!important}.no-outline-select .MuiOutlinedInput-notchedOutline,.no-outline-select.Mui-focused .MuiOutlinedInput-notchedOutline,.no-outline-select:hover .MuiOutlinedInput-notchedOutline{border:none!important;.no-outline-select input{box-shadow:none!important}.no-outline-select .MuiSelect-select{color:#fff!important;padding:8px 12px}}.disabled-image{filter:grayscale(100%);opacity:.5}.check-icon{border-radius:50%!important;cursor:pointer!important;font-size:40px!important;margin-top:1!important;padding:11px!important}.transparent-textfield .MuiOutlinedInput-root{&.Mui-focused fieldset,&:hover fieldset{border-color:#c4c4c4;border-width:.01px}}.white-round-button{background-color:#fff!important;height:60px!important;justify-content:center;width:60px!important}.round-button,.white-round-button{border-radius:100%!important;font-size:8px!important}.calls-options-style .MuiInputBase-root{height:45px!important;width:100%!important}.calls-options-style .MuiInputBase-input{align-items:center;display:flex;font-size:14px;padding:14px}.calls-options-style .MuiOutlinedInput-root fieldset{border-color:#888;border-radius:7px}.calls-options-style .MuiOutlinedInput-root:hover fieldset{border-color:#000}.calls-options-style .MuiOutlinedInput-root.Mui-focused fieldset{border-color:#5151ff}.calls-options-style .MuiInputLabel-root{font-size:.8rem;left:0;position:absolute;right:0;top:4px}.calls-options-style .MuiInputLabel-root.Mui-focused{font-size:.7rem}.triangle-wrapper{border-bottom:108px solid #333;border-left:54px solid #0000;border-right:54px solid #0000;height:0;left:-30px;position:absolute;width:0}.triangle{border-bottom:100px solid blue;border-left:50px solid red;border-right:50px solid red;-webkit-clip-path:polygon(0 100%,100% 100%,100% 25%,40.3% 25%,13.3% 0,13.3% 25%,0 25%);clip-path:polygon(0 100%,100% 100%,100% 25%,40.3% 25%,13.3% 0,13.3% 25%,0 25%);height:0;position:relative;width:0}.triangle:after{background-color:blue;bottom:0;-webkit-clip-path:polygon(0 0,100% 0,100% 75%,40.3% 75%,13.3% 100%,13.3% 75%,0 75%);clip-path:polygon(0 0,100% 0,100% 75%,40.3% 75%,13.3% 100%,13.3% 75%,0 75%);content:"";left:0;position:absolute;right:0;top:0}.checkbox-label .MuiFormControlLabel-label{color:#251f43!important;font-size:small!important}.center-loading{align-items:center!important;height:100vh!important;justify-content:center!important;width:100%!important}.custom-button-group .MuiButtonGroup-grouped:first-of-type{border-bottom-left-radius:.4rem!important;border-top-left-radius:.4rem!important}.custom-button-group .MuiButtonGroup-grouped:last-of-type{border-bottom-right-radius:.4rem!important;border-top-right-radius:.4rem!important}.custom-button-group .MuiButton-contained{background-color:#251f43!important;border:1px solid #251f43!important;color:#fff!important;font-size:12px!important;height:30px!important;padding:0 20px!important;text-transform:none!important}.custom-button-group .MuiButton-contained:hover{background-color:#4a4186!important}.custom-button-group .MuiButton-outlined{background-color:initial!important;border:1px solid #251f43!important;color:#251f43!important;font-size:12px!important;height:30px!important;padding:0 20px!important;text-transform:none!important}.custom-button-group .MuiButton-outlined:hover{border-color:#4a4186!important}.counter-button{align-items:center;background-color:#595959;border:none;border-radius:1rem;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;height:25px;justify-content:center;padding:0;width:25px}.counter-button:hover{background-color:#494949;border:1.5px solid #f1f1f2}.counter-button:disabled{background-color:#595959;border:none;opacity:.5}.counter-button-input{background:none;border:none;text-align:center;width:40px}.counter-button-input:focus{outline:none}.table-style{border-spacing:0 5px;font-size:14px;width:100%}.table-style tr{background-color:#f5f5f5;height:40px}.table-style td{border-radius:.7rem;font-weight:700;max-width:150px;padding-left:10px}.table-style td:first-child{border-radius:.7rem 0 0 .7rem}.table-style td:last-child{border-radius:0 .7rem .7rem 0;padding-right:10px;text-align:right}.table-style td:nth-child(2){border-radius:0}.check-button{background-color:#f1f1f2!important;border-radius:.7rem!important;color:green!important;font-size:12px!important;padding:10px!important;padding-inline:20px!important;text-transform:none!important}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.service-plan-button{background:linear-gradient(90deg,#daa520,#f7e5b9 47.1%,#daa520);border-radius:7px!important;color:#000!important;font-size:small!important;font-weight:700!important;max-height:30px!important;overflow:hidden!important;padding:4px 10px!important;text-overflow:ellipsis!important;text-transform:none!important;white-space:nowrap!important}.indicator-icon{font-size:small!important;margin-top:2px!important}MenuItem{font-size:10}.title_box{margin-left:auto;margin-right:0}.search_bar{display:flex;flex-direction:row}.field{width:100%}.box,.field{display:flex;flex-direction:column}.box{gap:20px;margin:30px}.edgebutton{background:#eee;border:1px solid #d42020;border-radius:50%;cursor:pointer;padding:5px}.edgebutton:hover{background-color:#d42020;box-shadow:0 0 6px 2px #9c171714}.edge-content{align-items:center;background:linear-gradient(180deg,rgba(55,65,74,.903),hsla(0,0%,7%,.903) 500%);border-radius:.35rem;color:#fff;font-size:x-small;gap:10px;height:20px;justify-content:center;padding-inline:10px;text-align:center;z-index:999999}.react-flow{direction:ltr}.react-flow__container{height:100%;left:0;position:absolute;top:0;width:100%}.react-flow__pane{cursor:grab;z-index:1}.react-flow__pane.selection{cursor:pointer}.react-flow__pane.dragging{cursor:grabbing}.react-flow__viewport{pointer-events:none;transform-origin:0 0;z-index:2}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow .react-flow__edges{overflow:visible;pointer-events:none}.react-flow__connection-path,.react-flow__edge-path{stroke:#b1b1b7;stroke-width:1;fill:none}.react-flow__edge{cursor:pointer;pointer-events:visibleStroke}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge:focus .react-flow__edge-path,.react-flow__edge:focus-visible .react-flow__edge-path{stroke:#555}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge-textbg{fill:#fff}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;user-select:none}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__connectionline{z-index:1001}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{box-sizing:border-box;cursor:grab;pointer-events:all;position:absolute;transform-origin:0 0;-webkit-user-select:none;user-select:none}.react-flow__node.dragging{cursor:grabbing}.react-flow__nodesselection{pointer-events:none;transform-origin:left top;z-index:3}.react-flow__nodesselection-rect{cursor:grab;pointer-events:all;position:absolute}.react-flow__handle{background:#1a192b;border:1px solid #fff;border-radius:100%;height:6px;min-height:5px;min-width:5px;pointer-events:none;position:absolute;width:6px}.react-flow__handle.connectionindicator{cursor:crosshair;pointer-events:all}.react-flow__handle-bottom{bottom:-4px;left:50%;top:auto;transform:translate(-50%)}.react-flow__handle-top{left:50%;top:-4px;transform:translate(-50%)}.react-flow__handle-left{left:-4px;top:50%;transform:translateY(-50%)}.react-flow__handle-right{right:-4px;top:50%;transform:translateY(-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__panel{margin:15px;position:absolute;z-index:5}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.center{left:50%;transform:translateX(-50%)}.react-flow__attribution{background:#ffffff80;font-size:10px;margin:0;padding:2px 3px}.react-flow__attribution a{color:#999;text-decoration:none}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{height:100%;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;width:100%}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-default,.react-flow__node-group,.react-flow__node-input,.react-flow__node-output{background-color:#fff;border:1px solid #1a192b;border-radius:3px;color:#222;font-size:12px;padding:10px;text-align:center;width:150px}.react-flow__node-default.selectable:hover,.react-flow__node-group.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible{box-shadow:0 0 0 .5px #1a192b}.react-flow__node-group{background-color:#f0f0f040}.react-flow__nodesselection-rect,.react-flow__selection{background:#0059dc14;border:1px dotted #0059dccc}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls{box-shadow:0 0 2px 1px #00000014}.react-flow__controls-button{align-items:center;background:#fefefe;border:none;border-bottom:1px solid #eee;box-sizing:initial;cursor:pointer;display:flex;height:16px;justify-content:center;padding:5px;-webkit-user-select:none;user-select:none;width:16px}.react-flow__controls-button:hover{background:#f4f4f4}.react-flow__controls-button svg{max-height:12px;max-width:12px;width:100%}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__minimap{background-color:#fff}.react-flow__minimap svg{display:block}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.bottom,.react-flow__resize-control.top{cursor:ns-resize}.react-flow__resize-control.bottom.right,.react-flow__resize-control.top.left{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{background-color:#3367d9;border:1px solid #fff;border-radius:1px;height:4px;transform:translate(-50%,-50%);width:4px}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.bottom.left,.react-flow__resize-control.handle.top.left{left:0}.react-flow__resize-control.handle.bottom.right,.react-flow__resize-control.handle.top.right{left:100%}.react-flow__resize-control.line{border:0 solid #3367d9}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{height:100%;top:0;transform:translate(-50%);width:1px}.react-flow__resize-control.line.left{border-left-width:1px;left:0}.react-flow__resize-control.line.right{border-right-width:1px;left:100%}.react-flow__resize-control.line.bottom,.react-flow__resize-control.line.top{height:1px;left:0;transform:translateY(-50%);width:100%}.react-flow__resize-control.line.top{border-top-width:1px;top:0}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.main_content{display:flex;height:100vh}.heading{display:flex;flex-direction:row;justify-content:space-between;margin:5px}.drag_fiel{gap:10px;margin-top:30px}.drag_fiel,.menu_option{align-items:center;display:flex;flex-direction:column}.menu_option{justify-content:center;margin:10px 20px 20px}.button_grp{display:flex;flex-direction:row;flex-flow:wrap;gap:5px;justify-content:center}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{opacity:1}.time_limit{display:flex;flex-direction:row;gap:15px;justify-content:center;margin-top:10px}.dndflow{display:flex;flex-direction:column;flex-grow:1;height:100%}.dndflow2{background:#fff;border-right:1px solid #d4d4d4;font-size:8px;width:80px}.dndflow2 aside .description{margin-bottom:10px}.dndflow2 .dndnode{align-items:center;border:1px solid #1a192b;border-radius:2px;cursor:grab;display:flex;height:20px;justify-content:center;margin-bottom:10px;padding:4px}.dndflow2 .dndnode.input{border:0;border-radius:50px;color:#fff;display:flex;flex-direction:column;height:50px;width:50px}.dndflow .reactflow-wrapper{flex-grow:1;height:100%}.dndflow .selectall{margin-top:10px}.side_box{gap:5px}.card_node,.side_box{align-items:center;display:flex;flex-direction:column}.card_node{color:#fff}.react-flow__handle{background-color:#046fd2;height:11px;transition:all .3s ease;width:11px}.react-flow__edge.selected .react-flow__edge-path{stroke:#dd0303}@-webkit-keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}@keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}:root{--rc-drag-handle-size:12px;--rc-drag-handle-mobile-size:24px;--rc-drag-handle-bg-colour:#0003;--rc-drag-bar-size:6px;--rc-border-color:#ffffffb3;--rc-focus-color:#08f}.ReactCrop{cursor:crosshair;display:inline-block;max-width:100%;position:relative}.ReactCrop *,.ReactCrop :after,.ReactCrop :before{-webkit-box-sizing:border-box;box-sizing:border-box}.ReactCrop--disabled,.ReactCrop--locked{cursor:inherit}.ReactCrop__child-wrapper{max-height:inherit;overflow:hidden}.ReactCrop__child-wrapper>img,.ReactCrop__child-wrapper>video{display:block;max-height:inherit;max-width:100%}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>img,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>video,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection{-ms-touch-action:none;touch-action:none}.ReactCrop__crop-mask{bottom:0;height:calc(100% + .5px);left:0;pointer-events:none;position:absolute;right:0;top:0;width:calc(100% + .5px)}.ReactCrop__crop-selection{cursor:move;left:0;position:absolute;top:0;-webkit-transform:translateZ(0);transform:translateZ(0)}.ReactCrop--disabled .ReactCrop__crop-selection{cursor:inherit}.ReactCrop--circular-crop .ReactCrop__crop-selection{border-radius:50%}.ReactCrop--circular-crop .ReactCrop__crop-selection:after{border:1px solid #ffffffb3;border:1px solid var(--rc-border-color);bottom:-1px;content:"";left:-1px;opacity:.3;pointer-events:none;position:absolute;right:-1px;top:-1px}.ReactCrop--no-animate .ReactCrop__crop-selection{outline:1px dashed #fff}.ReactCrop__crop-selection:not(.ReactCrop--no-animate .ReactCrop__crop-selection){-webkit-animation:marching-ants 1s;animation:marching-ants 1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-play-state:running;animation-play-state:running;-webkit-animation-timing-function:linear;animation-timing-function:linear;background-image:-webkit-gradient(linear,left top,right top,color-stop(50%,#fff),color-stop(50%,#444)),-webkit-gradient(linear,left top,right top,color-stop(50%,#fff),color-stop(50%,#444)),-webkit-gradient(linear,left top,left bottom,color-stop(50%,#fff),color-stop(50%,#444)),-webkit-gradient(linear,left top,left bottom,color-stop(50%,#fff),color-stop(50%,#444));background-image:linear-gradient(90deg,#fff 50%,#444 0),linear-gradient(90deg,#fff 50%,#444 0),linear-gradient(180deg,#fff 50%,#444 0),linear-gradient(180deg,#fff 50%,#444 0);background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;background-size:10px 1px,10px 1px,1px 10px,1px 10px;color:#fff}.ReactCrop__crop-selection:focus{outline:2px solid #08f;outline:2px solid var(--rc-focus-color);outline-offset:-1px}.ReactCrop--invisible-crop .ReactCrop__crop-mask,.ReactCrop--invisible-crop .ReactCrop__crop-selection{display:none}.ReactCrop__rule-of-thirds-hz:after,.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-vt:before{background-color:#fff6;content:"";display:block;position:absolute}.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-vt:before{height:100%;width:1px}.ReactCrop__rule-of-thirds-vt:before{left:33.3333333333%}.ReactCrop__rule-of-thirds-vt:after{left:66.6666666667%}.ReactCrop__rule-of-thirds-hz:after,.ReactCrop__rule-of-thirds-hz:before{height:1px;width:100%}.ReactCrop__rule-of-thirds-hz:before{top:33.3333333333%}.ReactCrop__rule-of-thirds-hz:after{top:66.6666666667%}.ReactCrop__drag-handle{background-color:#0003;background-color:var(--rc-drag-handle-bg-colour);border:1px solid #ffffffb3;border:1px solid var(--rc-border-color);height:12px;height:var(--rc-drag-handle-size);position:absolute;width:12px;width:var(--rc-drag-handle-size)}.ReactCrop__drag-handle:focus{background:#08f;background:var(--rc-focus-color)}.ReactCrop .ord-nw{cursor:nw-resize;left:0}.ReactCrop .ord-n,.ReactCrop .ord-nw{top:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.ReactCrop .ord-n{cursor:n-resize;left:50%}.ReactCrop .ord-ne{cursor:ne-resize;top:0}.ReactCrop .ord-e,.ReactCrop .ord-ne{right:0;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%)}.ReactCrop .ord-e{cursor:e-resize;top:50%}.ReactCrop .ord-se{bottom:0;cursor:se-resize;right:0;-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}.ReactCrop .ord-s{cursor:s-resize;left:50%}.ReactCrop .ord-s,.ReactCrop .ord-sw{bottom:0;-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.ReactCrop .ord-sw{cursor:sw-resize;left:0}.ReactCrop .ord-w{cursor:w-resize;left:0;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.ReactCrop__disabled .ReactCrop__drag-handle{cursor:inherit}.ReactCrop__drag-bar{position:absolute}.ReactCrop__drag-bar.ord-n{height:6px;height:var(--rc-drag-bar-size);left:0;top:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:100%}.ReactCrop__drag-bar.ord-e{height:100%;right:0;top:0;-webkit-transform:translate(50%);transform:translate(50%);width:6px;width:var(--rc-drag-bar-size)}.ReactCrop__drag-bar.ord-s{bottom:0;height:6px;height:var(--rc-drag-bar-size);left:0;-webkit-transform:translateY(50%);transform:translateY(50%);width:100%}.ReactCrop__drag-bar.ord-w{height:100%;left:0;top:0;-webkit-transform:translate(-50%);transform:translate(-50%);width:6px;width:var(--rc-drag-bar-size)}.ReactCrop--fixed-aspect .ReactCrop__drag-bar,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w,.ReactCrop--new-crop .ReactCrop__drag-bar,.ReactCrop--new-crop .ReactCrop__drag-handle{display:none}@media (pointer:coarse){.ReactCrop .ord-e,.ReactCrop .ord-n,.ReactCrop .ord-s,.ReactCrop .ord-w{display:none}.ReactCrop__drag-handle{height:24px;height:var(--rc-drag-handle-mobile-size);width:24px;width:var(--rc-drag-handle-mobile-size)}}