.box-border{background:0 0;border:none}.container2{width:100%;height:630px;margin:auto;padding:57px;padding-top:91px;padding-bottom:110px;background:#66f}.output_div,.textarea_div{width:49%;height:100%;border:1px solid #fff;float:left}.output_div{width:49%;float:right;background:0 0;border:none}.textarea_div #textarea,.textarea_div #textarea2{width:100%;height:373.5px;padding:10px;resize:none;outline:0;font-size:16px}.encode_head{height:auto;width:100%;padding-left:20px;position:relative}.encode_head p{font-size:25px;font-weight:700;margin-top:8px;height:29px;color:#fff}.option_bar{width:100%;height:60px;border-bottom-left-radius:10px;border:2px solid #fff;border-bottom-right-radius:10px}.output_section{width:100%;height:100%;background:#fff;border-radius:5px;position:relative}.output_section a{font-weight:700;position:absolute;font-size:17px;top:5px}#copy{left:0}#reset{left:65px;padding:0;top:11px}#indent{margin-left:108px}#indent select{outline:0;border:none;font-weight:700}#save{right:5px}.format{border:2px solid #fff;height:56px;font-family:Arial;text-align:center;padding-top:10px;cursor:pointer;position:absolute;bottom:0;color:#fff;font-weight:700;width:100%;font-size:20px;background:#66f}.output{position:absolute;width:100%;height:325px;padding:20px;padding-top:0;top:48px;border-top:0}.output_inner{height:100%;width:100%;overflow-wrap:break-word;background:#f0f0f0;border-width:2px;border-style:dashed;border-color:#c8c8c8;border-image:initial;padding:5px;overflow:auto}#output_editor{height:100%;width:100%;background:#f0f0f0;border:none;outline:0}.output_inner p{font-size:26px;font-weight:700;text-align:center;margin-top:115px}.encode_head a{position:absolute;top:0;color:#66f;right:7px;font-weight:700;background:#fff}#file{visibility:hidden;height:0;width:0}@media (max-width:1200px){.container2{height:1000px}.output_div,.textarea_div{float:none;width:100%;height:50%}.output_div{margin-top:55px}}@media (max-width:710px){.container2{padding:20px;padding-top:70px;padding-bottom:75px}}@media (max-width:710px){.encode_head p{font-size:21px;margin-top:12px;height:27px}.encode_head a{top:-3px}}#home_img{height:39px;margin-left:-12px}.json5{height:20px}.collapse li .dropdown-menu{border-top:2px solid rgba(230,230,230);overflow-y:scroll;height:100%}.social-icons{display:none}#header_img{width:40px;height:40px}.editor{position:relative}.input_editor_bar,.output_editor_bar{background-color:rgba(32,152,243,.8);display:flex;justify-content:space-between;align-items:center;color:#fff;font-weight:900;padding:8px 20px;border-right:1px solid #fff}.editor_action{display:flex;align-items:center;gap:15px}.editor_action>i{cursor:pointer;font-size:20px;margin:0;color:#fff}.editor_action .copy_icon,.save_icon{cursor:pointer;width:20px;height:20px}#left_editor_div,#right_editor_div{width:100%}#input_editor,#output_editor{border-right:1px solid rgba(0,0,0,.1);font-size:17px;height:450px;border-bottom:1px solid rgba(0,0,0,.1)}.format_json{background:rgba(32,152,243,.8);position:absolute;left:530px;top:230px;border-radius:30px;z-index:9;height:40px;width:80px;display:flex;justify-content:center;align-items:center}.editor_btns{align-items:center;height:100%;cursor:pointer;width:100%;margin:0 auto;text-align:center;display:flex;justify-content:center}.editor_btns img{cursor:pointer}@media (max-width:768px){#left_editor_div,#right_editor_div{order:1}.editor{flex-direction:column;gap:20px}.format_json{position:unset;margin:0 auto}}