{"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,KACI,iBAAkB,CAGlB,YAAa,CACb,qBAAsB,CACtB,kBAAmB,CACnB,sBAAuB,CACvB,4BAA6B,CAC7B,UAAY,CACZ,cACJ,CAEA,GACI,iBAAoB,CACpB,4BACJ,CAEA,EACI,cAAe,CACf,uBACJ,CAEA,aACI,0BAA2B,CAC3B,cACJ,CAEA,eACI,WAAY,CACZ,UACJ,CAEA,qBACI,WAAY,CACZ,UAAW,CACX,cAAe,CACf,sCAAyC,CACzC,6BACJ,CACA,2BACI,8BAA+B,CAC/B,oBACJ,CACA,6BACI,yBACJ,CAEA,gCACI,iBAAkB,CAElB,YACJ,CACA,8CACI,UAAW,CACX,iBAAkB,CAClB,SAAW,CACX,WAAa,CACb,YAAc,CACd,UAAY,CACZ,0BACJ,CAEA,oBAEI,YAAa,CACb,WAAY,CACZ,UAAW,CACX,eAAgB,CAChB,4BAA6B,CAC7B,eAAiB,CACjB,cAAe,CAEf,eAAiB,CACjB,aAAyB,CAAzB,wBAAyB,CACzB,6BACJ,CACA,gCAEI,8BAA+B,CAC/B,qBACJ,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.13420bc5.chunk.css","sourcesContent":[":root{\n    --volt-purple: #582C83;\n    --background: #140022;\n    --editor-purple: #522B79;\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\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\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\n.HeaderImage{\n    height: calc(10px + 30vmin);\n    max-width: 100%;\n}\n\n.FinishedFrame {\n    height: 36vh;\n    margin: 2vh;\n}\n\n.FrameChooser .frame{\n    height: 12vh;\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: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\n.HashtagChooser .hashtag_button {\n    position: relative;\n    /* display: block; */\n    margin: 1vmin;\n}\n.HashtagChooser .hashtag_button.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    outline: none;\n    border: none;\n    margin: 2vh;\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:hover,\n.labelButton:hover{\n    transform-origin: center center;\n    transform: scale(1.05);\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"]}