diff --git a/asset-manifest.json b/asset-manifest.json index eee5b76..689aca6 100644 --- a/asset-manifest.json +++ b/asset-manifest.json @@ -1,6 +1,6 @@ { "files": { - "main.css": "/static/css/main.1f31d51d.chunk.css", + "main.css": "/static/css/main.3d415c20.chunk.css", "main.js": "/static/js/main.a7f0baa0.chunk.js", "main.js.map": "/static/js/main.a7f0baa0.chunk.js.map", "runtime-main.js": "/static/js/runtime-main.53947984.js", @@ -92,7 +92,7 @@ "static/js/44.1f01b6b1.chunk.js": "/static/js/44.1f01b6b1.chunk.js", "static/js/44.1f01b6b1.chunk.js.map": "/static/js/44.1f01b6b1.chunk.js.map", "index.html": "/index.html", - "static/css/main.1f31d51d.chunk.css.map": "/static/css/main.1f31d51d.chunk.css.map", + "static/css/main.3d415c20.chunk.css.map": "/static/css/main.3d415c20.chunk.css.map", "static/js/2.cc65cf7d.chunk.js.LICENSE.txt": "/static/js/2.cc65cf7d.chunk.js.LICENSE.txt", "static/media/2xSOM-Blue-Green.png": "/static/media/2xSOM-Blue-Green.023e8e40.png", "static/media/2xSOM-Red-Yellow.png": "/static/media/2xSOM-Red-Yellow.a5fffa25.png", @@ -116,7 +116,7 @@ "entrypoints": [ "static/js/runtime-main.53947984.js", "static/js/2.cc65cf7d.chunk.js", - "static/css/main.1f31d51d.chunk.css", + "static/css/main.3d415c20.chunk.css", "static/js/main.a7f0baa0.chunk.js" ] } \ No newline at end of file diff --git a/index.html b/index.html index 7cab263..a164eda 100644 --- a/index.html +++ b/index.html @@ -1 +1 @@ -Volt Social Media Frame Generator
\ No newline at end of file +Volt Social Media Frame Generator
\ No newline at end of file diff --git a/static/css/main.1f31d51d.chunk.css b/static/css/main.1f31d51d.chunk.css deleted file mode 100644 index fd46537..0000000 --- a/static/css/main.1f31d51d.chunk.css +++ /dev/null @@ -1,2 +0,0 @@ -:root{--volt-purple:#582c83;--background:#140022;--editor-purple:#522e77}*{margin:0;padding:0;font-family:"Ubuntu",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:#140022;background-color:var(--background)}footer{margin:10vmin 0 0}.locale_chooser{margin:-8vmin 10vmin 10vmin;text-align:center}.App{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff;padding:10vmin}h1{font-size:calc(10px + 10vmin);line-height:.9;margin-top:2vmin}h2{margin:10vh 0 2vh;font-size:calc(10px + 4vmin)}p{max-width:100%;width:calc(40vh + 15vw)}a{color:#fff}a:hover{color:hsla(0,0%,100%,.8)}.HeaderImage{height:calc(10px + 20vmin);max-width:100%}.FinishedFrame{height:36vh;margin:2vh}.FrameChooser .frame{position:relative;display:inline-block;font-size:0;margin:2vh;cursor:pointer;transition:transform .2s ease}.FrameChooser .frame img{height:12vh;pointer-events:none}.FrameChooser .frame:hover{transform-origin:center center;transform:scale(1.1)}.FrameChooser .frame.choosen:after{content:"";position:absolute;top:-.5vh;right:-.5vh;bottom:-.5vh;left:-.5vh;box-shadow:0 0 0 .5vh #fff}.labelButton,button{position:relative;outline:none;border:none;margin:2vmin;padding:1vh 2vh;font-size:calc(10px + 2vmin);font-weight:700;cursor:pointer;background:#fff;color:#582c83;color:var(--volt-purple);transition:transform .2s ease}button.isInRow{margin:1vmin}.labelButton:hover,button:hover{transform-origin:center center;transform:scale(1.05)}button.choosen:after{content:"";position:absolute;top:-.5vh;right:-.5vh;bottom:-.5vh;left:-.5vh;box-shadow:0 0 0 .5vh #fff}.labelButton img{display:inline;height:calc(10px + 4vmin);margin:0 2vh 0 -1vh}.labelButton img,.labelButton span{vertical-align:middle}.droparea{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:calc(10px + 10vmin);background:rgba(20,0,34,.7);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none;opacity:0;transition:opacity .2s ease}.droparea.active{opacity:1}.Editor{pointer-events:all;position:relative;margin:2vh;font-size:0;cursor:move;overflow:hidden;background:#522e77;background:var(--editor-purple)}.Editor .background{pointer-events:none;position:absolute;top:50%;left:50%}.Editor .foreground{pointer-events:none;position:relative;width:36vh;height:36vh}.Editor .hashtag{pointer-events:none;position:absolute;top:0;left:0;width:100%;height:100%} -/*# sourceMappingURL=main.1f31d51d.chunk.css.map */ \ No newline at end of file diff --git a/static/css/main.1f31d51d.chunk.css.map b/static/css/main.1f31d51d.chunk.css.map deleted file mode 100644 index 64a73da..0000000 --- a/static/css/main.1f31d51d.chunk.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sources":["webpack://src/App.css"],"names":[],"mappings":"AAAA,MACI,qBAAsB,CACtB,oBAAqB,CACrB,uBACJ,CAEA,EACI,QAAS,CACT,SAAU,CACV,mJAEU,CACV,kCAAmC,CACnC,iCACJ,CAEA,KACI,wBAAmC,CAAnC,kCACJ,CAEA,OACI,iBACJ,CAEA,gBACI,2BAAmC,CACnC,iBACJ,CAEA,KACI,iBAAkB,CAGlB,YAAa,CACb,qBAAsB,CACtB,kBAAmB,CACnB,sBAAuB,CACvB,4BAA6B,CAC7B,UAAY,CACZ,cACJ,CAEA,GACI,6BAA8B,CAC9B,cAAgB,CAChB,gBACJ,CAEA,GACI,iBAAoB,CACpB,4BACJ,CAEA,EACI,cAAe,CACf,uBACJ,CAEA,EACI,UACJ,CACA,QACI,wBACJ,CAEA,aACI,0BAA2B,CAC3B,cACJ,CAEA,eACI,WAAY,CACZ,UACJ,CAEA,qBACI,iBAAkB,CAClB,oBAAqB,CACrB,WAAY,CAEZ,UAAW,CACX,cAAe,CAEf,6BACJ,CACA,yBACI,WAAY,CACZ,mBACJ,CACA,2BACI,8BAA+B,CAC/B,oBACJ,CAIA,mCACI,UAAW,CACX,iBAAkB,CAClB,SAAW,CACX,WAAa,CACb,YAAc,CACd,UAAY,CACZ,0BACJ,CAEA,oBAEI,iBAAkB,CAClB,YAAa,CACb,WAAY,CACZ,YAAa,CACb,eAAgB,CAChB,4BAA6B,CAC7B,eAAiB,CACjB,cAAe,CAEf,eAAiB,CACjB,aAAyB,CAAzB,wBAAyB,CACzB,6BACJ,CACA,eACI,YACJ,CACA,gCAEI,8BAA+B,CAC/B,qBACJ,CACA,qBACI,UAAW,CACX,iBAAkB,CAClB,SAAW,CACX,WAAa,CACb,YAAc,CACd,UAAY,CACZ,0BACJ,CAEA,iBACI,cAAe,CACf,yBAA0B,CAE1B,mBACJ,CACA,mCAHI,qBAKJ,CAGA,UACI,cAAe,CACf,KAAM,CACN,OAAQ,CACR,QAAS,CACT,MAAO,CAEP,YAAa,CACb,kBAAmB,CACnB,sBAAuB,CAEvB,eAAiB,CACjB,6BAA8B,CAE9B,2BAAgC,CAChC,kCAA2B,CAA3B,0BAA2B,CAE3B,mBAAoB,CACpB,SAAU,CACV,2BACJ,CACA,iBACI,SACJ,CAGA,QACI,kBAAmB,CACnB,iBAAkB,CAClB,UAAW,CACX,WAAY,CACZ,WAAY,CACZ,eAAgB,CAChB,kBAAgC,CAAhC,+BACJ,CACA,oBACI,mBAAoB,CACpB,iBAAkB,CAClB,OAAQ,CACR,QACJ,CACA,oBACI,mBAAoB,CACpB,iBAAkB,CAClB,UAAW,CACX,WACJ,CACA,iBACI,mBAAoB,CACpB,iBAAkB,CAClB,KAAM,CACN,MAAO,CACP,UAAW,CACX,WACJ","file":"main.1f31d51d.chunk.css","sourcesContent":[":root{\n --volt-purple: #582C83;\n --background: #140022;\n --editor-purple: #522e77;\n}\n\n*{\n margin: 0;\n padding: 0;\n font-family: 'Ubuntu', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',\n 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',\n sans-serif;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\nbody{\n background-color: var(--background);\n}\n\nfooter{\n margin: 10vmin 0 0 0;\n}\n\n.locale_chooser{\n margin: -8vmin 10vmin 10vmin 10vmin;\n text-align: center;\n}\n\n.App {\n text-align: center;\n\n /* min-height: 100vh; */\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n font-size: calc(10px + 2vmin);\n color: white;\n padding: 10vmin;\n}\n\nh1{\n font-size: calc(10px + 10vmin);\n line-height: 0.9;\n margin-top: 2vmin;\n}\n\nh2{\n margin: 10vh 0 2vh 0;\n font-size: calc(10px + 4vmin);\n}\n\np{\n max-width: 100%;\n width: calc(40vh + 15vw);\n}\n\na{\n color: white;\n}\na:hover{\n color: rgba(255,255,255,0.8);\n}\n\n.HeaderImage{\n height: calc(10px + 20vmin);\n max-width: 100%;\n}\n\n.FinishedFrame {\n height: 36vh;\n margin: 2vh;\n}\n\n.FrameChooser .frame{\n position: relative;\n display: inline-block;\n font-size: 0;\n\n margin: 2vh;\n cursor: pointer;\n /* box-shadow: 0 0 0 1vh rgba(255,255,255,0); */\n transition: transform 0.2s ease;\n}\n.FrameChooser .frame img{\n height: 12vh;\n pointer-events: none;\n}\n.FrameChooser .frame:hover{\n transform-origin: center center;\n transform: scale(1.1);\n}\n/* .FrameChooser .frame.choosen{\n box-shadow: 0 0 0 1vh white;\n} */\n.FrameChooser .frame.choosen:after {\n content: \"\";\n position: absolute;\n top: -0.5vh;\n right: -0.5vh;\n bottom: -0.5vh;\n left: -0.5vh;\n box-shadow: 0 0 0 0.5vh white;\n}\n\nbutton,\n.labelButton{\n position: relative;\n outline: none;\n border: none;\n margin: 2vmin;\n padding: 1vh 2vh;\n font-size: calc(10px + 2vmin);\n font-weight: bold;\n cursor: pointer;\n\n background: white;\n color: var(--volt-purple);\n transition: transform 0.2s ease;\n}\nbutton.isInRow{\n margin: 1vmin;\n}\nbutton:hover,\n.labelButton:hover{\n transform-origin: center center;\n transform: scale(1.05);\n}\nbutton.choosen:after {\n content: \"\";\n position: absolute;\n top: -0.5vh;\n right: -0.5vh;\n bottom: -0.5vh;\n left: -0.5vh;\n box-shadow: 0 0 0 0.5vh white;\n}\n\n.labelButton img{\n display: inline;\n height: calc(10px + 4vmin);\n vertical-align: middle;\n margin: 0 2vh 0 -1vh;\n}\n.labelButton span{\n vertical-align: middle;\n}\n\n\n.droparea{\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n \n display: flex;\n align-items: center;\n justify-content: center;\n\n font-weight: bold;\n font-size: calc(10px + 10vmin);\n\n background: rgba(20, 0, 34, 0.7);\n backdrop-filter: blur(10px);\n\n pointer-events: none;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n.droparea.active{\n opacity: 1;\n}\n\n\n.Editor{\n pointer-events: all;\n position: relative;\n margin: 2vh;\n font-size: 0;\n cursor: move;\n overflow: hidden;\n background: var(--editor-purple);\n}\n.Editor .background{\n pointer-events: none; \n position: absolute; \n top: 50%;\n left: 50%;\n}\n.Editor .foreground{\n pointer-events: none;\n position: relative;\n width: 36vh;\n height: 36vh;\n}\n.Editor .hashtag{\n pointer-events: none; \n position: absolute; \n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n\n"]} \ No newline at end of file diff --git a/static/css/main.3d415c20.chunk.css b/static/css/main.3d415c20.chunk.css new file mode 100644 index 0000000..9403e31 --- /dev/null +++ b/static/css/main.3d415c20.chunk.css @@ -0,0 +1,2 @@ +:root{--volt-purple:#582c83;--background:#140022;--editor-purple:#522e77}*{margin:0;padding:0;font-family:"Ubuntu",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:#140022;background-color:var(--background)}footer{margin:10vmin 0 0}.locale_chooser{margin:-8vmin 10vmin 10vmin;text-align:center}.App{text-align:center;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff;padding:10vmin}h1{font-size:calc(10px + 10vmin);line-height:.9;margin-top:2vmin}h2{margin:10vh 0 2vh;font-size:calc(10px + 4vmin)}p{max-width:100%;width:calc(40vh + 15vw)}a{color:#fff}a:hover{color:hsla(0,0%,100%,.8)}.HeaderImage{height:calc(10px + 20vmin);max-width:100%}.FinishedFrame{height:36vh;margin:2vh}.FrameChooser .frame{position:relative;display:inline-block;font-size:0;margin:2vh;cursor:pointer;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}.FrameChooser .frame img{height:12vh;pointer-events:none}.FrameChooser .frame:hover{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:scale(1.1);transform:scale(1.1)}.FrameChooser .frame.choosen:after{content:"";position:absolute;top:-.5vh;right:-.5vh;bottom:-.5vh;left:-.5vh;box-shadow:0 0 0 .5vh #fff}.labelButton,button{position:relative;outline:none;border:none;margin:2vmin;padding:1vh 2vh;font-size:calc(10px + 2vmin);font-weight:700;cursor:pointer;background:#fff;color:#582c83;color:var(--volt-purple);transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}button.isInRow{margin:1vmin}.labelButton:hover,button:hover{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:scale(1.05);transform:scale(1.05)}button.choosen:after{content:"";position:absolute;top:-.5vh;right:-.5vh;bottom:-.5vh;left:-.5vh;box-shadow:0 0 0 .5vh #fff}.labelButton img{display:inline;height:calc(10px + 4vmin);margin:0 2vh 0 -1vh}.labelButton img,.labelButton span{vertical-align:middle}.droparea{position:fixed;top:0;right:0;bottom:0;left:0;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;font-weight:700;font-size:calc(10px + 10vmin);background:rgba(20,0,34,.7);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none;opacity:0;transition:opacity .2s ease}.droparea.active{opacity:1}.Editor{pointer-events:all;position:relative;margin:2vh;font-size:0;cursor:move;overflow:hidden;background:#522e77;background:var(--editor-purple)}.Editor .background{pointer-events:none;position:absolute;top:50%;left:50%}.Editor .foreground{pointer-events:none;position:relative;width:36vh;height:36vh}.Editor .hashtag{pointer-events:none;position:absolute;top:0;left:0;width:100%;height:100%} +/*# sourceMappingURL=main.3d415c20.chunk.css.map */ \ No newline at end of file diff --git a/static/css/main.3d415c20.chunk.css.map b/static/css/main.3d415c20.chunk.css.map new file mode 100644 index 0000000..c6b0b99 --- /dev/null +++ b/static/css/main.3d415c20.chunk.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["webpack://src/App.css"],"names":[],"mappings":"AAAA,MACI,qBAAsB,CACtB,oBAAqB,CACrB,uBACJ,CAEA,EACI,QAAS,CACT,SAAU,CACV,mJAEU,CACV,kCAAmC,CACnC,iCACJ,CAEA,KACI,wBAAmC,CAAnC,kCACJ,CAEA,OACI,iBACJ,CAEA,gBACI,2BAAmC,CACnC,iBACJ,CAEA,KACI,iBAAkB,CAGlB,oBAAa,CAAb,YAAa,CACb,6BAAsB,CAAtB,qBAAsB,CACtB,0BAAmB,CAAnB,kBAAmB,CACnB,8BAAuB,CAAvB,sBAAuB,CACvB,4BAA6B,CAC7B,UAAY,CACZ,cACJ,CAEA,GACI,6BAA8B,CAC9B,cAAgB,CAChB,gBACJ,CAEA,GACI,iBAAoB,CACpB,4BACJ,CAEA,EACI,cAAe,CACf,uBACJ,CAEA,EACI,UACJ,CACA,QACI,wBACJ,CAEA,aACI,0BAA2B,CAC3B,cACJ,CAEA,eACI,WAAY,CACZ,UACJ,CAEA,qBACI,iBAAkB,CAClB,oBAAqB,CACrB,WAAY,CAEZ,UAAW,CACX,cAAe,CAEf,qCAA+B,CAA/B,6BAA+B,CAA/B,wDACJ,CACA,yBACI,WAAY,CACZ,mBACJ,CACA,2BACI,sCAA+B,CAA/B,8BAA+B,CAC/B,4BAAqB,CAArB,oBACJ,CAIA,mCACI,UAAW,CACX,iBAAkB,CAClB,SAAW,CACX,WAAa,CACb,YAAc,CACd,UAAY,CACZ,0BACJ,CAEA,oBAEI,iBAAkB,CAClB,YAAa,CACb,WAAY,CACZ,YAAa,CACb,eAAgB,CAChB,4BAA6B,CAC7B,eAAiB,CACjB,cAAe,CAEf,eAAiB,CACjB,aAAyB,CAAzB,wBAAyB,CACzB,qCAA+B,CAA/B,6BAA+B,CAA/B,wDACJ,CACA,eACI,YACJ,CACA,gCAEI,sCAA+B,CAA/B,8BAA+B,CAC/B,6BAAsB,CAAtB,qBACJ,CACA,qBACI,UAAW,CACX,iBAAkB,CAClB,SAAW,CACX,WAAa,CACb,YAAc,CACd,UAAY,CACZ,0BACJ,CAEA,iBACI,cAAe,CACf,yBAA0B,CAE1B,mBACJ,CACA,mCAHI,qBAKJ,CAGA,UACI,cAAe,CACf,KAAM,CACN,OAAQ,CACR,QAAS,CACT,MAAO,CAEP,oBAAa,CAAb,YAAa,CACb,0BAAmB,CAAnB,kBAAmB,CACnB,8BAAuB,CAAvB,sBAAuB,CAEvB,eAAiB,CACjB,6BAA8B,CAE9B,2BAAgC,CAChC,kCAA2B,CAA3B,0BAA2B,CAE3B,mBAAoB,CACpB,SAAU,CACV,2BACJ,CACA,iBACI,SACJ,CAGA,QACI,kBAAmB,CACnB,iBAAkB,CAClB,UAAW,CACX,WAAY,CACZ,WAAY,CACZ,eAAgB,CAChB,kBAAgC,CAAhC,+BACJ,CACA,oBACI,mBAAoB,CACpB,iBAAkB,CAClB,OAAQ,CACR,QACJ,CACA,oBACI,mBAAoB,CACpB,iBAAkB,CAClB,UAAW,CACX,WACJ,CACA,iBACI,mBAAoB,CACpB,iBAAkB,CAClB,KAAM,CACN,MAAO,CACP,UAAW,CACX,WACJ","file":"main.3d415c20.chunk.css","sourcesContent":[":root{\n --volt-purple: #582C83;\n --background: #140022;\n --editor-purple: #522e77;\n}\n\n*{\n margin: 0;\n padding: 0;\n font-family: 'Ubuntu', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',\n 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',\n sans-serif;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\nbody{\n background-color: var(--background);\n}\n\nfooter{\n margin: 10vmin 0 0 0;\n}\n\n.locale_chooser{\n margin: -8vmin 10vmin 10vmin 10vmin;\n text-align: center;\n}\n\n.App {\n text-align: center;\n\n /* min-height: 100vh; */\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n font-size: calc(10px + 2vmin);\n color: white;\n padding: 10vmin;\n}\n\nh1{\n font-size: calc(10px + 10vmin);\n line-height: 0.9;\n margin-top: 2vmin;\n}\n\nh2{\n margin: 10vh 0 2vh 0;\n font-size: calc(10px + 4vmin);\n}\n\np{\n max-width: 100%;\n width: calc(40vh + 15vw);\n}\n\na{\n color: white;\n}\na:hover{\n color: rgba(255,255,255,0.8);\n}\n\n.HeaderImage{\n height: calc(10px + 20vmin);\n max-width: 100%;\n}\n\n.FinishedFrame {\n height: 36vh;\n margin: 2vh;\n}\n\n.FrameChooser .frame{\n position: relative;\n display: inline-block;\n font-size: 0;\n\n margin: 2vh;\n cursor: pointer;\n /* box-shadow: 0 0 0 1vh rgba(255,255,255,0); */\n transition: transform 0.2s ease;\n}\n.FrameChooser .frame img{\n height: 12vh;\n pointer-events: none;\n}\n.FrameChooser .frame:hover{\n transform-origin: center center;\n transform: scale(1.1);\n}\n/* .FrameChooser .frame.choosen{\n box-shadow: 0 0 0 1vh white;\n} */\n.FrameChooser .frame.choosen:after {\n content: \"\";\n position: absolute;\n top: -0.5vh;\n right: -0.5vh;\n bottom: -0.5vh;\n left: -0.5vh;\n box-shadow: 0 0 0 0.5vh white;\n}\n\nbutton,\n.labelButton{\n position: relative;\n outline: none;\n border: none;\n margin: 2vmin;\n padding: 1vh 2vh;\n font-size: calc(10px + 2vmin);\n font-weight: bold;\n cursor: pointer;\n\n background: white;\n color: var(--volt-purple);\n transition: transform 0.2s ease;\n}\nbutton.isInRow{\n margin: 1vmin;\n}\nbutton:hover,\n.labelButton:hover{\n transform-origin: center center;\n transform: scale(1.05);\n}\nbutton.choosen:after {\n content: \"\";\n position: absolute;\n top: -0.5vh;\n right: -0.5vh;\n bottom: -0.5vh;\n left: -0.5vh;\n box-shadow: 0 0 0 0.5vh white;\n}\n\n.labelButton img{\n display: inline;\n height: calc(10px + 4vmin);\n vertical-align: middle;\n margin: 0 2vh 0 -1vh;\n}\n.labelButton span{\n vertical-align: middle;\n}\n\n\n.droparea{\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n \n display: flex;\n align-items: center;\n justify-content: center;\n\n font-weight: bold;\n font-size: calc(10px + 10vmin);\n\n background: rgba(20, 0, 34, 0.7);\n backdrop-filter: blur(10px);\n\n pointer-events: none;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n.droparea.active{\n opacity: 1;\n}\n\n\n.Editor{\n pointer-events: all;\n position: relative;\n margin: 2vh;\n font-size: 0;\n cursor: move;\n overflow: hidden;\n background: var(--editor-purple);\n}\n.Editor .background{\n pointer-events: none; \n position: absolute; \n top: 50%;\n left: 50%;\n}\n.Editor .foreground{\n pointer-events: none;\n position: relative;\n width: 36vh;\n height: 36vh;\n}\n.Editor .hashtag{\n pointer-events: none; \n position: absolute; \n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n\n"]} \ No newline at end of file