/*
Copyright © 2025 Turquoise. All Rights Reserved.

This software, including but not limited to the HTML, CSS, JavaScript, WebAssembly, and other client-side code, is protected by copyright law and international treaties. Unauthorized reproduction, distribution, modification, or incorporation into other projects is strictly prohibited without prior written permission from the copyright holder.

Users are granted a limited, non-exclusive, revocable license to access and interact with this software solely for its intended purpose as provided by Turquoise. Any attempt to copy, reverse-engineer, decompile, or redistribute this software, in whole or in part, without express authorization is a violation of copyright law.

For inquiries regarding licensing or permissions, please contact hello@turquoise.fm.
*/
#root,#root>div,body,html{background:#181a22;font-family:Inter;font-size:13px;height:100%;overscroll-behavior:none}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}:root{--normal-font-size:13px;--artifact-sidebar-width:0px;--piano-roll-height:480px;--track-controller-container-width:100px;--ruler-height:35px;--piano-roll-keys-width:30px;--piano-roll-velocity-editor-height:90px}.button{color:#000000d9;cursor:pointer;outline:none;padding:5px 13px;text-decoration:none}.button,.loading_button{background:#2aaed2;border:0;border-radius:50px;display:inline-block;font-family:DM SANS;font-weight:900}.loading_button{color:#3b3b3b;color:#000000d9;cursor:default;opacity:.5;padding:5px 11px}.loading_indicator{animation:rotation 2s linear infinite;background-image:url(/static/media/loading.db94bc71cd3e15a9e8c1.svg);background-position:50%;background-size:100%;display:inline-block;height:21px;margin-left:8px;vertical-align:-4px;width:21px}.button:hover{background:#2aaed2cc}.button:focus{outline:1px solid #fff}.button_warning{background:#c21361;border:0;border-radius:50px;color:#3b3b3b;color:#fff;cursor:pointer;display:inline-block;font-family:DM SANS;font-weight:900;padding:5px 11px}.button_warning:hover{background:#c21361cc}.dev_label{display:inline-block;font-weight:700;margin-bottom:7px;margin-right:10px;margin-top:7px}.marketing{color:green;font-size:24px}.home{color:#03a9f4;font-size:24px}.memory_view{background:#312e2ef0;bottom:10px;left:10px;min-height:18px;overflow:auto;position:fixed;width:100%;z-index:40000}.thread{box-shadow:inset 0 0 0 1px silver}.separator{background:#ffffff21;height:1px;margin:20px 0}.thread_title{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.binary_LOADING,.thread_title{display:inline-block;height:18px;vertical-align:top}.binary_LOADING{box-shadow:inset 0 0 0 1px #ff9800}.binary_working_mem_LOADING{box-shadow:inset 0 0 0 1px #ffc107}.binary_working_mem_LOADING,.nodelet_sample_mem_LOADING,.nodelet_samples_container{display:inline-block;height:18px;vertical-align:top}.nodelet_sample_mem_LOADING{box-shadow:inset 0 0 0 1px #11c107}.binary_LOADED{background:#ff9800;box-shadow:inset 0 0 0 1px #e98c03}.binary_LOADED,.binary_working_mem_LOADED{display:inline-block;height:18px;vertical-align:top}.binary_working_mem_LOADED{background:#ffc107;box-shadow:inset 0 0 0 1px #ebb105}.nodelet_sample_mem_LOADED{background:#11c107;box-shadow:inset 0 0 0 1px #067600;display:inline-block;height:18px;vertical-align:top}.binary_UNLOADING{background:#ff9800;box-shadow:inset 0 0 0 1px #ff9800}.binary_UNLOADING,.binary_working_mem_UNLOADING{display:inline-block;filter:grayscale(100%);height:18px;vertical-align:top}.binary_working_mem_UNLOADING{background:#ffc107;box-shadow:inset 0 0 0 1px #ffc107}.nodelet_sample_mem_UNLOADING{background:#11c107;box-shadow:inset 0 0 0 1px #067600;display:inline-block;filter:grayscale(100%);height:18px;vertical-align:top}.nodelet_sample_mem_FAILED_TO_LOAD{background:#e91e63;box-shadow:inset 0 0 0 1px #ac0c42;display:inline-block;height:18px;vertical-align:top}.nodelet_sample_mem_UPLOADING_FROM_ANOTHER_CLIENT{background:#9c27b0;box-shadow:inset 0 0 0 1px #673ab7;display:inline-block;height:18px;vertical-align:top}.collab_bar{border-right:1px solid #2c2d3c;height:100%;left:0;position:fixed;top:0;width:50px;z-index:6020}.logo{background-image:url(/static/media/logo.ae73134fc5f110b42507.svg);background-size:88%;height:30px;left:10.5px;width:30px}.logo,.logo_x{background-position:50%;background-repeat:no-repeat;border-radius:20px;cursor:pointer;position:absolute;top:9px}.logo_x{background-color:#20212e;background-image:url(/static/media/x.00816ba61f4048157f4d.svg);background-size:65%;display:none;height:29px;left:11px;width:29px;z-index:20000}.logo_x:HOVER{background-color:#282938}.word_logo{background-image:url(/static/media/word_logo.153f891fc1141a4b31b1.svg);background-position:50%;background-repeat:no-repeat;background-size:100%;height:47px;margin:auto;opacity:.9;width:89px}.avatar{background-image:url(/static/media/avatar.f70136e7976b3ace4fad.svg);background-size:100%;bottom:11px;height:30px;left:11px;width:30px}.avatar,.share{cursor:pointer;position:absolute}.share{background:#2aaed2;background-image:url(/static/media/share.71a8dfd76d7c005af6a0.svg);background-position:5px 6px;background-repeat:no-repeat;background-size:61%;border-radius:100px;bottom:56px;height:34px;left:14px;width:34px}.share:hover{box-shadow:0 0 0 3px #2aaed282}.dropdown_indicator{background-image:url(/static/media/down.2d2034332ae8faf1a5d3.svg);background-size:100%;height:18px;position:absolute;right:6px;top:50%;transform:translateY(-50%);width:18px}.artifact_container{height:100%;left:50px;position:relative;text-align:center;width:calc(100% - 50px)}.main_column{color:#000;display:inline-block;height:calc(100% - 64px);padding-top:63px;text-align:left;vertical-align:top;width:min(100%,1140px)}.main_column_inner{padding-bottom:100px;padding-top:16px}.main_area{color:silver;display:inline-block;height:calc(100% - 46px);margin-top:46px;text-align:left;vertical-align:top;width:calc(100% - 25px - var(--artifact-sidebar-width))}.song_container{background:#20212e;box-shadow:0 0 0 1px #2c2d3c;height:100%;overflow:hidden;position:relative}.song_container_padding{background:#0000;position:relative;width:100px}.ruler_segment{position:relative}.ruler_segment,.ruler_segment_first_half{cursor:grab;display:inline-block;height:calc(var(--ruler-height))}.ruler_segment_first_half{left:0;position:absolute;top:0;z-index:1000}.ruler_segment_second_half{cursor:grab;display:inline-block;right:0;top:0;z-index:1000}.ruler_container,.ruler_segment_second_half{height:calc(var(--ruler-height));position:absolute}.ruler_container{background:#20212e;overflow:hidden;padding-left:calc(var(--track-controller-container-width));white-space:nowrap;width:100%;will-change:transform;z-index:990}.track_controls_container{overflow:hidden;position:absolute;top:calc(var(--ruler-height));width:calc(var(--track-controller-container-width))}.track_controls_pane{align-content:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.transient_track_controls{background:url(/static/media/diag.a98eb9c0bbf6aad6ae77.svg);background-size:200px}.track_controls_overflow{background:url(/static/media/dotdotdot.8366ce859fdc8b1f11ca.svg);background-position:50%;background-repeat:no-repeat;background-size:100%;cursor:pointer;height:17px;margin:0 5px;opacity:.3;width:13px}.track_controls_overflow:FOCUS{opacity:.6}.track_add{align-items:center;color:#fff;cursor:pointer;display:flex;flex-wrap:wrap;font-size:25px;justify-content:center}.multi_track_container{height:calc(100% - var(--ruler-height));left:var(--track-controller-container-width);max-width:calc(100% - var(--track-controller-container-width));overflow:auto;position:absolute;top:var(--ruler-height);width:100%}.ruler_hover_indicator{background:#ffffff18;border-radius:3px;height:6px;left:0;position:absolute;top:0;transform:scale(3) translate(-.9px,5.4px);width:6px;z-index:1000}.location_marker{z-index:100}.location_marker,.piano_roll_location_marker{background:#e91e63cc;min-height:100%;position:absolute;top:0;width:1px}.piano_roll_location_marker{z-index:10000}.measure_background_marker{background:#ffffff05;min-height:100%;position:absolute;top:0;z-index:1}.measure_marker{background:#1d1e2e;z-index:2}.beat_marker,.measure_marker{min-height:100%;position:absolute;top:0;width:1px}.beat_marker{background:#0c09179e;opacity:.5;z-index:20}.sixteenth_marker{background:#0006;min-height:100%;opacity:.5;position:absolute;top:0;width:1px;z-index:5}.ruler_text{font-family:Inconsolata;font-size:13px;overflow:auto;padding-top:12px;text-align:center;text-overflow:ellipsis;transform:translate(-24px);width:50px}.ruler_loop{background:#fffc;cursor:pointer;z-index:11500}.ruler_loop,.ruler_loop_dragging{border-radius:10px;height:10px;position:absolute;top:0;transform:translateX(calc(var(--track-controller-container-width)))}.ruler_loop_dragging{background:#ffffff2b;z-index:2000}.main_column_hidden{display:none}.audio_track,.midi_track{cursor:text;position:relative;z-index:20}.audio_clip,.midi_clip{background:#afa5d8;box-shadow:inset 0 1px 0 .5px #00000045;height:100%;position:absolute;top:0;z-index:5}.clip_background{background:#3100ffde;height:100%;position:absolute;width:100%;z-index:5}.note{background:#0000008c;border-radius:2px;position:absolute;z-index:100}.track_separator{background:#0c09179e;height:1px;position:relative;z-index:50}.artifact_title{font-size:var(--normal-font-size);height:41px;left:63px;position:fixed;text-align:left;top:0;width:808px;z-index:6010}.artifact_title_shadow{background:#181a22;height:43px;left:60px;position:fixed;top:0;width:calc(100% - 60px);z-index:6000}.number_dragger_input{background:#0000;border:0;border-radius:8px;font-family:Inconsolata;font-size:16px;font-weight:600;margin:0;opacity:.8;outline:none;padding:3px 5px;text-align:center;vertical-align:initial}.toolbar_text{color:#000;opacity:.8;padding:3px 0}.artifact_title_input,.toolbar_text{font-family:Inter;font-size:var(--normal-font-size);font-weight:600}.artifact_title_input{cursor:pointer}.artifact_title_input,.artifact_title_input_disabled{background:#0000;border:0;border-radius:8px;color:#fff;margin:0 4px 0 1px;outline:none;padding:3px 5px}.artifact_title_input_disabled{font-family:Inter;font-size:var(--normal-font-size);font-weight:600}.artifact_title_prefix{cursor:pointer;display:inline-block;margin-left:2px;margin-top:14px}.artifact_title_prefix:hover{text-decoration:underline}.artifact_title_prefix_slash{display:inline-block;margin-left:6px}.artifact_title_input:hover{box-shadow:0 0 0 2px #2aaed282}.artifact_title_input:focus{box-shadow:0 0 0 2px #2aaed2}.temp_artifact_title{font-size:var(--normal-font-size);font-weight:600}.toolbar_container{bottom:14px;display:none;left:110px;position:fixed;text-align:center;width:calc(100% - 120px);z-index:30000}.toolbar{background:#fff;border-radius:20px;display:inline-flex;margin:auto;overflow:hidden;padding:5px 7px;text-align:center}.toolbar_separator{background:#bababa;height:24px;margin:0 5px;transform:scaleY(.8);width:1px}.label{color:#fff;margin:auto auto 15px;padding:0 14px;width:min(calc(100% - 29px),804px)}.label,.label2{cursor:default;font-weight:600}.label2{color:#ffffff8f;margin-bottom:5px}.note_map_container{overflow:auto;text-align:center}.note_map{background-image:url(/static/media/dot.eb711ba44618e5331ea3.svg);background-position:6px 4px;margin:auto;position:relative}.note_map_section{margin:auto auto 28px;max-width:833px;overflow:auto}.sample_block{background:#afa5d8;background-image:url(/static/media/dot_light.753dcc71207af6ffa343.svg);border-radius:4px;box-shadow:inset 0 0 0 1px #00000022;cursor:grab;position:absolute}.sample_block:active{cursor:grabbing}.sample_root{background:#00000078;border-radius:10px;position:absolute}.sample_vertical_edge{cursor:col-resize;opacity:0;position:absolute}.sample_horizontal_edge{cursor:row-resize;opacity:0;position:absolute}.chip_container{background:#282a39;border-radius:20px;cursor:pointer;display:inline-block;margin-bottom:10px;margin-right:10px;padding:5px 11px;position:relative;vertical-align:top}.chip_container:hover{background:#282a39;box-shadow:inset 0 0 0 1px #ffffff10}.chip_container_selected,.chip_container_selected_pulsating{box-shadow:inset 0 0 0 1px #ffffff54}.chip_container_selected,.chip_container_selected_focus,.chip_container_selected_pulsating{background:#282a39;border-radius:20px;cursor:text;display:inline-block;margin-bottom:10px;margin-right:10px;padding:5px 11px;position:relative;vertical-align:top}.chip_container_selected_focus{box-shadow:inset 0 0 0 2px #2aaed2}@keyframes pulse{0%{box-shadow:0 0 0 0 #cca92c66}70%{box-shadow:0 0 0 10px #cca92c00}to{box-shadow:0 0 0 0 #cca92c00}}.temp_chip_value{font-size:var(--normal-font-size);font-weight:500}.chip_input{cursor:pointer}.chip_input,.chip_input_selected{background:#fff0;border:0;color:#fff;font-family:Inter;font-size:var(--normal-font-size);font-weight:500;margin:0;outline:none;padding:0;vertical-align:top}.chip_input::placeholder,.chip_input_selected::placeholder{color:#ffffff55;opacity:1}.chip_remove{background-image:url(/static/media/x.00816ba61f4048157f4d.svg);background-position:50%;background-size:100%;height:17px;width:17px}.chip_add_container,.chip_remove{cursor:pointer;display:inline-block;vertical-align:top}.chip_add_container{background:#282a39;border-radius:20px;margin-bottom:10px;padding:5px}.chip_add{background-image:url(/static/media/plus.639250cd585a88b94fde.svg);background-position:50%;background-size:100%;height:17px;width:17px}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}@keyframes slide_down{0%{transform:translateY(-7px)}to{transform:translateY(0)}}@keyframes syncing_indication{0%{opacity:.4;transform:rotate(-45deg)}to{opacity:1;transform:rotate(0deg)}}.chip_loading{animation:rotation 2s linear infinite;background-image:url(/static/media/loading.db94bc71cd3e15a9e8c1.svg);background-position:50%;background-size:100%;height:17px;width:17px}.section{margin:auto auto 14px;padding:0 14px;width:min(calc(100% - 29px),808px)}.section2{margin-bottom:14px}.card{background:#20212e;border-radius:16px;box-shadow:inset 0 0 0 1px #2c2d3c;padding:14px}.ui_controller_surface{margin:auto;overflow:hidden;padding:0}.ui_controller{height:100%;left:0;top:0;width:100%}.ui_controller,.ui_controller_container{position:absolute}.ui_controller_name{color:#fff0;position:relative;top:-18px}.ui_controller_name_warning{background-image:url(/static/media/warning.87ff4b57fdd4cc3ecb3c.svg);background-position:-1px;background-repeat:no-repeat;background-size:17px;color:#ffffff94;padding-left:17px;position:relative;top:-18px}.ui_controller_mask{border-radius:3px;height:100%;left:0;position:absolute;top:0;width:100%}.ui_controller_mask:HOVER{background-color:#ffffff09;outline:2px dotted #ffffff45}.ui_controller_mask_selected{outline:2px dotted #ffffffb0}.ui_controller_mask_proxy_target,.ui_controller_mask_selected{border-radius:3px;height:100%;left:0;position:absolute;top:0;width:100%}.ui_controller_mask_proxy_target{cursor:default}.ui_controller_mask_proxy_target_assignable{border-radius:3px;cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%}.ui_controller_mask_proxy_target_assignable:HOVER{background-color:#ffffff19;box-shadow:0 0 0 4px #ffffff19}.ui_controller_mask_proxy_target_assigned{background-color:#ffffff09;border-radius:3px;box-shadow:0 0 0 4px #ffffff09;cursor:pointer;height:100%;left:0;outline:2px dotted #ffffff45;position:absolute;top:0;width:100%}.surface_background{background:#20212e;background-position:50%;background-size:auto 100%;height:100%;margin:auto}.surface_container{background:#0000;height:100%;margin:auto;overflow:hidden;position:relative}.breakpoint_selector_l{width:20px}.breakpoint_selector_l,.breakpoint_selector_m{background:#282a39;border-radius:3px;cursor:pointer;display:inline-block;height:15px;margin-right:8px;vertical-align:top}.breakpoint_selector_m{width:15px}.breakpoint_selector_s{background:#282a39;border-radius:3px;cursor:pointer;display:inline-block;height:15px;margin-right:8px;vertical-align:top;width:10px}.breakpoint_selector_l:HOVER{background-color:#45465c}.breakpoint_selector_m:HOVER{background-color:#45465c}.breakpoint_selector_s:HOVER{background-color:#45465c}.breakpoint_selector_selected{background:#282a39;box-shadow:inset 0 0 0 1px #ffffff69}.controller_surface_section{margin-bottom:22px;padding:0 15px;width:calc(100% - 30px)}.tab_selector{background:#20212e;border-radius:20px;margin:auto auto 14px;max-width:808px;min-height:16px;overflow:hidden;padding:0}.tab_selector_option{background-color:initial;color:#fff;cursor:pointer;display:inline-block;opacity:.5;padding:9px 0;text-align:center;width:50%}.tab_selector_option:HOVER{background-color:#292a3f}.tab_selector_option_selected{color:#fff;opacity:1;text-align:center}.tab_selector_option_loading,.tab_selector_option_selected{background-color:#2c2d3c;display:inline-block;padding:9px 0;width:50%}.tab_selector_option_loading{background-image:url(/static/media/loading_fade.1f4f854961d32680bc23.svg);background-position:50%;background-repeat:no-repeat;background-size:22px;color:#0000;opacity:.5}.ui_controller_surface_toolbar{background:#20212e;border-radius:20px;margin:auto auto 12px;max-width:784px;min-height:16px;padding:9px 12px;position:relative}.ui_controller_surface_toolbar_side{align-items:center;display:inline-flex;height:27px;justify-content:center;position:absolute;right:8px;top:3px}.ui_controller_surface_published_toolbar{background:#20212e00;border-radius:20px;box-shadow:0 0 0 0;color:#fff;margin:auto auto 12px;max-width:784px;min-height:16px;padding:9px 12px;position:relative;text-align:center}.controller_options_pane_plate{align-items:center;background:#20212e;border-radius:10px;box-shadow:0 0 1px 1px #282a39;color:#fff;display:inline-flex;height:30px;justify-content:center;margin:5px 12px 4px 0;padding:5px 18px;vertical-align:top;width:200px}.add_ui_controller{background-image:url(/static/media/plus.639250cd585a88b94fde.svg);background-position:50%;background-repeat:no-repeat;background-size:16px;border-radius:10px;cursor:pointer;display:inline-block;height:20px;position:absolute;top:7px;width:20px}.add_ui_controller:HOVER{background-color:#282a39}.add_ui_controller:FOCUS{background-color:#282a39}.controller_options_pane_plate_label{display:inline-block;width:65%}.controller_options_pane_plate_value{display:inline-block;width:35%}.controller_options_pane_plate_textbox{background:#0000;border:0 solid #282a3988;border-radius:3px;color:#fff;font-family:Inter;font-size:var(--normal-font-size);outline:none;padding:4px 6px;width:calc(100% - 11px)}.controller_options_pane_plate_textbox:HOVER{background-color:#282a3988}.controller_options_pane_plate_textbox:FOCUS{background-color:#282a39bb}.toolbar_separator_2{background:#ffffff17;height:16px;margin:0 8px;width:1px}.toolbar_button_2,.toolbar_separator_2{display:inline-block;vertical-align:top}.toolbar_button_2{background-color:#282a39;border-radius:6px;color:#fff;cursor:pointer;margin-left:9px;margin-right:6px;padding:2px 7px}.toolbar_button_2:HOVER{background-color:#45465c}.toolbar_button_2_warning{background-color:#282a39;background-image:url(/static/media/warning.87ff4b57fdd4cc3ecb3c.svg);background-position:3px;background-repeat:no-repeat;background-size:15px;border-radius:6px;color:#fff;cursor:pointer;display:inline-block;margin-left:9px;margin-right:6px;padding:2px 7px 2px 20px;vertical-align:top}.toolbar_button_2_warning:HOVER{background-color:#45465c}.controller_specific_buttons{align-items:center;display:inline-flex;height:27px;justify-content:center;left:39px;position:absolute;top:3px}.ui_controller_surface_toolbar_mode{border-radius:12px;box-shadow:0 0 0 1px #2c2d3c;color:#fff;cursor:pointer;display:inline-block;margin-left:10px;padding:2px 6px 2px 28px;position:relative;vertical-align:top;width:100px}.ui_controller_surface_toolbar_mode:HOVER{background-color:#282a39}.preview_mode{background-image:url(/static/media/preview.ab8e62a34034d592e07c.svg)}.edit_mode,.preview_mode{background-position:8px;background-repeat:no-repeat;background-size:14px}.edit_mode{background-image:url(/static/media/edit.673ccca73e3d127bc6b4.svg)}.surface_dragger_container{opacity:0;transform:translateY(-4px)}.surface_dragger_container:HOVER{opacity:1}.surface_dragger{background:#41425b;border-radius:4px;height:8px;margin:auto;width:50px}.piano_white_key{background:ivory;box-shadow:inset 1px 0 1px 1px #00000020}.piano_black_key,.piano_white_key{border-radius:0 0 2px 2px;display:inline-block;height:21px}.piano_black_key{background:#1a1b1a;box-shadow:0 1px 5px 1px #171717}.piano_black_key_2{background:#474853}.piano_white_key_2{background:#d5d5d5;box-shadow:0 1px 5px 3px #1717172e}.expand{background-image:url(/static/media/back.d16f47ca6475ff680c08.svg);background-position-x:19px;background-position-y:center;background-repeat:no-repeat;background-size:33%;cursor:pointer;position:absolute;transform:rotate(180deg);width:50px;z-index:1000}.expand:HOVER{background-color:#181a2290}.keybed{border-top:2px solid #8a0b37;margin:1px auto auto;width:768px}.movable_resizable_div{cursor:grab;height:100%;width:100%}.movable_resizable_div_top{top:-2px}.movable_resizable_div_bottom,.movable_resizable_div_top{background:#0000;cursor:ns-resize;height:4px;opacity:.5;position:absolute;width:100%}.movable_resizable_div_bottom{bottom:-2px}.movable_resizable_div_left{left:-2px}.movable_resizable_div_left,.movable_resizable_div_right{background:#0000;cursor:ew-resize;height:100%;opacity:.5;position:absolute;width:4px}.movable_resizable_div_right{right:-2px}.movable_resizable_div_top_left{cursor:nwse-resize;left:-2px}.movable_resizable_div_top_left,.movable_resizable_div_top_right{background:#0000;height:4px;opacity:.5;position:absolute;top:-2px;width:4px}.movable_resizable_div_top_right{cursor:nesw-resize;right:-2px}.movable_resizable_div_bottom_left{cursor:nesw-resize;left:-2px}.movable_resizable_div_bottom_left,.movable_resizable_div_bottom_right{background:#0000;bottom:-2px;height:4px;opacity:.5;position:absolute;width:4px}.movable_resizable_div_bottom_right{cursor:nwse-resize;right:-2px}.artifact_sidebar_container{display:inline-block;height:calc(100% - 46px);margin-top:46px;text-align:left;vertical-align:top;width:calc(var(--artifact-sidebar-width))}.artifact_sidebar_separator{background-image:url(/static/media/pixel.25fa312fbdfd2f6b35a2.svg);background-position:6px;background-repeat:repeat-y;cursor:ew-resize;height:100%;opacity:0;width:12px}.artifact_sidebar_separator:HOVER{opacity:.5}.artifact_sidebar{border-radius:12px 12px 0 0;height:100%;overflow-x:hidden;overflow-y:auto;position:relative;width:calc(100% - 12px)}.artifact_sidebar_header{align-items:center;background-position:14px 10px;background-repeat:no-repeat;background-size:22px;display:flex;height:42px;padding:0 35px 0 39px;position:relative}.artifact_sidebar::-webkit-scrollbar-thumb{background-color:red}.artifact_sidebar_header_input{background:#0000;border:0;color:#fff;font-family:Inter;font-size:var(--normal-font-size);margin:0;outline:none;padding:0;width:100%}.artifact_sidebar_header_input::placeholder{color:#ffffff57}.artifact_sidebar_header_search{background-image:url(/static/media/search.1a76469d7b924e93b09c.svg)}.artifact_sidebar_header_loading,.artifact_sidebar_header_search{background-position:50%;background-repeat:no-repeat;background-size:93%;height:23px;left:11px;position:absolute;top:10px;width:23px}.artifact_sidebar_header_loading{animation:rotation 2s linear infinite;background-image:url(/static/media/loading.db94bc71cd3e15a9e8c1.svg)}.artifact_sidebar_header_instrument{background-image:url(/static/media/instrument.32ceeed60926167cef39.svg)}.artifact_sidebar_header_drum_kit,.artifact_sidebar_header_instrument{background-position:50%;background-repeat:no-repeat;background-size:93%;height:23px;left:11px;position:absolute;top:10px;width:23px}.artifact_sidebar_header_drum_kit{background-image:url(/static/media/drum_kit.e2881e9c8dd85c30d113.svg);transform:scale(.8)}.artifact_sidebar_header_action{background-image:url(/static/media/back.d16f47ca6475ff680c08.svg);background-size:93%;transform:scale(.7)}.artifact_sidebar_header_action,.artifact_sidebar_header_x{background-position:50%;background-repeat:no-repeat;cursor:pointer;height:23px;left:11px;position:absolute;top:10px;width:23px}.artifact_sidebar_header_x{background-image:url(/static/media/delete_red.d47eee9a28131c9bbc8c.svg);background-size:80%;transform:scale(1.1)}.artifact_sidebar_body{background:#0000;border-radius:12px 12px 1px 0;box-shadow:inset 0 0 0 1px #282a39;height:100%;overflow:auto}.artifact_sidebar_details_container{height:calc(100% - 42px);overflow-y:auto}.artifact_sidebar_close{background-image:url(/static/media/x.00816ba61f4048157f4d.svg);background-position:7px 4px;background-repeat:no-repeat;background-size:73%;cursor:pointer;height:22px;position:fixed;right:29px;top:55px;transform:scale(1.25);width:22px;z-index:20000}.sidebar_header:hover{background-image:url(/static/media/down.2d2034332ae8faf1a5d3.svg);background-position:12px 12px;background-repeat:no-repeat;background-size:24px}.sidebar_header_expanded{background:#282a39;border-radius:20px 20px 0 0;cursor:default;font-weight:700;padding:15px 0 19px 45px}.sidebar_body_expanded{animation:slide_down .15s;background:#282a39;border-radius:0 0 20px 20px;padding:0 16px 15px 45px}.layer_icon{background-image:url(/static/media/layer.3f7d7094470bfed51c97.svg)}.layer_icon,.sample_icon{background-position:12px 12px;background-repeat:no-repeat;background-size:24px}.sample_icon{background-image:url(/static/media/sample.d7671105ed15fc496723.svg)}.icon{background-repeat:no-repeat;background-size:100%;cursor:pointer;display:inline-block;height:24px;margin-left:6px;margin-right:6px;opacity:.8;vertical-align:middle;width:24px}.icon,.icon:hover{border-radius:20px}.icon:hover{background-color:#8b8b8b70;box-shadow:0 0 0 2px #8b8b8b70}.icon:focus{background-color:#8b8b8b5c;border-radius:20px;box-shadow:0 0 0 2px #8b8b8b5c;outline:none}.selected_icon{background-color:#8b8b8b70;box-shadow:0 0 0 2px #8b8b8b70;opacity:.8}.dark_icon,.selected_icon{background-repeat:no-repeat;background-size:100%;border-radius:20px;cursor:pointer;display:inline-block;height:24px;margin-left:6px;margin-right:6px;vertical-align:middle;width:24px}.dark_icon{opacity:.7}.dark_icon:hover{background-color:#ffffff18;border-radius:20px;box-shadow:0 0 0 2px #ffffff18}.disabled_icon{background-repeat:no-repeat;background-size:100%;border-radius:100%;cursor:default;display:inline-block;height:24px;margin-left:6px;margin-right:6px;opacity:.35;vertical-align:middle;width:24px}.undo_icon{background-image:url(/static/media/undo.a640d0b713260d15253b.svg)}.redo_icon{background-image:url(/static/media/redo.9f4c6d82c1d34afc94aa.svg)}.edit_icon{background-image:url(/static/media/edit_dark.175dea35e08f72360195.svg);background-position:50%;background-size:70%}.quantize_icon{background-image:url(/static/media/magnet_dark.54727420c6286a96b214.svg);background-position:center 4.5px;background-size:65%}.select_icon{background-image:url(/static/media/select_dark.cb6418ac219aebdf00b0.svg);background-position:50%;background-size:80%}.add_icon{background-image:url(/static/media/plus_dark.a52681e8bdba78857869.svg)}.upload_icon{background-image:url(/static/media/upload_dark.b576c1fc25a742e3059e.svg)}.play_icon{background-image:url(/static/media/play.cf5e7a46b8ab67a8eea7.svg)}.delete_icon{background-image:url(/static/media/delete.642da2f9203fed7e99a0.svg);background-position:50%;background-size:80%}.slice_icon{background-image:url(/static/media/slice.b861d93efdb550495fcf.svg);background-position:50%;background-size:95%}.merge_icon{background-image:url(/static/media/merge.5d717bc5207ed79ef9e9.svg);background-position:50%;background-size:85%}.playing_play_icon{background-image:url(/static/media/playing_play.f832657661b0d20c4564.svg)}.record_icon{background-image:url(/static/media/record.00906aca0e49549ac1cf.svg)}.magic_icon{background-image:url(/static/media/actions.fb5071205dad7e091b44.svg);background-position:50%;background-repeat:no-repeat;background-size:80%}.recording_record_icon{background-color:#e91e6344;background-image:url(/static/media/recording_record.501ea8a0b27dbefc6815.svg);box-shadow:0 0 0 2px #e91e6344}.recording_record_icon:HOVER{background-color:#e91e6377;box-shadow:0 0 0 2px #e91e6377}.record_light_icon{background-image:url(/static/media/record_light.0a870167618cff039aae.svg)}.recording_record_light_icon{background-color:#e91e6322;background-image:url(/static/media/recording_record_light.501ea8a0b27dbefc6815.svg);box-shadow:0 0 0 2px #e91e6322}.recording_record_light_icon:HOVER{background-color:#e91e6344;box-shadow:0 0 0 2px #e91e6344}.outlet_icon{background-image:url(/static/media/expand.41cb059d74bebabd841f.svg);transform:scale(.85)}.outlet_icon:HOVER{background-color:initial;box-shadow:0 0 0 0 #0000}.outlet_unconnected_icon{background-image:url(/static/media/expand_orange.69bc9e6aa4d4c419f506.svg);transform:scale(.85)}.outlet_unconnected_icon:HOVER{background-color:initial;box-shadow:0 0 0 0 #0000}.muted_icon{background-image:url(/static/media/muted.f27ae315c6ed95d6e531.svg)}.unmuted_icon{background-image:url(/static/media/unmuted.07599153354f81e4f853.svg)}.overdub_icon{background-image:url(/static/media/overdub_record.4bbe5a8ef8ed129b536c.svg)}.overdubbing_overdub_icon{background-color:#e91e6344;background-image:url(/static/media/overdubbing_overdub.80742b25d8ddd9f3d4bb.svg);box-shadow:0 0 0 2px #e91e6344}.overdubbing_overdub_icon:HOVER{background-color:#e91e6377;box-shadow:0 0 0 2px #e91e6377}.stop_icon{background-image:url(/static/media/stop.437e065f4574786c3711.svg)}.settings_entry_narrow{display:inline-block;width:calc(100% - 70px)}.settings_control_narrow{display:inline-block;text-align:right;width:70px}.settings_entry_wide{display:inline-block;width:calc(100% - 180px)}.settings_control_wide{display:inline-block;text-align:right;width:180px}.settings_line{align-items:center;display:flex}.syncing{animation:syncing_indication .3s;background-image:url(/static/media/syncing.29dcc25db2c4fb86e0b5.svg)}.synced,.syncing{background-repeat:no-repeat;background-size:78%;display:inline-block;height:22px;margin-top:13px;vertical-align:top;width:22px}.synced{background-image:url(/static/media/synced.43d5215e1df83a5d333b.svg);opacity:.7}.code_directory_entry{background-image:url(/static/media/file.1aa325505ebe0c22c077.svg);background-position-x:-2px;background-repeat:no-repeat;background-size:17px;color:#fff;cursor:pointer;margin:12px 0;padding-left:22px}.code_directory_entry2,.code_directory_entry2_selected{background-image:url(/static/media/file.1aa325505ebe0c22c077.svg);background-position:7px 2px;background-repeat:no-repeat;background-size:16px;border-radius:18px;color:#fff;cursor:pointer;margin:12px 0;padding:2px 30px}.code_directory_entry2_selected{background-color:#ffffff26;box-shadow:0 0 0 3px #ffffff26}.code_directory_entry:HOVER{text-decoration:underline}.code_directory_separator{background:#ffffff17;height:1px;width:100%}.ide_container{animation-duration:.2s;background-color:#181a22;height:calc(100% - 59px);left:63px;overflow:hidden;padding-bottom:13px;position:fixed;text-align:left;top:46px;width:calc(100% - 73px);z-index:1000}@keyframes slide_in{0%{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.ide_container_hidden{display:none}.code_navigation{background:#282a39;border-radius:12px;width:225px}.code_column,.code_navigation{display:inline-block;height:100%}.code_column{margin-left:11px;position:relative;vertical-align:top;width:calc(100% - 237px)}.editor_wrapper_half{border-radius:12px 12px 0 0;height:calc(60% - 15px)}.editor_wrapper_full,.editor_wrapper_half{background:#282a39;overflow:hidden;padding-top:15px}.editor_wrapper_full{border-radius:12px;height:calc(100% - 15px)}.code_console{background:#2c2d3c;border-radius:0 0 12px 12px;bottom:0;height:125px;overflow:auto;position:absolute;width:100%}.code_console_hidden{display:none}.console_toggler{background-image:url(/static/media/down.2d2034332ae8faf1a5d3.svg);background-position-x:center;background-position-y:-3px;background-repeat:no-repeat;background-size:32px;bottom:10px;cursor:pointer;height:22px;left:0;margin:auto;position:absolute;right:0;transition:all .3s;width:50px}.back_button{background-image:url(/static/media/back.d16f47ca6475ff680c08.svg);background-repeat:no-repeat;background-size:18px;cursor:pointer;height:38px;width:50px}.version_tag{border:1px solid gray;border-radius:17px;margin-left:7px;opacity:.5;padding:2px 7px}.sdk_entry{background-image:url(/static/media/sdk.79f575118b8b545b0caf.svg);background-position:6px 1px;background-repeat:no-repeat;background-size:18px;margin:12px 0;padding-left:28px}.console_line{color:#45afd2;font-family:Inconsolata;font-size:14.5px;font-weight:600;padding:6px 12px}.console_line_warning{color:#ff7c22;font-family:monospace;font-weight:600;padding:6px 12px}.widget_menu{background:#20212e;border-radius:6px;box-shadow:inset 0 0 0 1px #282a39;padding:10px 0;position:absolute;z-index:100000}.widget_menu_label{cursor:default;font-size:12px;opacity:.6;padding:0 12px}.widget_menu_item{cursor:pointer;padding:5px 12px}.widget_menu_item_chip{background:#ffffff22;border-radius:10px;box-shadow:0 0 0 2px #ffffff22;display:inline-block;margin-left:8px;padding:0 4px}.widget_menu_subitem{font-size:12px;margin-top:3px;opacity:.6}.widget_menu_item:HOVER{background-color:#282a39}.slider_bar{background-image:url(/static/media/slider_bar.1427805b39f87f57c754.svg);height:100%;top:0}.slider_bar,.slider_handle{background-position:50%;background-size:100% 100%;left:50%;position:absolute;transform:translate(-50%)}.slider_handle{background-image:url(/static/media/slider_handle.b9b58a33ceb3ab75e2ff.svg);width:100%}.transient_selection_marker{border-left:1px solid #fffc;height:100%;top:0;width:1px}.transient_selection_marker,.transient_selection_marker_2{background:#0000;cursor:text;position:absolute;z-index:20000}.transient_selection_marker_2{border-top:1px solid #fffc;height:1px}.selection_marker{border-left:1px solid #fffc;cursor:text;height:100%;top:0;width:1px}.selection_marker,.selection_marker_2{background:#0000;position:absolute;z-index:20000}.selection_marker_2{border-top:1px solid #fffc;height:1px}.action_run_bar{background:#0000;border:0;border-radius:32px;color:#fff;cursor:pointer;font-family:Inter;font-weight:400;outline:1px solid #ffffff24;padding:15px 0;text-align:center;transition:all .2s;width:180px}.action_run_bar:HOVER{box-shadow:0 0 0 6px #2c2d3c99}.action_run_bar:DISABLED{cursor:default;opacity:.5}.add_ml_model_container{background:#3e405b;border-radius:20px;box-shadow:0 0 0 2px #3e405b;cursor:pointer;display:inline-block;margin-left:8px;margin-top:3px}.add_ml_model{background-image:url(/static/media/plus.639250cd585a88b94fde.svg)}.add_ml_model,.ml_model_loading{background-position:50%;background-size:100%;height:17px;width:17px}.ml_model_loading{animation:rotation 2s linear infinite;background-image:url(/static/media/loading.db94bc71cd3e15a9e8c1.svg)}.ml_model_entry{background-image:url(/static/media/file.1aa325505ebe0c22c077.svg);background-position-x:-2px;background-repeat:no-repeat;background-size:17px;color:#fff;cursor:default;margin:15px 0 12px 10px;padding-left:22px;position:relative}.ml_model_entry_x{cursor:pointer;height:18px;left:0;position:absolute;top:0;width:18px}.ml_model_entry:HOVER{background-image:url(/static/media/x.00816ba61f4048157f4d.svg)}.input_output_card{background:#20212e;border-radius:12px;margin-bottom:24px;margin-left:14px;margin-right:14px;padding:9px 12px 0;position:relative}.add_input_output{background-image:url(/static/media/plus.639250cd585a88b94fde.svg);background-position:50%;background-repeat:no-repeat;background-size:16px;border-radius:10px;cursor:pointer;display:inline-block;height:20px;margin-bottom:7px;width:20px}.add_input_output:HOVER{background-color:#282a39}.input_output_counter{background-color:#282a39;cursor:default}.input_output_counter,.input_output_counter_delete{border-radius:10px;color:#fff;display:inline-block;font-size:12px;font-weight:600;height:20px;line-height:20px;margin-bottom:10px;text-align:center;vertical-align:top;width:20px}.input_output_counter_delete{background-color:initial;background-image:url(/static/media/x.00816ba61f4048157f4d.svg);background-size:90%;cursor:pointer}.input_output_textbox{background:#0000;border:1px solid #0000;border-radius:10px;color:#fff;display:inline-block;font-family:Inter;font-size:var(--normal-font-size);height:20px;margin-left:5px;outline:none;padding:0 5px;transform:translateY(-2px);vertical-align:top;width:calc(100% - 47px)}.input_output_textbox:HOVER{border:1px solid #282a3999}.input_output_textbox:FOCUS{border:1px solid #282a39}.audio_effect_input{background:#20212e;border-radius:12px;color:#fff;cursor:pointer;font-size:12px;height:34px;position:relative;text-align:center;width:100px}.audio_effect_input:HOVER{background:#282a39}.audio_effect_output{background-color:#20212e;background-image:url(/static/media/unmute.9f9df709514d84558cf1.svg);background-position:50%;background-repeat:no-repeat;background-size:20px;border-radius:12px;color:#fff;cursor:pointer;font-size:12px;height:34px;text-align:center;width:100px}.audio_effect_output:HOVER{background-color:#282a39}.audio_effect_output_mute{background-color:#20212e;background-image:url(/static/media/mute.5d6ed01fcdb32ba67e6b.svg);background-position:50%;background-repeat:no-repeat;background-size:20px;border-radius:12px;color:#fff;cursor:pointer;font-size:12px;height:34px;text-align:center;width:100px}.audio_effect_output_mute:HOVER{background-color:#282a39}.wire_up{background-image:url(/static/media/sine_flip.be3aec7fd87ccc1b6411.svg)}.wire_down,.wire_up{background-position:50%;background-repeat:no-repeat;height:50px;position:absolute}.wire_down{background-image:url(/static/media/sine.aeee858aedb40df5ea72.svg)}.wire_up_2{background-image:url(/static/media/sine_flip.be3aec7fd87ccc1b6411.svg)}.wire_up_2,.wire_up_2_hover{background-position:50%;background-repeat:no-repeat;height:50px;position:absolute}.wire_up_2_hover{background-image:url(/static/media/sine_flip_dashed.b1bcb38b3823c98c139e.svg)}.wire_down_2{background-image:url(/static/media/sine.aeee858aedb40df5ea72.svg)}.wire_down_2,.wire_down_2_hover{background-position:50%;background-repeat:no-repeat;height:50px;position:absolute}.wire_down_2_hover{background-image:url(/static/media/sine_dashed.517b395dc3fd972341cd.svg)}.audio_effect_input_output_diagram{background-image:url(/static/media/dot_light_2.66468cfc9b1d6a32636a.svg);background-position:center -10px;background-repeat:no-repeat;background-size:89px 57px;margin:auto auto 40px;padding:0;position:relative;width:min(calc(100% - 29px),809px)}.add_audio_effect_input{background-image:url(/static/media/plus.639250cd585a88b94fde.svg)}.add_audio_effect_input,.remove_audio_effect_input{background-position:50%;background-repeat:no-repeat;background-size:16px;height:100%;left:0;position:absolute;top:0;width:100%}.remove_audio_effect_input{border-radius:12px}.remove_audio_effect_input:HOVER{background-color:#282a39bb;background-image:url(/static/media/x.00816ba61f4048157f4d.svg)}.artifact_padding{height:82px}.wiring_outer_container{background:#20212e;border-radius:12px;box-shadow:inset 0 0 0 1px #2c2d3c;margin:auto;padding:14px;position:relative;width:min(calc(100% - 56px),778px)}.lane_wiring_outer_container{margin:auto;position:relative;width:min(calc(100% - 28px),806px)}.lane_wiring_anchor_inner_container,.lane_wiring_inner_container{background:#20212e;border:1px solid #2c2d3c;border-radius:12px;margin-bottom:8px;min-height:33px;overflow:hidden;padding:8px 8px 0;width:calc(100% - 16px)}.lane_wiring_row_container{align-items:stretch;display:flex}.lane_wiring_anchors_container{color:#fff;display:inline-flex;margin-right:8px;vertical-align:top;width:30%}.lane_wiring_effect_chain_container{color:#fff;display:inline-flex;vertical-align:top;width:calc(70% - 8px)}.lane_wiring_node{padding:5px 11px}.lane_wiring_anchor,.lane_wiring_node{background:#282a39;border-radius:20px;color:#fff;cursor:grab;display:inline-flex;margin-bottom:8px;margin-right:8px;text-align:center;white-space:nowrap}.lane_wiring_anchor{padding:6px 11px}.lane_wiring_node_delete{background-image:url(/static/media/x.00816ba61f4048157f4d.svg);background-size:15px;height:15px;margin-left:9px;width:15px}.add_lane_wiring_node,.lane_wiring_node_delete{background-position:50%;background-repeat:no-repeat;cursor:pointer}.add_lane_wiring_node{background-color:#282a39;background-image:url(/static/media/plus.639250cd585a88b94fde.svg);background-size:17px;border-radius:20px;display:inline-flex;height:28px;margin-bottom:8px;margin-right:8px;vertical-align:top;white-space:nowrap;width:28px}.lane_wiring_dots{background-image:url(/static/media/white_dot_with_gap.a06b8e1fd2d71b8668d1.svg);background-position:50%;background-repeat:repeat-y;background-size:7px;height:38px;margin:0 auto 8px;width:100%}.lane_wiring_surface_close{background-color:#181a22cc;background-image:url(/static/media/x.00816ba61f4048157f4d.svg);background-position:50%;background-repeat:no-repeat;background-size:20px;cursor:pointer;height:100%;margin:auto;width:50px}.wiring_container{padding:0;position:relative}.wiring_input_node{left:0}.wiring_input_node,.wiring_output_node{border-radius:20px;box-shadow:inset 0 0 0 1px #343545;color:#fff;cursor:default;font-size:12.2px;padding:9px 0;position:absolute;text-align:center}.wiring_output_node{right:0}.wiring_node,.wiring_node_selected{background:#282a39;border-radius:20px;color:#fff;cursor:grab;font-size:12.2px;padding:9px 0;position:absolute;right:0;text-align:center;z-index:2000}.wiring_node_selected{box-shadow:inset 0 0 0 1px #ffffff29}.input_nipple_container{left:0}.input_nipple_container,.output_nipple_container{align-items:center;display:flex;height:100%;position:absolute;top:0;width:7px}.output_nipple_container{right:0}.input_nipple{transform:translate(-4px)}.input_nipple,.output_nipple{background-image:url(/static/media/dot_white.dbe61a4642a53af1c1ab.svg);background-position:50%;background-size:26px 17px;cursor:crosshair;height:7px;width:100%;z-index:20}.output_nipple{transform:translate(3px)}.add_node{height:27px;right:0;transform:translate(15px,-50px);width:27px}.add_node,.add_node_on_wire{background-color:#20212e;background-image:url(/static/media/plus.639250cd585a88b94fde.svg);background-position:50%;background-repeat:no-repeat;background-size:17px;border-radius:20px;cursor:pointer;position:absolute;top:0}.add_node_on_wire{display:none;height:20px;left:0;transform:translate(-10px,-9px);width:20px}.add_node_on_wire:HOVER{background-color:#282a39}.delete_node{background-color:#20212e;background-image:url(/static/media/x.00816ba61f4048157f4d.svg);background-position:50%;background-repeat:no-repeat;background-size:14.5px;border-radius:20px;cursor:pointer;height:27px;position:absolute;right:0;top:0;transform:translate(-21px,-50px);width:27px}.moving_node{border-radius:12px;outline:2px dashed #ffffff59;position:absolute}.node_search_modal{background:#20212e;border-radius:12px;height:500px;left:calc(50% + 25px);position:fixed;top:50%;transform:translateX(-50%) translateY(-50%);width:400px;z-index:20000}.modal_cover{background:#181a22c4;height:100%;left:0;position:fixed;top:0;width:100%;z-index:19000}.search_node_input{background:#0000;border:0;color:#fff;font-family:Inter;font-size:var(--normal-font-size);margin:2px 0 0 30px;outline:0;padding:10px;width:calc(100% - 70px)}.embedded_surface_container{margin:auto;width:calc(100% - 28px)}.vertical_dot{background-image:url(/static/media/dot_white.dbe61a4642a53af1c1ab.svg);background-position:50%;background-repeat:no-repeat;background-size:17px 12px;height:9px;margin:auto;width:10px}.snapshot_tag{background-color:#f18c32;background-image:url(/static/media/tag.003ae5cf4bf1c8007b41.svg);padding:3px 10px 3px 31px}.published_snapshot_tag,.snapshot_tag{background-position:8px;background-repeat:no-repeat;background-size:18px;border-radius:14px;color:#081146;display:inline-block;font-family:DM Sans;font-weight:800}.published_snapshot_tag{background-color:#2aaed2;padding:3px 10px}.live_tag{box-shadow:inset 0 0 0 1px #2aaed2;color:#2aaed2}.live_tag,.not_live_tag{background-color:initial;border-radius:14px;display:inline-block;margin-left:10px;padding:3px 10px}.not_live_tag{box-shadow:inset 0 0 0 1px #f18c32;color:#f18c32}.home_container{left:50px;position:relative;width:calc(100% - 50px)}.home_header{background:#181a22;box-shadow:9px 0 10px 3px #181a22;position:fixed;top:0;width:calc(100% - 50px);z-index:100}.user_mode{opacity:.4}.user_mode,.user_mode_selected{cursor:pointer;display:inline-block;font-family:DM Sans;font-weight:700;margin:0 29px}.user_mode_container{padding:15px;text-align:center}.search_bar_container{padding:45px 0 19px;text-align:center}.search_bar_inner_container{display:inline-block;position:relative;width:min(570px,calc(100% - 34px))}.search_bar{background-color:#20212e;background-image:url(/static/media/search.1a76469d7b924e93b09c.svg);background-position:17px;background-repeat:no-repeat;background-size:21px;border:0;border-radius:50px;color:#fff;font-family:Inter;font-size:var(--normal-font-size);outline:0;padding:16px 21px 16px 47px;width:calc(100% - 68px)}.search_bar::placeholder{color:#fff9}.search_filter{background-color:initial;background-position:50%;background-repeat:no-repeat;background-size:16px;border-radius:30px;cursor:pointer;height:30px;opacity:.7;position:absolute;top:9px;width:30px}.search_filter:HOVER{background-color:#282a39bb}.search_filter_selected{background-color:#282a39;background-position:50%;background-repeat:no-repeat;background-size:16px;border-radius:30px;height:30px;position:absolute;top:9px;width:30px}.everything_filter{background-image:url(/static/media/all.f7e499a4226c71d0d6a8.svg)}.by_me_filter{background-image:url(/static/media/personal.8b8306e8b12d7b4a9a15.svg)}.search_results_container{background:#181a22;margin:auto;width:min(850px,calc(100% - 34px))}.artifact_type_label{color:#ffffffd4;display:inline-block;font-family:DM Sans;font-size:17px;font-weight:600;padding:23px 0 12px 7px;vertical-align:top}.artifact_type_label_back{background-image:url(/static/media/back.d16f47ca6475ff680c08.svg);background-position:9px 26px;background-repeat:no-repeat;background-size:17px;cursor:pointer;display:inline-block;height:23px;opacity:.5;padding:23px 0 12px;vertical-align:top;width:23px}.artifact_type_label_back:HOVER{opacity:1}.more_results{background-color:initial;background-image:url(/static/media/down.2d2034332ae8faf1a5d3.svg);background-position:50%;background-repeat:no-repeat;background-size:28px;border-radius:12px;cursor:pointer;display:inline-block;height:30px;margin:0 9px;vertical-align:top;width:calc(100% - 26px)}.more_results:HOVER{background-color:#20212e;box-shadow:0 0 0 1px #2c2d3c}.artifact_block{background:#20212e;border-radius:12px;box-shadow:0 0 0 1px #2c2d3c;cursor:pointer;display:inline-block;margin:0 9px 18px;vertical-align:top;width:calc(33% - 18px)}.artifact_block:HOVER{background:#282a39}.artifact_block_title{display:inline-block;padding:12px 8px 6px 16px}.artifact_block_subtitle{display:inline-block;font-size:12px;opacity:.6;padding:4px 12px 12px 0;vertical-align:top}.published_icon{background-image:url(/static/media/earth.9c49a8539ddfcccafe77.svg)}.personal_icon,.published_icon{background-position:14px 3px;background-repeat:no-repeat;background-size:16px;display:inline-block;height:24px;opacity:.5;vertical-align:top;width:35px}.personal_icon{background-image:url(/static/media/personal.8b8306e8b12d7b4a9a15.svg)}.create_artifact{background-image:url(/static/media/plus.639250cd585a88b94fde.svg);background-position:50%;background-repeat:no-repeat;background-size:24px;border-radius:12px;box-shadow:inset 0 0 0 1px #2c2d3c;cursor:pointer;display:inline-block;height:66px;margin:0 9px;vertical-align:top;width:calc(33% - 18px)}.create_artifact:HOVER{background-color:#20212e55}.version_tag_in_block{border-radius:17px;box-shadow:inset 0 0 0 1px #2aaed2;color:#2aaed2;display:inline-block;padding:2px 7px}.email_box{background:#0000;border:1px solid #ffffff36;border-radius:50px;color:#fff;font-family:Inter;font-size:var(--normal-font-size);outline:0;padding:11px 21px;width:300px}.assignment_modal{background:#20212e;border-radius:12px;height:520px;left:calc(50% + 25px);padding:22px;position:fixed;top:50%;transform:translateX(-50%) translateY(-50%);width:min(1020px,calc(100% - 160px));z-index:20000}.outlet_assignment_modal{color:#fff;width:400px}.outliner{border-radius:12px;box-shadow:0 0 0 1px #ffffff1f}.assignable_effect_chip{background:#282a39;border-radius:20px;color:#fff;cursor:pointer;display:inline-block;margin-bottom:10px;margin-right:10px;padding:5px 11px;vertical-align:top}.assignable_effect_chip:hover{background:#282a39;box-shadow:inset 0 0 0 1px #ffffff10}.assignable_effect_chip_selected{background:#282a39;border-radius:20px;box-shadow:inset 0 0 0 1px #ffffff54;color:#fff;cursor:text;display:inline-block;margin-bottom:10px;margin-right:10px;padding:5px 11px;vertical-align:top}@keyframes shake{0%,to{transform:rotate(0deg)}10%,30%,50%,70%,90%{transform:rotate(-8deg)}20%,40%,60%,80%{transform:rotate(8deg)}}.shaking_div{animation:shake 3s ease-in-out infinite}.assignment_modal_message{background-color:#181a2270;border-radius:12px;color:#fff;padding:22px}.num_assigned{background:#ffffff30;border-radius:12px;display:inline-block;font-weight:800;margin-left:9px;padding:0 4px}.sample_details_button{position:absolute;right:15px;text-align:right;top:50%;transform:translateY(-50%)}.sample_details_label{color:#fff;display:inline-block;margin-right:15px;vertical-align:top;width:105px}.sample_details_slider{display:inline-block;height:16px;transform:translateY(-5px);vertical-align:top;width:150px}.knob_rotating{background-image:url(/static/media/knob.ab564ceaf00ed777836d.svg);background-position:50%;background-repeat:no-repeat;background-size:100%;height:100%;width:100%}.toggle_on{background-image:url(/static/media/toggle_on.2dcc150c58fb2f37b696.svg)}.toggle_off,.toggle_on{background-position:50%;background-size:100% 100%;height:100%;width:100%}.toggle_off{background-image:url(/static/media/toggle_off.d434da3ebbe41496d536.svg)}.text_label{color:#fff;font-size:var(--normal-font-size)}.published_toolbar_snippet{color:#fff9;display:inline-block;font-weight:500;padding:0 10px}.published_toolbar_icon{background-position:50%;background-size:100%;display:inline-block;height:12px;opacity:.8;transform:scale(1.8) translateY(.5px);width:12px}.published_toolbar_icon_history{background-image:url(/static/media/history.4b3aaefe3fdfde2abdac.svg)}.published_toolbar_icon_path{background-image:url(/static/media/tag_white.c9ddf63ba64aa2e0bfa0.svg);transform:translate(2px,1px) scale(1.7)}.published_toolbar_icon_file_copy{background-image:url(/static/media/file_copy.ab650cf5763214b0199d.svg);background-repeat:no-repeat;background-size:80%}.no_interaction{height:calc(100% - 40px)}.copying_artifact,.no_interaction{background:#181a22;display:none;left:57px;position:fixed;top:40px;width:calc(100% - 60px);z-index:31000}.copying_artifact{height:calc(100% - 140px);padding-left:calc(50% - 40px);padding-top:100px}.copying_artifact_spinner{background-image:url(/static/media/loading_ripples.1c698775a83c88ef113c.svg);background-position:50%;background-size:100%;height:40px;opacity:.4;width:40px}.start_button{background:#fffc;border-radius:50px;color:red;color:#181a22;cursor:pointer;display:inline-block;font-family:DM Sans;font-size:15px;font-weight:600;margin-top:200px;padding:11px 24px}.start_button_subtext{color:#fff;cursor:default;font-family:DM Sans;margin-top:20px}.clickable{background-color:#20212e;border-radius:20px;box-shadow:-5px 0 0 7px #20212e;cursor:pointer;padding:0 6px}.clickable:HOVER{background:#2c2d3c;box-shadow:-5px 0 0 7px #2c2d3c}.system_modal{align-items:center;animation:fade_in .15s linear;background:#181a22;color:#fff;display:none;flex-direction:column;height:100%;justify-content:center;left:57px;position:fixed;top:0;width:calc(100% - 60px);z-index:32000}.system_modal_with_logo{background-image:url(/static/media/word_logo.153f891fc1141a4b31b1.svg);background-position-x:center;background-position-y:15px;background-repeat:no-repeat;background-size:85px}.system_modal_card{flex-direction:column;margin:40px;padding:20px}@keyframes fade_in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.system_modal_headline{color:#fff;font-family:DM Sans;font-size:33px;font-weight:900;margin-bottom:15px}.hint_container{animation:hint_container_fade_in .3s ease-in;overflow:hidden;text-align:center;transition:opacity .3s,transform}@keyframes hint_container_fade_in{0%{opacity:0}to{opacity:1}}.hint_dots{background-image:url(/static/media/dotdotdot_v.30b9dbb235fbc60ea15f.svg);background-position:50%;background-repeat:no-repeat;background-size:100%;height:30px;margin:auto;width:4px}.hint{background-color:#20212e;background-image:url(/static/media/bulb.a7d077e0eb62d85c595f.svg);background-position:14px 21px;background-size:24px;border:2px dashed #2c2d3c;border-radius:0 24px 24px 24px;color:#fff;line-height:19px;margin:23px auto auto;padding:20px 20px 20px 50px;width:250px}.connect_midi_keyboard,.hint{background-repeat:no-repeat;text-align:left}.connect_midi_keyboard{background-color:#f18c32;background-image:url(/static/media/keyboard_map.9c053d7b9dd18cf647e4.svg);background-position-x:202px;background-position-y:center;background-size:100px;border-radius:11px;color:#081146;line-height:18px;overflow:hidden;padding:5px 96px 5px 10px;position:absolute;right:8px;top:9px;transition:opacity .2s;width:200px;z-index:30000}.link_in_text{cursor:pointer;text-decoration:underline}.admin_dashboard{background:#fff;color:#000;left:0;padding:20px;position:fixed;top:0;z-index:40000}.toggle_button{display:inline-block;overflow:hidden;vertical-align:top;white-space:nowrap}.toggle_button_selected{background:#ffffffc9;color:#181a22}.toggle_button_selected,.toggle_button_unselected{align-items:center;cursor:pointer;display:inline-flex;justify-content:center}.toggle_button_unselected{background:#ffffff40;color:#000000ba}.channel_separator{background:#00000049;height:1px;left:0;position:absolute;top:0;width:100%}.drag_pad{background-color:#282a39;border-radius:9px;cursor:grab;position:relative}.drag_pad_indicator{background-color:#b9b9bd;border-radius:50%;height:8px;position:absolute;width:8px}.drag_pad_track_v{height:100%;left:50%;top:0;width:1px}.drag_pad_track,.drag_pad_track_v{background-color:#fff;opacity:.3;position:absolute}.drag_pad_track{height:1px;left:0;top:50%;width:100%}.action_settings{margin:auto auto 25px;max-width:784px;padding:9px 12px}.settings_label{color:#fff;display:inline-block;margin-right:20px;padding:0 12px 0 3px;width:120px}.dropdown_selector{background-image:url(/static/media/down.2d2034332ae8faf1a5d3.svg);background-position:calc(100% - 5px);background-repeat:no-repeat;background-size:18px;border-radius:12px;box-shadow:0 0 0 1px #2c2d3c;color:#fff;cursor:pointer;display:inline-block;padding:2px 10px;width:150px}.program_select{background-color:#282a39;border:0;border-radius:12px;color:#fff;font-family:Inter;outline:0;padding:5px}.program_select_option{border-radius:20px;padding:4px 12px}.primary_button{background:#d9d9d9;border:0;border-radius:50px;color:#181a22;cursor:pointer;display:inline-block;font-family:DM SANS;font-weight:900;margin-right:14px;outline:none;padding:5px 13px;text-decoration:none}.primary_button:DISABLED{cursor:default;opacity:.2}.secondary_button{background:#0000;border:0;border-radius:50px;box-shadow:inset 0 0 0 1px #d9d9d9;color:#d9d9d9;cursor:pointer;display:inline-block;font-family:DM SANS;font-weight:900;margin-right:14px;outline:none;padding:5px 13px;text-decoration:none}.action_demo_message{align-items:center;border:2px dashed #2c2d3c;border-radius:0 24px 24px 24px;color:#fff;display:flex;flex-direction:column;gap:30px;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.button-87{background-color:#181a22;background-image:linear-gradient(45deg,#222334,#35385f 51%,#222334);background-position:0 0;background-size:200% auto;border:0;border-radius:40px;color:#fff;cursor:pointer;display:block;filter:grayscale(.4);font-family:DM Sans;font-weight:700;margin:auto;outline:none;padding:15px 40px;text-align:center;touch-action:manipulation;transition:.3s;user-select:none;-webkit-user-select:none}.button-87:hover{background-position:60% 0}.button-87:active{transform:scale(.95)}.button-87:disabled{cursor:default;opacity:.2}.button-87:FOCUS{box-shadow:0 0 0 2px #52546b}.ui_controller_text_area{background:#0000;border:0;color:#000;font-family:Inter;font-size:var(--normal-font-size);height:100%;outline:0;padding:0;resize:none;width:100%}.ui_controller_text_area::placeholder{color:#00000088}.focus_label{color:#fff;font-family:DM Sans;font-weight:800;margin-bottom:15px}.dot_env_textarea{background-color:#2c2d3c;border:0;border-radius:8px;color:#fff;font-size:12px;margin-top:20px;outline:0;padding:10px;resize:none;width:calc(100% - 25px)}.code_setup_cta{background:#2c2d3c;border-radius:8px;cursor:pointer;height:48px;left:0;position:absolute;top:0;width:48px}.code_setup_cta_inner{align-items:center;background-color:#2c2d3c;background-position:50%;background-repeat:no-repeat;border-radius:8px;color:#fff;display:flex;filter:blur(0);font-size:8px;height:100%;justify-content:center;width:100%}.code_setup_cta_inner_download{background-image:url(/static/media/download.b572531bf166f0468bc4.svg)}.code_setup_cta_inner_generate{background-image:url(/static/media/generate.e82f7f69308c8eeba232.svg)}.code_setup_cta_inner_regenerate{background-image:url(/static/media/refresh.37a9e67464ba2873a891.svg)}.zip_file{background-image:url(/static/media/zip.74f06cdbc43e0ac3613f.svg)}.token,.zip_file{background-position:50%;background-repeat:no-repeat;background-size:80%}.token{background-image:url(/static/media/token.0d270a7b31f1dfd264d5.svg)}.binary_container{height:361px;position:relative}.binary_card{background-image:url(/static/media/binary.4b30f36ba174598bf9cd.svg);background-position:center 32%;background-repeat:no-repeat;background-size:46%;border-radius:14px;height:200px;left:0;min-width:100px;position:absolute;top:18px;transform:translateX(-50%);width:25%}.binary_card_inactive{cursor:pointer;opacity:.3}.binary_card_inactive:HOVER{opacity:.65}.binary_active{background-image:url(/static/media/active.79767f3eb2114052148e.svg)}.binary_active,.binary_inactive{align-items:center;background-color:initial;background-position:5px;background-repeat:no-repeat;background-size:18px;border-radius:20px;box-shadow:0 0 0 1px #ffffff29;color:#fff;cursor:pointer;display:flex;height:25px;left:10px;padding:0 0 0 28px;position:absolute;top:10px;width:calc(100% - 48px)}.binary_inactive{background-image:url(/static/media/inactive.1c3469858aa811afbbca.svg)}.binary_test_type{background-image:url(/static/media/test.e8d34dd94b78bf877be7.svg)}.binary_committed_type,.binary_test_type{align-items:center;background-color:initial;background-position:5px;background-repeat:no-repeat;background-size:18px;border-radius:20px;bottom:10px;color:#fff;display:flex;height:25px;left:10px;padding:0 0 0 28px;position:absolute;width:calc(100% - 48px)}.binary_committed_type{background-image:url(/static/media/committed.c3692e22a2b99f178613.svg)}.binary_time{align-items:center;background-color:initial;background-image:url(/static/media/time.51c8c418009538b2c306.svg);background-position:5px;background-repeat:no-repeat;background-size:18px;border-radius:20px;bottom:45px;color:#fff;display:flex;height:25px;left:10px;padding:0 0 0 28px;position:absolute;width:calc(100% - 48px)}.binary_card_common,.binary_card_competing_common{animation:slide_right .3s}.binary_card_personal{animation:slide_left .3s}@keyframes slide_right{0%{transform:translateX(-65%)}to{transform:translateX(-50%)}}@keyframes slide_left{0%{transform:translateX(-35%)}to{transform:translateX(-50%)}}.binary_separator{background:#2c2d3c;height:200px;top:0;width:1px}.binary_push,.binary_separator{left:50%;margin-top:18px;position:absolute}.binary_push{background-color:#2c2d3c;background-image:url(/static/media/push.ef764aec3c264a448ff3.svg);background-position:8px;background-repeat:no-repeat;background-size:30px;border-radius:100px;cursor:pointer;height:50px;top:100px;transform:translateX(-50%) translateY(-50%);width:50px}.copilot_prompt{background-color:wheat;border:0;display:none;outline:0;position:absolute;right:0;top:0;width:300px;z-index:10000}.copilot_prompt:DISABLED{background-color:red}.selection_toolbar_segment{background:#dadada;box-shadow:3px 0 0 8px #dadada;margin-left:12px}.clip_header{background-color:#afa5d8;box-shadow:inset 0 -1px 0 .25px #00000045;cursor:grab;height:20px;position:relative;width:100%}.clip_side_handle_left{left:3px}.clip_side_handle_left,.clip_side_handle_right{background-color:#00000057;border-radius:10px;cursor:ew-resize;display:none;height:25px;position:absolute;top:50%;transform:translateY(-50%);width:3px;z-index:10000}.clip_side_handle_right{right:3px}.sixteenth_ruler_dot{height:3px;transform:translateX(-1px) translateY(-50%) scale(.9);width:3px}.sixteenth_ruler_beat_dot,.sixteenth_ruler_dot{border-radius:5px;left:0;position:absolute;top:50%;z-index:10000}.sixteenth_ruler_beat_dot{background-color:hsla(0,0%,100%,.169);height:3.5px;transform:translateX(-1px) translateY(-50%) scale(.7);width:3.5px}.sixteenth_ruler_measure{color:#fff;left:0;position:absolute;text-align:center;top:50%;transform:translateX(-50%) translateY(-50%);width:40px;z-index:10000}.ruler_parent{cursor:text;font-family:Inconsolata;font-size:13px;font-weight:500;height:100%;position:relative;top:50%;transform:translateY(-50%);width:100%}.ruler_hovered_sixteenth{background-color:#3f4258c3;height:100%;left:0;position:absolute;top:0;transform:translateX(-.5px);width:2px}.ruler_selecting_indicator{background-color:#3f42585a;height:100%;position:absolute;top:0;z-index:10000}.ruler_selected_indicator{background-color:#e91e6242;cursor:grab;height:100%;position:absolute;top:0;transform:translateX(.75px);z-index:10000}.ruler_selected_dragger{background-color:hsla(0,0%,100%,.079);cursor:ew-resize;height:100%;position:absolute;top:0;width:2px;z-index:20000}.remove_ruler_selection{background-color:#ffffffa7;background-image:url(/static/media/x_dark.36968b78b76804b40c9b.svg);background-size:12px;border-radius:50px;left:50%;transform:translateX(-50%) translateY(-50%);width:16px}.clip_header_expand,.remove_ruler_selection{background-position:50%;background-repeat:no-repeat;cursor:pointer;height:16px;position:absolute;top:50%}.clip_header_expand{background-image:url(/static/media/expand_dark.f460e0d08a49374d96b5.svg);background-size:20px;left:3.5px;transform:translateY(-50%);width:12px}.piano_roll_container{background:#20212e;border-radius:12px;box-shadow:0 0 0 1px #2c2d3c;height:calc(var(--piano-roll-height) - 73px);margin-top:12px;overflow:hidden;position:relative}.piano_roll_canvas{left:0;overflow:auto;position:absolute;width:100%}.piano_roll_canvas_container{height:calc(100% - var(--ruler-height) - var(--piano-roll-velocity-editor-height));left:calc(var(--piano-roll-keys-width));overflow:hidden;position:absolute;width:calc(100% - var(--piano-roll-keys-width))}.piano_roll_ruler_container{background-color:#20212e;overflow:hidden;padding-left:calc(var(--piano-roll-keys-width));position:relative;z-index:10000}.piano_roll_keys_container{position:absolute;top:calc(var(--ruler-height));width:calc(var(--piano-roll-keys-width))}.black_key_marker{background-color:#0000005e}.piano_roll_note{box-shadow:0 0 0 1px #00000061}.piano_roll_note,.selected_piano_roll_note{background-color:#afa5d8;border-radius:4px;cursor:grab;position:absolute}.selected_piano_roll_note{box-shadow:0 0 0 2px #fff}.x_piano_roll{background-color:#20212e;background-image:url(/static/media/x.00816ba61f4048157f4d.svg);background-position:50%;background-repeat:no-repeat;background-size:70%;cursor:pointer;height:25px;position:absolute;right:11px;top:5px;width:25px;z-index:10000}.piano_roll_toolbar{background:#fff;border-radius:20px;display:inline-flex;flex-direction:column;gap:10px;overflow:hidden;padding:7px 1px;position:absolute;right:12px;text-align:center;top:calc(50% - var(--ruler-height));transform:translateY(-50%);z-index:10000}.piano_roll_selection_box{border:1px dashed #fff;height:100px;position:absolute;width:100px;z-index:20000}.piano_roll_note_side_left{left:0}.piano_roll_note_side_left,.piano_roll_note_side_right{cursor:ew-resize;height:100%;position:absolute;top:0;width:3px}.piano_roll_note_side_right{right:0}.velocity_editor{background-color:#20212e;bottom:0;box-shadow:0 0 0 1px #2c2d3c;height:var(--piano-roll-velocity-editor-height);left:0;overflow:hidden;position:absolute;width:100%}.note_stick{background-color:initial;bottom:0;position:absolute;width:2px}.note_circle{background-color:#20212e;border-radius:50px;box-shadow:0 0 0 1px #76778c;height:5px;left:50%;position:absolute;top:0;transform:translateX(-50%) scale(1.2);transition:all .3s;width:5px}.note_circle:HOVER{transform:translateX(-50%) scale(1.7)}.piano_roll_slicing_indicator{background-color:#e91e62;position:absolute;transform:translateX(-1px);width:2px;z-index:20000}.piano_roll_separator{background-image:url(/static/media/pixel.25fa312fbdfd2f6b35a2.svg);background-position:6px;background-repeat:repeat-x;cursor:ns-resize;height:11.5px;opacity:0;position:absolute;width:100%;z-index:100000}.piano_roll_separator:HOVER{opacity:.5}.empty_selection_aid{display:flex;height:10px;left:0;position:absolute;top:0;z-index:10000}.aid_toolbar,.empty_selection_aid{align-items:center;justify-content:center}.aid_toolbar{background:#fff;border-radius:20px;cursor:default;display:inline-flex;display:flex;margin:auto;overflow:hidden;padding:5px 0;text-align:center;transform:scale(.8)}.aid_toolbar_label{color:#181a22;font-size:15px;padding:0 10px}.aid_toolbar_label,.footer{font-family:DM Sans;font-weight:500;opacity:.5}.footer{bottom:0;color:#fff;left:50%;position:fixed;text-align:center;transform:translateX(-50%) translateY(-14px);width:max-content;z-index:-1}.placeholder_home_section{background:#0000;border-radius:12px;box-shadow:0 0 0 1px #2c2d3c;color:#ffffff94;margin-left:7px;padding:23px 12px;text-align:center;vertical-align:top;width:calc(100% - 48px)}.banner{background-color:#20212e;background-image:url(/static/media/word_logo_alpha.948d24b69b46d3c42089.svg);background-position:36px 24px;background-repeat:no-repeat;background-size:85px;border-radius:100px;font-family:DM Sans;line-height:21px;margin:25px auto auto;padding:12px 25px 12px 156px;width:calc(min(100% - 210px, 665px))}.banner_tagline{color:#fff;margin:auto;max-width:600px;text-align:center}.login{position:fixed;right:10px;top:10px;z-index:10000}.keyboard_icon{background-image:url(/static/media/keyboard_white.0dbea61051daac721656.svg);background-position:50%;background-repeat:no-repeat;background-size:24px;cursor:pointer;height:24px;position:absolute;right:14px;top:11px;transition:opacity .2s;width:24px;z-index:10000}.playing_note_indicator{background:ivory;border-radius:50px;height:1px;position:absolute;width:1px;z-index:100000}