.canvasComponent_under_canvas__UG1VH{position:absolute;left:0;top:0;z-index:1}.canvasComponent_canvas__wQlTh{place-self:center;position:relative;z-index:3}.canvasComponent_imageCanvas__bzhvE{position:absolute;left:0;top:0;z-index:2}.leftsidebar_side__WqDru{padding:15px;display:flex;flex-direction:column;gap:20px}.leftsidebar_colorpicker-wrapper__LOVmF{width:100%}.leftsidebar_colorpicker-wrapper__LOVmF input{width:100%;height:170px;padding:0;border:transparent}.leftsidebar_mirror-mode__3saWg{width:100%;display:flex;align-items:center;color:#ccc;position:relative}.leftsidebar_mirror-mode__3saWg label{margin-right:10px}.leftsidebar_color-list__brDb1{display:flex;flex-wrap:wrap;gap:7px}.leftsidebar_color-title__cTTwP{color:#ccc;padding-bottom:5px}.leftsidebar_color-list__brDb1{color:#ccc;width:100%}.leftsidebar_mirror_icon__MZ0B2{height:23px}.leftsidebar_active_icon__jBakj path{fill:#90ee90}.leftsidebar_n_active_icon__Z6oFM path{fill:#d3d3d3}.leftsidebar_color_picker_box__UtmQK input{margin:0;padding:0;border:transparent;width:170px;height:170px}.leftsidebar_color_picker_small__JbD_Q input{margin:0;padding:0;border:transparent;width:50px;height:50px}.leftsidebar_dark__LvY1M:hover{filter:brightness(70%)}.leftsidebar_navigation-save__p82gd li{display:flex;align-items:center;gap:10px;padding:15px 0}.leftsidebar_navigation-save__p82gd li:hover{cursor:pointer}.leftsidebar_navigation-save__p82gd{display:grid}.leftsidebar_toggle-sidebar__1SdeC{display:none}.leftsidebar_side__WqDru label span{font-size:.85rem;color:#ccc}.leftsidebar_side__WqDru label{margin-left:0}.leftsidebar_tool-bar__F1Krj{display:flex;justify-content:space-between}.leftsidebar_toolbar-button__esHPj{padding:0;background-color:#252526;min-width:40px;min-height:40px;transition:all .3s ease-in}.leftsidebar_tool-active__ZEHUh svg path{stroke:#73c975}.leftsidebar_tool-active__ZEHUh{box-shadow:inset 1px 2px 5px #141414;transform:translateY(1px);min-width:40px;min-height:40px;border-radius:4px}.leftsidebar_numbers_block__PIZ0x{gap:10px;display:flex;flex-wrap:wrap;overflow-y:auto}.leftsidebar_mobile_bottom_menu__ZxM9L{display:flex;width:100%;overflow-x:auto}.leftsidebar_mobile_sidebar__OgFn_::-webkit-scrollbar{background:transparent!important;height:0;width:0!important}@media screen and (max-width:768px){.leftsidebar_side__WqDru{width:100%;flex-direction:row;position:relative;transition:max-width .5s cubic-bezier(.165,.84,.44,1);order:2;overflow-x:auto}.leftsidebar_toggle-sidebar__1SdeC{display:block;position:absolute;color:#fff;z-index:4;right:-32px;display:flex;justify-content:center;width:35px;height:35px;border-radius:5px;background:#252526}.leftsidebar_toggle-sidebar__1SdeC svg{align-self:center}.leftsidebar_hideSidebar__6uM7M{max-width:80px}.leftsidebar_hideSidebar__6uM7M .leftsidebar_toggle-sidebar__1SdeC{transition:all .5s ease}.leftsidebar_hideSidebar__6uM7M .leftsidebar_toggle-sidebar__1SdeC svg{transition:all .7s ease;transform:rotateY(180deg)}.leftsidebar_hideSidebar__6uM7M label>span:nth-child(2){transition:all .2s ease;opacity:0;height:0}.leftsidebar_hideSidebar__6uM7M #leftsidebar_colorPicker__hJoq7{transition:all .5s ease;aspect-ratio:1/1;height:auto}.leftsidebar_hideSidebar__6uM7M .leftsidebar_color-title__cTTwP{transition:all .2s ease;opacity:0;height:0;padding:0;visibility:collapse}.leftsidebar_hideSidebar__6uM7M .leftsidebar_color-list__brDb1{justify-content:center;overflow-y:scroll}.leftsidebar_hideSidebar__6uM7M .leftsidebar_color-list__brDb1::-webkit-scrollbar{width:0!important;height:0;background:transparent!important}.leftsidebar_colorpicker-wrapper__LOVmF input{height:45px}.leftsidebar_side__WqDru label{flex-direction:column;margin-left:0;padding:0 3px;align-items:center;text-align:center}.leftsidebar_side__WqDru label span{font-size:12px;color:#ccc}.leftsidebar_color-title__cTTwP{display:flex;align-self:center;font-size:12px}.leftsidebar_used-colors__5ZWS6{display:none}.leftsidebar_colorpicker-wrapper__LOVmF{display:flex;justify-content:center;align-items:center;text-align:center;flex-direction:column-reverse;font-size:12px;width:auto}.leftsidebar_color-list__brDb1{align-items:center;flex-wrap:nowrap}.leftsidebar_side__WqDru::-webkit-scrollbar{width:0!important;height:0;background:transparent!important}.leftsidebar_tool-bar__F1Krj{align-items:center}}@media screen and (max-width:425px){.leftsidebar_side__WqDru{padding:3px;gap:30px}.leftsidebar_side__WqDru label{flex-direction:column;margin-left:0;padding:0 3px;align-items:center;text-align:center}.leftsidebar_colorpicker-wrapper__LOVmF{display:flex;justify-content:center;align-items:center;text-align:center;flex-direction:column-reverse;font-size:12px;width:auto}.leftsidebar_colorpicker-wrapper__LOVmF input{width:45px}.leftsidebar_color-title__cTTwP{display:flex;align-self:center;font-size:12px}.leftsidebar_used-colors__5ZWS6{display:none}}.canvas_wrapper_box__n6CYS{display:grid;grid-template-columns:auto 8fr;overflow:hidden}@media screen and (max-width:900px){.canvas_wrapper_box__n6CYS{grid-template-columns:unset;grid-template-rows:1fr auto}}.canvas_canvas_wrapper___HyNm{display:grid;overflow-x:auto;overflow-y:auto;padding:20px;background-color:#1e1e1e}.canvas_canvas_page__R1O4B{height:100dvh;width:100dvw;display:grid;grid-template-rows:auto 1fr}.canvas_left_sidebar__dgHBs::-webkit-scrollbar{width:0!important;height:0!important}@media screen and (max-width:900px){.canvas_left_sidebar__dgHBs{order:2;width:100%}}