.encoding_converter{flex-direction:column;width:40%;min-width:512px;margin:.5rem auto;display:flex}.encoding_converter .bits_encoding_crate_encoding_cards{box-sizing:border-box;flex-direction:column;gap:.5rem;width:100%;margin:auto;display:flex}.bytes_area{--elem-width-max:704px;--border-radius:12px;--border-width:1px;--btn-border-r:8px;border:var(--border-width) solid var(--c-txt);border-radius:var(--border-radius);box-sizing:border-box}.bytes_area button{background-color:var(--c-gear-bg);border:1px solid var(--c-gear-bd);cursor:pointer;color:var(--c-gear-txt);border-radius:8px;margin:0 3px;padding:3px 10px;font-size:12px;transition:background .15s}.bytes_area .codec_header{padding:.5rem 1rem 0}.bytes_area .codec_header .codec_heading_row{flex-direction:row;justify-content:space-between;margin-bottom:8px;display:flex}.bytes_area .codec_header .codec_heading_row .title{margin:.2rem;font-size:1.2rem;font-weight:300;line-height:normal;display:inline}.bytes_area .codec_header .codec_heading_row .subtitle{font-size:small;font-weight:200;line-height:normal;display:inline}.bytes_area .codec_header .codec_config{border-top:var(--border-width) solid var(--c-text);flex-direction:column;gap:8px;padding:1rem;display:none}.bytes_area .codec_header .codec_config select{border:1px solid var(--btn-border-c);border-radius:var(--btn-border-r);cursor:pointer;padding:.5rem}.bytes_area .codec_header .codec_config .alphabet_power_of_two{display:none}.bytes_area .codec_header .codec_config .config_title{margin:0;font-size:1rem;font-weight:200;line-height:normal}.bytes_area .codec_header .codec_config .config_input{border:1px solid var(--c-txt);box-sizing:border-box;resize:vertical;border-radius:12px;outline:none;width:100%;margin:.5rem 0;padding:8px 10px;font-size:1rem;transition:border-color .15s}.bytes_area .codec_header .codec_config .info_list{flex-wrap:wrap;gap:8px;display:flex}.bytes_area .codec_header .codec_config .info_list span{border:1px solid;border-radius:8px;align-items:center;padding:3px 10px;font-size:12px;font-weight:500;transition:background .15s}.bytes_area .codec_header .codec_config .info_list span.ok{background-color:var(--c-ok-bg);border-color:var(--c-ok-bd);color:var(--c-ok-txt)}.bytes_area .codec_header .codec_config .info_list span.err{background-color:var(--c-warning-bg);border-color:var(--c-warning-bd);color:var(--c-warning-txt)}.bytes_area .codec_header .codec_config.a0 .alphabet_power_of_two{display:block}.bytes_area .codec_header.config_on .codec_config{display:flex}.bytes_area .codec_header.config_on .codec_config_btn{background-color:var(--c-gear-1-bg);border:1px solid var(--c-gear-1-bd);color:var(--c-gear-1-txt)}.bytes_area .bytes_util_crate_alphabet_preset_list{flex-wrap:wrap;gap:6px;margin:.5rem 0;display:flex}.bytes_area textarea.codec_input{border-radius:0 0 var(--border-radius) var(--border-radius);box-sizing:border-box;field-sizing:content;resize:vertical;white-space:pre-wrap;word-break:break-all;border:none;border-top:1px solid;outline:none;width:100%;padding:8px 1rem;font-size:1rem;transition:border-color .15s;overflow-y:auto}
/*$vite$:1*/