body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;font-family:sans-serif;margin:0;padding:0}body{align-items:center;background:#ffc107;display:flex;justify-content:center;min-height:100vh;padding:0 10px}.container{background:#fff;border-radius:7px;box-shadow:0 10px 20px transparent;min-width:700px;padding:30px;width:100%}.wrapper{border:1px solid #ccc;border-radius:5px}.wrapper .text-input{border-bottom:1px solid #ccc;display:flex}.text-input .to-text{border-left:1px solid #ccc;border-radius:0}.text-input textarea{background:none;border:none;border-radius:5px;font-size:18px;height:250px;outline:none;padding:10px 15px;resize:none;width:100%}.text-input textarea::-webkit-input-placeholder{color:#b7b6b6}.text-input textarea::placeholder{color:#b7b6b6}.controls,.icons,.icons i,li{align-items:center;display:flex;justify-content:space-between}.controls{list-style:none;padding:12px 15px}.controls .row .icons{width:38%}.controls .row .icons i{color:#adadad;cursor:pointer;font-size:14px;justify-content:center;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease;width:50px}.controls .row.from .icons{border-right:1px solid #ccc;padding-right:15px}.controls .row.to .icons{border-left:1px solid #ccc;padding-left:15px}.controls .row select{background:none;border:none;color:#333;font-size:18px;outline:none;padding-left:5px}.text-input textarea::-webkit-scrollbar{width:4px}.controls .row select::-webkit-scrollbar{width:8px}.controls .row select::-webkit-scrollbar-track,.text-input textarea::-webkit-scrollbar-track{background:#fff}.text-input textarea::-webkit-scrollbar-thumb{background:#ddd;border-radius:8px}.controls .row select::-webkit-scrollbar-thumb{background:#999;border-radius:8px;border-right:2px solid #fff}.controls .exchange{color:#adadad;cursor:pointer;font-size:16px;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}.controls i:active{-webkit-transform:scale(.9);transform:scale(.9)}.container button{background:#ffc107;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:17px;margin-top:20px;outline:none;padding:14px;width:100%}
/*# sourceMappingURL=main.8bb7d8b3.css.map*/