*{margin:0;padding:0}body,html{width:100%;height:100%}body{display:flex;background:#2a1e33}main{position:relative;width:100%;height:100%;overflow:hidden}.no_pointer_events *{pointer-events:none!important}.hidden{opacity:0;width:0;height:0}.clip{overflow:hidden}.fill{width:100%;height:100%}.fit{object-fit:contain}.overlay{position:absolute;left:0;top:0}.inline_content>*{display:inline}.spread_h{display:flex;justify-content:space-evenly}.button{background-color:#4f4a4f;padding:0 .8em;border-radius:26px;cursor:pointer;pointer-events:auto}.button:hover{background-color:#6c666c}.button:active{background-color:#6c666c;box-shadow:0 0 50px #8b8b8b}.button_big{padding:1.1em}#filter_plane{position:absolute;width:100%;height:100%;pointer-events:none;background-image:url('/static/boombox/media/noise_1.webp');opacity:.3;mix-blend-mode:screen}#main_canvas{filter:blur(1px)}#main_canvas.blur_in{animation:blurIn .5s;animation-timing-function:ease-out;animation-fill-mode:forwards}#main_canvas.blur_out{animation:blurIn .5s;animation-timing-function:ease-in;animation-direction:reverse;animation-fill-mode:forwards}#create_ctape{left:0}#load_ctape{left:15%}#switch_side{left:30%}#export_ctape{left:45%}#title{left:60%}#album{left:75%}#css3d_root{position:absolute;top:0;left:0;pointer-events:none}.info_box_container{pointer-events:none!important;display:flex}.info_box_container>.pad_h{width:50%;padding:.75em}.info_box{background-color:#00000080;font-size:72px;color:#fff;font-family:Arial;line-height:1.4em;border:5px solid #a42ad0;padding:.75em;min-width:100%;min-height:100%;outline:1px solid transparent}.info_box.padded_h{min-width:50%}.info_box.padded_v{min-height:50%}.info_box.error{border-color:#d63764}.info_box.fade_in{animation:fadeIn 1.5s;animation-timing-function:ease-out;animation-fill-mode:forwards}.info_box.fade_out{animation:fadeIn 1.5s;animation-timing-function:ease-in;animation-direction:reverse;animation-fill-mode:forwards}#audio_info_box_container{min-width:1400px;min-height:500px}.inline{display:inline-block}.text_overflow{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.info_box a,.info_box input,.info_box label{pointer-events:auto}.info_box a:link{color:#5a8ce2}.info_box_field{display:flex}.info_box_field>:not(:first-child){margin-left:.5em;display:inline-block}.info_box_input{font-size:inherit;margin-left:.5em;pointer-events:auto}.info_box_input[type=text]{background-color:#ffffff17;border-style:none;color:#fff;padding:0 .35em;height:1.5em}.info_box_input[type=file]{display:none}.info_box_input:focus{outline:0}.file_fields{display:flex}.file_fields>*{display:inline-block}.file_fields>:not(:first-child){margin-left:.5em}#general_info_box_container .info_box{border-color:#3298d6}#general_info_notification{text-align:center}#side_settings_box_container{min-width:2600px;min-height:1000px}#side_settings_box_container .info_box{line-height:1.9em}#side_settings_box_container .info_box.fade_in{animation:fadeIn 1s;animation-timing-function:ease-out;animation-fill-mode:forwards}#side_settings_box_container .info_box.fade_out{animation:fadeIn 1s;animation-timing-function:ease-in;animation-direction:reverse;animation-fill-mode:forwards}#side_settings_fields{display:flex;flex-wrap:wrap;justify-content:space-between;padding:0 150px;margin-top:.8em}#ctape_control_box_container{min-width:4000px;min-height:500px}#ctape_control_box_container .info_box.fade_in{animation:fadeIn 1s;animation-timing-function:ease-out;animation-fill-mode:forwards}#ctape_control_box_container .info_box.fade_out{animation:fadeIn .5s;animation-timing-function:ease-in;animation-direction:reverse;animation-fill-mode:forwards}#special_settings_box_container{min-width:1000px;width:1200px;min-height:746px;height:746px}#special_settings_box_container .info_box{font-size:64px;line-height:1.5em;overflow-y:scroll;pointer-events:all}#special_settings_box_container .info_box>*{margin-bottom:.5em}#special_setting_ignore_checks{width:10%;height:10%}#special_setting_ctape_hash{line-break:anywhere;background-color:#303030;border-radius:.5em;padding:.3em;user-select:text}#special_setting_version{color:#58ff14}.parenthesis{color:gray}.info_box_close_btn{position:absolute;right:60px;top:60px;padding:0 40px;font-size:99px;border-width:5px;border-style:solid;border-color:#8c4747;color:#8c4747;cursor:pointer;pointer-events:auto}.info_box_close_btn:after{content:'X'}.info_box_close_btn:hover{border-color:#ff6464;color:#ff6464}.file_name{min-width:577px;max-width:577px}.file_clear_btn{padding:0 40px;font-size:99px;color:#8c4747;border-radius:100%;box-shadow:0 0 5px #8c4747,0 0 5px #8c4747,0 0 5px #8c4747,0 0 5px #8c4747,0 0 5px #8c4747,0 0 5px #8c4747,0 0 5px #8c4747,0 0 5px #8c4747,0 0 5px #8c4747,0 0 5px #8c4747,0 0 5px #8c4747;cursor:pointer;pointer-events:auto}.file_clear_btn:after{content:'X'}.file_clear_btn:hover{box-shadow:0 0 5px #ff6464,0 0 5px #ff6464,0 0 5px #ff6464,0 0 5px #ff6464,0 0 5px #ff6464,0 0 5px #ff6464,0 0 5px #ff6464,0 0 5px #ff6464,0 0 5px #ff6464,0 0 5px #ff6464,0 0 5px #ff6464;color:#ff6464}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes blurIn{from{filter:blur(0px)}to{filter:blur(10px)}}