.json-pretty{overflow-y:scroll}.json-str{width:calc(100% - 40px);margin:20px 20px 20px 20px;height:calc(100vh - 180px)}.json-pretty,.json-str textarea{height:calc(100vh - 160px)!important}.json-pretty{margin-top:20px;background-color:#fff;width:calc(100% - 20px)}.timestamp-box{margin:0 auto;width:640px}.el-input-group__prepend{width:100px}.demo-form-inline{margin-top:20px}.base64-box{margin:0 auto;width:640px}.base64-box .el-button{margin:20px}.base64-box .copy{display:inline-block;float:right;cursor:pointer}.md5-box{margin:0 auto;width:640px}.md5-box .el-button{margin:20px}.timestamp-input{margin-top:20px}.md5-box .el-form-item__label{padding:0}.qrcode-box{margin:0 auto;width:80%;height:calc(100vh - 160px);min-height:336px}.qrcode-box .el-button{margin:20px}.demo-image__error .block{text-align:center;display:inline-block;width:100%;box-sizing:border-box;vertical-align:top;width:256;height:256px;min-height:316px}.demo-image__error .demonstration{display:block;color:var(--el-text-color-secondary);font-size:14px;height:20px;line-height:20px;margin:20px auto}.demo-image__error .el-image{width:256px;height:256px}.demo-image__error .image-slot{display:flex;justify-content:center;align-items:center;width:100%;height:100%;background:var(--el-fill-color-light);color:var(--el-text-color-secondary);font-size:30px}.demo-image__error .image-slot .el-icon{font-size:30px}.qrcode-box textarea,.qrcode-height{height:calc(100vh - 160px)}.qrcode-height{min-height:336px}.json-diff{margin:20px}.char-count-box{margin:0 auto;width:700px}.char-count-box .el-button{margin:20px}.char-count-box .el-form-item__label{padding:0}.char-count-box .el-form-item{margin-bottom:0!important}.custom-checkbox{display:inline-flex;justify-content:flex-start}.url-encode-box{margin:0 auto;width:640px}.url-encode-box .el-button{margin:20px}.url-encode-box .copy{display:inline-block;float:right;cursor:pointer}.url-parse-box{margin:0 auto;width:700px}.url-parse-box .el-button{margin:20px}.url-parse-box .el-form-item__label{padding:0}.url-parse-box .el-form-item{margin-bottom:0!important}.url-parse-box .el-form-item__content{margin-left:20px}.height-120{min-height:calc(100vh - 120px)}*{margin:0;padding:0}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}.main{background-color:#f8f8f8;padding:0}.main,.main-box{display:flex;flex-direction:column}.margin-top-20{margin-top:20px}.bg-white{background-color:#fff}.line-height{line-height:60px}.height60{height:60px}