:root{--matDark:#252627;--dark:#18191b;--gray:#959596}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:#ebecf0;height:100vh;width:100vw}.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:#fff!important;box-shadow:0 2px 8px rgb(14 19 24/7%)}@media screen and (max-width:1024px){.workContainer{flex-direction:column-reverse}}.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{height:72px}.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;justify-content:center;margin-top:20px}.toolIcon{height:24px;width:24px}.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:#ef5f63;border-radius:15px;color:#fff;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:#c04c50}.uploadTooltip{color:#fff;text-align:center}.itemsSection{background-color:var(--matDark);display:inline-block;height:100%;padding:10px 5px}.itemsWrapper{max-height:calc(95% - 150px);overflow:auto}.itemsImage{border:1px solid var(--gray);border-radius:10px;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:#ef5f63;border:none;border-radius:15px;color:#fff;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:#c04c50}.expandButton{align-items:center;background-color:#252627;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:15%}.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}}
/*# sourceMappingURL=main.4124366d.css.map*/