/*
Piano Eletronico Web 2.6.2.0 - www.pianoeletronico.com.br
Devenvolvido por Mauricio Antunes Oliveira
@MauricioPinguim
mauricio_pinguim@hotmail.com
*/
#chords-panel,.half{width:1130px;display:flex}.chord-key,.key{float:left;position:relative;cursor:pointer}.chord-key,.w{z-index:1;border-bottom:2px solid #222;border-left:1px solid #222;border-right:1px solid #222;border-bottom-left-radius:6px;border-bottom-right-radius:6px;border-top:2px solid #222}.b.pressed,.chord-key,.w{border-top:2px solid #222}.chord-key,.nckv,.nnkv,.w.target.demo .kt,.w>.kt{color:#000}.chord-key-name,.nckv,.nnkv{text-align:center}.half{margin-top:20px}#chords-panel{margin-top:-5px;margin-left:4px}.chord-key{height:75px;width:121px;box-sizing:border-box;margin-bottom:3px;-webkit-box-shadow:4px 4px 5px 0 #505050;-moz-box-shadow:4px 4px 5px 0 #505050;box-shadow:4px 4px 5px 0 #505050}#chords-panel.ck .chord-key{background-color:#fff9e6}#chords-panel.cg .chord-key{background-color:#ffdecc}.chord-key.third{margin-left:7px!important}.chord-key:first-child,.w:first-child{border-left:2px solid #222}.chord-key:last-child,.w:last-child{border-right:2px solid #222}.chord-key.pressed{height:78px;margin-bottom:0;-webkit-box-shadow:4px 4px 5px 0 rgba(80,80,80,0);-moz-box-shadow:4px 4px 5px 0 rgba(80,80,80,0);box-shadow:4px 4px 5px 0 rgba(80,80,80,0)}#chords-panel.ck .chord-key.pressed{background-color:#ffd966}#chords-panel.cg .chord-key.pressed{background-color:#ff9c66}.chord-key-area{position:absolute;width:100%;display:flex;justify-content:center;align-items:flex-end;box-sizing:border-box;pointer-events:none;font-size:15px;word-break:break-all}.chord-key-text,.kt{width:100%;height:100%;justify-content:center;display:flex;pointer-events:none;word-break:break-all;box-sizing:border-box}.chord-key-name{font-size:32px;margin:5px 7px 3px 3px}.chord-key .kbd{min-width:initial}.chord-key-text{align-items:flex-end;padding-bottom:8px;font-size:15px}.octave-start{margin-left:4px}.kt{align-items:flex-end;padding-bottom:10px}.w{height:210px;width:70px;background-color:#fff;box-sizing:border-box;margin-bottom:3px;-webkit-box-shadow:4px 4px 5px 0 #505050;-moz-box-shadow:4px 4px 5px 0 #505050;box-shadow:4px 4px 5px 0 #505050}.w>.kt{font-size:18px}.b>.kt,.w>.kt.kt-small{font-size:16px}.w>.kt.pending-layout{color:#ccc}.b>.kt.kt-small,.nn{font-size:15px}.w.pressed{background-color:#aaa;height:213px;margin-bottom:0;-webkit-box-shadow:4px 4px 5px 0 rgba(80,80,80,0);-moz-box-shadow:4px 4px 5px 0 rgba(80,80,80,0);box-shadow:4px 4px 5px 0 rgba(80,80,80,0)}.w.pressed.current,.w.pressed.demo,.w.target{background-color:#0046ad}.w.target.demo,.w.target.inverted.demo{background-color:#fff}.b.pressed.current .kt,.b.target .kt,.b>.kt,.w.pressed.current .kt,.w.pressed.demo .kt,.w.target .kt{color:#fff}.w.pressed.current.inverted,.w.target.inverted{background-color:#1a75ff}.w.pressed .kt{box-shadow:inset 3px 2px 3px #666,inset -3px 2px 3px #666;padding-bottom:5px}.nn{position:absolute;width:100%;height:78%;display:flex;justify-content:center;align-items:flex-end;box-sizing:border-box;pointer-events:none;word-break:break-all}.cn,.nckv,.nnk,.nnkv{display:none}.w .nn.ck{color:#b38600}.w .nn.cg{color:#ff5800}.w .nn.cs{color:#e60000}.b{height:130px;width:44px;z-index:2;border-top:3px solid #666;border-left:3px solid #666;border-right:3px solid #000;border-bottom:3px solid #000;background-color:#222;border-bottom-left-radius:5px;border-bottom-right-radius:5px;box-sizing:border-box;top:1px}.b>.kt.pending-layout{color:#777}.b.pressed{border-left:3px solid #333;border-right:1px solid #999;border-bottom:1px solid #999;background-color:#666}.b.pressed.current,.b.pressed.demo,.b.target{background-color:#003d99}.b.target.demo,.b.target.demo .kt{background-color:#222;color:#fff}.b.pressed.current.inverted,.b.target.inverted{background-color:#06f}.b.pressed .kt{padding-bottom:6px}.after-b,.b{margin:0 0 0 -22px}.b .nn{height:65%;font-size:13px}.b .nn.ck{color:#ffd966}.b .nn.cg{color:#ff9c66}.b .nn.cs{color:#f66}.nnk{margin-top:72px}#bottom-keys.kids .nnk,#top-keys.kids .nnk{display:inline-flex;align-items:center}.nnkv{width:30px;height:30px;line-height:30px;border-radius:50%;border:1px solid #444}.nckv{width:15px;height:15px;line-height:15px;font-size:32px;font-weight:700;-webkit-text-stroke:1px black;margin:7px 7px 3px 3px}#bottom-keys.kids-code .nckv,#bottom-keys.kids-name .nnkv,#top-keys.kids-code .nckv,#top-keys.kids-name .nnkv{display:initial}.nnk-c{background:red;color:#fffF}.nck-c{color:red}.nnk-d{background:#ff7f00;color:#fffF}.nck-d{color:#ff7f00}.nnk-e{background:#ff0}.nck-e{color:#ff0}.nnk-f{background:#0f0}.nck-f{color:#0f0}.nnk-g{background:#0ff}.nck-g{color:#0ff}.nnk-a{background:#00f;color:#fffF}.nck-a{color:#00f}.nnk-b{background:#8b00ff;color:#fffF;border-color:#2a004d}.nck-b{color:#8b00ff}.nnko-0,.nnko-2{border-radius:50%}.nnko-1,.nnko-3{border-radius:9%}