.gridContainerFull,.gridContainerleft,.gridContainerRight{grid-template-areas:"menu mainArea properties";grid-template-columns:200px 1fr 200px}.gridContainer{grid-template-areas:"menu mainArea properties";grid-template-columns:220px 1fr 230px}.scroll-bar::-webkit-scrollbar{width:6px;height:6px}.scroll-bar::-webkit-scrollbar-thumb{background-color:#e2e8f0}.fielddragCss{position:relative;transition:all .5s}.fielddragCss:hover{cursor:pointer;transition:all .5s}.fielddragCss:hover>.componentNameOnOver{z-index:1!important}.mystyle{background-color:#e2e8f0!important;transition:all .4s}.mystyle>.componentNameOnOver{border:20px solid red}.dragged-over{background-color:#d3d3d3!important}.react-loading-style{display:flex}.PhoneInputInput{height:35px;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px}.PhoneInputCountryIconImg{display:block;width:100%;height:100%}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.selectedComponent{background-color:rgba(1,122,254,.12941176470588237);border:4px solid #017afe!important;padding:0}.gridContainerFull-uiflow{grid-template-areas:"mainArea properties";grid-template-columns:1fr 376px}.gridContainerleft-uiflow{grid-template-areas:"mainArea";grid-template-columns:1fr}.gridContainerRight-uiflow{grid-template-areas:"mainArea properties";grid-template-columns:1fr 376px}.gridContainer-uiflow{grid-template-areas:"mainArea";grid-template-columns:1fr}input[type=color]{-webkit-appearance:none;border:none;outline:none;width:20px;height:20px}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:none}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.scroll-bar::-webkit-scrollbar-track{border-radius:10px}.scroll-bar::-webkit-scrollbar{width:10px;height:10px}.scroll-bar::-webkit-scrollbar-thumb{border-radius:10px;background-color:hsla(0,0%,62%,.4)}.fielddragChild{position:relative;border:1.3px dashed hsla(0,0%,62%,.4196078431372549)}.fielddragChild:hover{border:1.3px solid rgba(63,81,181,.4588235294117647);cursor:pointer}.componentNameOnOver{background-color:#3f51b5;position:absolute;top:-26px;z-index:-1;padding:1px 10px;left:-1px;color:#fff}.mystyle>.componentNameOnOver{z-index:1!important}.border{border:2px solid #007aff!important}#svg{position:fixed}.handle{fill:#1e90ff}#path{fill:none;stroke:#1e90ff;stroke-width:6}body{margin:0}.fullnamecontainer{display:flex;flex-wrap:wrap;grid-gap:1rem;gap:1rem;box-sizing:border-box}.fullnameinputbox{flex:1 1 auto}.fullnameinputbox>*{box-sizing:border-box;width:100%}.fullnamefirstlast{width:max(50px,10%)}
/*# sourceMappingURL=main.19303ff6.chunk.css.map */