.tooltipster-default{background:rgba(0, 0, 0, 0.65);border:1px solid rgba(107, 107, 107, 0.65);color:#fff}.tooltipster-default .tooltipster-content{font-family:"Lucida Sans Unicode", "Lucida Grande", "Lucida", Arial, sans-serif;font-size:11px;line-height:16px;padding:4px 10px;overflow:hidden}.tooltipster-default .tooltipster-arrow{background:rgba(0, 0, 0, 0.65)}.tooltipster-icon{cursor:help;margin-left:4px}.tooltipster-base{padding:0;font-size:0;line-height:0;position:absolute;left:0;top:0;z-index:9999999;pointer-events:none;width:auto;overflow:visible}.tooltipster-base .tooltipster-content{overflow:hidden}.tooltipster-arrow{display:block;text-align:center;width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1}.tooltipster-arrow span,.tooltipster-arrow-border{display:block;width:0;height:0;position:absolute}.tooltipster-arrow-top span,.tooltipster-arrow-top-right span,.tooltipster-arrow-top-left span{border-left:8px solid transparent !important;border-right:8px solid transparent !important;border-top:8px solid;bottom:-7px}.tooltipster-arrow-top .tooltipster-arrow-border,.tooltipster-arrow-top-right .tooltipster-arrow-border,.tooltipster-arrow-top-left .tooltipster-arrow-border{border-left:9px solid transparent !important;border-right:9px solid transparent !important;border-top:9px solid;bottom:-7px}.tooltipster-arrow-bottom span,.tooltipster-arrow-bottom-right span,.tooltipster-arrow-bottom-left span{border-left:8px solid transparent !important;border-right:8px solid transparent !important;border-bottom:8px solid;top:-7px}.tooltipster-arrow-bottom .tooltipster-arrow-border,.tooltipster-arrow-bottom-right .tooltipster-arrow-border,.tooltipster-arrow-bottom-left .tooltipster-arrow-border{border-left:9px solid transparent !important;border-right:9px solid transparent !important;border-bottom:9px solid;top:-7px}.tooltipster-arrow-top span,.tooltipster-arrow-top .tooltipster-arrow-border,.tooltipster-arrow-bottom span,.tooltipster-arrow-bottom .tooltipster-arrow-border{left:0;right:0;margin:0 auto}.tooltipster-arrow-top-left span,.tooltipster-arrow-bottom-left span{left:6px}.tooltipster-arrow-top-left .tooltipster-arrow-border,.tooltipster-arrow-bottom-left .tooltipster-arrow-border{left:5px}.tooltipster-arrow-top-right span,.tooltipster-arrow-bottom-right span{right:6px}.tooltipster-arrow-top-right .tooltipster-arrow-border,.tooltipster-arrow-bottom-right .tooltipster-arrow-border{right:5px}.tooltipster-arrow-left span,.tooltipster-arrow-left .tooltipster-arrow-border{border-top:8px solid transparent !important;border-bottom:8px solid transparent !important;border-left:8px solid;top:50%;margin-top:-7px;right:-7px}.tooltipster-arrow-left .tooltipster-arrow-border{border-top:9px solid transparent !important;border-bottom:9px solid transparent !important;border-left:9px solid;margin-top:-8px}.tooltipster-arrow-right span,.tooltipster-arrow-right .tooltipster-arrow-border{border-top:8px solid transparent !important;border-bottom:8px solid transparent !important;border-right:8px solid;top:50%;margin-top:-7px;left:-7px}.tooltipster-arrow-right .tooltipster-arrow-border{border-top:9px solid transparent !important;border-bottom:9px solid transparent !important;border-right:9px solid;margin-top:-8px}.tooltipster-fade{opacity:0;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;-ms-transition-property:opacity;transition-property:opacity}.tooltipster-fade-show{opacity:1}.tooltipster-grow{-webkit-transform:scale(0,0);-moz-transform:scale(0,0);-o-transform:scale(0,0);-ms-transform:scale(0,0);transform:scale(0,0);-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-backface-visibility:hidden}.tooltipster-grow-show{-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);-webkit-transition-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1.15);-moz-transition-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1.15);-ms-transition-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1.15);-o-transition-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1.15);transition-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1.15)}.tooltipster-swing{opacity:0;-webkit-transform:rotateZ(4deg);-moz-transform:rotateZ(4deg);-o-transform:rotateZ(4deg);-ms-transform:rotateZ(4deg);transform:rotateZ(4deg);-webkit-transition-property:-webkit-transform, opacity;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform}.tooltipster-swing-show{opacity:1;-webkit-transform:rotateZ(0deg);-moz-transform:rotateZ(0deg);-o-transform:rotateZ(0deg);-ms-transform:rotateZ(0deg);transform:rotateZ(0deg);-webkit-transition-timing-function:cubic-bezier(0.230, 0.635, 0.495, 1);-webkit-transition-timing-function:cubic-bezier(0.230, 0.635, 0.495, 2.4);-moz-transition-timing-function:cubic-bezier(0.230, 0.635, 0.495, 2.4);-ms-transition-timing-function:cubic-bezier(0.230, 0.635, 0.495, 2.4);-o-transition-timing-function:cubic-bezier(0.230, 0.635, 0.495, 2.4);transition-timing-function:cubic-bezier(0.230, 0.635, 0.495, 2.4)}.tooltipster-fall{top:0;-webkit-transition-property:top;-moz-transition-property:top;-o-transition-property:top;-ms-transition-property:top;transition-property:top;-webkit-transition-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);-webkit-transition-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1.15);-moz-transition-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1.15);-ms-transition-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1.15);-o-transition-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1.15);transition-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1.15)}.tooltipster-fall.tooltipster-dying{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;-ms-transition-property:all;transition-property:all;top:0px !important;opacity:0}.tooltipster-slide{left:-40px;-webkit-transition-property:left;-moz-transition-property:left;-o-transition-property:left;-ms-transition-property:left;transition-property:left;-webkit-transition-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);-webkit-transition-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1.15);-moz-transition-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1.15);-ms-transition-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1.15);-o-transition-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1.15);transition-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1.15)}.tooltipster-slide.tooltipster-dying{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;-ms-transition-property:all;transition-property:all;left:0px !important;opacity:0}.tooltipster-content-changing{opacity:0.5;-webkit-transform:scale(1.1, 1.1);-moz-transform:scale(1.1, 1.1);-o-transform:scale(1.1, 1.1);-ms-transform:scale(1.1, 1.1);transform:scale(1.1, 1.1)}@font-face{font-family:'mecharegular';src:url('/resources/fonts/mecha-webfont.eot');src:url('/resources/fonts/mecha-webfont.eot?#iefix') format('embedded-opentype'), url('/resources/fonts/mecha-webfont.woff') format('woff'), url('/resources/fonts/mecha-webfont.ttf') format('truetype'), url('/resources/fonts/mecha-webfont.svg#mecharegular') format('svg');font-weight:normal;font-style:normal}@font-face{font-family:'mechabold';src:url('/resources/fonts/mecha_bold-webfont.eot');src:url('/resources/fonts/mecha_bold-webfont.eot?#iefix') format('embedded-opentype'), url('/resources/fonts/mecha_bold-webfont.woff') format('woff'), url('/resources/fonts/mecha_bold-webfont.ttf') format('truetype'), url('/resources/fonts/mecha_bold-webfont.svg#mechabold') format('svg');font-weight:normal;font-style:normal}@font-face{font-family:'righteous';src:url('/resources/fonts/righteous-regular-webfont.eot');src:url('/resources/fonts/righteous-regular-webfont.eot?#iefix') format('embedded-opentype'), url('/resources/fonts/righteous-regular-webfont.woff') format('woff'), url('/resources/fonts/righteous-regular-webfont.ttf') format('truetype'), url('/resources/fonts/righteous-regular-webfont.svg#righteousregular') format('svg');font-weight:normal;font-style:normal}@font-face{font-family:'silkscreen';src:url('/resources/fonts/slkscre-webfont.woff2') format('woff2'), url('/resources/fonts/slkscre-webfont.woff') format('woff');font-weight:normal;font-style:normal}html{height:100%}body{font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;font-size:12px;text-align:center;margin:0;color:#eee;background-color:#2f3337;overflow:auto !important}img{border:0}a{color:#A0C5FA}.bcontents a,.message a,.warning a{color:#2b3277}.block a,#login a{color:#a7d2ff}#container{width:100%;min-height:100%;text-align:left;background-color:#666;background-position:center bottom}#header{position:absolute;left:0;top:0;height:72px;width:100%;background-color:#254d88}.head{width:24px;height:24px;display:inline-block;vertical-align:middle}.headname{line-height:24px;height:24px;margin-left:35px}#logo{background-image:url(/resources/icon.png);background-repeat:no-repeat;background-position:10px;background-color:#2c5aa1;margin-left:0;width:260px;height:97px !important;line-height:normal !important;box-sizing:border-box}#logo a{display:block;height:97px;width:260px;padding-left:80px !important;padding-top:24px;box-sizing:border-box}#logo .title{font-size:22px}#logo .subtitle{color:rgba(255, 255, 255, 0.7);font-size:15px}#login{position:absolute;right:0;top:0;text-align:right;color:white;line-height:60px;height:60px;padding-left:20px;padding-right:20px;font-family:'PT Sans';font-size:14px;color:rgba(255, 255, 255, 0.7)}#user_guest,#user_member,#affiliate_link,#login_fields,#login_buttons{float:left}#login_fields{margin-right:5px}#user_guest,#user_member{margin-right:10px}#login_fields{display:none}#nav{float:left;width:100%;height:92px}#nav ul{list-style-type:none;margin:0;padding:0;height:60px}#nav ul li{display:block;float:left;height:72px;line-height:72px;font-family:'PT Sans';font-size:18px;margin-right:10px}#nav ul li:hover{background-color:#2c5aa1}#nav ul li:active,#nav ul li.active{background-color:#1e3e6e}#nav ul li.active a{text-decoration:none;font-weight:bold}#nav ul li a{color:white;display:inline-block;padding-left:5px;padding-right:5px;text-decoration:none}#nav ul li a.chat_link{display:flex;height:100%;flex-direction:column;align-items:center;justify-content:center;line-height:normal}#nav ul li a.chat_link .link{line-height:normal;margin-top:18px}#nav ul li a.chat_link .online{color:rgba(255, 255, 255, 0.7);font-size:15px;height:19px}#nav_right{position:absolute;right:0;top:0;text-align:right;color:white;line-height:72px;height:72px;padding-left:20px;padding-right:20px;font-family:'PT Sans';font-size:16px;color:rgba(255, 255, 255, 0.7)}#bar{background-color:#2c2d2f;height:25px;line-height:25px;font-size:11px;position:absolute;top:72px;left:260px;right:0;padding-right:10px;padding-left:10px}#bar img{margin-right:5px}#main{text-align:center;position:absolute;left:0;top:92px;width:100%}#page{height:100%;margin:0 auto;text-align:left;position:relative;color:black;display:flex;justify-content:center}#page_left{width:200px;margin-right:10px}#page_right{max-width:816px;height:100%;overflow:hidden;flex:1}#side_chat{display:flex;flex-direction:column;transition:width 200ms ease-in-out;width:0;overflow:hidden}#side_chat a{display:block;margin-top:13px;margin-bottom:7px;text-align:right}#side_chat iframe{flex:1;width:400px}.profile_header{background-color:#676e7a;padding:5px;margin-bottom:5px;font-size:13px}.char{vertical-align:middle;margin-right:10px}.block .featured{display:inline-block;width:100px;height:100px;background-size:100px;vertical-align:top;margin-right:2px;margin-bottom:2px;position:relative}.block .featured .title{display:block;text-decoration:none;color:rgba(255, 255, 255, 0.8);padding:5px;width:90px;height:90px;text-shadow:1px 1px 0px #000}.block .featured .delete{position:absolute;right:5px;bottom:5px;width:16px;height:16px;background-image:url(/app/close.png)}.add_featured{position:relative;border:1px dashed rgba(255, 255, 255, 0.6);box-sizing:border-box;cursor:pointer}.add_featured span{position:absolute;right:5px;bottom:5px;font-size:16px;line-height:16px;color:rgba(255, 255, 255, 0.6)}#searchbox{width:100%;background-color:#bcc0e1;background-image:url(/resources/search_bg.png);background-position:bottom;background-repeat:repeat-x;text-align:center}#searchbox #inner{margin:0 auto;width:700px;padding:10px}#searchbox form{padding:0}div.sitemessage{position:absolute;top:0;left:200px;padding:10px;background-color:#F5DF95;border-left:1px solid #D17A00;border-right:1px solid #D17A00;border-bottom:1px solid #D17A00}.block{color:#1b1b1b;margin:10px auto;box-shadow:1px 1px 1px 0px rgba(0,0,0,0.75)}#page_left .block,#page_left .bcontents{width:200px}#page_right .block,#page_right .bcontents{width:808px}.btitle{position:relative;background-color:#676e7a;border-bottom:1px solid #33373d;color:#eee;font-family:'PT Sans';font-size:18px;text-shadow:1px 1px 1px rgba(0, 0, 0, 0.75);height:25px;line-height:25px;padding-left:10px;z-index:2}.notitle .btitle{z-index:1}.notitle .bcontents_text{margin-top:-20px}#page_left ul{list-style-type:none;margin:0;padding:0;line-height:24px;width:184px;font-size:13px;box-sizing:border-box}#page_left ul:first-child{margin-bottom:20px}#page_left ul li{list-style-type:none;margin:0;padding:0}#page_left ul li a{display:block;border:1px solid #252628;background-color:#3a3c3e;margin-bottom:4px;text-indent:8px}#page_left ul li a.active{border:1px solid #c78000;font-weight:bold}.bcontents{width:808px;position:relative;z-index:1;background-color:#484f57}.bcontents_t,table,tr,td{color:white}.bcontents_t{padding:8px}.bcontents_t p{margin:0}#intro p{margin-top:20px}.bcontents_b{height:22px;width:100%}#login form{margin:0;padding:0;margin-left:5px;margin-top:-2px;display:inline-block;height:40px}.preview{width:64px;height:64px;display:block;float:left;margin:1px;position:relative}.preview a,.preview .image{position:absolute;width:64px;height:64px}.preview .image{filter:sepia(100%) saturate(450%)}.preview:hover .image{filter:none}.preview .info{color:white;font-family:silkscreen;font-size:8px;font-smooth:never;-webkit-font-smoothing:none;letter-spacing:-1px;position:absolute;bottom:4px;left:4px;text-shadow:1px 1px 0px rgba(0, 0, 0, 1)}#frame{display:none}.clear:before,.clear:after{content:"\0020";display:block;height:0;visibility:hidden}.clear:after{clear:both}.clear{zoom:1}hr{height:1px;color:black;background-color:black;border:none}.block h1{color:#eee;border-bottom:1px solid #e19100}input[type="submit"],a.linkbutton,input[type="button"],.pagination_page,.pagination_previous,.pagination_next,.pagination_first,.pagination_current,.pagination_last{display:inline-block;padding:4px;border:1px solid #252628;background-color:#3a3c3e;color:white;font-size:12px;cursor:pointer;text-decoration:none}#bar .linkbutton,#bar input{padding-top:0;padding-bottom:0;border:0;height:25px}input[type="text"],input[type="password"],textarea{background:none;border:1px solid #252628;background-color:#3a3c3e;color:white;font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;text-indent:6px}a.linkbutton img,button img{vertical-align:middle}input[type="submit"]:hover,a.linkbutton:hover,input[type="button"]:hover,.pagination_page:hover,.pagination_previous:hover,.pagination_next:hover,.pagination_first:hover,.pagination_current:hover,.pagination_last:hover{background-color:#434447;border-color:#434447;color:white}.pagination_current{border:1px solid #e19100}input[type="submit"]:active,a.linkbutton:active,input[type="button"]:active,.pagination_page:active,.pagination_previous:active,.pagination_next:active,.pagination_first:active,.pagination_current:active,.pagination_last:active{background-color:#3a3c3e}#header_ad{width:728px;height:90px;position:absolute;right:4px;top:4px}#like_button{width:131px;height:26px;position:absolute;bottom:5px;background-color:#333;line-height:26px;border:1px solid black}#like_button iframe{margin-top:3px;width:75px;margin-left:2px}#middle{text-align:left;background-color:#ddd;border-bottom:1px solid black;display:flex;height:100%}#middle_left{display:flex;flex:1;flex-direction:column;margin:5px}#featured_list{height:100px;margin-bottom:5px}#featured_list .featured_content{hieght:100%;width:260px;background-color:#333}#frame_wrapper{display:flex;flex:1;flex-direction:column}#sidebar{width:139px;margin-top:5px}#sidebar img{margin-bottom:5px;margin-right:5px}.btn_side{display:inline-block;width:133px;font-size:11px;margin-bottom:5px;background-color:#676e7a;text-shadow:1px 1px 1px rgba(0, 0, 0, 0.75);border-bottom:1px solid #505665;color:white;text-align:center;height:22px}.btn_side a{display:block;width:100%;height:100%}.btn_side a:hover{background-color:#7d8594}#sort_1_link,#sort_2_link{padding:2px 0}#sort_1_link{border-bottom:1px solid #505665}.btn_side span{line-height:22px}.btn_side img{vertical-align:middle;margin:0;margin-right:5px}.btn_side a{color:white;text-decoration:none}.btn_side a:hover{text-decoration:none}#ad{position:absolute;right:6px;top:6px;width:468px;height:60px}#chatbar{width:100%;height:35px;border-top:1px solid #444;background-color:#eee;position:fixed;bottom:0;left:0}#chatbox{border:1px solid rgba(107, 107, 107, 0.8);background-color:rgba(26, 26, 26, 0.85);width:800px;height:520px;position:fixed;top:50%;left:50%;margin-left:-400px;margin-top:-250px;z-index:500}#chatbox_inner{width:780px;margin-top:5px;margin-left:10px;position:relative}#chatbox_right{position:absolute;width:100%;text-align:right;height:20px;line-height:20px}#chatbox_right img{vertical-align:middle}#chatbox iframe{border:none;width:780px;height:480px;margin:0;margin-top:25px;padding:0}#chatbar iframe{border:none;overflow:hidden}#chatbutton{position:fixed;bottom:5px;left:5px}#barometer_tab{display:none}#banner{width:468px;height:72px;position:absolute;top:13px;right:20px}#import_page{display:flex;height:100%}#instrument_menus{background-color:#2f3337;color:white;overflow-y:auto;min-width:400px;font-size:14px;padding:10px}#instrument_menus table{background-color:#484f57}#sequencer_frame{flex:1}.note{position:absolute;border-radius:5px;color:#444;color:rgba(0,0,0,0.45);text-indent:1px;border:2px solid transparent}.note .handle{border-right:2px solid rgba(0,0,0,0.2);cursor:ew-resize;width:20%;max-width:5px;position:absolute;right:0;top:2px;bottom:2px}#bottom_left{width:100px;height:16px;position:absolute;left:0;bottom:0;background-color:#ddd;border-top:1px solid #333;z-index:99;color:#333}#keyboard_icon{width:100%;height:16px;background-image:url(/app/keyboard.png);background-position:4px;position:relative;background-repeat:no-repeat;cursor:pointer}#keyboard_options{width:100px;height:50px;background-color:rgba(0, 0, 0, 0.65);color:white;position:absolute;left:50px;bottom:16px;padding:10px;display:none}.selected{border-color:white}.key,.key_sharp{font-size:11px;font-family:Prototype, Arial, sans-serif;width:96px;text-align:right;background-color:white;background:linear-gradient(to right, #cfcecf, #faf9f9);color:black;padding-right:4px;z-index:5;cursor:pointer}.key_sharp{color:white;background-color:black;background:linear-gradient(to right, #303030, #030403)}.key:hover{background-color:#eaeaea;background:linear-gradient(to right, #adacac, #d8d8d7)}.key:active{background-color:#eee}.key_sharp:hover{background-color:#1b1b1b;background:linear-gradient(to right, #535353, #040504)}.sequencer_key:hover{border-top:1px solid #80808b;border-bottom:1px solid #80808b}.key div,.key_sharp div{width:100%;opacity:0.7;position:absolute;z-index:1}.key_text{opacity:1 !important;z-index:0 !important;width:95px !important}.sequencer_key{width:100%;z-index:0}.sequencer_key.highlight,.sequencer_key.highlight{background-color:#66666a}body,#sequencer input{font-family:"Lucida Sans Unicode", "Lucida Grande", "Lucida", Arial, sans-serif;font-size:11px;overflow:hidden}body a{color:#A0C5FA}#sequencer input{height:16px;line-height:20px;text-indent:6px}#sequencer input[type="text"]{background-color:#ccc}#keyboard_wrapper_element{float:left;width:100px;position:absolute;top:69px;bottom:0;overflow:hidden}#keyboard_element{width:100px;position:absolute;top:-40px;overflow:hidden}#sequencer{flex:1;overflow:hidden;background-color:#404040;position:relative;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#menubar_element{height:23px;background-color:#3a3c3e}.menu_title{display:inline-block;height:23px;line-height:23px;text-indent:5px;padding-right:5px;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;color:white}.menu_title:hover,.menu_item:hover{background-color:#7d8594}.menu_popup{position:absolute;width:150px;display:none;flex-direction:column;z-index:150;background-color:#676e7a;color:white;line-height:23px;text-indent:5px;text-shadow:none;cursor:pointer}.menu_item .shortcut{float:right;margin-right:5px}.menu_item.disabled{color:rgba(255, 255, 255, 0.5);pointer-events:none}#toolbar_container{padding-top:5px;overflow-x:hidden;background-color:#ddd;box-shadow:0px 4px 4px -2px rgba(0, 0, 0, 0.75);z-index:97}#toolbar_element{height:25px;line-height:20px;padding-left:5px;color:black;white-space:nowrap}.toolbar_button{padding-left:4px;padding-right:4px;text-decoration:none;background-color:#676e7a;color:white !important;border-bottom:1px solid #505665;text-shadow:1px 1px 1px rgba(0, 0, 0, 0.75)}.toolbar_button:hover{background-color:#7d8594}#sequencer_main{position:absolute;overflow:scroll;touch-action:none;top:69px;bottom:0;left:100px;right:0;outline:none;z-index:96}.measure{box-sizing:border-box;display:inline-block}#sequencer_background_wrapper{position:absolute;left:100px;top:69px;bottom:0;background-color:#4b4b4b;overflow:hidden}#sequencer_view{position:absolute;left:100px;top:69px;bottom:0;right:0;background-color:#4b4b4b;overflow:hidden}#playhead_wrapper{position:absolute;left:100px;top:69px;bottom:0;right:0;overflow:hidden}#sequencer_background{position:relative}#sequencer_background .measure{border-right:2px solid rgba(0, 0, 0, 0.32);box-sizing:border-box}#sequencer_keyboard{width:100%;height:100%;position:absolute;left:0;top:0;z-index:0}#sequencer_timeline_wrapper{color:#ccc;border-bottom:1px solid #2c2d2f;border-left:1px solid #2c2d2f;box-sizing:border-box;position:absolute;overflow:hidden;height:16px;left:100px}#sequencer_timeline{height:16px;position:relative;counter-reset:measure}#sequencer_timeline .measure{box-sizing:border-box;border-right:2px solid #2c2d2f;padding-left:2px;padding-top:1px;counter-increment:measure;height:16px;display:inline-block}#sequencer_timeline .measure::before{content:counter(measure)}#playbutton,#loading_overlay{width:100%;height:100%;position:absolute;top:0;left:0}#playbutton{cursor:pointer;background:rgba(0, 0, 0, 0.3) url('/app/playbutton.png');background-position:50% 40%;background-repeat:no-repeat;z-index:98;display:none}#playbutton span{display:block;height:100%;width:100%;line-height:100%;text-align:center}#loading_overlay{cursor:progress;background:rgba(0, 0, 0, 0.6) url('/app/loading.gif');background-position:center;background-repeat:no-repeat;z-index:99}#mobile_warning{background:rgba(0, 0, 0, 0.6);z-index:99;color:white;font-size:14px;text-align:center;display:flex;position:absolute;height:33%;bottom:0;align-items:center;justify-content:center}#mobile_warning div{width:80%;line-height:20px}#mobile_warning .close{background-image:url(/app/close.png);width:30px;height:30px;right:15px;top:15px;position:absolute;background-repeat:no-repeat;background-position:center}#captcha_container{width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(0, 0, 0, 0.3);z-index:98;display:none}#captcha_box{background-color:white;position:absolute;top:50%;margin-top:-165px;left:50%;margin-left:-165px;width:330px;height:310px;text-align:right}#captcha_container iframe{border:0;width:100%;height:100%}#sequencer_inner{width:500px;position:relative;overflow:hidden}#wavesurfer_element{height:32px;position:absolute;left:0;right:0;top:0;z-index:100;background-color:rgba(0, 0, 0, 0.5)}.instrument0{background-color:#03A9F4}.instrument1{background-color:#FF9800}.instrument2{background-color:#B71C1C}.instrument3{background-color:#E91E63}.instrument4{background-color:#4CAF50}.instrument5{background-color:#212121;color:#eee}.instrument6{background-color:#3F51B5}.instrument7{background-color:#CDDC39}.instrument8{background-color:#1565C0}.instrument9{background-color:#827717}.instrument10{background-color:#FFEA00}.instrument11{background-color:#8D6E63}.instrument12{background-color:#4E342E;color:white}.instrument13{background-color:#ff6363}.instrument14{background-color:#75ff63}.instrument15{background-color:#63e0ff}.instrument16{background-color:#fd63ff}.instrument17{background-color:#FF5722}.instrument18{background-color:#1B5E20}.instrument19{background-color:#F44336}.instrument20{background-color:#FFE0B2}.instrument21{background-color:#757575}.instrument22{background-color:#E0AD00}.instrument23{background-color:#E9F9BD}.instrument24{background-color:#A8C853}.instrument25{background-color:#0D47A1;color:#eee}.instrument26{background-color:#1D9D9D}.instrument27{background-color:#1EC57A}.instrument28{background-color:#15214f;color:#eee}.instrument29{background-color:#05102f;color:#eee}.instrument30{background-color:#6CF3B7}.instrument31{background-color:#FF7070}.instrument32{background-color:#a1a635}.instrument33{background-color:#EA7900}.instrument34{background-color:#55CACA}.instrument35{background-color:#008040}.instrument36{background-color:#7f200f}.instrument37{background-color:#000000;color:white}.instrument38{background-color:#00451f;color:white}.instrument39{background-color:#9f0f22}.playhead{width:1px;height:100%;background-color:#0A69F2;position:absolute;top:0;left:0;display:none}#play_small{width:20px;height:20px;cursor:pointer;display:inline-block;vertical-align:middle;margin-top:2px;background-image:url('/app/play.gif');background-repeat:no-repeat;background-position:top}#share{position:absolute;right:25px;top:60px;background-color:#ddd;padding:3px;z-index:97}#savelink{cursor:pointer;display:inline-block;vertical-align:middle;margin-left:5px;margin-right:5px;text-indent:4px;padding-left:0}#btn_save_options{background-image:url('/app/arrow_down.png')}#audio_track_file{width:90px;color:#ddd;float:left}#audio_track_link,#audio_track_remove{float:left}#bottom{width:100%;height:73px;min-height:73px;background-color:#2c2d2f;background-repeat:repeat-x;border-top:1px solid #333;color:white;position:relative}#links{line-height:16px;padding-left:4px;width:100%;height:45px;position:absolute;left:0;top:25px}#menus{width:100%;height:22px;line-height:22px;position:absolute;bottom:50px;background-color:rgba(0, 0, 0, 0.25)}#menus select{width:110px;font-size:12px}#menus .item{float:left;width:25%;text-align:center}#volume{width:120px;height:50px;background-color:rgba(0, 0, 0, 0.25);position:absolute;right:0px;top:23px;padding-left:15px}#volume_slider{width:100px;margin-left:5px;margin-top:15px}#loading_container{position:absolute;left:140px;top:40px;width:120px;height:35px;color:white;text-indent:10px;padding-top:8px;background-color:rgba(0, 0, 0, 0.5);z-index:99}#loading_bar{height:8px;width:100px;margin-left:10px;background-color:rgba(0, 0, 0, 0.5)}#loading{background-color:orange;width:0%;height:100%}#toolbar_element a,#captcha_box a,#share a{color:#2F3BC2}.btn,div.active{width:18px;height:18px;background-position:center;background-repeat:no-repeat;border:1px solid transparent;cursor:pointer;display:inline-block;vertical-align:middle}.btn:hover{border-color:#ffa500}.active{border-color:#ffa500;background-color:#b6c2d7}.spacer{width:8px;border-right:1px solid #666;margin-right:7px;height:14px;margin-top:3px;display:inline-block;vertical-align:middle}#mode_draw{background-image:url("/app/draw.png")}#mode_edit{background-image:url("/app/cursor.png")}#mode_erase{background-image:url("/app/delete.png")}#mode_play{background-image:url("/app/sound.png")}#btn_select_this{background-image:url("/app/select_this.png");margin-right:0;vertical-align:top}#btn_instrument_options{background-image:url("/app/arrow_down.png");margin-right:0;vertical-align:top}#btn_cut{background-image:url('/app/cut.png')}#btn_copy{background-image:url('/app/copy.png')}#btn_paste{background-image:url('/app/paste.png')}#btn_selectall{background-image:url('/app/selectall.png')}#btn_zoomIn{background-image:url('/app/zoomin.png')}#btn_zoomOut{background-image:url('/app/zoomout.png')}#btn_8bit{background-image:url('/app/8bit.png');float:right}#btn_close{background-image:url('/app/close.png')}#selection_rect{z-index:100;border:1px solid #333;background-color:rgba(255, 255, 255, 0.4);position:absolute;left:0;top:0;width:0}.box_label{background-color:#676e7a;color:white;display:inline-block;vertical-align:middle;margin-top:0;height:20px;padding-left:2px;text-shadow:1px 1px 1px rgba(0, 0, 0, 0.75);cursor:default}.box_input{display:inline-block;border:1px solid #676e7a;height:18px !important}.box_input input,.box_input select{border:0;background-image:none;color:black;background-color:#ccc;margin:0;height:18px}#message_wrapper{position:absolute;top:100px;width:100%;height:0;z-index:100;text-align:center;display:none;color:white}#message_text{padding:10px;background-color:rgba(0, 0, 0, 0.5);font-size:24px;cursor:default}#instrument_options{position:absolute;left:484px;top:49px;background-color:#ddd;width:625px;box-sizing:border-box;padding:5px;padding-right:0;box-shadow:0px 4px 4px -2px rgba(0, 0, 0, 0.75);color:black;text-shadow:none;z-index:98}.instrument_option{height:32px;line-height:20px;margin-bottom:2px;margin-right:5px;background-color:#676e7a;color:white;border:1px solid #676e7a;width:148px;float:left}.instrument_option span{cursor:pointer}.instrument_lock{background-image:url(/app/lock.png)}.instrument_name_locked{color:#aaa}.instrument_option .chip{width:12px;height:12px;float:right;margin-top:4px;margin-right:4px;cursor:default}.instrument_option .row{display:flex;height:12px}.instrument_option .row .button{background-color:#ddd;border-left:1px solid #676e7a;color:black;width:12px;height:12px;font-size:10px;line-height:12px;text-align:center;cursor:pointer;user-select:none}.instrument_option .row .button.enabled{background-color:#b6c2d7}input[type=range].slider{flex:1;-webkit-appearance:none;width:100%;margin:0px 0;height:12px !important}input[type=range].slider:focus{outline:none}input[type=range].slider::-webkit-slider-runnable-track{width:100%;height:12px;cursor:pointer;background:#ccc;border-radius:0px;border:0px solid #010101}input[type=range].slider::-webkit-slider-thumb{border:0px solid rgba(0, 30, 0, 0.57);height:12px;width:12px;border-radius:0px;background:#999;cursor:pointer;-webkit-appearance:none;margin-top:0px}input[type=range].slider:focus::-webkit-slider-runnable-track{background:#ccc}input[type=range].slider::-moz-range-track{width:100%;height:12px;cursor:pointer;background:#ccc;border-radius:0px;border:0px solid #010101}input[type=range].slider::-moz-range-thumb{border:0px solid rgba(0, 30, 0, 0.57);height:12px;width:12px;border-radius:0px;background:#999;cursor:pointer}input[type=range].slider::-ms-track{width:100%;height:12px;cursor:pointer;background:transparent;border-color:transparent;color:transparent}input[type=range].slider::-ms-fill-lower{background:#ccc;border:0px solid #010101;border-radius:0px}input[type=range].slider::-ms-fill-upper{background:#ccc;border:0px solid #010101;border-radius:0px}input[type=range].slider::-ms-thumb{border:0px solid rgba(0, 30, 0, 0.57);width:12px;border-radius:0px;background:#999;cursor:pointer;height:12px}input[type=range].slider:focus::-ms-fill-lower{background:#ccc}input[type=range].slider:focus::-ms-fill-upper{background:#ccc}#wrapper{display:flex;height:100%;flex-direction:column}