body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","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}:root{font-size:10px;--bg-color:#ccc;--white:#fff;--black:#515151;--black-hover:#303030;--black-opacity:rgba(81,81,81,0.4);--border:#eee;--gray:#ccc;--gray-f6:#f6f6f6;--shadow-opacity:rgba(0,0,0,0.125)}*{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:none}@font-face{font-family:"Seto";src:url(../../static/media/Seto.e908f026.eot);src:url(../../static/media/Seto.e908f026.eot) format("embedded-opentype"),url(../../static/media/Seto.401d3807.woff) format("woff"),url(../../static/media/Seto.98f7e664.ttf) format("truetype"),url(../../static/media/Seto.43f8ed00.svg) format("svg");font-style:normal;font-weight:400}body{font-family:"Seto";padding:0;margin:0;background-color:#ccc;background-color:var(--bg-color);transition:background-color 2s}a,body{color:#515151;color:var(--black)}a{text-decoration:none;margin:0 .4rem}a:hover{color:#303030;color:var(--black-hover)}#app{outline:none;overflow:hidden}.content-loading{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;text-align:center}.content-loading .loading-img{width:30%;max-width:20rem;max-height:20rem;margin:0 auto;-webkit-animation:rotate 6s linear infinite;animation:rotate 6s linear infinite}.content-loading.bounce-enter-active{-webkit-animation:bounce-in .5s;animation:bounce-in .5s}.content-loading.bounce-exit-active{animation:bounce-in .5s reverse}@-webkit-keyframes bounce-in{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes bounce-in{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}@-webkit-keyframes rotate{0%{transform:rotate(0deg);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg)}to{transform:rotate(1turn);-webkit-transform:rotate(1turn);-moz-transform:rotate(1turn)}}@keyframes rotate{0%{transform:rotate(0deg);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg)}to{transform:rotate(1turn);-webkit-transform:rotate(1turn);-moz-transform:rotate(1turn)}}.container{position:relative;text-align:center;width:75%;max-width:60rem;background-color:var(--white);margin:4rem auto;padding:6rem 4rem;border-radius:2rem;box-shadow:0 .5rem 1rem var(--shadow-opacity)}.container .tooltip{position:absolute;width:2.4rem;height:2.4rem;right:2.4rem;top:2.4rem;opacity:.2;transition:opacity .2s;background-image:url(../../static/media/tip.8274afb0.svg);background-size:2.4rem 2.4rem;background-repeat:no-repeat}.container .tooltip:hover{opacity:.6}.container .tooltip:hover .tooltiptext{visibility:visible}.container .tooltip .tooltiptext{visibility:hidden;white-space:nowrap;font-size:1.4rem;min-width:12rem;background-color:var(--black-opacity);color:var(--white);text-align:left;padding:.5rem .8rem;border-radius:.6rem;position:absolute;z-index:1;top:3.6rem;right:0}@media only screen and (max-width:500rem){.container .container .tooltip{display:none}}.container .control{display:flex;justify-content:center}.container .btn{display:inline-block;border:.2rem solid var(--black);font-size:2rem;line-height:2rem;padding:1rem 1.6rem;margin:1rem;border-radius:3rem;transition:all .2s}.container .btn:hover{cursor:pointer;background-color:var(--black);color:var(--white)}.container .btn.small{font-size:1.8rem}.container .index-btn{background-color:var(--black);color:var(--white);height:4rem;line-height:4rem;font-size:2.4rem;margin:2rem -4rem -6rem;padding:2rem 4rem;border-radius:0 0 2rem 2rem;transition:all .2s}.container .index-btn:hover{cursor:pointer;background-color:var(--black-hover);color:var(--white);font-size:2.6rem}.container .title .meta{color:var(--black);font-size:2.8rem;height:4rem;line-height:4rem;margin:1rem 0}.container .title .str{color:var(--black);margin:2rem 0}.container .title .input.str{display:flex;align-items:center;font-size:4.2rem;border:1px solid var(--border);background:var(--gray-f6);padding:1.4rem;min-height:4.2rem;word-break:break-all;border-radius:2rem}.container .title .input span{flex:1 1}.container .title .input .icon{width:2.6rem;height:2.6rem;margin:0 1rem;opacity:.4;transition:opacity .2s}.container .title .input .icon:hover{cursor:pointer;opacity:1}.container .title .placeholder{color:var(--gray)}.container .title .output.str{font-size:4.8rem;word-break:break-all}.container .output-image{margin:2rem 0;padding:2rem 0;-webkit-touch-callout:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.footer{text-align:center;font-size:1.8rem}.footer .lang-list{padding:0;margin:1rem 0}.footer .lang-list .lang{list-style-type:none;display:inline}.footer .lang-list .lang:hover{cursor:pointer;color:var(--black-hover)}.footer .lang-list .lang:not(:first-child):before{content:" / "}.footer .meta{margin:1rem 0;opacity:.8}
/*# sourceMappingURL=main.ae3a714e.chunk.css.map */