@import url(https://fonts.googleapis.com/css?family=Roboto&display=swap);@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed&display=swap);body{background:#fff;color:#000;font:13px system-ui,sans-serif;margin:0;padding:0}a{color:#2740ab}*{box-sizing:border-box}.right{text-align:right}button,input,select{vertical-align:middle}button,select{background:#f0f0f0;border:none;border-radius:5px;box-shadow:2px 2px 4px rgba(0,0,0,.25);color:#000;font:12px system-ui,sans-serif;margin:0 5px;padding:.25em .5em}select[disabled]{color:transparent}sup{font-size:67%;margin:0 -.1em;vertical-align:top}#form{background:#404040;color:#fff;height:50px;position:relative}#tonesel{font-size:18px}#notsel *{vertical-align:middle}#notsel{cursor:pointer;font-size:21px}#notsel svg{fill:#fff}#notsel.sharp svg{transform:rotate(180deg)}#notsel .sharp,#notsel.sharp .flat{color:#999}#notsel .flat,#notsel.sharp .sharp{color:#fff}#content{height:400px;left:50%;transform:translate(-50%,-50%);width:720px}#content,#settings{position:absolute;top:50%}#settings{border:none;left:10px;margin:0;padding:0;transform:translateY(-50%);width:700px}#settings table{width:100%}#settings th{padding:1ex 0;text-align:left}#settings td{white-space:nowrap}#chordguess{border:none;left:10px;margin:0;padding:0;position:absolute;text-align:center;top:50%;transform:translateY(-50%);width:700px}#guitar{height:160px;top:165px;width:720px}#guitar,#guitar:before{left:0;position:absolute}#guitar:before{background:url(34a9076a46163f6561d1.jpg) 0 0 no-repeat;background-size:contain;content:"";display:block;height:100%;top:0;transform-origin:center;width:100%}#guitar.mirror:before{transform:rotate(180deg)}#guitar.bass:before{background-image:url(411fef258ca092b0ea9a.jpg);background-position-y:bottom}#guitar.violin:before{background-image:url(47f56f54e16096255b24.jpg)}#guitar.banjo5:before{background-image:url(c31bdc28f5153a341ec1.jpg)}#guitar.banjo5 .string4 div:first-child,#guitar.banjo5 .string4 div:nth-child(0),#guitar.banjo5 .string4 div:nth-child(2),#guitar.banjo5 .string4 div:nth-child(3),#guitar.banjo5 .string4 div:nth-child(4),#guitar.banjo5 .string4 div:nth-child(5),#guitar.banjo5 .string4 div:nth-child(6),#guitar.banjo5 .string4 div:nth-child(7),#guitar.banjo5 .string4 div:nth-child(8),#guitar.banjo5 .string4 div:nth-child(9),#guitar.banjo5 .string4 div:nth-child(10),#guitar.off{display:none}#guitar div{cursor:pointer}#caged-cover{display:none;left:0;overflow:hidden;transform-origin:center;width:100%}#caged,#caged-cover{height:100%;position:absolute;top:0}#caged{background-origin:border-box;background:url(8e1f11e20a257ce0f9ee.png) 0 0 no-repeat;background-size:contain;left:-59.2%;width:300%}#caged,.caged #caged-cover{display:block}.caged.mirror #caged-cover{transform:rotate(180deg)}.tn,.tn0,.tn1,.tn2,.tn3,.tn4,.tn5,.tn6,.tnX{background:#b8d9f9;border-radius:50%;box-shadow:2px 2px 4px rgba(0,0,0,.75);color:rgba(0,0,0,.5);font-family:Roboto Condensed,sans-serif;font-size:12px;height:24px;letter-spacing:-.0667em;line-height:24px;text-align:center;transform:translate(-50%,-50%);width:24px}.tn,.tn0,.tn2,.tn4,.tn6,.tnX{font-size:12px;height:18px;line-height:18px;width:18px}.tn1{background:#004d99;color:#fff}.tn3,.tn5{background:#39f;color:#fff}.tn0{background:transparent;display:none}.tnX{background:#d9d9d9;box-shadow:none;color:#666}.caged .tn,.caged .tn0,.caged .tn2,.caged .tn4,.caged .tn6,.caged .tnX{font-size:12px;height:19px;line-height:19px;width:19px}#piano{background:url(0b7c82576a7abb33fc11.png) no-repeat;background-size:100% 100%;height:70px;left:0;position:absolute;top:50px;width:720px}#piano div{cursor:pointer}.ptn,.ptn0,.ptn1,.ptn2,.ptn3,.ptn4,.ptn5,.ptn6{background:#b8d9f9;border-radius:3px;color:#000;font-size:1px;height:14px;width:14px}.ptn1{background:#004d99;outline:1px solid hsla(0,0%,100%,.95)}.ptn3,.ptn5{background:#39f;outline:1px solid hsla(0,0%,100%,.85)}.ptn0{background:transparent;border:none;box-shadow:none;outline:none}#tuning{font-size:14px;top:335px;vertical-align:middle}#info,#tuning{font-family:Roboto Condensed,sans-serif;left:0;padding:.5em 1em;position:absolute;text-align:center;width:720px}#info{background:#f0f0f0;font-size:13px;top:125px;vertical-align:baseline}#info .halfs,#info .int{cursor:help;font-family:system-ui,sans-serif}#info .int{background:#404040;border:1px solid #404040;border-radius:50%;color:#fff;display:inline-block;font-size:10px;font-weight:700;height:15px;line-height:13px;margin:0 1px;padding:0;position:relative;text-align:center;vertical-align:0;width:15px}#info .int sup{color:#404040;font-size:12px;font-weight:700;line-height:auto;position:absolute;right:-6px;top:-4px}#info .halfs{font-size:8px;font-weight:400;margin:0 2px;opacity:.67;vertical-align:-1px}#copy{border-top:1px dotted silver;font-size:11px;left:0;padding:1ex;position:absolute;text-align:center;top:385px;width:720px}.tone-seq{border-radius:5px;font-size:15px;margin:0 .1em;padding:.1em .25em;vertical-align:middle}#tuning .tone-seq{font-size:1em}.chord{background:#004d99;border-radius:5px;color:#fff;font-size:1.2em;font-weight:700;margin:0 .1em;padding:.1em .25em}.chord-type{font-weight:400}.chord-var{font-size:.85em;margin-left:.1em;vertical-align:top}