/*
! tailwindcss v3.0.24 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}html{-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5;tab-size:4}body{line-height:inherit}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-size:100%;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#9ca3af;opacity:1}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}.title{font-size:20px;font-weight:800;margin-bottom:1rem}.field,.title{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.field{background-color:#45413a;background-color:var(--light-grey-color);border-radius:.5rem;cursor:pointer;font-weight:500;margin-bottom:.5rem;padding:.75rem 1rem}*,:after,:before{--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.absolute{position:absolute}.relative{position:relative}.mx-\[auto\]{margin-left:auto;margin-right:auto}.my-4{margin-bottom:1rem;margin-top:1rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mt-4{margin-top:1rem}.mt-10{margin-top:2.5rem}.flex{display:flex}.h-\[40px\]{height:40px}.w-\[40px\]{width:40px}.w-full{width:100%}.cursor-pointer{cursor:pointer}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-between{justify-content:space-between}.gap-4{gap:1rem}.gap-2{gap:.5rem}.rounded-lg{border-radius:.5rem}.rounded{border-radius:.25rem}.border{border-width:1px}.bg-mainBgColor{background-color:#ff6f26!important;background-color:var(--btn-bg-color)!important}.bg-transparent{background-color:transparent}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.pt-\[20px\]{padding-top:20px}.text-center{text-align:center}.text-md{font-size:18px}.text-sm{font-size:16px}.text-xs{font-size:14px}.font-medium{font-weight:500}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}:root{--bg-color:#2f2f2f;--light-grey-color:#45413a;--border-color:#414141;--shadow-color:#595959;--txt-color:#ff6f26;--btn-bg-color:#ff6f26}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#2f2f2f;background-color:var(--bg-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.plusIcon{border:2px dotted gray;border-radius:50%;cursor:pointer;height:33px;padding:1px 0 0 3px;width:34px}.plusIcon svg{color:#d3d3d3}.orDivider{color:#d4d3d3;margin:0;padding:0}.orDivider:after{right:0}.orDivider:after,.orDivider:before{background-color:gray;content:"";height:1px;position:absolute;top:53%;width:45%}.orDivider:before{left:0}.ReactCrop{cursor:crosshair;display:inline-block;max-width:100%;overflow:hidden;position:relative}.ReactCrop:focus{outline:none}.ReactCrop--disabled,.ReactCrop--locked{cursor:inherit}.ReactCrop__image{display:block;max-width:100%;-ms-touch-action:none;touch-action:none}.ReactCrop__crop-selection{border:1px solid;border-image-repeat:repeat;border-image-slice:1;border-image-source:url(data:image/gif;base64,R0lGODlhCgAKAJECAAAAAP///////wAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OEI5RDc5MTFDNkE2MTFFM0JCMDZEODI2QTI4MzJBOTIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OEI5RDc5MTBDNkE2MTFFM0JCMDZEODI2QTI4MzJBOTIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuZGlkOjAyODAxMTc0MDcyMDY4MTE4MDgzQzNDMjA5MzREQ0ZDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjAyODAxMTc0MDcyMDY4MTE4MDgzQzNDMjA5MzREQ0ZDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEBQoAAgAsAAAAAAoACgAAAhWEERkn7W3ei7KlagMWF/dKgYeyGAUAIfkEBQoAAgAsAAAAAAoACgAAAg+UYwLJ7RnQm7QmsCyVKhUAIfkEBQoAAgAsAAAAAAoACgAAAhCUYgLJHdiinNSAVfOEKoUCACH5BAUKAAIALAAAAAAKAAoAAAIRVISAdusPo3RAzYtjaMIaUQAAIfkEBQoAAgAsAAAAAAoACgAAAg+MDiem7Q8bSLFaG5il6xQAIfkEBQoAAgAsAAAAAAoACgAAAg+UYRLJ7QnQm7SmsCyVKhUAIfkEBQoAAgAsAAAAAAoACgAAAhCUYBLJDdiinNSEVfOEKoECACH5BAUKAAIALAAAAAAKAAoAAAIRFISBdusPo3RBzYsjaMIaUQAAOw==);-webkit-box-shadow:0 0 0 9999em rgba(0,0,0,.5);box-shadow:0 0 0 9999em rgba(0,0,0,.5);-webkit-box-sizing:border-box;box-sizing:border-box;cursor:move;left:0;position:absolute;top:0;-ms-touch-action:none;touch-action:none;-webkit-transform:translateZ(0);transform:translateZ(0)}.ReactCrop--disabled .ReactCrop__crop-selection{cursor:inherit}.ReactCrop--circular-crop .ReactCrop__crop-selection{border-radius:50%;-webkit-box-shadow:0 0 1px 1px #fff,0 0 0 9999em rgba(0,0,0,.5);box-shadow:0 0 1px 1px #fff,0 0 0 9999em rgba(0,0,0,.5)}.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:hsla(0,0%,100%,.4);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.3333%;left:33.33333%}.ReactCrop__rule-of-thirds-vt:after{left:66.6666%;left:66.66667%}.ReactCrop__rule-of-thirds-hz:after,.ReactCrop__rule-of-thirds-hz:before{height:1px;width:100%}.ReactCrop__rule-of-thirds-hz:before{top:33.3333%;top:33.33333%}.ReactCrop__rule-of-thirds-hz:after{top:66.6666%;top:66.66667%}.ReactCrop__drag-handle{position:absolute}.ReactCrop__drag-handle:after{background-color:rgba(0,0,0,.2);border:1px solid hsla(0,0%,100%,.7);-webkit-box-sizing:border-box;box-sizing:border-box;content:"";display:block;height:10px;outline:1px solid transparent;position:absolute;width:10px}.ReactCrop .ord-nw{cursor:nw-resize;left:0;margin-left:-5px;margin-top:-5px;top:0}.ReactCrop .ord-nw:after{left:0;top:0}.ReactCrop .ord-n{cursor:n-resize;left:50%;margin-left:-5px;margin-top:-5px;top:0}.ReactCrop .ord-n:after{top:0}.ReactCrop .ord-ne{cursor:ne-resize;margin-right:-5px;margin-top:-5px;right:0;top:0}.ReactCrop .ord-ne:after{right:0;top:0}.ReactCrop .ord-e{cursor:e-resize;margin-right:-5px;margin-top:-5px;right:0;top:50%}.ReactCrop .ord-e:after{right:0}.ReactCrop .ord-se{bottom:0;cursor:se-resize;margin-bottom:-5px;margin-right:-5px;right:0}.ReactCrop .ord-se:after{bottom:0;right:0}.ReactCrop .ord-s{bottom:0;cursor:s-resize;left:50%;margin-bottom:-5px;margin-left:-5px}.ReactCrop .ord-s:after{bottom:0}.ReactCrop .ord-sw{bottom:0;cursor:sw-resize;left:0;margin-bottom:-5px;margin-left:-5px}.ReactCrop .ord-sw:after{bottom:0;left:0}.ReactCrop .ord-w{cursor:w-resize;left:0;margin-left:-5px;margin-top:-5px;top:50%}.ReactCrop .ord-w:after{left:0}.ReactCrop__disabled .ReactCrop__drag-handle{cursor:inherit}.ReactCrop__drag-bar{position:absolute}.ReactCrop__drag-bar.ord-n{height:6px;left:0;margin-top:-3px;top:0;width:100%}.ReactCrop__drag-bar.ord-e{height:100%;margin-right:-3px;right:0;top:0;width:6px}.ReactCrop__drag-bar.ord-s{bottom:0;height:6px;left:0;margin-bottom:-3px;width:100%}.ReactCrop__drag-bar.ord-w{height:100%;left:0;margin-left:-3px;top:0;width:6px}.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;width:24px}}.workspace{box-sizing:border-box;color:#fff;height:100vh;padding:30px 20px;text-align:center;width:50vw}.workspace .ReactCrop{background-color:transparent;background-repeat:no-repeat;background-size:100% 100%;box-shadow:0 0 20px gray;display:block;margin:0 auto}.workspace .ReactCrop,.workspace .ReactCrop div>img{height:400px;width:400px}.workspace .ReactCrop .gridContainer{display:flex;flex-wrap:wrap;height:400px;pointer-events:none;position:absolute;top:0;width:400px}.workspace .ReactCrop .ReactCrop__crop-selection{box-shadow:0 0 0 9999em rgba(48,48,48,.5)}.layersContainer{box-shadow:-1px 3px 9px var(--shadow-color);height:100vh;min-width:200px;width:25vw}.layersContainer .layers{height:calc(100vh - 149px);overflow:scroll}.layersContainer .layers .activeLayer{background-color:#413630;border:2px solid var(--btn-bg-color)}.layersContainer .layers input{background:#2e2d2d;border:none;caret-color:#fff;color:#fff;font-size:18px;outline:none;padding:6px 8px;width:89%}.layersContainer .layers p{margin-right:3px;margin-top:-6px}.layersContainer .layers .addAttr{font-size:26px}.previews>div:not(.plusIcon){border:.5px solid #fff;height:20px;width:20px}.previews>div:not(.plusIcon)>img{height:inherit;object-fit:contain;width:inherit}.previews .cancelIcon{color:#b6b6b6;font-size:15px;position:absolute;right:-9px;top:-9px}.previews .active:after{border-bottom:3px solid var(--btn-bg-color);border-radius:5px;content:"";left:0;position:absolute;top:125%;width:100%}.layerPreview{box-shadow:1px 1px 9px var(--shadow-color);color:#fff;flex:24% 1;height:100vh;overflow:scroll;width:25vw}.layerPreview section img{display:block;height:300px}.layerPreview .sketch-picker{background-color:transparent!important;box-shadow:none!important;width:auto!important}.layerPreview .sketch-picker input{background-color:var(--light-grey-color);box-shadow:none!important}.layerPreview .sketch-picker .flexbox-fix:last-child,.layerPreview .sketch-picker label{display:none!important}.imgPreview .imgPreview{border:1px solid #646363;box-sizing:border-box;margin:17px auto;object-fit:contain;padding:10px}
/*# sourceMappingURL=main.ca32e718.css.map*/