@media (max-width:500px){.App_main__wo9xi{grid-template-columns:repeat(1,minmax(0,1fr))}}@media (min-width:501px) and (max-width:800px){.App_main__wo9xi{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:801px){.App_main__wo9xi{grid-template-columns:repeat(4,minmax(0,1fr))}}.App_main__wo9xi{background-color:#fafafa;border-top:1px solid #c4c4c4;padding:18px;display:grid;gap:18px}.App_pad-inner__A0zpG{padding:5px 8px}.App_expand-text__m0_Fd{display:flex;flex-direction:column;justify-items:middle}.App_expand-text__m0_Fd>button{background:none;font-size:13px;border:1px solid #c4c4c4;border-radius:5px;margin-top:5px}.App_expand-text__m0_Fd>button:hover{cursor:pointer;background-color:#f2f2f2}.Card_card__HFfA2{border:1px solid #c4c4c4;border-radius:5px;height:198px;background-color:#ffffff;box-shadow:0 1px 0 0 #c4c4c4;display:flex;flex-direction:column}.Card_card__HFfA2.Card_err__xQHdv{background-color:#f5f5f5;color:#c4c4c4;box-shadow:none}.Card_head__gIBDc{border-bottom:1px solid #c4c4c4;padding:5px 8px}.Card_head__gIBDc>a{text-decoration:none;color:inherit!important}.Card_head__gIBDc>a:hover{text-decoration:underline}.Card_card__HFfA2>div.Card_body___5S_D{padding:5px 8px;overflow-y:scroll;flex-grow:1}.Card_card__HFfA2.Card_err__xQHdv>div.Card_body___5S_D{text-align:center;display:flex;flex-direction:column;justify-content:center}.Card_jpeg__HnzJT:not(.Card_err__xQHdv)>.Card_body___5S_D,.Card_mp4__R4sE7:not(.Card_err__xQHdv)>.Card_body___5S_D,.Card_png__KdwtZ:not(.Card_err__xQHdv)>.Card_body___5S_D{padding:0}.Card_jpeg__HnzJT img,.Card_png__KdwtZ img{width:100%}.Card_mp3__Vd4Uw>.Card_body___5S_D{display:flex;flex-direction:column;justify-content:space-evenly}.Card_card__HFfA2 audio{width:100%}.Card_opentypeotf__9x_h5:not(.Card_err__xQHdv)>.Card_body___5S_D,.Card_truetypettf__3SGjR:not(.Card_err__xQHdv)>.Card_body___5S_D,.Card_webopenfontformatwoff__s4veW:not(.Card_err__xQHdv)>.Card_body___5S_D,.Card_woff20__3mytM:not(.Card_err__xQHdv)>.Card_body___5S_D{font-size:40px}.Card_card__HFfA2 pre{margin:0}@media (max-width:500px){.Input_header__FDaAF{grid-template-columns:1fr}#Input_title__5qKZI{text-align:center}}@media (min-width:501px){.Input_header__FDaAF{grid-template-columns:1fr 4fr 1fr}#Input_title__5qKZI{text-align:right}}.Input_header__FDaAF{display:grid;gap:18px;padding:18px;font-size:13px}.Input_header__FDaAF button{font-size:13px}#Input_title__5qKZI{display:grid}#Input_byteinput__pxKJf{position:relative;display:flex;min-height:125px}#Input_byteinput__pxKJf>div,#Input_byteinput__pxKJf>textarea{width:100%;height:100%;box-sizing:border-box;position:absolute;font-family:monospace;border:1px solid #c4c4c4;border-radius:5px;padding:5px;font-size:13px;white-space:pre-wrap;word-wrap:break-word;overflow-y:scroll}#Input_byteinput__pxKJf.Input_raw-input__XjdrR>#Input_input-bg__946B_,#Input_byteinput__pxKJf.Input_raw-input__XjdrR>textarea{font-family:sans-serif}#Input_byteinput__pxKJf>textarea{z-index:1;background:none}#Input_byteinput__pxKJf>#Input_input-bg__946B_{z-index:0;background-color:#fcfcfc;color:#c4c4c4}#Input_byteinput__pxKJf>#Input_input-overflow__gOszh{z-index:2;background-color:#fcfcfc;opacity:.9;font-family:sans-serif;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;text-align:center;font-size:13px}#Input_byteinput__pxKJf>#Input_input-overflow__gOszh button{background:none;font-size:13px;border:1px solid #c4c4c4;border-radius:5px;padding:5px 10px;box-shadow:0 1px #c4c4c4}#Input_byteinput__pxKJf>#Input_input-overflow__gOszh button:hover{cursor:pointer;background-color:#f2f2f2}#Input_byteinput__pxKJf>#Input_input-overflow__gOszh.Input_hidden__HGqu4{display:none}#Input_byteinput__pxKJf>#Input_input-bg__946B_.Input_input-err__7idBY{background-color:#ffeeee}#Input_byteinput__pxKJf>#Input_bytecount__XNlWl{position:absolute;bottom:0;right:0;margin:5px;padding:2px 8px;background-color:white;border:1px solid #c4c4c4;border-radius:5px;z-index:2}#Input_interpret-as__jTubN{text-align:center}#Input_btn-group__u2KfX{display:flex;flex-direction:column;border:1px solid #c4c4c4;border-radius:5px;height:112px;justify-content:center}#Input_btn-group__u2KfX>button{border:none;background:none;height:25px}#Input_btn-group__u2KfX>button:hover{border:none;background:none;cursor:pointer;background-color:#f2f2f2}#Input_btn-group__u2KfX button.Input_active__GWoNi{background-color:#dde9ff}#Input_file-upload__3EYbv{margin-top:18px;align-self:end}#Input_file-upload__3EYbv>button{height:36px;border-radius:5px;width:100%;border:1px solid #c4c4c4;background-color:#fafafa;box-shadow:0 1px #c4c4c4}#Input_file-upload__3EYbv>button:hover{background-color:#f2f2f2;cursor:pointer}#Input_endianness__OPLaJ{display:flex;flex-direction:row;margin-top:10px;align-items:baseline;justify-content:space-evenly}#Input_endianness__OPLaJ>div{font-size:13px}#Input_endianness__OPLaJ>button{border:none;background:none;height:25px;border-radius:5px}#Input_endianness__OPLaJ>button:hover{border:none;background:none;cursor:pointer;background-color:#f2f2f2}#Input_endianness__OPLaJ>button.Input_active__GWoNi{background-color:#dde9ff}