#stringed_display{width:100%;margin-bottom:15px;position:relative}#fret_wood{background-color:#731;background-repeat:repeat;background-size:100% 25%;position:absolute;z-index:5}#string_label_con{text-align:left;display:flex;flex-direction:column}#string_label_con>.string_label{text-align:left;font-size:12px;width:100%}#frets_con .fret_con{text-align:center}#frets_con>.fret_con>.fret{width:100%;font-size:12px;display:flex;align-items:center;justify-content:center;position:relative;border-style:solid;border-color:#AAA;border-width:0 2px 0 0}.fret_label{width:100%;font-size:12px}.fret_dot.dot_t,.fret_dot.dot_b{position:absolute;z-index:-5}#fret_note_con{position:absolute;left:0;display:flex;flex-direction:row;width:100%;z-index:35}.note_con{display:flex;position:relative;flex-direction:column;align-items:center;justify-content:center}.capo{width:50%;max-width:26px;margin:-4px auto 0 auto;border-radius:3px;box-shadow:-2px 2px 6px 0 #222,2px 2px 0 2px #000;background:#AAA;background:linear-gradient(#CCC,#999)}#fret_note_con .note_con .sf{width:100%;display:flex;align-items:center;justify-content:center}.string{background-color:#CCC;position:absolute;height:1px;box-shadow:0 1px 1px #000;z-index:15}#stringed_display{width:100%;margin-bottom:15px;position:relative}#frets_con{position:absolute;left:0;top:0;display:flex;flex-direction:row;width:100%;height:100%;z-index:10}#stringed_display.has_capo.is_lefty>#fret_wood,.is_lefty #fret_wood,.is_lefty #fretboard,.is_lefty .string{left:0}.is_lefty>#frets_con{flex-direction:row-reverse}.is_lefty>#frets_con #string_label_con>.string_label{text-align:right}#frets_con>#fret_0.fret_con>.fret{border-color:#000;border-width:0 5px 0 0}.is_lefty>#frets_con>.fret_con>.fret{border-width:0 0 0 2px}.is_lefty>#frets_con>#fret_0.fret_con>.fret{border-width:0 0 0 5px}.fret_dot{display:block;height:11px;width:11px;border-radius:6px;background-color:#EEE}.is_lefty>#fret_note_con{flex-direction:row-reverse}#string_x_con{z-index:-5;position:absolute;left:0;top:0;width:100%}.sf.is_x>span{color:#A33;background-color:#EEE;box-shadow:none;display:inline-block;border:1px solid #888}#capo_con{z-index:-10;position:absolute;left:0;top:0;width:100%;height:100%}#f_0>#capo_con>.capo{display:none}.sf>span,.sf>a{padding:0;text-align:center;font-size:12px;min-width:26px;border-radius:4px;box-shadow:1px 1px 2px #000;text-shadow:0 0 2px #FFF;color:#000;display:none;font-weight:normal}.sf>a,.sf>a:link,.sf>a:hover,.sf>a:visited,.sf>a:link{text-decoration:none}@media (hover:hover){.sf:hover>a{display:inline-block;background-color:#DDD;border:1px solid #AAA}.before_capo>.sf:hover>a{display:none}}.sf.in_chord>span,.sf.in_scale>span,.sf.in_chord>a,.sf.in_scale>a{display:inline-block}.sf.in_scale.scale_root>span,.sf.in_chord.chord_root>span{font-weight:bold;border:1px solid #000}.sf.in_scale>span,.sf.in_scale>a{background-color:#FFD89A}.sf.in_scale.scale_root>span{background-color:#FFBE58}.sf.in_chord>span,.sf.in_chord>a,.sf.in_chord.in_scale>span,.sf.in_chord.in_scale.scale_root>span{background-color:#9DC5F6}.sf.in_chord.chord_root>span,.sf.in_chord.chord_root.in_scale>span,.sf.in_chord.chord_root.in_scale.scale_root>span{background-color:#60A3F3}.sfs,a.sfa{padding:0;text-align:center;font-size:12px;min-width:30px;border-radius:4px;box-shadow:1px 1px 2px #000;text-shadow:0 0 2px #FFF;color:#000;display:none;font-weight:normal;padding:2px 0}a.sfa a.sfa:link,a.sfa:hover,a.sfa:visited{text-decoration:none}@media (hover:hover){.sf:hover>a.sfa{display:inline-block;background-color:#DDD;border:1px solid #AAA}.before_capo>.sf:hover>a.sfa{display:none}}.in_chord>.sfs,.in_scale>.sfs,.in_chord>a.sfa,.in_scale>a.sfa{display:inline-block}.in_scale.scale_root>.sfs,.in_chord.chord_root>.sfs{font-weight:bold;border:1px solid #000}.sf.in_scale>.sfs,.sf.in_scale>a.sfa{background-color:#FFD89A}.sf.in_scale.scale_root>.sfs{background-color:#FFBE58}.in_chord>.sfs,.in_chord>a.sfa,.in_chord.in_scale>.sfs,.in_chord.in_scale.scale_root>.sfs{background-color:#9DC5F6}.in_chord.chord_root>.sfs,.in_chord.chord_root.in_scale>.sfs,.in_chord.chord_root.in_scale.scale_root>.sfs{background-color:#60A3}