@-webkit-keyframes moveDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(30px);transform:translateY(30px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes moveDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(30px);transform:translateY(30px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes rotateRight{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes rotateRight{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@-webkit-keyframes rotateLeft{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes rotateLeft{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@-webkit-keyframes grow{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes grow{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes shrink{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(.9);transform:scale(.9)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes shrink{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(.9);transform:scale(.9)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes popup{0%{-webkit-transform:scale(.3);transform:scale(.3);opacity:0}60%{-webkit-transform:scale(1.2);transform:scale(1.2);opacity:1}85%{-webkit-transform:scale(.9);transform:scale(.9)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes popup{0%{-webkit-transform:scale(.3);transform:scale(.3);opacity:0}60%{-webkit-transform:scale(1.2);transform:scale(1.2);opacity:1}85%{-webkit-transform:scale(.9);transform:scale(.9)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes shake{0%{-webkit-transform:translate(0) scale(1) rotate(0deg);transform:translate(0) scale(1) rotate(0deg)}10%{-webkit-transform:translate(-5px,-5px) scale(1.05) rotate(-3deg);transform:translate(-5px,-5px) scale(1.05) rotate(-3deg)}20%{-webkit-transform:translate(5px,5px) scale(.95) rotate(3deg);transform:translate(5px,5px) scale(.95) rotate(3deg)}30%{-webkit-transform:translate(-7px,3px) scale(1.1) rotate(-5deg);transform:translate(-7px,3px) scale(1.1) rotate(-5deg)}40%{-webkit-transform:translate(7px,-3px) scale(.9) rotate(5deg);transform:translate(7px,-3px) scale(.9) rotate(5deg)}50%{-webkit-transform:translate(-5px,-5px) scale(1.05) rotate(-3deg);transform:translate(-5px,-5px) scale(1.05) rotate(-3deg)}60%{-webkit-transform:translate(5px,5px) scale(.95) rotate(3deg);transform:translate(5px,5px) scale(.95) rotate(3deg)}70%{-webkit-transform:translate(-3px,7px) scale(1.1) rotate(-5deg);transform:translate(-3px,7px) scale(1.1) rotate(-5deg)}80%{-webkit-transform:translate(3px,-7px) scale(.9) rotate(5deg);transform:translate(3px,-7px) scale(.9) rotate(5deg)}90%{-webkit-transform:translate(-2px,2px) scale(1.05) rotate(-2deg);transform:translate(-2px,2px) scale(1.05) rotate(-2deg)}to{-webkit-transform:translate(0) scale(1) rotate(0deg);transform:translate(0) scale(1) rotate(0deg)}}@keyframes shake{0%{-webkit-transform:translate(0) scale(1) rotate(0deg);transform:translate(0) scale(1) rotate(0deg)}10%{-webkit-transform:translate(-5px,-5px) scale(1.05) rotate(-3deg);transform:translate(-5px,-5px) scale(1.05) rotate(-3deg)}20%{-webkit-transform:translate(5px,5px) scale(.95) rotate(3deg);transform:translate(5px,5px) scale(.95) rotate(3deg)}30%{-webkit-transform:translate(-7px,3px) scale(1.1) rotate(-5deg);transform:translate(-7px,3px) scale(1.1) rotate(-5deg)}40%{-webkit-transform:translate(7px,-3px) scale(.9) rotate(5deg);transform:translate(7px,-3px) scale(.9) rotate(5deg)}50%{-webkit-transform:translate(-5px,-5px) scale(1.05) rotate(-3deg);transform:translate(-5px,-5px) scale(1.05) rotate(-3deg)}60%{-webkit-transform:translate(5px,5px) scale(.95) rotate(3deg);transform:translate(5px,5px) scale(.95) rotate(3deg)}70%{-webkit-transform:translate(-3px,7px) scale(1.1) rotate(-5deg);transform:translate(-3px,7px) scale(1.1) rotate(-5deg)}80%{-webkit-transform:translate(3px,-7px) scale(.9) rotate(5deg);transform:translate(3px,-7px) scale(.9) rotate(5deg)}90%{-webkit-transform:translate(-2px,2px) scale(1.05) rotate(-2deg);transform:translate(-2px,2px) scale(1.05) rotate(-2deg)}to{-webkit-transform:translate(0) scale(1) rotate(0deg);transform:translate(0) scale(1) rotate(0deg)}}@-webkit-keyframes moveRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(30px);transform:translateX(30px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes moveRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(30px);transform:translateX(30px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes moveLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(-30px);transform:translateX(-30px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes moveLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(-30px);transform:translateX(-30px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes moveUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes moveUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}*{box-sizing:border-box}:not(input){-webkit-user-select:none;user-select:none}body,html{touch-action:manipulation;margin:0;padding:0;background-color:#48ff94;overflow:hidden;color:#311432;font-family:monospace}#root,body,html{height:100%}#container,.page{width:100%;height:100%}.page{position:absolute;text-align:center;opacity:0;pointer-events:none}#page0{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%}@media (min-width:600px){#page0{flex-direction:row}}#upload-text-img{width:100%;padding:2em}@media (min-width:600px){#upload-text-img{width:40%;-webkit-transform:translateX(5%) translateY(-80%);transform:translateX(5%) translateY(-80%)}}#uploadButtonHolder{width:75vw;height:75vw}@media (min-width:600px){#uploadButtonHolder{width:75vh;height:75vh;-webkit-transform:translateX(-25%) translateY(10%);transform:translateX(-25%) translateY(10%)}}#cameraIcon{display:inline-block;width:100%;height:100%;background-image:url(/static/media/camera_boi.12373e8e.png);background-size:100%;background-position:50%;background-repeat:no-repeat;cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}#page1{display:grid;grid-template-rows:1fr 1fr 1fr;grid-template-columns:1fr;height:100%;justify-content:center;align-items:center}.headerGroup{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;height:100%;padding:2em;margin-bottom:2em}.stickers-shape-text{width:50%;align-self:center}.page1-nav{display:flex;flex-direction:row;justify-content:space-between;width:100%}.navig{margin-right:1em;margin-left:1em;outline:none;background-color:inherit;border:none}.page1-nav button>img{width:100%;height:100%}#buttonBack{width:96px;height:48px;padding:0}#buttonOK{width:48px;height:48px;padding:0}#canvas{display:block;margin:1em;max-height:100%;background-size:cover;background-position:50%;justify-self:center}@media (min-width:600px){#page1{grid-template-columns:1fr 1fr;grid-template-rows:1fr}.headerGroup{justify-self:flex-end;margin:0}.stickers-shape-text{width:30vw;align-self:flex-start;padding-top:2em}.page1-nav{width:100%;justify-content:flex-start}.page1-nav button{margin:0}.page1-nav button:first-child{margin-right:1em}#canvas{justify-self:flex-start;align-self:center}}#page2{display:grid;grid-template-columns:repeat(16,1fr);grid-template-rows:repeat(8,1fr);padding:2em}.navig{width:20%}#previewStickerHolder{grid-area:2/3/8/9;width:80%;justify-self:center}#buttonsControlStickerHolder{grid-area:2/9/-2/-2}#placeSticker{grid-area:1/2/3/5;max-height:100%;min-height:0;min-width:0;z-index:1}#gridContainer{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);grid-gap:5px;gap:5px;width:100%;height:100%}#gridContainer img{max-width:100%;max-height:100%}.buttonControlSticker,.buttonControlSticker2,.gridCell{display:flex;align-items:center;justify-content:center}.buttonControlSticker,.buttonControlSticker2{width:100%;height:100%;font-size:1.2rem;background-color:inherit;border:none}.buttonControlSticker2{width:80%;height:80%}#buttonRight{grid-column:3;justify-self:flex-start;rotate:90deg}#buttonLeft,#buttonRight{grid-row:2;width:72px;height:72px;align-self:center}#buttonLeft{grid-column:1;justify-self:flex-end;rotate:-90deg;-webkit-transform:scaleX(-1);transform:scaleX(-1)}#buttonUp{grid-row:1;align-self:flex-end}#buttonDown,#buttonUp{grid-column:2;width:72px;height:72px;justify-self:center}#buttonDown{grid-row:3;align-self:flex-start;rotate:180deg;-webkit-transform:scaleX(-1);transform:scaleX(-1)}#buttonRotCW{grid-column:3;justify-self:flex-start;-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}#buttonRotACW,#buttonRotCW{grid-row:1;width:72px;height:72px;align-self:flex-end}#buttonRotACW{grid-column:1;justify-self:flex-end;-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}#buttonScaleUp{grid-column:3;justify-self:flex-start;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}#buttonScaleDown,#buttonScaleUp{grid-row:3;width:72px;height:72px;align-self:flex-start}#buttonScaleDown{grid-column:1;justify-self:flex-end;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%)}#buttonRandomValues{grid-column:2;grid-row:2;width:96px;height:96px;justify-self:center;align-self:center}#buttonBackBack{grid-area:8/2/8/3;width:96px;height:48px;padding:0}#buttonBackBack>img{width:100%;height:100%}#buttonValidate{grid-area:8/3/8/3;width:48px;height:48px;padding:0}#buttonValidate>img{width:100%;height:100%}@media (max-width:600px){#page2{grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(16,1fr);padding:2em}#previewStickerHolder{grid-area:4/1/10/9;width:80%;justify-self:center;padding-bottom:.5em}#buttonsControlStickerHolder{grid-area:10/1/17/9}#placeSticker{grid-area:1/1/3/9;justify-self:center;padding:0 1em 1em}#buttonBackBack{grid-area:3/2/3/4}#buttonValidate{grid-area:3/7/3/8}}#previewStickerHolder{pointer-events:none}#previewAndShinyHolder{width:100%;height:100%;position:relative;pointer-events:none}#previewSticker,#shiny{position:absolute;top:50%;left:50%;height:80%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);pointer-events:none}#previewSticker{-webkit-filter:url(#outline-filter) drop-shadow(5px 5px 4px #000);filter:url(#outline-filter) drop-shadow(5px 5px 4px rgba(0,0,0,1))}#shiny{pointer-events:none;opacity:1;overflow:hidden}#shiny-inner{width:500%;height:200%;background:linear-gradient(110deg,hsla(0,0%,100%,0),hsla(0,0%,100%,0) 50%,hsla(0,0%,100%,.35) 60%,hsla(0,0%,100%,0) 70%,hsla(0,0%,100%,0));-webkit-animation:shine 4s linear infinite;animation:shine 4s linear infinite;pointer-events:none}@-webkit-keyframes shine{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes shine{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}#page3{display:flex;flex-direction:column;justify-content:center;align-items:center}#sticked{width:80vw;padding:2em}@media (min-width:600px){#sticked{width:50vw}}@font-face{font-family:myFont;src:url("/static/media/Courier Prime Sans.df503745.ttf")}.animate{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}#toast-container{position:absolute;display:flex;flex-direction:column;align-items:center;width:100vw;height:100vh}.toast{max-width:300px;background:#fff;padding:.5rem;border-radius:4px;box-shadow:-1px 1px 10px rgba(0,0,0,.3);z-index:1023;-webkit-transform:translateX(110%);transform:translateX(110%);margin-top:1em}.slide-in{-webkit-animation:slideInRight .3s ease-in-out forwards;animation:slideInRight .3s ease-in-out forwards}.fade-out{-webkit-animation:fadeOut .5s ease-in-out forwards;animation:fadeOut .5s ease-in-out forwards}.toast.closing{-webkit-animation:slideOutRight .5s ease-in-out forwards;animation:slideOutRight .5s ease-in-out forwards}.toast-progress{position:absolute;display:block;bottom:0;left:0;height:4px;width:100%;background:#b7b7b7;-webkit-animation:toastProgress 3s ease-in-out forwards;animation:toastProgress 3s ease-in-out forwards}.toast-content-wrapper{display:flex;justify-content:space-between;align-items:center}.toast-icon{padding:.35rem .5rem;font-size:1.5rem}.toast-message{flex:1 1;font-size:.9rem;color:#000;padding:.5rem}.toast.toast-success{background:#95eab8}.toast.toast-success .toast-progress{background-color:#2ecc71}.toast.toast-danger{background:#efaca5}.toast.toast-danger .toast-progress{background-color:#e74c3c}.toast.toast-info{background:#bddaed}.toast.toast-info .toast-progress{background-color:#3498db}.toast.toast-warning{background:#ead994}.toast.toast-warning .toast-progress{background-color:#f1c40f}@-webkit-keyframes slideInRight{0%{-webkit-transform:translateX(110%);transform:translateX(110%)}75%{-webkit-transform:translateX(-10%);transform:translateX(-10%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight{0%{-webkit-transform:translateX(110%);transform:translateX(110%)}75%{-webkit-transform:translateX(-10%);transform:translateX(-10%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-transform:translateX(-10%);transform:translateX(-10%)}to{-webkit-transform:translateX(110%);transform:translateX(110%)}}@keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-transform:translateX(-10%);transform:translateX(-10%)}to{-webkit-transform:translateX(110%);transform:translateX(110%)}}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@-webkit-keyframes toastProgress{0%{width:100%}to{width:0}}@keyframes toastProgress{0%{width:100%}to{width:0}}
/*# sourceMappingURL=main.cf228b71.chunk.css.map */