:root{--matDark:#fcfc52;--dark:#000;--gray:#fcfc52}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;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}.bodyWrap{background-color:#cecece;height:100dvh;width:100dvw}@font-face{font-family:Impact;src:url(/static/media/impact.0294f8285a2493417c09.ttf) format("truetype")}.workContainer{display:flex;flex-direction:row;height:100%;position:relative;width:100%}.canvasWrap{align-items:center;display:flex;flex-grow:1;justify-content:center}.canvasBody{max-width:900px;position:relative;width:80%}.canvasStage canvas{background-color:hsla(0,0%,100%,0)!important;box-shadow:0 2px 8px rgb(14 19 24/7%)}@media screen and (max-width:1024px){.workContainer{flex-direction:column-reverse}.canvas-buttons button{border-radius:3px!important;font-size:11px!important;padding:7px 10px!important}}.tool-icon-img{height:100%!important;width:100%!important}.hair-img{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)}.canvas-buttons{justify-content:space-between;margin:0 auto 20px;max-width:900px;width:80%}.canvas-buttons,.canvas-buttons button{align-items:center;display:flex;flex-direction:row}.canvas-buttons button{background-color:#000;border:none;border-radius:8px;color:#fcfc52;cursor:pointer;font-size:15px;font-weight:600;justify-content:center;padding:10px 20px;transition:background-color .15s ease-in-out}.canvas-buttons button:hover{background-color:#000000ba}.itemsListWrap{flex-direction:row-reverse;transition:all .4s ease-in-out;z-index:1}.itemsListBody,.itemsListWrap{display:flex;height:100%;overflow:hidden}.itemsListBody{background:var(--dark);flex-direction:column;width:100%}.toolsBarWrap{align-items:center;height:72px;justify-content:center;width:100%}.toolsBarBody,.toolsBarWrap{display:flex;flex-direction:row;position:relative}.toolsBarBody{flex-grow:0;height:100%;min-width:72px}.toolsItemsWrap{display:flex;flex-direction:row}.toolsItem{height:72px;position:relative;width:72px}.toolsItemContent{align-items:center;color:var(--gray);cursor:pointer;display:flex;flex-direction:column;flex-wrap:wrap;font-size:1.1rem;font-weight:700;justify-content:center;margin-top:20px}.toolIcon{height:30px;width:30px}.toolTitle{display:block;font-size:11px;height:18px;line-height:18px;max-width:100%;overflow:hidden;padding:0 2px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.categorySelectLabel{display:block;margin:50px auto;position:relative;width:90%}.categorySelectLabel:after{bottom:8px;color:#999;content:"▼";font-size:16px;font-weight:700;right:0;width:27px;z-index:2}.categorySelectLabel:after,.categorySelectLabel:before{border-radius:3px;pointer-events:none;position:absolute}.categorySelectLabel:before{background:#242424;content:"";display:block;height:34px;right:2px;top:2px;width:38px;z-index:1}.categorySelect{-webkit-appearance:none;appearance:none;background:#111;border:none;border-radius:3px;color:#999;cursor:pointer;font-size:14px;height:38px;margin:0;outline:none;padding:10px 9px;position:relative;width:100%}.categorySelect option{font-size:17px}.clearBackgroundWrap{display:block;margin:50px auto;position:relative;text-align:center;width:90%}.clearBackgroundText{color:#fff;cursor:pointer;font-size:18px;transition:color .15s ease-in-out}.clearBackgroundText:hover{color:#999}.clearBackgroundText:before{content:"\261B"}.uploadImageWrap{display:block;margin:50px auto;position:relative;text-align:center;width:90%}.uploadImageButton{align-items:center;background-color:#000;border-radius:6px;color:#fcfc52;cursor:pointer;display:flex;flex-direction:row;font-weight:600;justify-content:center;padding:10px 50px;transition:background-color .15s ease-in-out}.uploadImageButton:hover{background-color:#000000ba}.uploadTooltip{color:#000;text-align:center}.itemsSection{background-color:var(--matDark);display:inline-block;height:100%;padding:10px 5px}.itemsWrapper{height:95%;overflow:scroll}.itemsImage{border:3px dotted #000;border-radius:10px;cursor:pointer;height:100px;margin:5px 0;max-width:200px;object-fit:contain}.imageContainer{display:inline-block;margin:0 5px;width:-webkit-max-content;width:max-content}.shareSectionWrap{display:block;margin:50px auto;position:relative;text-align:center;width:90%}.downloadImage{align-items:center;background-color:#000;border:none;border-radius:6px;color:#fcfc52;cursor:pointer;display:inline-block;display:flex;flex-direction:row;font-size:16px;font-weight:600;justify-content:center;margin:0 auto;padding:15px 32px;text-align:center;text-decoration:none;transition:background-color .15s ease-in-out}.downloadImage:hover{background-color:#989339}.expandButton{align-items:center;background-color:#000;border-radius:0 50px 50px 0;color:#fff;cursor:pointer;display:flex;height:100px;justify-content:center;margin:auto 0;width:auto}.sidebarOpen .expandButton svg{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.sidebarClosed .expandButton svg{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.expandButton svg{transition:all .5s ease-in-out}.sidebarOpen{max-width:432px;width:40%}.sidebarClosed{max-width:432px;width:24px}@media screen and (max-width:1024px){.itemsListWrap{flex-direction:column;height:90%;position:absolute}.sidebarClosed,.sidebarOpen{max-width:none;width:100%}.sidebarClosed{height:94px}.sidebarOpen .expandButton svg{-webkit-transform:rotate(0);transform:rotate(0)}.sidebarClosed .expandButton svg{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.expandButton{border-radius:50px 50px 0 0;height:auto;margin:0 auto;width:100px}}.texts-wrapper{flex-direction:column;justify-content:center}.text-container,.texts-wrapper{align-items:center;display:flex}.text-container{border:1px dashed #000;border-radius:10px;flex-direction:row;height:6%;justify-content:space-between;margin:10px 0;padding:20px;width:80%}.font-size-input{background-color:#000;border:1px dashed #000;border-radius:5px;color:#fcfc52;font-weight:700;height:30px;margin-right:10px;width:38px}.text-container-bottom{align-items:center;display:flex;flex-direction:row;justify-content:center;width:25%}.text-items-title{font-style:italic}.delete-button{background-color:#000;border:none;border-radius:6px;color:#ff2323;cursor:pointer;display:inline-block;flex-direction:row;font-size:22px;font-weight:600;height:30px;margin:0 auto;padding:3px 5px;text-align:center;text-decoration:none;transition:background-color .15s ease-in-out}.delete-button,.text-section-top{align-items:center;display:flex;justify-content:center}.text-section-top{width:100%}.input-text-container{align-items:center;border-radius:8px;display:flex;flex-direction:row;font-size:20px;height:30px;justify-content:space-between;margin:10px 0;width:200px}.text-input-container{align-items:flex-end;display:flex;justify-content:end;width:60%}
/*# sourceMappingURL=main.708cdeff.css.map*/