*,:after,:before{box-sizing:inherit}html{box-sizing:border-box;height:100%}body{margin:0;min-height:100%;background-color:#eef9ff;color:#415659;padding:20px;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.tooltip,[data-tooltip]{position:relative;cursor:pointer}.tooltip:after,.tooltip:before,[data-tooltip]:after,[data-tooltip]:before{position:absolute;visibility:hidden;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transition:opacity .2s ease-in-out,visibility .2s ease-in-out,-webkit-transform .2s cubic-bezier(.71,1.7,.77,1.24);transition:opacity .2s ease-in-out,visibility .2s ease-in-out,-webkit-transform .2s cubic-bezier(.71,1.7,.77,1.24);transition:opacity .2s ease-in-out,visibility .2s ease-in-out,transform .2s cubic-bezier(.71,1.7,.77,1.24);transition:opacity .2s ease-in-out,visibility .2s ease-in-out,transform .2s cubic-bezier(.71,1.7,.77,1.24),-webkit-transform .2s cubic-bezier(.71,1.7,.77,1.24);-webkit-transform:translateZ(0);transform:translateZ(0);pointer-events:none}.tooltip:hover:after,.tooltip:hover:before,[data-tooltip]:hover:after,[data-tooltip]:hover:before{visibility:visible;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1}.tooltip:before,[data-tooltip]:before{z-index:1001;border:6px solid transparent;background:transparent;content:""}.tooltip:after,[data-tooltip]:after{z-index:1000;padding:8px;width:160px;background-color:#000;background-color:rgba(51,51,51,.9);color:#fff;content:attr(data-tooltip);font-size:14px;line-height:1.2;text-transform:none;border-radius:3px}.tooltip-top:after,.tooltip-top:before,.tooltip:after,.tooltip:before,[data-tooltip]:after,[data-tooltip]:before{bottom:100%;left:50%}.tooltip-top:before,.tooltip:before,[data-tooltip]:before{margin-left:-6px;margin-bottom:-12px;border-top-color:#000;border-top-color:rgba(51,51,51,.9)}.tooltip-top:after,.tooltip:after,[data-tooltip]:after{margin-left:-80px}.tooltip-top:hover:after,.tooltip-top:hover:before,.tooltip:hover:after,.tooltip:hover:before,[data-tooltip]:hover:after,[data-tooltip]:hover:before{-webkit-transform:translateY(-12px);transform:translateY(-12px)}.tooltip-left:after,.tooltip-left:before{right:100%;bottom:50%;left:auto}.tooltip-left:before{margin-left:0;margin-right:-12px;margin-bottom:0;border-top-color:transparent;border-left-color:#000;border-left-color:rgba(51,51,51,.9)}.tooltip-left:hover:after,.tooltip-left:hover:before{-webkit-transform:translateX(-12px);transform:translateX(-12px)}.tooltip-bottom:after,.tooltip-bottom:before{top:100%;bottom:auto;left:50%}.tooltip-bottom:before{margin-top:-12px;margin-bottom:0;border-top-color:transparent;border-bottom-color:#000;border-bottom-color:rgba(51,51,51,.9)}.tooltip-bottom:hover:after,.tooltip-bottom:hover:before{-webkit-transform:translateY(12px);transform:translateY(12px)}.tooltip-right:after,.tooltip-right:before{bottom:50%;left:100%}.tooltip-right:before{margin-bottom:0;margin-left:-12px;border-top-color:transparent;border-right-color:#000;border-right-color:rgba(51,51,51,.9)}.tooltip-right:hover:after,.tooltip-right:hover:before{-webkit-transform:translateX(12px);transform:translateX(12px)}.tooltip-left:before,.tooltip-right:before{top:3px}.tooltip-left:after,.tooltip-right:after{margin-left:0;margin-bottom:-16px}.mirror{position:absolute}.appButton{position:relative;border:1px solid #6165f9;border-radius:3px;color:#6165f9;text-align:center;font-size:14px;font-weight:500;outline:none;cursor:pointer;-webkit-transition:background-color .15s ease-in-out,color .15s ease-in-out,opacity .15s ease-in-out;transition:background-color .15s ease-in-out,color .15s ease-in-out,opacity .15s ease-in-out;background-color:#fff;padding:12px 25px;text-transform:uppercase;box-shadow:1px 1px 2px 1px rgba(0,0,0,.15)}.appButton--solid,.appButton:hover{background-color:#6165f9;color:#fff}.appButton--solid:hover{opacity:.85}.uploadFileInput{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;z-index:1;cursor:pointer}.studioContainer{position:fixed;top:20px;left:20px;right:20px;bottom:20px;display:flex;flex-direction:column;align-items:center}.studioContainer__image{position:fixed;top:100000px;left:100000px}.studio{position:relative;height:85%;width:85%;display:flex;justify-content:center;align-items:center}.studio__frame{max-width:100%;max-height:100%;overflow:hidden;border-radius:3px;border:1px dashed #181818}.actionTray{display:flex;flex-direction:row;margin-top:20px}.actionTray .appButton:not(:last-child){margin-right:20px}.actionTray .appButton:last-child{margin-left:40px}@media (max-width:550px){.studio{height:90%;width:90%}.actionTray .appButton{padding:8px 15px;text-transform:none}.actionTray .appButton:not(:last-child){margin-right:5px}.actionTray .appButton:last-child{margin-left:10px}}.landingContainer{display:flex;flex-direction:column;align-items:center;padding:60px 0 0}.landingContainer__heading{font-weight:700;font-size:64px;margin:0 0 20px}.landingContainer__tagline{font-weight:400;font-size:20px;line-height:26px;margin:0 0 40px;max-width:550px;text-align:center}.landingContainer__uploadButton{align-self:center;margin-bottom:40px}.landingContainer__previewBox{width:100%;max-width:400px;border:1px solid #ccc;border-radius:3px;margin-bottom:40px}.landingContainer__footer{font-size:12px;font-weight:700;margin:0;text-align:center}.landingContainer__footer a{color:#6165f9}@media (max-width:550px){.landingContainer{align-items:flex-start;padding-top:20px}.landingContainer__heading{font-size:48px}.landingContainer__tagline{text-align:left;font-size:16px;line-height:22px}}
/*# sourceMappingURL=main.dfa32c93.chunk.css.map */