@font-face{font-family:"Material Icons";font-style:normal;font-weight:400;src:url(fonts/MaterialIcons-Regular..eot);src:local("Material Icons"),local("MaterialIcons-Regular"),url(fonts/MaterialIcons-Regular..woff2) format("woff2"),url(fonts/MaterialIcons-Regular..woff) format("woff"),url(fonts/MaterialIcons-Regular..ttf) format("truetype")}.material-icons{font-family:"Material Icons";font-weight:normal;font-style:normal;font-size:24px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-webkit-font-feature-settings:"liga";-moz-font-feature-settings:"liga";font-feature-settings:"liga"}
body{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;min-height:100vh;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}main{-webkit-box-flex:1;-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto}body{background:#f4f4f4}html{font-family:Roboto,"Microsoft Yahei",Calibri,Trebuchet,sans-serif}.site-footer{height:50px}.github-link{display:inline-block;width:32px;height:32px;background:url(fonts/github_logo..svg) no-repeat;background-size:100% auto;vertical-align:middle}.copyright{line-height:50px}
.upload-area{padding:20px 0}.drop-container{padding-top:20px}.drop-box{height:180px;border:5px dashed #5d4037}.drop-box.active{border-color:#ff6e40}.drop-label{width:100%;text-align:center;font-size:18px;cursor:default;pointer-events:none}.editor-area{position:relative;padding:20px 0;min-height:300px}.label-text{font-size:14px}.config-container{margin-bottom:10px}.preloader-container{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.content-container{position:relative;margin-bottom:10px}.content-container.is-loading:after{position:absolute;background:rgba(0,0,0,.3);left:0;top:0;right:0;bottom:0}.editor-content{min-height:150px;max-height:400px;overflow:auto}.editor-content pre{padding:10px;white-space:pre;word-wrap:normal;overflow:auto;line-height:1.5}.editor-content pre,.editor-content code{font-family:inherit}.btn-copy{background:#ad1457}.btn-copy:hover,.btn-copy:focus{background:#c2185b}.btn-download{margin-left:20px}.btn-option{background:#1976d2}.btn-option:hover,.btn-option:focus{background:#1e88e5}.input-field{padding-bottom:10px}.option-line{margin-bottom:10px}.modal .modal-footer .btn-combined{margin-left:10px}.depth-number{margin-left:10px}.option-note{margin-left:10px}.site-footer .extra{padding-top:7px}.i18n-button{display:inline-block;min-width:100px;padding:0 25px;height:36px;border-bottom:2px solid #ee6e73;margin-right:20px;color:inherit;text-align:center;line-height:36px;vertical-align:middle}.browser-note{position:absolute;width:200px;height:200px;margin:-100px 0 0 -100px;left:50%;top:50%}.browser-note .note-actor{width:160px;height:160px;margin:0 auto;background:url(/assets/index/hopou_b459bb9448b7..png) no-repeat;background-size:100% auto}.browser-note .note-text{text-align:center}@media(-webkit-min-device-pixel-ratio: 1.5),(min-resolution: 144dpi){.browser-note .note-actor{width:80px;height:80px}}