#seq_con{padding:2px 8px;background-color:#222;background:linear-gradient(0deg,rgba(17,17,17,1) 0,rgba(51,51,51,1) 100%);border-radius:10px;border:1px solid #FFF;box-shadow:-2px -2px 10px #000}#scroll_control{margin-bottom:6px}#scroll_control .scroll_inner{height:20px}#seq_con .scroll_outer{width:100%;overflow-x:auto}#scroll_content{padding-bottom:25px}#scroll_content .scroll_inner{position:relative}#ops{width:100%;display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap;margin-top:10px;align-items:flex-end}.op{padding-bottom:14px}.op_grp{display:flex;flex-direction:row;align-items:flex-end;flex-wrap:nowrap}.op_grp .op{margin-right:4px}.op label,.op .label{display:block;color:#FFF;font-weight:bold;padding-bottom:2px}#start_button{background-color:#5B5;font-size:22px;height:53px;text-shadow:0 0 2px #FFF;width:104px;padding:0}#start_button.stop_button{background-color:#B66}#bpm_minus,#bpm_plus{display:inline-block;background-color:#ccf;font-weight:bold;font-size:20px;padding:0;border:1px solid #888;border-radius:4px;font-family:Courier New,Courier,Lucida Sans Typewriter,Lucida Typewriter,monospace;min-width:40px;width:40px;text-align:center;cursor:pointer;color:#333;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;min-height:33px}#bpm_minus:hover,#bpm_plus:hover{background-color:#99f;color:#000}#bpm_input{background-color:#ddd;color:#000;font-size:20px;padding:0;font-family:Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif;width:66px;border-radius:4px;border:0;min-height:33px;border-top:1px solid #888;border-bottom:1px solid #888;text-align:center}#bpm_minus_con,#bpm_input_con,#bpm_plus_con{display:inline-block;vertical-align:middle}#volume_con.is_off{text-decoration:line-through;text-shadow:2px 2px 2px #D00;color:#DDD;background-color:#600}#above_instruments{height:62px}#instrument_labels{width:84px;display:inline-block;vertical-align:text-bottom;padding-bottom:46px}.instrument_label{font-family:"PT Sans Narrow",sans-serif;font-size:16px;color:#FFF;white-space:nowrap;overflow:hidden;height:42px;line-height:38px}#grid_con{width:calc(100% - 84px);display:inline-block;padding-bottom:16px;vertical-align:text-bottom;position:relative}.bar_con{display:none;border-left:1px solid #FFF}.beat_con{display:none;border-left:1px solid #888}.bar_label,.beat_label{width:100%;color:#FFF;text-align:center}.bar_label{height:20px}.beat_label{height:22px}.hit_con{display:none}.inst_hit{width:100%;height:100%;display:block;min-width:auto;background-color:#666;border-color:#DDD;color:#444}.inst_hit_con{width:100%;height:40px;padding:6px 4px}button.inst_hit:hover,button.inst_hit.is_on:hover{background-color:#AAA}button.inst_hit.is_on{background-color:#9DC5F6;color:#000;border-color:#FFF;box-shadow:2px 2px 3px #AA4}#position_bar{position:absolute;left:0;bottom:0;z-index:2;height:calc(100% - 20px);width:6px;background-color:#0F0;display:none}#position_bar.is_on{display:block}#save_url_message{display:none}#save_url_message.is_display{display:block}.info_con.drum_info{padding:10px;margin:10px auto 0 auto}.info_con.drum_info ul{padding-top:0;margin-top:0;list-style:disc;padding-left:35px}@media only screen and (max-width :660px){.info_con.drum_info ul{padding-left:18px}}.info_con.drum_info ul ul{list-style:circle}#save_con{display:table}#save_con>div{display:table-row}#save_con>div>div{display:table-cell;vertical-align:middle;padding-bottom:20px}@media only screen and (max-width:660px){#save_con,#save_con>div,#save_con>div>div{display:block}}#save_con button{min-width:130px}#save_url{width:100%;overflow-x:auto;white-space:nowrap;padding:14px 4px;border:#AAA 1px solid;background-color:#FFB}#seq_con.bars_1 .bar_con,#seq_con.hits_1 .hit_con{width:100%}#seq_con.bars_2 .bar_con,#seq_con.beats_2 .beat_con,#seq_con.hits_2 .hit_con{width:50%}#seq_con.bars_3 .bar_con,#seq_con.beats_3 .beat_con{width:33.3333%}#seq_con.bars_4 .bar_con,#seq_con.beats_4 .beat_con,#seq_con.hits_4 .hit_con{width:25%}#seq_con.beats_5 .beat_con{width:20%}#seq_con.beats_6 .beat_con{width:16.6666%}#seq_con.beats_7 .beat_con{width:14.2857%}#seq_con.hits_8 .hit_con{width:12.5%}#seq_con.tot_hits_2 .scroll_inner{min-width:60px}#seq_con.tot_hits_4 .scroll_inner{min-width:120px}#seq_con.tot_hits_8 .scroll_inner{min-width:240px}#seq_con.tot_hits_16 .scroll_inner{min-width:480px}#seq_con.tot_hits_3 .scroll_inner{min-width:90px}#seq_con.tot_hits_6 .scroll_inner{min-width:180px}#seq_con.tot_hits_12 .scroll_inner{min-width:360px}#seq_con.tot_hits_24 .scroll_inner{min-width:720px}#seq_con.tot_hits_32 .scroll_inner{min-width:960px}#seq_con.tot_hits_5 .scroll_inner{min-width:150px}#seq_con.tot_hits_10 .scroll_inner{min-width:300px}#seq_con.tot_hits_20 .scroll_inner{min-width:600px}#seq_con.tot_hits_40 .scroll_inner{min-width:1200px}#seq_con.tot_hits_48 .scroll_inner{min-width:1440px}#seq_con.tot_hits_7 .scroll_inner{min-width:210px}#seq_con.tot_hits_14 .scroll_inner{min-width:420px}#seq_con.tot_hits_28 .scroll_inner{min-width:840px}#seq_con.tot_hits_56 .scroll_inner{min-width:1680px}#seq_con.tot_hits_64 .scroll_inner{min-width:1920px}#seq_con.tot_hits_80 .scroll_inner{min-width:2400px}#seq_con.tot_hits_96 .scroll_inner{min-width:2880px}#seq_con.tot_hits_112 .scroll_inner{min-width:3360px}#seq_con.tot_hits_9 .scroll_inner{min-width:270px}#seq_con.tot_hits_18 .scroll_inner{min-width:540px}#seq_con.tot_hits_36 .scroll_inner{min-width:1080px}#seq_con.tot_hits_72 .scroll_inner{min-width:2160px}#seq_con.tot_hits_15 .scroll_inner{min-width:450px}#seq_con.tot_hits_30 .scroll_inner{min-width:900px}#seq_con.tot_hits_60 .scroll_inner{min-width:1800px}#seq_con.tot_hits_120 .scroll_inner{min-width:3600px}#seq_con.tot_hits_144 .scroll_inner{min-width:4320px}#seq_con.tot_hits_21 .scroll_inner{min-width:630px}#seq_con.tot_hits_42 .scroll_inner{min-width:1260px}#seq_con.tot_hits_84 .scroll_inner{min-width:2520px}#seq_con.tot_hits_168 .scroll_inner{min-width:5040px}#seq_con.tot_hits_128 .scroll_inner{min-width:3840px}#seq_con.tot_hits_160 .scroll_inner{min-width:4800px}#seq_con.tot_hits_192 .scroll_inner{min-width:5760px}#seq_con.tot_hits_224 .scroll_inner{min-width:6720px}#seq_con.bars_1 #bar_1,#seq_con.bars_2 #bar_1,#seq_con.bars_2 #bar_2,#seq_con.bars_3 #bar_1,#seq_con.bars_3 #bar_2,#seq_con.bars_3 #bar_3,#seq_con.bars_4 #bar_1,#seq_con.bars_4 #bar_2,#seq_con.bars_4 #bar_3,#seq_con.bars_4 #bar_4,#seq_con.beats_2 .beat_1,#seq_con.beats_2 .beat_2,#seq_con.beats_3 .beat_1,#seq_con.beats_3 .beat_2,#seq_con.beats_3 .beat_3,#seq_con.beats_4 .beat_1,#seq_con.beats_4 .beat_2,#seq_con.beats_4 .beat_3,#seq_con.beats_4 .beat_4,#seq_con.beats_5 .beat_1,#seq_con.beats_5 .beat_2,#seq_con.beats_5 .beat_3,#seq_con.beats_5 .beat_4,#seq_con.beats_5 .beat_5,#seq_con.beats_6 .beat_1,#seq_con.beats_6 .beat_2,#seq_con.beats_6 .beat_3,#seq_con.beats_6 .beat_4,#seq_con.beats_6 .beat_5,#seq_con.beats_6 .beat_6,#seq_con.beats_7 .beat_1,#seq_con.beats_7 .beat_2,#seq_con.beats_7 .beat_3,#seq_con.beats_7 .beat_4,#seq_con.beats_7 .beat_5,#seq_con.beats_7 .beat_6,#seq_con.beats_7 .beat_7,#seq_con.hits_1 .hit_1,#seq_con.hits_2 .hit_1,#seq_con.hits_2 .hit_5,#seq_con.hits_4 .hit_1,#seq_con.hits_4 .hit_3,#seq_con.hits_4 .hit_5,#seq_con.hits_4 .hit_7,#seq_con.hits_8 .hit_1,#seq_con.hits_8 .hit_2,#seq_con.hits_8 .hit_3,#seq_con.hits_8 .hit_4,#seq_con.hits_8 .hit_5,#seq_con.hits_8 .hit_6,#seq_con.hits_8 .hit_7,#seq_con.hits_8 .hit_8{display:inline-block}