.guitar{overflow:hidden;position:relative;width:100%}.guitar .fretboard-wrap{display:flex;height:240px;margin-bottom:50px;margin-top:8px;overflow:visible;overflow:initial;position:relative;width:100%}.guitar .fretboard{box-shadow:inset 10px 1px 10px -3px rgba(0,0,0,.75),inset 10px -1px 10px -3px rgba(0,0,0,.75);display:flex;flex-direction:column-reverse;height:220px;justify-content:space-around;margin-top:11px;padding-left:75px;-webkit-user-select:none;user-select:none;width:100%}.guitar .fretboard li,.guitar .fretboard ul{display:flex;height:100%}.guitar .fretboard li{align-items:center;flex:1 1;justify-content:center;position:relative}.guitar .string li:first-child{flex:none;min-width:40px;padding:0 2px}.guitar .fretboard li.active{cursor:pointer}.guitar .fretboard li:after{border:1px solid;border-image-slice:1;border-image-source:linear-gradient(90deg,#8f8f8f,#454545);content:"";height:100%;position:absolute;right:0}.guitar .string li:first-of-type{border-right:none;position:relative}.guitar .string li:first-of-type:before{background-image:url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAAA8AAD/4QMxaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzE0MCA3OS4xNjA0NTEsIDIwMTcvMDUvMDYtMDE6MDg6MjEgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE4IChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjI1MzQ0NjZGRTFBMDExRThBOTc1OTA2RDc4NDlCRkFCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjI1MzQ0NjcwRTFBMDExRThBOTc1OTA2RDc4NDlCRkFCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MjUzNDQ2NkRFMUEwMTFFOEE5NzU5MDZENzg0OUJGQUIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MjUzNDQ2NkVFMUEwMTFFOEE5NzU5MDZENzg0OUJGQUIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7/7gAOQWRvYmUAZMAAAAAB/9sAhAAGBAQEBQQGBQUGCQYFBgkLCAYGCAsMCgoLCgoMEAwMDAwMDBAMDg8QDw4MExMUFBMTHBsbGxwfHx8fHx8fHx8fAQcHBw0MDRgQEBgaFREVGh8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx//wAARCADCACgDAREAAhEBAxEB/8QAeQAAAwEBAQEAAAAAAAAAAAAAAgMEAAEFBgEBAQEBAQAAAAAAAAAAAAAAAQIAAwYQAAEDAwMCBQIFBQAAAAAAAAEAEQIhMQNBURJhcYHBIjIEkaHw0UJSE3KSMzQFEQEBAQEAAwEBAQAAAAAAAAAAARECITESQWFC/9oADAMBAAIRAxEAPwD66RIAMQRJ3Drx2vSgDfzVpZIODhg78r9QsxUIk5ZUqQKdnU0nBjV3pdOsTkLEhvA3CbGDCsjuKBEYyQNCf0pobESTKY1024qaRs7yjStRshi5H08t6uq/GdxYxxBPu161VyAUzHkx1d9uimtA4YxjAuTUk8dPwymQjkK1q4YkUc7JYidSf2uBWjbqgoxUBLVNgUgjIxaO54+ZU1Up8MZ4CQZxUvZlsGhmW8LA/ZFaJ3PMNapbxYqjVZFKOZEEv9mSlMByziMG4x00dSVYkOPG3fponWwr3TiIgy1P5KejyWCBkYl2sqtF9mTmCAYu7uRoUCAwQacy1XYkbM6FGzLAg62WrBgazmbChbop581syFY4luXIOS51V4Pddz5JQDmpNGGqmmRsLxiX9L3AqUaxn6qnjuN1mDjHKBervT+rsm+JjZsbGHarEe1tlYgc0owIlLQenqSVFKfBi+TLPKUzxiPaBqESNqmeQgEsKfddPkaLH6Yglxp2dGbI1/jH0xAFXo/UqokjM5PorKBDHuFNVExz5RkJ5ObbOFP0cFk+WJY5AD1MzlN6aRd8PIMuMcvcw8GuukT0lOY0jcRDvZ1z1RePI+UiRuaSG7O630ZAZRBy2huo6hjmDEZTBPtFS6efIP8AjZTCVBfXWquJoIRMgaUGiCUJcJlj7mrcsthijHhEw8i0RtV3RWBn+TDFKUcYZ2jHut6bCviieXI8QWH06uidNYqxwMm0IFzpRdIGPx4yyxJ7EDqPNDa5kxZOVA2wFiFNbUGbFl/mjAvSpdRlq5V//Ohkx/IkZH3CkRamq6cc+U93wOMnADXZ3VAVTkiKAku3ZAxRE1BJBAshsBGGLlEEAmvIa+K1jSvLjPJD52aRcRAaLaKeOrq+sxXjYkuWAq+q6JFI+uDdS+tkYx8SDF2+q2JYloEtuw3KxibHgiYkT97klE5OiEgMgduMnAGxS1MlEGJIqRUdx5JSLCeQHE3Dj8kxhSJINw1n6LWMHDQkAuXceKYyYuACLOG6KFKYikm180oLgDDMDqRQbSTDTZGkXNy33WrFxyccgL+lvV5oJZhOWMxZy1PsXUk6fti2oavSqRjk5xjxJoTt2olmnKBiHubraEc85hkiwcGii9LkVYizRNyNNxRUC82OR1LR2W6ZFkz5J5Gkaft2XP6JsZEh3d6PsFQwGTkJA8qA0ajNooVFuORlkJDOKnfZdUO5JARpcvRHRjzM+PjkBv06rjauUUSxcuBqPNP01aZoOVSGqtoW5JiE4kX1bouyRuJg0YfnosyXNAlz+KKLyZQiOhsPPRSdBkgWLM9q2fZFhikwJIMdD6T3XZzNANAAxNR3WLk+JjIcagErVi8UxKABjU0k6kuSxERLV6Keo0HlPpkIm4ouiYPHKUmAIDfqt2SaZM+l4mrlvBZioByYgOXNeqlhShJwGYBiW0KGd4SkCwFN+6oQGEkzBLMNT0oQlqc4IaIaQZvusQB4ZDEEPJpeJohhmJq9QWbdlNLT4iOoOpO66Y5lwiRMwBeT21a6FH8Rypci/kmChy8f5IG11NMHCEZjkQem/wBEzw18gzf4wqohOP8A2odvIqYqnfuvaNkpbP7v7u9kfphsfZrY2ut/pr6f/9k=);bottom:0;content:"";left:0;opacity:.8;position:absolute;right:0;top:0;z-index:2}.guitar .fretboard li:first-of-type:after,.guitar .fretboard li:last-of-type:after{border:none}.guitar .string li .marked{align-items:center;background:#72ac51;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.75);display:inline-flex;font-size:15px;height:30px;justify-content:center;line-height:1;opacity:0;transition:background-color .3s;-webkit-user-select:none;user-select:none;white-space:nowrap;width:30px;z-index:2}.guitar .string li .marked span{align-items:center;display:flex;height:100%;justify-content:center;line-height:1;vertical-align:middle}.guitar .fretboard li span.open-string-note{align-items:center;display:flex;font-size:18px;justify-content:center;z-index:2}.guitar .fretboard li span.marked,.guitar .fretboard li span.open-string-note{color:#fff;font-family:Open Sans,sans-serif;opacity:1}.guitar .fretboard li span.active,.guitar .fretboard li span.marked:hover{background-color:#c1c1c1;transition:background-color .3s}.guitar .fretboard .dots{background:#767068;border-radius:50%;height:20px;position:absolute;top:27px;width:20px}@media screen and (max-width:767px){.guitar .fretboard:after{width:45px}.guitar .fretboard-wrap{display:block;overflow-x:scroll;overflow-y:hidden}.guitar .fretboard{box-shadow:inset -1px 0 4px 0 rgba(0,0,0,.75);min-width:800px;padding-left:15px}::-webkit-scrollbar{background:transparent;display:none;width:0}}.guitar .headstock-wrap{left:0;position:absolute;top:0;width:75px}.guitar .headstock-wrap ul{display:flex;flex-direction:column;height:220px;position:absolute;top:12.1px;width:100%}.guitar .headstock-wrap li:after{border:none}.guitar .headstock ul li span{background-color:#ba9;background-image:repeating-linear-gradient(50deg,rgba(0,0,0,.6),transparent .15em,transparent .2em),linear-gradient(180deg,rgba(0,0,0,.1) 10%,hsla(0,0%,100%,.25) 15%,hsla(0,0%,100%,.8) 30%,hsla(0,0%,100%,.25) 45%,rgba(0,0,0,.6) 90%);box-shadow:.04em .37em .02em 0 rgba(0,0,0,.1);box-sizing:initial;height:3px;width:100%}.guitar .headstock-wrap .string-d{height:4px}.guitar .headstock-wrap .string-a{height:5px}.guitar .headstock-wrap .string-low-e{height:6px}.guitar .headstock-wrap .headstock{background-image:url(/files/scripts/chord-dictionary/static/media/maple-lg.edf419ffb23a18b3215b.jpg);background-size:cover;box-shadow:inset -10px 0 30px rgba(92,58,12,.3);height:240px;position:relative}.guitar .headstock-wrap .headstock:before,.headstock:after{background-color:#fff;border-radius:50%;content:"";height:200px;left:-30px;position:absolute;width:200px}.guitar .headstock-wrap .headstock:after{top:223px}.guitar .headstock-wrap .headstock:before{border-radius:50%;content:"";height:200px;left:-30px;position:absolute;top:-189px;width:200px}.guitar .headstock-wrap .headstock:after{border-radius:50%;content:"";height:200px;left:-35px;position:absolute;top:231px;width:200px}@media screen and (max-width:992px){.guitar .headstock-wrap{left:-55px;width:130px}.guitar .headstock ul li{width:130px}.guitar .headstock-wrap .headstock:before{height:200px;left:20px;top:-188px;width:200px}.guitar .headstock-wrap .headstock:after{height:200px;left:20px;top:230px;width:200px}}@media screen and (max-width:767px){.guitar .headstock-wrap{left:-115px}.guitar .headstock-wrap .headstock:before{height:200px;left:25px;top:-189px;width:200px}.guitar .headstock-wrap .headstock:after{height:200px;left:35px;top:231px;width:200px}}.guitar .strings{background:#f3f3f3;display:flex;flex-direction:column;height:220px;justify-content:space-between;position:absolute;right:0;top:20px;width:93%}.guitar .strings .string-left{background-color:#ba9;margin-left:1rem}.guitar .strings .string-right{background-color:#ba9;-webkit-transform-origin:0;transform-origin:0}.guitar .strings li{align-items:center;display:flex;height:100%;width:100%}.guitar .strings li span{background-image:repeating-linear-gradient(50deg,rgba(0,0,0,.6),transparent .15em,transparent .2em),linear-gradient(180deg,rgba(0,0,0,.1) 10%,hsla(0,0%,100%,.25) 15%,hsla(0,0%,100%,.8) 30%,hsla(0,0%,100%,.25) 45%,rgba(0,0,0,.6) 90%);box-shadow:.04em .37em .02em 0 rgba(0,0,0,.1);display:flex;height:3px}.guitar .strings li:first-child span,.guitar .strings li:nth-child(2) span,.guitar .strings li:nth-child(3) span{height:3px}.guitar .strings li:nth-child(4) span{height:4px}.guitar .strings li:nth-child(5) span{height:5px}.guitar .strings li:nth-child(6) span{height:6px}@media screen and (max-width:992px){.guitar .strings{width:100%}.guitar .strings li .string-left{margin-left:1rem}}@media screen and (max-width:767px){.guitar .strings{left:-15px;width:110%}}.piano--keyboard{display:flex;justify-content:center;margin-bottom:46px;margin-top:22px;position:relative}.piano--keys-black{display:flex;position:absolute;right:2.4%;top:0;width:100%}.piano--keys-black li{display:inline-flex;width:100%}.piano--key-black,.piano--keys-black li{justify-content:center;position:relative}.piano--key-black{background-color:#000;border-radius:0 0 5px 5px;box-shadow:0 5px 1px rgba(32,32,32,.2);display:flex;height:110px;width:80%;z-index:3}.piano--key-black.active{background:#111;box-shadow:0 1px 1px rgba(32,32,32,.3);position:relative;top:5px}.piano--keys-white{display:flex;height:195px;justify-content:space-between;width:100%}.piano--keys-white li{display:inline-flex;flex-grow:1;justify-content:center;position:relative;width:100%}.piano--key-white{background-color:#fff;border-radius:0 0 5px 5px;border-right:1px solid rgba(32,32,32,.3);border-top:1px solid rgba(32,32,32,.2);box-shadow:0 5px 1px rgba(32,32,32,.2);height:190px;position:relative;width:100%;z-index:2}.piano--key-white:last-child{border-right:none}.piano--key-white.active{background:#d8d8d8;box-shadow:0 1px 1px rgba(32,32,32,.4);position:relative;top:5px}.piano--keys-white li:first-child{border-radius:0 0 5px 0}.piano--keys-white li:last-child{border-radius:0 0 0 5px}.piano--keyboard li *{-webkit-user-select:none;user-select:none}.piano--keyboard li .marked{background-color:#72ac51;border-radius:50%;bottom:10px;box-shadow:inset -1px -3px 4px rgba(32,32,32,.3);height:20px;pointer-events:none;position:absolute;transition:background-color .3s;width:20px}.piano--keys-black .piano--key-black-left{justify-content:flex-start}.piano--keys-black .piano--key-black-right{justify-content:flex-end}.piano--keys-black .key--left .piano--key-black{margin-left:2px}.piano--keys-black .key--right .piano--key-black{margin-right:2px}@media (max-width:767px){.piano{overflow-y:scroll}.piano--keyboard{min-width:750px}.piano::-webkit-scrollbar{background:transparent;display:none;width:0}.piano--keys-white{height:185px}.piano--key-white{height:180px}.piano--keyboard li .marked{height:18px;width:18px}.piano--key-black{height:100px;width:75%}}.ukulele{overflow:hidden;position:relative;width:100%}.ukulele .fretboard-wrap{display:flex;height:200px;margin-bottom:50px;margin-top:.5rem;overflow:visible;overflow:initial;position:relative}.ukulele .fretboard{box-shadow:inset 10px 1px 10px -3px rgba(0,0,0,.75),inset 10px -1px 10px -3px rgba(0,0,0,.75);display:flex;flex-direction:column-reverse;height:175px;justify-content:space-around;margin-top:13px;padding-left:75px;-webkit-user-select:none;user-select:none;width:100%}.ukulele .fretboard li,.ukulele .fretboard ul{display:flex;height:100%}.ukulele .fretboard li{align-items:center;flex:1 1;justify-content:center;position:relative}.ukulele .string li:first-child{flex:none;min-width:40px;padding:0 2px}.ukulele .fretboard li.active{cursor:pointer}.ukulele .fretboard li:after{border:1px solid;border-image-slice:1;border-image-source:linear-gradient(90deg,#8f8f8f,#454545);content:"";height:100%;position:absolute;right:0}.ukulele .string li:first-of-type{border-right:none;position:relative}.ukulele .string li:first-of-type:before{background-image:url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAAA8AAD/4QMxaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzE0MCA3OS4xNjA0NTEsIDIwMTcvMDUvMDYtMDE6MDg6MjEgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE4IChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjI1MzQ0NjZGRTFBMDExRThBOTc1OTA2RDc4NDlCRkFCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjI1MzQ0NjcwRTFBMDExRThBOTc1OTA2RDc4NDlCRkFCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MjUzNDQ2NkRFMUEwMTFFOEE5NzU5MDZENzg0OUJGQUIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MjUzNDQ2NkVFMUEwMTFFOEE5NzU5MDZENzg0OUJGQUIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7/7gAOQWRvYmUAZMAAAAAB/9sAhAAGBAQEBQQGBQUGCQYFBgkLCAYGCAsMCgoLCgoMEAwMDAwMDBAMDg8QDw4MExMUFBMTHBsbGxwfHx8fHx8fHx8fAQcHBw0MDRgQEBgaFREVGh8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx//wAARCADCACgDAREAAhEBAxEB/8QAeQAAAwEBAQEAAAAAAAAAAAAAAgMEAAEFBgEBAQEBAQAAAAAAAAAAAAAAAQIAAwYQAAEDAwMCBQIFBQAAAAAAAAEAEQIhMQNBURJhcYHBIjIEkaHw0UJSE3KSMzQFEQEBAQEAAwEBAQAAAAAAAAAAARECITESQWFC/9oADAMBAAIRAxEAPwD66RIAMQRJ3Drx2vSgDfzVpZIODhg78r9QsxUIk5ZUqQKdnU0nBjV3pdOsTkLEhvA3CbGDCsjuKBEYyQNCf0pobESTKY1024qaRs7yjStRshi5H08t6uq/GdxYxxBPu161VyAUzHkx1d9uimtA4YxjAuTUk8dPwymQjkK1q4YkUc7JYidSf2uBWjbqgoxUBLVNgUgjIxaO54+ZU1Up8MZ4CQZxUvZlsGhmW8LA/ZFaJ3PMNapbxYqjVZFKOZEEv9mSlMByziMG4x00dSVYkOPG3fponWwr3TiIgy1P5KejyWCBkYl2sqtF9mTmCAYu7uRoUCAwQacy1XYkbM6FGzLAg62WrBgazmbChbop581syFY4luXIOS51V4Pddz5JQDmpNGGqmmRsLxiX9L3AqUaxn6qnjuN1mDjHKBervT+rsm+JjZsbGHarEe1tlYgc0owIlLQenqSVFKfBi+TLPKUzxiPaBqESNqmeQgEsKfddPkaLH6Yglxp2dGbI1/jH0xAFXo/UqokjM5PorKBDHuFNVExz5RkJ5ObbOFP0cFk+WJY5AD1MzlN6aRd8PIMuMcvcw8GuukT0lOY0jcRDvZ1z1RePI+UiRuaSG7O630ZAZRBy2huo6hjmDEZTBPtFS6efIP8AjZTCVBfXWquJoIRMgaUGiCUJcJlj7mrcsthijHhEw8i0RtV3RWBn+TDFKUcYZ2jHut6bCviieXI8QWH06uidNYqxwMm0IFzpRdIGPx4yyxJ7EDqPNDa5kxZOVA2wFiFNbUGbFl/mjAvSpdRlq5V//Ohkx/IkZH3CkRamq6cc+U93wOMnADXZ3VAVTkiKAku3ZAxRE1BJBAshsBGGLlEEAmvIa+K1jSvLjPJD52aRcRAaLaKeOrq+sxXjYkuWAq+q6JFI+uDdS+tkYx8SDF2+q2JYloEtuw3KxibHgiYkT97klE5OiEgMgduMnAGxS1MlEGJIqRUdx5JSLCeQHE3Dj8kxhSJINw1n6LWMHDQkAuXceKYyYuACLOG6KFKYikm180oLgDDMDqRQbSTDTZGkXNy33WrFxyccgL+lvV5oJZhOWMxZy1PsXUk6fti2oavSqRjk5xjxJoTt2olmnKBiHubraEc85hkiwcGii9LkVYizRNyNNxRUC82OR1LR2W6ZFkz5J5Gkaft2XP6JsZEh3d6PsFQwGTkJA8qA0ajNooVFuORlkJDOKnfZdUO5JARpcvRHRjzM+PjkBv06rjauUUSxcuBqPNP01aZoOVSGqtoW5JiE4kX1bouyRuJg0YfnosyXNAlz+KKLyZQiOhsPPRSdBkgWLM9q2fZFhikwJIMdD6T3XZzNANAAxNR3WLk+JjIcagErVi8UxKABjU0k6kuSxERLV6Keo0HlPpkIm4ouiYPHKUmAIDfqt2SaZM+l4mrlvBZioByYgOXNeqlhShJwGYBiW0KGd4SkCwFN+6oQGEkzBLMNT0oQlqc4IaIaQZvusQB4ZDEEPJpeJohhmJq9QWbdlNLT4iOoOpO66Y5lwiRMwBeT21a6FH8Rypci/kmChy8f5IG11NMHCEZjkQem/wBEzw18gzf4wqohOP8A2odvIqYqnfuvaNkpbP7v7u9kfphsfZrY2ut/pr6f/9k=);bottom:0;content:"";left:0;opacity:.8;position:absolute;right:0;top:0}.ukulele .fretboard li:first-of-type:after,.ukulele .fretboard li:last-of-type:after{border:none}.ukulele .string li .marked{align-items:center;background:#72ac51;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.75);display:inline-flex;font-size:15px;height:30px;justify-content:center;line-height:1;opacity:0;transition:background-color .3s;-webkit-user-select:none;user-select:none;white-space:nowrap;width:30px;z-index:2}.ukulele .string li .marked span{align-items:center;display:flex;height:100%;justify-content:center;line-height:1;vertical-align:middle}.ukulele .fretboard li span.open-string-note{align-items:center;display:flex;font-size:18px;justify-content:center;z-index:2}.ukulele .fretboard li span.marked,.ukulele .fretboard li span.open-string-note{color:#fff;font-family:Open Sans,sans-serif;opacity:1}.ukulele .fretboard li span.active,.ukulele .fretboard li span.marked:hover{background-color:#c1c1c1;transition:background-color .3s}.ukulele .fretboard li .--accidentals-circle{color:#fff;font-style:normal;opacity:1}.ukulele .fretboard .dots{background:#767068;border-radius:50%;height:20px;position:absolute;top:33px;width:20px}@media screen and (max-width:767px){.ukulele .fretboard:after{background-size:100% 170px;width:45px}.ukulele .fretboard-wrap{display:block;overflow-x:scroll;overflow-y:hidden}.ukulele .fretboard{box-shadow:inset -1px 0 4px 0 rgba(0,0,0,.75);height:170px;min-width:800px;padding-left:15px}::-webkit-scrollbar{background:transparent;display:none;width:0}}.ukulele .headstock-wrap{left:0;position:absolute;top:0;width:75px}.ukulele .headstock-wrap ul{display:flex;flex-direction:column;height:175px;position:absolute;top:14px;width:100%}.ukulele .headstock-wrap li{border:none;display:flex;height:100%;justify-content:center;width:100%}.ukulele .headstock-wrap li:after{border:none}.ukulele .headstock-wrap .headstock{background-image:url(/files/scripts/chord-dictionary/static/media/maple-lg.edf419ffb23a18b3215b.jpg);background-size:cover;box-shadow:inset -10px 0 30px rgba(92,58,12,.3);height:200px;position:relative}.ukulele .headstock-wrap .headstock:after,.ukulele .headstock-wrap .headstock:before{background:#fff;border-radius:50%;content:"";height:200px;left:-34px;position:absolute;width:200px}.ukulele .headstock-wrap .headstock:before{top:-187px}.ukulele .headstock-wrap .headstock:after{top:188px}.ukulele .headstock-wrap .headstock .headstock-string{cursor:default}.fretboard-wrap--ukulele .headstock li:first-of-type:before{content:none}.ukulele .headstock-wrap span{background-color:#ffffdf;background-image:repeating-linear-gradient(rgba(0,0,0,.6),transparent .15em,transparent .2em);box-shadow:.04em .37em .02em 0 rgba(0,0,0,.1);height:4px;width:100%}@media screen and (max-width:992px){.ukulele .headstock-wrap{left:-55px;width:130px}.ukulele .headstock-wrap .headstock span{width:135px}.ukulele .headstock-wrap .headstock:before{height:200px;left:30px;top:-187px;width:200px}.ukulele .headstock-wrap .headstock:after{height:200px;left:25px;top:188px;width:200px}}@media screen and (max-width:767px){.ukulele .headstock-wrap{left:-115px}.ukulele .headstock-wrap .headstock:before{height:200px;left:30px;top:-187px;width:200px}.ukulele .headstock-wrap .headstock:after{height:200px;left:35px;top:183px;width:200px}}.ukulele .strings{background:#f3f3f3;display:flex;flex-direction:column;height:175px;justify-content:space-between;position:absolute;right:0;top:22px;width:100%}.ukulele .string-left{background-color:#ffffdf;margin-left:2rem;opacity:.8}.ukulele .string-right{background-color:#ffffdf;opacity:.8;-webkit-transform-origin:0;transform-origin:0}.ukulele .strings li{align-items:center;display:flex;height:100%;width:100%}.ukulele .strings li span{background-image:repeating-linear-gradient(rgba(0,0,0,.6),transparent .15em,transparent .2em);box-shadow:.04em .37em .02em 0 rgba(0,0,0,.1);height:4px}@media screen and (max-width:992px){.ukulele .strings li .string-left{margin-left:1rem}}@media screen and (max-width:767px){.ukulele .strings{left:-15px;width:110%}}@-webkit-keyframes shake-string{5%{-webkit-transform:rotate(.5deg);transform:rotate(.5deg)}10%{-webkit-transform:rotate(-.5deg);transform:rotate(-.5deg)}15%{-webkit-transform:rotate(.45deg);transform:rotate(.45deg)}20%{-webkit-transform:rotate(-.45deg);transform:rotate(-.45deg)}25%{-webkit-transform:rotate(.4deg);transform:rotate(.4deg)}30%{-webkit-transform:rotate(-.4deg);transform:rotate(-.4deg)}35%{-webkit-transform:rotate(.35deg);transform:rotate(.35deg)}40%{-webkit-transform:rotate(-.35deg);transform:rotate(-.35deg)}45%{-webkit-transform:rotate(.3deg);transform:rotate(.3deg)}50%{-webkit-transform:rotate(-.3deg);transform:rotate(-.3deg)}55%{-webkit-transform:rotate(.2deg);transform:rotate(.2deg)}60%{-webkit-transform:rotate(-.2deg);transform:rotate(-.2deg)}65%{-webkit-transform:rotate(.1deg);transform:rotate(.1deg)}70%{-webkit-transform:rotate(-.1deg);transform:rotate(-.1deg)}75%{-webkit-transform:rotate(.05deg);transform:rotate(.05deg)}80%{-webkit-transform:rotate(-.05deg);transform:rotate(-.05deg)}85%{-webkit-transform:rotate(-.005deg);transform:rotate(-.005deg)}90%{-webkit-transform:rotate(.003deg);transform:rotate(.003deg)}95%{-webkit-transform:rotate(-.003deg);transform:rotate(-.003deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes shake-string{5%{-webkit-transform:rotate(.5deg);transform:rotate(.5deg)}10%{-webkit-transform:rotate(-.5deg);transform:rotate(-.5deg)}15%{-webkit-transform:rotate(.45deg);transform:rotate(.45deg)}20%{-webkit-transform:rotate(-.45deg);transform:rotate(-.45deg)}25%{-webkit-transform:rotate(.4deg);transform:rotate(.4deg)}30%{-webkit-transform:rotate(-.4deg);transform:rotate(-.4deg)}35%{-webkit-transform:rotate(.35deg);transform:rotate(.35deg)}40%{-webkit-transform:rotate(-.35deg);transform:rotate(-.35deg)}45%{-webkit-transform:rotate(.3deg);transform:rotate(.3deg)}50%{-webkit-transform:rotate(-.3deg);transform:rotate(-.3deg)}55%{-webkit-transform:rotate(.2deg);transform:rotate(.2deg)}60%{-webkit-transform:rotate(-.2deg);transform:rotate(-.2deg)}65%{-webkit-transform:rotate(.1deg);transform:rotate(.1deg)}70%{-webkit-transform:rotate(-.1deg);transform:rotate(-.1deg)}75%{-webkit-transform:rotate(.05deg);transform:rotate(.05deg)}80%{-webkit-transform:rotate(-.05deg);transform:rotate(-.05deg)}85%{-webkit-transform:rotate(-.005deg);transform:rotate(-.005deg)}90%{-webkit-transform:rotate(.003deg);transform:rotate(.003deg)}95%{-webkit-transform:rotate(-.003deg);transform:rotate(-.003deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.notation-container-child{height:323px;overflow:hidden;padding-top:35px;position:relative}.notation svg{-webkit-user-select:none;user-select:none}.notation-notes svg:hover{fill:#c1c1c1}.notation{height:250px;-webkit-transform:scale(1.25);transform:scale(1.25);-webkit-transform-origin:left;transform-origin:left;width:800px}.clef{font-family:Helsinki Std;font-size:80px;-webkit-user-select:none;user-select:none}.clef,.clef:hover{fill:#000}@media screen and (max-width:767px){.notation-container-child{overflow-x:scroll}.clef{-webkit-transform:translateX(-45px);transform:translateX(-45px)}.notation--note-signs{-webkit-transform:translateX(-60px);transform:translateX(-60px)}}.buttons-module{display:flex;justify-content:center}.buttons{display:flex;justify-content:flex-start;margin:20px 0 0;padding:0 75px;width:100%;z-index:1}.buttons,button{-webkit-user-select:none;user-select:none}button{background:#f8f8f8;border:1px solid #eee;border-radius:4px;color:#000;cursor:pointer;font-family:Open Sans,sans-serif;font-size:14px;margin-right:8px;padding:8px 14px;transition:.25s ease;white-space:nowrap}button.active{background-color:#e4e4e4;border-color:#dadada}button:hover{border-color:#dadada;box-shadow:0 5px 10px rgba(0,0,0,.2)}.drop-down{position:relative}.drop-down ul.active{display:block}.drop-down ul{background-color:#fff;border-radius:4px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);display:none;font-family:Open Sans,sans-serif;font-size:13px;left:1px;min-width:90px;position:absolute;z-index:11}.drop-down ul li:first-child{border-radius:4px 4px 0 0}.drop-down ul li:last-child{border-radius:0 0 4px 4px}.drop-down ul li{cursor:pointer;padding:10px 14px;text-align:center;white-space:nowrap}.drop-down.align-left ul li{text-align:left}.drop-down ul li:hover{background-color:#e1e1e1}.drop-down ul li.active{background-color:#eee}@media (max-width:1005px){.buttons{padding:0 75px}}@media (max-width:767px){.buttons{padding:0 15px}}.default__page__content ul{padding-bottom:0}*{-webkit-tap-highlight-color:transparent;-moz-tap-highlight-color:transparent;-ms-tap-highlight-color:transparent}.guitar div{max-width:none}.chord-info{color:#4d4d4d;padding:10px 75px;width:750px}.info-name{font-family:Open Sans,sans-serif;padding:5px 0}.info-name,.info-name ul{align-items:center;display:flex}.info-name ul{flex-wrap:wrap;list-style:none;margin:0;padding:0}.info-name svg path{fill:#4d4d4d!important}.info-name .separator{border-right:1px solid #d2d2d2;margin:0 10px}.info-badge{align-items:center;background:#f8f8f8;border:1px solid #c8c8c8;border-radius:4px;border-radius:5px;color:#4d4d4d;display:flex;font-size:12px;font-weight:700;justify-content:space-between;margin-right:10px;padding:1px 7px;text-transform:uppercase;white-space:nowrap}.accidental{align-items:center;display:inline-flex;font-family:Bravura;font-size:18px;font-style:normal;line-height:1;margin-left:1px;margin-top:0;position:relative;vertical-align:middle}.accidental-sharp{top:0}.accidental-double-sharp{font-size:27px;top:1px}.accidental-double-flat,.accidental-flat,.accidental-triple-flat{top:2.5px}@media (min-width:991px){.default__content,article.default__content{padding:15px 0}.default__page__title{padding-left:75px}.chord-dictionary-title{padding:0 75px}.tools__page__content{padding:0 75px 30px}.article-info{padding-left:75px}}@media (max-width:1005px){.contact__content,.content__right .finder,.default__content{max-width:100%;padding:30px 0}.content__right{padding:0}.tools__page__content{margin:auto;padding:0 30px;width:750px}.default__page__title{margin:1rem auto;max-width:750px;padding:0 30px}.article-info{margin:auto;max-width:750px;padding:0 30px}.chord-dictionary-title{padding-left:75px}.chord-info{padding:0 75px}}@media (max-width:767px){.chord-description,.default__page__title{padding:0 15px}.chord-dictionary-title{padding-left:15px}.chord-info{padding:0 15px}.its_setting_page.default__content,article.default__content{padding:15px 0}}@media (min-width:767px){.its_setting_page.default__content,article.default__content{padding:15px 0}}