body{margin:0;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}span{font-size:16px;color:#333;white-space:pre;font-weight:700;font-family:Menlo,Monaco,"Courier New",monospace}.pop{left:0;top:0;right:0;bottom:0;display:flex;position:fixed;flex-direction:column;align-items:center;justify-content:center;background-color:rgba(0,0,0,.6)}.page{display:block;box-sizing:border-box;position:relative}.page-header{height:50px;display:flex;flex-direction:row;align-items:center;padding:0 20px;box-shadow:0 2px 2px rgba(0,0,0,.1)}.page-header__name{color:#666;font-size:18px;font-weight:700}.page-header__wechat{width:20px;height:20px;margin-left:10px;cursor:pointer}.page-json{display:flex;height:calc(100vh - 100px);flex-direction:row;align-items:flex-start;justify-content:center}.page-json-source{flex:382 1;position:relative;align-self:stretch}.page-json-source-operations{display:flex;flex-direction:row;align-items:center;padding:6px 20px}.page-json-source-operations__format{cursor:pointer;font-size:14px;font-weight:700;color:#008b45}.page-json-source-operations__error{cursor:pointer;font-size:14px;font-weight:700;color:#ff3030;margin-left:12px}.page-json-source__text{width:100%;height:100%;margin:0;font-size:16px;background:none;padding:10px 20px;color:#333;resize:none;outline:none;box-sizing:border-box;font-family:Menlo,Monaco,"Courier New",monospace;border:1px solid #f0f0f0}.page-json-source__text::focus{border:none;outline:red;box-shadow:red}.page-json-render{flex:618 1;align-self:stretch;overflow-y:scroll;padding:40px 20px}.page-footer{height:100px;display:flex;flex-direction:column;align-items:center}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
/*# sourceMappingURL=main.c5c74ae9.chunk.css.map */