.ControllersTabs_ControllersTabs__BdK5B{display:flex;flex-direction:column;row-gap:2rem}.ControllersTabs_ControllersTabs__BdK5B nav{display:flex;flex-wrap:wrap;justify-content:center;row-gap:.25rem}.ControllersTabs_tab__kZkqx{display:flex;justify-content:center;align-items:center;gap:1rem;flex-wrap:nowrap;white-space:nowrap;flex:1;border-bottom:.125rem solid hsla(60,30%,96%,.6);color:hsla(60,30%,96%,.6);padding:.25rem 1rem}@media(hover:hover){.ControllersTabs_tab__kZkqx:focus,.ControllersTabs_tab__kZkqx:hover{color:#f8f8f2}}.ControllersTabs_tab__kZkqx.ControllersTabs_-active___Eq5G{color:#f8f8f2;border-color:#f8f8f2;background-color:#3e4153}.ControllersTabs_tab__kZkqx.ControllersTabs_-disabled__Sx5tC{pointer-events:none;opacity:.2}.BlocksController_root__sOb1b{font-size:1rem;text-transform:capitalize}.BlocksController_root__sOb1b label{display:flex;align-items:center;-moz-column-gap:.5rem;column-gap:.5rem}.BlocksController_root__sOb1b label svg{height:1rem;width:1rem}.BlocksController_root__sOb1b .BlocksController_inputContainer__ZMTBs{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;-moz-column-gap:1rem;column-gap:1rem}.BlocksController_root__sOb1b .BlocksController_inputContainer__ZMTBs .BlocksController_rangeInput__sCVIb{width:100%;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:.125rem}.BlocksController_root__sOb1b .BlocksController_inputContainer__ZMTBs .BlocksController_rangeInput__sCVIb[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#bd93f9;height:1rem;width:1rem;outline:.125rem solid #f8f8f2}.BlocksController_root__sOb1b .BlocksController_inputContainer__ZMTBs .BlocksController_numberInput__bpD_F{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;background-color:transparent;width:-webkit-min-content;width:-moz-min-content;width:min-content;text-align:center}.BlocksController_root__sOb1b .BlocksController_inputContainer__ZMTBs input[type=number]::-webkit-inner-spin-button,.BlocksController_root__sOb1b .BlocksController_inputContainer__ZMTBs input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.BlocksController_root__sOb1b .BlocksController_resizeInfo__K8Tib{margin-top:2rem;display:grid;place-content:center;place-items:center;background-color:#3e4153;padding:1rem;row-gap:1rem;outline:.125rem dashed #3e4153;outline-offset:.25rem}.BlocksController_root__sOb1b .BlocksController_resizeInfo__K8Tib svg{margin-bottom:1rem}.BlocksController_root__sOb1b .BlocksController_resizeInfo__K8Tib p{text-align:center;font-size:.85rem}.BlocksController_root__sOb1b .BlocksController_resizeInfo__K8Tib p span{padding:.25rem;color:#fff;background-color:#000}.BlocksController_root__sOb1b .BlocksController_resizeInfo__K8Tib p span:first-child{color:#000;background-color:#fff}.ExportController_container__IRWAE{display:grid;row-gap:2rem}.ExportController_container__IRWAE .ExportController_buttonGroup__vkK8z{display:flex;flex-wrap:nowrap;width:100%}.ExportController_container__IRWAE .ExportController_buttonGroup__vkK8z button{flex:1}.ExportController_container__IRWAE .ExportController_button__2_rMV{display:flex;place-items:center;place-content:center;position:relative;width:auto;border:none;border-radius:0;width:100%;-moz-column-gap:1rem;column-gap:1rem;padding:1rem;background-color:#3e4153}.ExportController_container__IRWAE .ExportController_button__2_rMV svg{color:#bd93f9}.ExportController_container__IRWAE .ExportController_downloadButton__43y6g{color:#fff}.BaseImageInput_toUpload__Qd9dw{height:100%;width:100%;min-height:10rem;display:grid;cursor:pointer;background-color:#333545;outline:.0625rem dashed #3e4153;padding:2rem;outline-offset:.25rem;position:relative}.BaseImageInput_toUpload__Qd9dw:focus-within{outline:.125rem dashed #bd93f9}.BaseImageInput_toUpload__Qd9dw input{cursor:pointer;position:absolute;width:100%;height:100%;opacity:0}.BaseImageInput_toUpload__Qd9dw.BaseImageInput_dragging__gavQl{background-color:#bd93f9}.BaseImageInput_toUpload__Qd9dw div{display:grid;align-items:center;justify-items:center;gap:.5rem}.BaseImageInput_toUpload__Qd9dw div svg{height:2rem;width:2rem}.BaseImageInput_toUpload__Qd9dw div p{font-size:.75rem;text-align:center}.BaseImageInput_uploaded__rR7EQ{display:grid;align-items:center;gap:1rem}.BaseImageInput_uploaded__rR7EQ label{font-size:1rem;text-transform:capitalize;display:flex;align-items:center;gap:.5rem}.BaseImageInput_uploaded__rR7EQ label svg{height:1rem;width:1rem}.BaseImageInput_uploaded__rR7EQ .BaseImageInput_uploadedContainer__D0n7r{display:grid;grid-template-columns:repeat(5,1fr);align-items:center;justify-items:center;gap:1rem}.BaseImageInput_uploaded__rR7EQ .BaseImageInput_uploadedContainer__D0n7r:before{word-wrap:break-word}.BaseImageInput_uploaded__rR7EQ .BaseImageInput_uploadedContainer__D0n7r img{grid-column:span 1;-o-object-fit:contain;object-fit:contain;outline:.0625rem dashed #3e4153;outline-offset:.125rem}.BaseImageInput_uploaded__rR7EQ .BaseImageInput_uploadedContainer__D0n7r span{grid-column:span 3;text-overflow:ellipsis;overflow:hidden;font-size:.75rem;white-space:nowrap;width:100%}.BaseImageInput_uploaded__rR7EQ .BaseImageInput_uploadedContainer__D0n7r .BaseImageInput_deleteIcon__8ZZ0j{border:.0625rem solid #f87272;color:#f87272;padding:.5rem;display:grid;align-items:center;justify-items:center}.BaseImageInput_uploaded__rR7EQ .BaseImageInput_uploadedContainer__D0n7r .BaseImageInput_deleteIcon__8ZZ0j svg{height:1rem;width:1rem}@media(hover:hover){.BaseImageInput_uploaded__rR7EQ .BaseImageInput_uploadedContainer__D0n7r .BaseImageInput_deleteIcon__8ZZ0j:hover{background-color:#f87272;color:#f8f8f2}}.Drawer_Drawer__9kJ45{grid-column:span 2;box-shadow:-.25rem .25rem #121319;border:.125rem solid #3e4153;border-right:none;height:100%;padding:1rem}@media screen and (max-width:768px){.Drawer_Drawer__9kJ45{display:none}}.Canvas_root__scG58{height:100%;width:100%;max-height:100%;max-width:100%;border:.125rem solid #3e4153;box-shadow:-.25rem .25rem #121319;display:flex;align-items:center;justify-content:center;position:relative;padding:1rem}@media screen and (max-width:768px){.Canvas_root__scG58{display:none}}.Canvas_imageInput__Wncd4{padding:3rem;background-color:#333545;position:relative;display:grid;align-items:center;justify-items:center}.Canvas_imageInput__Wncd4.Canvas_dragging__H9xmz{background-color:#bd93f9;width:100%;height:100%}.Canvas_imageInput__Wncd4:focus-within{outline:.125rem dashed #bd93f9}.Canvas_imageInput__Wncd4 .Canvas_fileDropzone__crbYD{cursor:pointer;position:absolute;width:100%;height:100%;opacity:0}.Canvas_canvasContainer__VWA94{position:relative;width:100%;height:100%;display:grid;justify-content:center;align-items:center}.Canvas_canvasContainer__VWA94 img{position:absolute;-o-object-fit:contain;object-fit:contain;max-width:100%;max-height:100%;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0}.Canvas_canvasContainer__VWA94 canvas{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:100%;width:100%}.Canvas_canvasContainer__VWA94 .Canvas_canvasInnerContainer__wy8uH{max-width:100%;position:relative}.Canvas_canvasContainer__VWA94 .Canvas_canvasInnerContainer__wy8uH .Canvas_selectedRectangle__pAv8r{position:absolute;outline:.125rem dashed hsla(0,0%,100%,.5)}@media(hover:hover){.Canvas_canvasContainer__VWA94 .Canvas_canvasInnerContainer__wy8uH .Canvas_selectedRectangle__pAv8r:hover{cursor:-webkit-grab;cursor:grab}.Canvas_canvasContainer__VWA94 .Canvas_canvasInnerContainer__wy8uH .Canvas_selectedRectangle__pAv8r:active{cursor:-webkit-grabbing;cursor:grabbing}}.Canvas_canvasContainer__VWA94 .Canvas_canvasInnerContainer__wy8uH .Canvas_rectangleEdge__9Ml2I{position:absolute;z-index:1}@media(hover:hover){.Canvas_canvasContainer__VWA94 .Canvas_canvasInnerContainer__wy8uH .Canvas_rectangleEdge__9Ml2I:hover{cursor:-webkit-grab;cursor:grab}.Canvas_canvasContainer__VWA94 .Canvas_canvasInnerContainer__wy8uH .Canvas_rectangleEdge__9Ml2I:hover:after{scale:2.5}.Canvas_canvasContainer__VWA94 .Canvas_canvasInnerContainer__wy8uH .Canvas_rectangleEdge__9Ml2I:active{cursor:-webkit-grabbing;cursor:grabbing}}.Canvas_canvasContainer__VWA94 .Canvas_canvasInnerContainer__wy8uH .Canvas_rectangleEdge__9Ml2I:after{content:"";position:absolute;transform:translate(-.25rem,-.25rem);transform-origin:top left;border-radius:50%;transition:.15s ease;width:.5rem;height:.5rem;background-color:#000;box-shadow:0 0 0 3px hsla(0,0%,100%,.5)}.Index_mainContainer__emgNH{display:grid;justify-content:center;align-items:center;-moz-column-gap:2rem;column-gap:2rem;height:100vh;max-height:100vh;position:relative;grid-template-columns:repeat(2,1fr);padding:2rem 0 2rem 2rem}@media screen and (min-width:600px){.Index_mainContainer__emgNH{grid-template-columns:repeat(6,1fr)}}@media screen and (min-width:768px){.Index_mainContainer__emgNH{grid-template-columns:repeat(6,1fr)}}@media screen and (min-width:1000px){.Index_mainContainer__emgNH{grid-template-columns:repeat(8,1fr)}}@media screen and (min-width:1200px){.Index_mainContainer__emgNH{grid-template-columns:repeat(10,1fr)}}@media screen and (min-width:2000px){.Index_mainContainer__emgNH{grid-template-columns:repeat(12,1fr)}}@media screen and (max-width:768px){.Index_mainContainer__emgNH{padding:1rem}}.Index_mainPageContent__wSSS3{grid-column:span 2;display:flex;flex-direction:column;height:100%;max-height:100%}@media screen and (min-width:600px){.Index_mainPageContent__wSSS3{grid-column:span 4}}@media screen and (min-width:768px){.Index_mainPageContent__wSSS3{grid-column:span 4}}@media screen and (min-width:1000px){.Index_mainPageContent__wSSS3{grid-column:span 6}}@media screen and (min-width:1200px){.Index_mainPageContent__wSSS3{grid-column:span 8}}@media screen and (min-width:2000px){.Index_mainPageContent__wSSS3{grid-column:span 10}}.Index_mainPageContent__wSSS3 nav{margin-bottom:1rem}.Index_mainPageContent__wSSS3 h1{font-size:2rem;display:flex;gap:.25rem;letter-spacing:.125rem}@media screen and (max-width:768px){.Index_mainPageContent__wSSS3:after{content:"Small devices are not supported yet - Please use a desktop";font-size:1rem;display:grid;place-content:center;padding:2rem;background-color:#3e4153;text-align:center;outline:.125rem dashed #3e4153;outline-offset:.25rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}}