*{font-family:"Work Sans",sans-serif}.text-center{text-align:center}.text-justify{text-align:justify}.text-left{text-align:left}.text-right{text-align:right}.highlight{color:#f3b61f!important}.grey-font{color:#0e98d1!important}.blue-font{color:#0e98d1!important}:root{--fretCountOffset:1}@media (min-width:820px){.fret-number:nth-child(1n+14),.fret:nth-child(1n+14){display:inline}}@media (min-width:992px){.key:first-child{margin-left:auto!important}.key:last-child{margin-right:auto!important}}@media (min-width:768px){.note-info{flex-wrap:nowrap}}@media (min-width:992px){.info-mode-holder{width:33.33%!important}.info-note-holder{width:66.66%!important}}select{-webkit-appearance:none;-moz-appearance:none;appearance:none}@media (min-width:820px){.select-holder-small{display:none}.select-holder-large{display:block!important}.select-holder,.select-holder-buttons{margin:auto auto auto auto!important}}@media (min-width:992px){.tuning .customTuning-note,.tuning .tuning-note,.tuning-peg .customTuning-note,.tuning-peg .tuning-note{left:27.5px!important;width:50px!important}}@media (min-width:1200px){.welcome-msg{padding-left:50px!important}}.flex{display:flex;flex-direction:row}.flex.flex-wrap{flex-wrap:wrap}.flex.flex-nowrap{flex-wrap:nowrap}.flex.flex-row-reverse{flex-direction:row-reverse}.flex.flex-wrap-reverse{flex-wrap:wrap-reverse}.flex.flex-centre{justify-content:center}.flex.flex-column{flex-direction:column}.flex.flex-column-reverse{flex-direction:column-reverse}.flex.flex-end{justify-content:flex-end}.flex.flex-space-around{justify-content:space-around}.flex.flex-space-between{justify-content:space-between}.w-1-1{width:100%}.w-2-3{width:66.66%}.w-1-2{width:50%}.w-1-3{width:33.33%}.w-1-4{width:25%}.w-1-5{width:20%}.blur-background{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fff;opacity:.2;backdrop-filter:blur(6px);overflow:hidden;z-index:1}body,html{padding-top:2.5px;max-width:100%;overflow-x:hidden;max-height:100%}body{background-attachment:fixed;background-size:900px 630px;background-position:center;background-blend-mode:hard-light;margin:0;background-color:#170b25;box-shadow:#170b25}.btn{font-size:12px;border:1px solid #153243;cursor:pointer;margin:auto;margin-bottom:2.5px;height:28px;min-width:22.5px;width:auto;background-color:#153243;color:#fff;padding:0;padding-left:6px;padding-right:6px;transition:all .5s}.btn>a{text-decoration:none;color:#fff}.btn *{box-sizing:border-box}.btn:hover{background-color:#0e98d1;border:1px solid #0e98d1;color:#fff}.btn.active{background-color:#f3b61f;border:1px solid #f3b61f;color:#170b25}.btn.form-btn{height:30px;width:50%}.copyright{margin:auto;color:#fff}.form-block-holder{grid-area:1/1/span 1/span 12;height:auto;max-height:200px;padding:6px;position:relative;margin-top:40px}.form-block-holder .button-holder{position:absolute;top:6px;padding-bottom:3px;width:auto}.form-block-holder .button-holder .select-holder{position:relative}.form-block-holder .button-holder .select-holder,.form-block-holder .button-holder .select-holder-buttons{height:27px;min-width:68px;margin:auto 0 5px 2px}.form-block-holder .button-holder .select-holder *,.form-block-holder .button-holder .select-holder-buttons *{box-sizing:border-box}.form-block-holder .button-holder .select-holder-buttons>.btn,.form-block-holder .button-holder .select-holder>.btn{min-width:68px}.form-block-holder .button-holder .select-holder-buttons{top:37px}.form-block-holder .button-holder .select-holder>select{width:auto;height:100%;background-color:#153243;border:none;color:#fff;padding-left:6px;padding-right:18px}.form-block-holder .button-holder .select-holder::after{position:absolute;content:">";color:#fff;top:40%;right:12px;-webkit-transform:rotate(90deg) translateY(-60%);-moz-transform:rotate(90deg) translateY(-60%);-ms-transform:rotate(90deg) translateY(-60%);transform:rotate(90deg) translateY(-60%);font-size:10px;pointer-events:none}.form-block-holder .button-holder .select-holder-large{display:none}.form-block-holder .button-holder .btn{margin:auto auto auto 5px;border:none}.form-block-holder .button-holder .btn.active-note{background-color:#153243;color:#fff;border:.5px solid #fff;font-weight:lighter}.form-block-holder .button-holder .btn.root-note{background-color:#0d4411;color:#fff;border:.5px solid #f3b61f}.form-block-holder .button-holder .btn.key-note{color:#fff;background-color:transparent;font-weight:lighter}.form-block-holder .button-holder .btn.key-note.instrument-btn{background-color:#793725}.form-block-holder .button-holder .btn.key-note.key-note-btn{background-color:#153243}.form-block-holder .button-holder .btn.Major{border-left:6px solid #c20114}.form-block-holder .button-holder .btn.minor{border-left:6px solid #b1740f}.form-block-holder .button-holder .btn.diminished{border-left:6px solid #69d1c5}.form-block-holder .button-holder.button-holder-left{left:6px;width:70%}.form-block-holder .button-holder.button-holder-left.button-holder-with-help{left:36px}.form-block-holder .button-holder.button-holder-right{right:6px}.form-block-holder .button-holder.button-holder-right.button-holder-with-help{right:36px}.form-block-holder .button-holder.button-holder-center{left:0;right:0;margin-inline:auto;width:fit-content}.form-block-holder .button-holder.button-holder-bottom{top:calc(100% - 20px)}.form-block-holder .button-holder.button-holder-bottom.button-holder-with-help{left:36px}.form-block-holder .button-holder.button-holder-short{width:160px;margin-top:10px}.form-block-holder .button-holder.button-holder-full{position:relative;width:95%;margin:auto;left:6px}.form-block-holder .form-block{height:auto;margin:auto;width:100%;border-radius:1px}.form-block-holder .form-block>*{margin:auto;width:80%}.form-block-holder .form-block .form-section .form-btn,.form-block-holder .form-block .form-section>input{height:35px;width:calc(100% - 10px);margin:5px}.form-block-holder .form-block .form-section>p{width:100%;margin-top:6px;font-size:12px}.form-block-holder .form-block .form-section #form-error{color:red}@media (min-width:768px){.form-block-holder{grid-area:1/3/span 2/span 8!important}.form-block-holder .form-block{width:360px!important}}* ::-webkit-scrollbar{width:3px;height:12px}* ::-webkit-scrollbar-track{background:0 0}* ::-webkit-scrollbar-thumb{background:0 0}.section-block{height:auto;padding:2px;background-color:#170b25;color:#fff;border-radius:1px;padding:6px;padding-bottom:30px}.section-block *{box-sizing:border-box}.section-block .button-holder{position:absolute;top:6px;padding-bottom:3px;width:auto}.section-block .button-holder .select-holder{position:relative}.section-block .button-holder .select-holder,.section-block .button-holder .select-holder-buttons{height:27px;min-width:68px;margin:auto 0 5px 2px}.section-block .button-holder .select-holder *,.section-block .button-holder .select-holder-buttons *{box-sizing:border-box}.section-block .button-holder .select-holder-buttons>.btn,.section-block .button-holder .select-holder>.btn{min-width:68px}.section-block .button-holder .select-holder-buttons{top:37px}.section-block .button-holder .select-holder>select{width:auto;height:100%;background-color:#153243;border:none;color:#fff;padding-left:6px;padding-right:18px}.section-block .button-holder .select-holder::after{position:absolute;content:">";color:#fff;top:40%;right:12px;-webkit-transform:rotate(90deg) translateY(-60%);-moz-transform:rotate(90deg) translateY(-60%);-ms-transform:rotate(90deg) translateY(-60%);transform:rotate(90deg) translateY(-60%);font-size:10px;pointer-events:none}.section-block .button-holder .select-holder-large{display:none}.section-block .button-holder .btn{margin:auto auto auto 5px;border:none}.section-block .button-holder .btn.active-note{background-color:#153243;color:#fff;border:.5px solid #fff;font-weight:lighter}.section-block .button-holder .btn.root-note{background-color:#0d4411;color:#fff;border:.5px solid #f3b61f}.section-block .button-holder .btn.key-note{color:#fff;background-color:transparent;font-weight:lighter}.section-block .button-holder .btn.key-note.instrument-btn{background-color:#793725}.section-block .button-holder .btn.key-note.key-note-btn{background-color:#153243}.section-block .button-holder .btn.Major{border-left:6px solid #c20114}.section-block .button-holder .btn.minor{border-left:6px solid #b1740f}.section-block .button-holder .btn.diminished{border-left:6px solid #69d1c5}.section-block .button-holder.button-holder-left{left:6px;width:70%}.section-block .button-holder.button-holder-left.button-holder-with-help{left:36px}.section-block .button-holder.button-holder-right{right:6px}.section-block .button-holder.button-holder-right.button-holder-with-help{right:36px}.section-block .button-holder.button-holder-center{left:0;right:0;margin-inline:auto;width:fit-content}.section-block .button-holder.button-holder-bottom{top:calc(100% - 20px)}.section-block .button-holder.button-holder-bottom.button-holder-with-help{left:36px}.section-block .button-holder.button-holder-short{width:160px;margin-top:10px}.section-block .button-holder.button-holder-full{position:relative;width:95%;margin:auto;left:6px}.section-block .tip{margin:10px auto 10px auto;text-align:center;min-width:100%;color:#0e98d1;font-size:14px}.section-block.hide{display:none}.section-block.collapse{height:12px;overflow:hidden}.section-title{height:auto;padding:2px;background-color:#170b25;color:#fff;font-size:14px;margin-bottom:6px;min-height:33px;max-height:33px;width:100%;padding:6px 6px 6px 0}.section-title .help-icon{position:absolute;top:3px;right:3px;border:1px solid #fff;font-size:9px;width:14px;height:14px;text-align:center;padding:0 2px 2px;border-radius:360px}.section-title .help-icon:hover{cursor:pointer;background-color:#fff;color:#170b25}.section-title.section-title-transparent-background{background-color:transparent}.section-title span,.section-title>p{font-size:14px;margin:auto}.section-title p{width:160px}[tooltip]{position:relative}[tooltip]:focus{outline:0}[tooltip]:focus::after,[tooltip]:hover::after{content:attr(tooltip);background-color:#170b25;border:2px solid #153243;color:#fff;min-width:200px;width:auto;min-height:30px;position:absolute;right:0;font-size:10px;top:calc(100% + 10px);transition:all .6s;padding:6px;z-index:1;border-radius:1px}[tooltip-right]:focus::after,[tooltip-right]:hover::after{right:-2.5px}[tooltip-left]:focus::after,[tooltip-left]:hover::after{left:-2.5px}[tooltip-top]:focus::after,[tooltip-top]:hover::after{bottom:calc(100% + 2.5px)}[tooltip-bottom]:focus::after,[tooltip-bottom]:hover::after{top:calc(100% + 5px)}[tooltip-centre]:focus::after,[tooltip-centre]:hover::after{left:50%;transform:translateX(-50%)}.user-name{display:none}@media (min-width:820px){.user-name{display:inherit}}.about-block{grid-area:1/1/span 1/span 12}@media (min-width:992px){.about-block{grid-area:1/3/span 1/span 8}}.chord-chart-block{grid-area:5/1/span 1/span 12;position:relative;padding-bottom:50px;border:2px solid #153243}.chord-chart-block .tip{margin:10px auto 10px auto;text-align:center;min-width:100%;color:#0e98d1;font-size:14px}.chord-chart-block .button-holder{position:absolute;top:6px;padding-bottom:3px;width:auto}.chord-chart-block .button-holder .select-holder{position:relative}.chord-chart-block .button-holder .select-holder,.chord-chart-block .button-holder .select-holder-buttons{height:27px;min-width:68px;margin:auto 0 5px 2px}.chord-chart-block .button-holder .select-holder *,.chord-chart-block .button-holder .select-holder-buttons *{box-sizing:border-box}.chord-chart-block .button-holder .select-holder-buttons>.btn,.chord-chart-block .button-holder .select-holder>.btn{min-width:68px}.chord-chart-block .button-holder .select-holder-buttons{top:37px}.chord-chart-block .button-holder .select-holder>select{width:auto;height:100%;background-color:#153243;border:none;color:#fff;padding-left:6px;padding-right:18px}.chord-chart-block .button-holder .select-holder::after{position:absolute;content:">";color:#fff;top:40%;right:12px;-webkit-transform:rotate(90deg) translateY(-60%);-moz-transform:rotate(90deg) translateY(-60%);-ms-transform:rotate(90deg) translateY(-60%);transform:rotate(90deg) translateY(-60%);font-size:10px;pointer-events:none}.chord-chart-block .button-holder .select-holder-large{display:none}.chord-chart-block .button-holder .btn{margin:auto auto auto 5px;border:none}.chord-chart-block .button-holder .btn.active-note{background-color:#153243;color:#fff;border:.5px solid #fff;font-weight:lighter}.chord-chart-block .button-holder .btn.root-note{background-color:#0d4411;color:#fff;border:.5px solid #f3b61f}.chord-chart-block .button-holder .btn.key-note{color:#fff;background-color:transparent;font-weight:lighter}.chord-chart-block .button-holder .btn.key-note.instrument-btn{background-color:#793725}.chord-chart-block .button-holder .btn.key-note.key-note-btn{background-color:#153243}.chord-chart-block .button-holder .btn.Major{border-left:6px solid #c20114}.chord-chart-block .button-holder .btn.minor{border-left:6px solid #b1740f}.chord-chart-block .button-holder .btn.diminished{border-left:6px solid #69d1c5}.chord-chart-block .button-holder.button-holder-left{left:6px;width:70%}.chord-chart-block .button-holder.button-holder-left.button-holder-with-help{left:36px}.chord-chart-block .button-holder.button-holder-right{right:6px}.chord-chart-block .button-holder.button-holder-right.button-holder-with-help{right:36px}.chord-chart-block .button-holder.button-holder-center{left:0;right:0;margin-inline:auto;width:fit-content}.chord-chart-block .button-holder.button-holder-bottom{top:calc(100% - 20px)}.chord-chart-block .button-holder.button-holder-bottom.button-holder-with-help{left:36px}.chord-chart-block .button-holder.button-holder-short{width:160px;margin-top:10px}.chord-chart-block .button-holder.button-holder-full{position:relative;width:95%;margin:auto;left:6px}.chord-chart-block .note-info{width:100%;height:100%;margin:auto;flex-wrap:wrap;position:relative;background-color:#130a1f;border-radius:1px}.chord-chart-block .note-info .info-mode-holder{font-size:12px}.chord-chart-block .note-info .info-mode-holder .mode-btn{height:32px;width:auto;margin:5px 0 5px 10px}.chord-chart-block .note-info .info-mode-holder .mode-btn.Major{border-left:6px solid #c20114}.chord-chart-block .note-info .info-mode-holder .mode-btn.minor{border-left:6px solid #b1740f}.chord-chart-block .note-info .info-mode-holder .mode-btn.diminished{border-left:6px solid #69d1c5}.chord-chart-block .note-info .info-mode-holder p{margin-left:10px}.chord-chart-block .note-info .info-note-holder{margin:auto}.chord-chart-block .note-info .info-note-holder .info-note{font-size:12px;height:22px;min-width:55px;text-align:center;margin:auto 10px auto 10px;padding:3px}.chord-chart-block .note-info .info-note-holder .info-note.active-note{background-color:#153243;color:#fff;border:.5px solid #fff;font-weight:lighter}.chord-chart-block .note-info .info-note-holder .info-note.root-note{background-color:#0d4411;color:#fff;border:.5px solid #f3b61f}.chord-chart-block .note-info .info-note-holder .info-details{height:100%;font-size:12px;text-align:left}.chord-chart-block .note-info .info-note-holder .info-details .info-piece,.chord-chart-block .note-info .info-note-holder .info-details span{margin:auto}.chord-chart-block .chord{margin:6px 6px 18px;height:auto;color:#fff;width:calc(50% - 12px);transition:all .6s;font-size:14px}.chord-chart-block .chord.Pentatonic:nth-child(1n+8){display:none}.chord-chart-block .chord .chord-name{width:99%;cursor:pointer}.chord-chart-block .chord .chord-name.Major{border-left:6px solid #c20114}.chord-chart-block .chord .chord-name.minor{border-left:6px solid #b1740f}.chord-chart-block .chord .chord-name.diminished{border-left:6px solid #69d1c5}.chord-chart-block .chord .chord-note{padding:0;text-align:left;border-right:2px solid #170b25;border-left:2px solid #170b25;border-bottom:.2px solid #fff;margin:5px auto 0 auto;max-height:30px}.chord-chart-block .chord .chord-note p{font-size:14px;width:24px;height:24px;text-align:center;margin:auto 0 5px 0;padding:5px}.chord-chart-block .chord .chord-note p.active-note{background-color:#153243;color:#fff;border:.5px solid #fff;font-weight:lighter}.chord-chart-block .chord .chord-note p.root-note{background-color:#0d4411;color:#fff;border:.5px solid #f3b61f}.chord-chart-block .chord .chord-note small{font-size:10px;width:auto;margin:auto auto auto 6px}.chord-chart-block .chord.chord-active{margin-top:auto;margin-bottom:auto;width:auto}.chord-chart-block .chord.chord-hide{display:none;transform:translateX(1000%)}.chord-chart-block .button-holder{position:absolute;top:calc(100% - 20px);right:5px;margin-top:10px;width:auto;height:auto}.chord-chart-block .button-holder button{font-size:14px;height:30px;margin:auto auto auto 5px}@media (min-width:768px){.chord-chart-block{grid-area:5/1/span 1/span 12!important}.chord-chart-block .chord{width:calc(22% - 12px)}}@media (min-width:992px){.chord-chart-block{grid-area:4/1/span 1/span 12!important}.chord-chart-block .chord{width:calc(22% - 12px)}}@media (min-width:1200px){.chord-chart-block{grid-area:4/1/span 1/span 9!important}.chord-chart-block .chord{width:calc(25% - 12px)}}.features-block{grid-area:2/1/span 1/span 12}.features-block div .feature-overview{width:100%}.features-block div .feature-overview img{display:block;margin:40px auto 40px auto}.features-block div .feature-overview-full{width:100%}.features-block div .feature-overview-full div .feature-overview{width:100%}.features-block div .feature-overview-full div .feature-overview img{display:block;margin:40px auto 40px auto}@media (min-width:992px){.features-block{grid-area:2/3/span 1/span 8;flex-wrap:wrap}.features-block div .feature-overview{width:48%;margin-right:auto}.features-block div .feature-overview-full div .feature-overview{width:48%;margin-right:auto}}.footer{grid-area:9/1/span 1/span 12;width:100%;margin:auto;padding:18px;border-top:1px solid #153243;border-bottom:1px solid #153243}.footer>.message{color:#0e98d1}.footer>.social{font-size:18px}@media (min-width:768px){.footer{width:95%!important}}@media (min-width:992px){.footer{grid-area:5/1/span 1/span 12}}.heading-holder{grid-area:1/1/span 1/span 12;width:calc(100% - 12px);border-radius:1px;padding-bottom:6px!important}.heading-holder .heading{position:relative;background-color:#170b25;height:100px;width:100%}.heading-holder .heading>a>h1{border-radius:1px;position:absolute;bottom:0;left:0;margin:0;font-size:60px;width:100%;color:#170b25;text-align:center}@media (min-width:768px){.heading-holder{grid-area:1/3/span 1/span 10!important;display:inherit!important}}.info-block .info-title{border-bottom:.25px solid #153243;position:fixed;min-height:55px;top:0;left:0;width:100%;z-index:20}.info-block .info-title .mobile-hide{display:none}@media (min-width:768px){.info-block .info-title{min-height:60px}}@media (min-width:992px){.info-block .info-title .mobile-hide{display:block}}.instrument-block{grid-area:4/1/span 1/span 12;border-radius:1px;border:2px solid #153243;position:relative;padding:36px 6px;height:auto}.instrument-block *{box-sizing:border-box}.instrument-block .select-holder{position:relative}.instrument-block .select-holder,.instrument-block .select-holder-buttons{height:27px;min-width:68px;margin:auto 0 5px 2px}.instrument-block .select-holder *,.instrument-block .select-holder-buttons *{box-sizing:border-box}.instrument-block .select-holder-buttons>.btn,.instrument-block .select-holder>.btn{min-width:68px}.instrument-block .select-holder-buttons{top:37px}.instrument-block .select-holder>select{width:auto;height:100%;background-color:#153243;border:none;color:#fff;padding-left:6px;padding-right:18px}.instrument-block .select-holder::after{position:absolute;content:">";color:#fff;top:40%;right:12px;-webkit-transform:rotate(90deg) translateY(-60%);-moz-transform:rotate(90deg) translateY(-60%);-ms-transform:rotate(90deg) translateY(-60%);transform:rotate(90deg) translateY(-60%);font-size:10px;pointer-events:none}.instrument-block .select-holder-large{display:none}.instrument-block .instrument{width:100%;overflow:hidden;margin:5px auto 6px 6px;padding:auto;padding-top:40px;padding-right:20px}.instrument-block .instrument .string,.instrument-block .instrument .string-label{margin:auto;height:auto;width:100%;min-height:30px}.instrument-block .instrument .string .key,.instrument-block .instrument .string-label .key{background-color:#fff;transform-origin:left;border-right:.8px solid #153243;color:#000;height:140px;min-width:30.5px;position:relative}.instrument-block .instrument .string .key.flat-sharp,.instrument-block .instrument .string-label .key.flat-sharp{background-color:#000;height:100px;min-width:20px;margin-left:-20px}.instrument-block .instrument .string .key.flat-sharp .key-note,.instrument-block .instrument .string-label .key.flat-sharp .key-note{padding-left:0}.instrument-block .instrument .string .key .keys-note,.instrument-block .instrument .string-label .key .keys-note{font-size:12px;border-radius:1px;color:transparent;margin:auto;text-align:center;transition:all .6s;padding:2px;position:absolute;bottom:6px;width:100%}.instrument-block .instrument .string .key .keys-note.key-note,.instrument-block .instrument .string-label .key .keys-note.key-note{color:#fff;background-color:transparent;font-weight:lighter}.instrument-block .instrument .string .key .keys-note.key-note.instrument-btn,.instrument-block .instrument .string-label .key .keys-note.key-note.instrument-btn{background-color:#793725}.instrument-block .instrument .string .key .keys-note.key-note.key-note-btn,.instrument-block .instrument .string-label .key .keys-note.key-note.key-note-btn{background-color:#153243}.instrument-block .instrument .string .key .keys-note.key-note,.instrument-block .instrument .string-label .key .keys-note.key-note{background-color:#706f6e}.instrument-block .instrument .string .key .keys-note.all-note,.instrument-block .instrument .string-label .key .keys-note.all-note{color:#706f6e}.instrument-block .instrument .string .key .keys-note.all-note.key-note,.instrument-block .instrument .string-label .key .keys-note.all-note.key-note{color:#fff;background-color:transparent;font-weight:lighter}.instrument-block .instrument .string .key .keys-note.all-note.key-note.instrument-btn,.instrument-block .instrument .string-label .key .keys-note.all-note.key-note.instrument-btn{background-color:#793725}.instrument-block .instrument .string .key .keys-note.all-note.key-note.key-note-btn,.instrument-block .instrument .string-label .key .keys-note.all-note.key-note.key-note-btn{background-color:#153243}.instrument-block .instrument .string .key .keys-note.all-note.root-note,.instrument-block .instrument .string-label .key .keys-note.all-note.root-note{background-color:#0d4411;color:#fff;border:.5px solid #f3b61f}.instrument-block .instrument .string .key .keys-note.all-note.active-note,.instrument-block .instrument .string-label .key .keys-note.all-note.active-note{background-color:#153243;color:#fff;border:.5px solid #fff;font-weight:lighter}.instrument-block .instrument .string .key .keys-note.all-note.keys-note.key-note,.instrument-block .instrument .string-label .key .keys-note.all-note.keys-note.key-note{background-color:#706f6e}.instrument-block .instrument .string .key .keys-note.all-note.keys-note.key-note.root-note,.instrument-block .instrument .string-label .key .keys-note.all-note.keys-note.key-note.root-note{background-color:#0d4411;color:#fff;border:.5px solid #f3b61f}.instrument-block .instrument .string .key .keys-note.all-note.keys-note.key-note.active-note,.instrument-block .instrument .string-label .key .keys-note.all-note.keys-note.key-note.active-note{background-color:#153243;color:#fff;border:.5px solid #fff;font-weight:lighter}.instrument-block .instrument .string .key .keys-note.active-note,.instrument-block .instrument .string-label .key .keys-note.active-note{background-color:#153243;color:#fff;border:.5px solid #fff;font-weight:lighter}.instrument-block .instrument .string .key .keys-note.root-note,.instrument-block .instrument .string-label .key .keys-note.root-note{background-color:#0d4411;color:#fff;border:.5px solid #f3b61f}.instrument-block .instrument .string .tuning-peg::after,.instrument-block .instrument .string-label .tuning-peg::after{position:absolute;left:5px;top:6px;content:">";color:#fff;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);font-size:10px;pointer-events:none}.instrument-block .instrument .string .tuning,.instrument-block .instrument .string .tuning-peg,.instrument-block .instrument .string-label .tuning,.instrument-block .instrument .string-label .tuning-peg{margin:auto;position:relative}.instrument-block .instrument .string .tuning select,.instrument-block .instrument .string .tuning-peg select,.instrument-block .instrument .string-label .tuning select,.instrument-block .instrument .string-label .tuning-peg select{position:absolute;left:-15px;cursor:pointer;height:auto;padding:2px;background-color:#170b25;color:#fff;font-size:12px;margin:2px auto;max-width:22px;border-radius:1px;border:1px solid #170b25;position:relative;color:#170b25}.instrument-block .instrument .string .tuning select:focus,.instrument-block .instrument .string .tuning-peg select:focus,.instrument-block .instrument .string-label .tuning select:focus,.instrument-block .instrument .string-label .tuning-peg select:focus{color:#fff}.instrument-block .instrument .string .tuning .customTuning-note,.instrument-block .instrument .string .tuning .tuning-note,.instrument-block .instrument .string .tuning-peg .customTuning-note,.instrument-block .instrument .string .tuning-peg .tuning-note,.instrument-block .instrument .string-label .tuning .customTuning-note,.instrument-block .instrument .string-label .tuning .tuning-note,.instrument-block .instrument .string-label .tuning-peg .customTuning-note,.instrument-block .instrument .string-label .tuning-peg .tuning-note{position:absolute;top:50%;transform:translateY(-50%);left:17.5px;min-width:20px;max-width:20px;max-height:20px;padding:2.5px;text-align:center;background-color:#170b25;color:#fff;font-size:12px;z-index:1;pointer-events:none;border-radius:1px;border:1px solid #170b25;margin:0;border-radius:360px}.instrument-block .instrument .string .tuning .customTuning-note.active-note,.instrument-block .instrument .string .tuning .tuning-note.active-note,.instrument-block .instrument .string .tuning-peg .customTuning-note.active-note,.instrument-block .instrument .string .tuning-peg .tuning-note.active-note,.instrument-block .instrument .string-label .tuning .customTuning-note.active-note,.instrument-block .instrument .string-label .tuning .tuning-note.active-note,.instrument-block .instrument .string-label .tuning-peg .customTuning-note.active-note,.instrument-block .instrument .string-label .tuning-peg .tuning-note.active-note{background-color:#f3b61f}.instrument-block .instrument .string .tuning .customTuning-note.root-note,.instrument-block .instrument .string .tuning .tuning-note.root-note,.instrument-block .instrument .string .tuning-peg .customTuning-note.root-note,.instrument-block .instrument .string .tuning-peg .tuning-note.root-note,.instrument-block .instrument .string-label .tuning .customTuning-note.root-note,.instrument-block .instrument .string-label .tuning .tuning-note.root-note,.instrument-block .instrument .string-label .tuning-peg .customTuning-note.root-note,.instrument-block .instrument .string-label .tuning-peg .tuning-note.root-note{background-color:#0d4411;border:.5px solid #f3b61f}.instrument-block .instrument .string .tuning .tuning-note,.instrument-block .instrument .string .tuning-peg .tuning-note,.instrument-block .instrument .string-label .tuning .tuning-note,.instrument-block .instrument .string-label .tuning-peg .tuning-note{width:16px;top:-14px;left:-7px}.instrument-block .instrument .string .fret,.instrument-block .instrument .string-label .fret{border-right:2.4px solid #191b1e;background-color:#793725;height:auto;min-height:30px;max-width:130px;transform-origin:left;color:transparent;text-align:center;position:relative}.instrument-block .instrument .string .fret .strings-note,.instrument-block .instrument .string-label .fret .strings-note{width:18.5px;height:18.5px;z-index:10;position:absolute;bottom:-50%;left:50%;transform:translateX(-50%) translateY(-50%);font-size:12px;font-weight:700;text-align:center;padding-top:1px;padding-bottom:1px;transition:all .6s;border-radius:35px}.instrument-block .instrument .string .fret .strings-note.all-note,.instrument-block .instrument .string-label .fret .strings-note.all-note{color:#706f6e}.instrument-block .instrument .string .fret .strings-note.all-note.key-note,.instrument-block .instrument .string-label .fret .strings-note.all-note.key-note{color:#fff;background-color:transparent;font-weight:lighter}.instrument-block .instrument .string .fret .strings-note.all-note.key-note.instrument-btn,.instrument-block .instrument .string-label .fret .strings-note.all-note.key-note.instrument-btn{background-color:#793725}.instrument-block .instrument .string .fret .strings-note.all-note.key-note.key-note-btn,.instrument-block .instrument .string-label .fret .strings-note.all-note.key-note.key-note-btn{background-color:#153243}.instrument-block .instrument .string .fret .strings-note.all-note.root-note,.instrument-block .instrument .string-label .fret .strings-note.all-note.root-note{background-color:#0d4411;color:#fff;border:.5px solid #f3b61f}.instrument-block .instrument .string .fret .strings-note.all-note.active-note,.instrument-block .instrument .string-label .fret .strings-note.all-note.active-note{background-color:#153243;color:#fff;border:.5px solid #fff;font-weight:lighter}.instrument-block .instrument .string .fret .strings-note.all-note.keys-note.key-note,.instrument-block .instrument .string-label .fret .strings-note.all-note.keys-note.key-note{background-color:#706f6e}.instrument-block .instrument .string .fret .strings-note.all-note.keys-note.key-note.root-note,.instrument-block .instrument .string-label .fret .strings-note.all-note.keys-note.key-note.root-note{background-color:#0d4411;color:#fff;border:.5px solid #f3b61f}.instrument-block .instrument .string .fret .strings-note.all-note.keys-note.key-note.active-note,.instrument-block .instrument .string-label .fret .strings-note.all-note.keys-note.key-note.active-note{background-color:#153243;color:#fff;border:.5px solid #fff;font-weight:lighter}.instrument-block .instrument .string .fret .strings-note.key-note,.instrument-block .instrument .string-label .fret .strings-note.key-note{color:#fff;background-color:transparent;font-weight:lighter}.instrument-block .instrument .string .fret .strings-note.key-note.instrument-btn,.instrument-block .instrument .string-label .fret .strings-note.key-note.instrument-btn{background-color:#793725}.instrument-block .instrument .string .fret .strings-note.key-note.key-note-btn,.instrument-block .instrument .string-label .fret .strings-note.key-note.key-note-btn{background-color:#153243}.instrument-block .instrument .string .fret .strings-note.root-note,.instrument-block .instrument .string-label .fret .strings-note.root-note{background-color:#0d4411;color:#fff;border:.5px solid #f3b61f}.instrument-block .instrument .string .fret .strings-note.active-note,.instrument-block .instrument .string-label .fret .strings-note.active-note{background-color:#153243;color:#fff;border:.5px solid #fff;font-weight:lighter}.instrument-block .instrument .string .fret-number:first-child,.instrument-block .instrument .string .fret:first-child,.instrument-block .instrument .string-label .fret-number:first-child,.instrument-block .instrument .string-label .fret:first-child{left:0;width:50px;color:#fff;border:none;background-color:transparent}.instrument-block .instrument .string .fret-number:first-child .fret-note.key-note,.instrument-block .instrument .string .fret:first-child .fret-note.key-note,.instrument-block .instrument .string-label .fret-number:first-child .fret-note.key-note,.instrument-block .instrument .string-label .fret:first-child .fret-note.key-note{color:#fff;background-color:transparent;font-weight:lighter}.instrument-block .instrument .string .fret-number:first-child .fret-note.key-note.instrument-btn,.instrument-block .instrument .string .fret:first-child .fret-note.key-note.instrument-btn,.instrument-block .instrument .string-label .fret-number:first-child .fret-note.key-note.instrument-btn,.instrument-block .instrument .string-label .fret:first-child .fret-note.key-note.instrument-btn{background-color:#793725}.instrument-block .instrument .string .fret-number:first-child .fret-note.key-note.key-note-btn,.instrument-block .instrument .string .fret:first-child .fret-note.key-note.key-note-btn,.instrument-block .instrument .string-label .fret-number:first-child .fret-note.key-note.key-note-btn,.instrument-block .instrument .string-label .fret:first-child .fret-note.key-note.key-note-btn{background-color:#153243}.instrument-block .instrument .string .fret-number:first-child .fret-note.root-note,.instrument-block .instrument .string .fret:first-child .fret-note.root-note,.instrument-block .instrument .string-label .fret-number:first-child .fret-note.root-note,.instrument-block .instrument .string-label .fret:first-child .fret-note.root-note{background-color:#0d4411;color:#fff;border:.5px solid #f3b61f}.instrument-block .instrument .string .fret-number:first-child .fret-note.active-note,.instrument-block .instrument .string .fret:first-child .fret-note.active-note,.instrument-block .instrument .string-label .fret-number:first-child .fret-note.active-note,.instrument-block .instrument .string-label .fret:first-child .fret-note.active-note{background-color:#153243;color:#fff;border:.5px solid #fff;font-weight:lighter}.instrument-block .instrument .string .fret-number:first-child,.instrument-block .instrument .string-label .fret-number:first-child{text-align:right;padding-right:7.5px}.instrument-block .instrument .string .fret-number:nth-child(2),.instrument-block .instrument .string .fret:nth-child(2),.instrument-block .instrument .string-label .fret-number:nth-child(2),.instrument-block .instrument .string-label .fret:nth-child(2){width:calc(7.109285890773827% * var(--fretCountOffset))}.instrument-block .instrument .string .fret-number:nth-child(3),.instrument-block .instrument .string .fret:nth-child(3),.instrument-block .instrument .string-label .fret-number:nth-child(3),.instrument-block .instrument .string-label .fret:nth-child(3){width:calc(6.71026889067427% * var(--fretCountOffset))}.instrument-block .instrument .string .fret-number:nth-child(4),.instrument-block .instrument .string .fret:nth-child(4),.instrument-block .instrument .string-label .fret-number:nth-child(4),.instrument-block .instrument .string-label .fret:nth-child(4){width:calc(6.333647187207115% * var(--fretCountOffset))}.instrument-block .instrument .string .fret-number:nth-child(5),.instrument-block .instrument .string .fret:nth-child(5),.instrument-block .instrument .string-label .fret-number:nth-child(5),.instrument-block .instrument .string-label .fret:nth-child(5){width:calc(5.978163818109787% * var(--fretCountOffset))}.instrument-block .instrument .string .fret-number:nth-child(6),.instrument-block .instrument .string .fret:nth-child(6),.instrument-block .instrument .string-label .fret-number:nth-child(6),.instrument-block .instrument .string-label .fret:nth-child(6){width:calc(5.642632369599386% * var(--fretCountOffset))}.instrument-block .instrument .string .fret-number:nth-child(7),.instrument-block .instrument .string .fret:nth-child(7),.instrument-block .instrument .string-label .fret-number:nth-child(7),.instrument-block .instrument .string-label .fret:nth-child(7){width:calc(5.325933016756629% * var(--fretCountOffset))}.instrument-block .instrument .string .fret-number:nth-child(8),.instrument-block .instrument .string .fret:nth-child(8),.instrument-block .instrument .string-label .fret-number:nth-child(8),.instrument-block .instrument .string-label .fret:nth-child(8){width:calc(5.027008786147855% * var(--fretCountOffset))}.instrument-block .instrument .string .fret-number:nth-child(9),.instrument-block .instrument .string .fret:nth-child(9),.instrument-block .instrument .string-label .fret-number:nth-child(9),.instrument-block .instrument .string-label .fret:nth-child(9){width:calc(4.744862028211735% * var(--fretCountOffset))}.instrument-block .instrument .string .fret-number:nth-child(10),.instrument-block .instrument .string .fret:nth-child(10),.instrument-block .instrument .string-label .fret-number:nth-child(10),.instrument-block .instrument .string-label .fret:nth-child(10){width:calc(4.478551087637465% * var(--fretCountOffset))}.instrument-block .instrument .string .fret-number:nth-child(11),.instrument-block .instrument .string .fret:nth-child(11),.instrument-block .instrument .string-label .fret-number:nth-child(11),.instrument-block .instrument .string-label .fret:nth-child(11){width:calc(4.227187160621836% * var(--fretCountOffset))}.instrument-block .instrument .string .fret-number:nth-child(12),.instrument-block .instrument .string .fret:nth-child(12),.instrument-block .instrument .string-label .fret-number:nth-child(12),.instrument-block .instrument .string-label .fret:nth-child(12){width:calc(3.98993132851644% * var(--fretCountOffset))}.instrument-block .instrument .string .fret-number:nth-child(13),.instrument-block .instrument .string .fret:nth-child(13),.instrument-block .instrument .string-label .fret-number:nth-child(13),.instrument-block .instrument .string-label .fret:nth-child(13){width:calc(3.7659917579649163% * var(--fretCountOffset))}.instrument-block .instrument .string .fret-number:nth-child(14),.instrument-block .instrument .string .fret:nth-child(14),.instrument-block .instrument .string-label .fret-number:nth-child(14),.instrument-block .instrument .string-label .fret:nth-child(14){width:calc(3.554621058185781% * var(--fretCountOffset))}.instrument-block .instrument .string .fret-number:nth-child(15),.instrument-block .instrument .string .fret:nth-child(15),.instrument-block .instrument .string-label .fret-number:nth-child(15),.instrument-block .instrument .string-label .fret:nth-child(15){width:calc(3.3551137865808043% * var(--fretCountOffset))}.instrument-block .instrument .string .fret-number:nth-child(16),.instrument-block .instrument .string .fret:nth-child(16),.instrument-block .instrument .string-label .fret-number:nth-child(16),.instrument-block .instrument .string-label .fret:nth-child(16){width:calc(3.1668040943441356% * var(--fretCountOffset))}.instrument-block .instrument .string .fret-number:nth-child(17),.instrument-block .instrument .string .fret:nth-child(17),.instrument-block .instrument .string-label .fret-number:nth-child(17),.instrument-block .instrument .string-label .fret:nth-child(17){width:calc(2.9890635042142546% * var(--fretCountOffset))}.instrument-block .instrument .string .fret-number:nth-child(18),.instrument-block .instrument .string .fret:nth-child(18),.instrument-block .instrument .string-label .fret-number:nth-child(18),.instrument-block .instrument .string-label .fret:nth-child(18){width:calc(2.8212988129522905% * var(--fretCountOffset))}.instrument-block .instrument .string .fret-number:nth-child(19),.instrument-block .instrument .string .fret:nth-child(19),.instrument-block .instrument .string-label .fret-number:nth-child(19),.instrument-block .instrument .string-label .fret:nth-child(19){width:calc(2.6629501115462118% * var(--fretCountOffset))}.instrument-block .instrument .string .fret-number:nth-child(20),.instrument-block .instrument .string .fret:nth-child(20),.instrument-block .instrument .string-label .fret-number:nth-child(20),.instrument-block .instrument .string-label .fret:nth-child(20){width:calc(2.5134889165332277% * var(--fretCountOffset))}.instrument-block .instrument .string .fret-number:nth-child(21),.instrument-block .instrument .string .fret:nth-child(21),.instrument-block .instrument .string-label .fret-number:nth-child(21),.instrument-block .instrument .string-label .fret:nth-child(21){width:calc(2.3724164062041533% * var(--fretCountOffset))}.instrument-block .instrument .string .fret-number:nth-child(22),.instrument-block .instrument .string .fret:nth-child(22),.instrument-block .instrument .string-label .fret-number:nth-child(22),.instrument-block .instrument .string-label .fret:nth-child(22){width:calc(2.2392617558026164% * var(--fretCountOffset))}.instrument-block .instrument .string .fret-number:nth-child(23),.instrument-block .instrument .string .fret:nth-child(23),.instrument-block .instrument .string-label .fret-number:nth-child(23),.instrument-block .instrument .string-label .fret:nth-child(23){width:calc(2.1135805661633555% * var(--fretCountOffset))}.instrument-block .instrument .string .fret-number:nth-child(24),.instrument-block .instrument .string .fret:nth-child(24),.instrument-block .instrument .string-label .fret-number:nth-child(24),.instrument-block .instrument .string-label .fret:nth-child(24){width:calc(1.9949533805449349% * var(--fretCountOffset))}.instrument-block .instrument .string .fret-number:nth-child(25),.instrument-block .instrument .string .fret:nth-child(25),.instrument-block .instrument .string-label .fret-number:nth-child(25),.instrument-block .instrument .string-label .fret:nth-child(25){width:calc(1.8829842847069742% * var(--fretCountOffset))}.instrument-block .instrument .string .fret-number,.instrument-block .instrument .string-label .fret-number{font-size:10px;border:none;background-color:transparent;color:#fff;text-align:center;height:30px;margin:0;margin-top:calc(-1 * 6px);max-width:130px}.instrument-block .instrument .string-label.string-2 .fret-15::after,.instrument-block .instrument .string-label.string-2 .fret-17::after,.instrument-block .instrument .string-label.string-2 .fret-19::after,.instrument-block .instrument .string-label.string-2 .fret-1::after,.instrument-block .instrument .string-label.string-2 .fret-21::after,.instrument-block .instrument .string-label.string-2 .fret-3::after,.instrument-block .instrument .string-label.string-2 .fret-5::after,.instrument-block .instrument .string-label.string-2 .fret-7::after,.instrument-block .instrument .string-label.string-2 .fret-9::after,.instrument-block .instrument .string.string-2 .fret-15::after,.instrument-block .instrument .string.string-2 .fret-17::after,.instrument-block .instrument .string.string-2 .fret-19::after,.instrument-block .instrument .string.string-2 .fret-1::after,.instrument-block .instrument .string.string-2 .fret-21::after,.instrument-block .instrument .string.string-2 .fret-3::after,.instrument-block .instrument .string.string-2 .fret-5::after,.instrument-block .instrument .string.string-2 .fret-7::after,.instrument-block .instrument .string.string-2 .fret-9::after{content:"";background-image:url("/assets/images/fs-logo-background.png");background-size:10px 10px;position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(-50%);width:10px;height:10px;overflow:visible;z-index:1}.instrument-block .instrument .string-label.string-1 .fret-12::after,.instrument-block .instrument .string-label.string-1 .fret-24::after,.instrument-block .instrument .string-label.string-5 .fret-12::after,.instrument-block .instrument .string-label.string-5 .fret-24::after,.instrument-block .instrument .string-label.string-7 .fret-12::after,.instrument-block .instrument .string-label.string-7 .fret-24::after,.instrument-block .instrument .string.string-1 .fret-12::after,.instrument-block .instrument .string.string-1 .fret-24::after,.instrument-block .instrument .string.string-5 .fret-12::after,.instrument-block .instrument .string.string-5 .fret-24::after,.instrument-block .instrument .string.string-7 .fret-12::after,.instrument-block .instrument .string.string-7 .fret-24::after{content:"";background-image:url("/assets/images/fs-logo-background.png");background-size:10px 10px;position:absolute;top:0;left:50%;transform:translateX(-50%) translateY(-50%);width:10px;height:10px;overflow:visible}.instrument-block .instrument .string .fret-1-string-0::before,.instrument-block .instrument .string-label .fret-1-string-0::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-2-string-0::before,.instrument-block .instrument .string-label .fret-2-string-0::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-3-string-0::before,.instrument-block .instrument .string-label .fret-3-string-0::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-4-string-0::before,.instrument-block .instrument .string-label .fret-4-string-0::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-5-string-0::before,.instrument-block .instrument .string-label .fret-5-string-0::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-6-string-0::before,.instrument-block .instrument .string-label .fret-6-string-0::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-7-string-0::before,.instrument-block .instrument .string-label .fret-7-string-0::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-8-string-0::before,.instrument-block .instrument .string-label .fret-8-string-0::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-9-string-0::before,.instrument-block .instrument .string-label .fret-9-string-0::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-10-string-0::before,.instrument-block .instrument .string-label .fret-10-string-0::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-11-string-0::before,.instrument-block .instrument .string-label .fret-11-string-0::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-12-string-0::before,.instrument-block .instrument .string-label .fret-12-string-0::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-13-string-0::before,.instrument-block .instrument .string-label .fret-13-string-0::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-14-string-0::before,.instrument-block .instrument .string-label .fret-14-string-0::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-15-string-0::before,.instrument-block .instrument .string-label .fret-15-string-0::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-16-string-0::before,.instrument-block .instrument .string-label .fret-16-string-0::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-17-string-0::before,.instrument-block .instrument .string-label .fret-17-string-0::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-18-string-0::before,.instrument-block .instrument .string-label .fret-18-string-0::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-19-string-0::before,.instrument-block .instrument .string-label .fret-19-string-0::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-20-string-0::before,.instrument-block .instrument .string-label .fret-20-string-0::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-21-string-0::before,.instrument-block .instrument .string-label .fret-21-string-0::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-22-string-0::before,.instrument-block .instrument .string-label .fret-22-string-0::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-23-string-0::before,.instrument-block .instrument .string-label .fret-23-string-0::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-24-string-0::before,.instrument-block .instrument .string-label .fret-24-string-0::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-1-string-1::before,.instrument-block .instrument .string-label .fret-1-string-1::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-2-string-1::before,.instrument-block .instrument .string-label .fret-2-string-1::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-3-string-1::before,.instrument-block .instrument .string-label .fret-3-string-1::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-4-string-1::before,.instrument-block .instrument .string-label .fret-4-string-1::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-5-string-1::before,.instrument-block .instrument .string-label .fret-5-string-1::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-6-string-1::before,.instrument-block .instrument .string-label .fret-6-string-1::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-7-string-1::before,.instrument-block .instrument .string-label .fret-7-string-1::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-8-string-1::before,.instrument-block .instrument .string-label .fret-8-string-1::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-9-string-1::before,.instrument-block .instrument .string-label .fret-9-string-1::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-10-string-1::before,.instrument-block .instrument .string-label .fret-10-string-1::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-11-string-1::before,.instrument-block .instrument .string-label .fret-11-string-1::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-12-string-1::before,.instrument-block .instrument .string-label .fret-12-string-1::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-13-string-1::before,.instrument-block .instrument .string-label .fret-13-string-1::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-14-string-1::before,.instrument-block .instrument .string-label .fret-14-string-1::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-15-string-1::before,.instrument-block .instrument .string-label .fret-15-string-1::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-16-string-1::before,.instrument-block .instrument .string-label .fret-16-string-1::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-17-string-1::before,.instrument-block .instrument .string-label .fret-17-string-1::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-18-string-1::before,.instrument-block .instrument .string-label .fret-18-string-1::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-19-string-1::before,.instrument-block .instrument .string-label .fret-19-string-1::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-20-string-1::before,.instrument-block .instrument .string-label .fret-20-string-1::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-21-string-1::before,.instrument-block .instrument .string-label .fret-21-string-1::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-22-string-1::before,.instrument-block .instrument .string-label .fret-22-string-1::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-23-string-1::before,.instrument-block .instrument .string-label .fret-23-string-1::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-24-string-1::before,.instrument-block .instrument .string-label .fret-24-string-1::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-1-string-2::before,.instrument-block .instrument .string-label .fret-1-string-2::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-2-string-2::before,.instrument-block .instrument .string-label .fret-2-string-2::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-3-string-2::before,.instrument-block .instrument .string-label .fret-3-string-2::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-4-string-2::before,.instrument-block .instrument .string-label .fret-4-string-2::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-5-string-2::before,.instrument-block .instrument .string-label .fret-5-string-2::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-6-string-2::before,.instrument-block .instrument .string-label .fret-6-string-2::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-7-string-2::before,.instrument-block .instrument .string-label .fret-7-string-2::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-8-string-2::before,.instrument-block .instrument .string-label .fret-8-string-2::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-9-string-2::before,.instrument-block .instrument .string-label .fret-9-string-2::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-10-string-2::before,.instrument-block .instrument .string-label .fret-10-string-2::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-11-string-2::before,.instrument-block .instrument .string-label .fret-11-string-2::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-12-string-2::before,.instrument-block .instrument .string-label .fret-12-string-2::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-13-string-2::before,.instrument-block .instrument .string-label .fret-13-string-2::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-14-string-2::before,.instrument-block .instrument .string-label .fret-14-string-2::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-15-string-2::before,.instrument-block .instrument .string-label .fret-15-string-2::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-16-string-2::before,.instrument-block .instrument .string-label .fret-16-string-2::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-17-string-2::before,.instrument-block .instrument .string-label .fret-17-string-2::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-18-string-2::before,.instrument-block .instrument .string-label .fret-18-string-2::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-19-string-2::before,.instrument-block .instrument .string-label .fret-19-string-2::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-20-string-2::before,.instrument-block .instrument .string-label .fret-20-string-2::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-21-string-2::before,.instrument-block .instrument .string-label .fret-21-string-2::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-22-string-2::before,.instrument-block .instrument .string-label .fret-22-string-2::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-23-string-2::before,.instrument-block .instrument .string-label .fret-23-string-2::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-24-string-2::before,.instrument-block .instrument .string-label .fret-24-string-2::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-1-string-3::before,.instrument-block .instrument .string-label .fret-1-string-3::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-2-string-3::before,.instrument-block .instrument .string-label .fret-2-string-3::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-3-string-3::before,.instrument-block .instrument .string-label .fret-3-string-3::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-4-string-3::before,.instrument-block .instrument .string-label .fret-4-string-3::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-5-string-3::before,.instrument-block .instrument .string-label .fret-5-string-3::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-6-string-3::before,.instrument-block .instrument .string-label .fret-6-string-3::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-7-string-3::before,.instrument-block .instrument .string-label .fret-7-string-3::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-8-string-3::before,.instrument-block .instrument .string-label .fret-8-string-3::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-9-string-3::before,.instrument-block .instrument .string-label .fret-9-string-3::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-10-string-3::before,.instrument-block .instrument .string-label .fret-10-string-3::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-11-string-3::before,.instrument-block .instrument .string-label .fret-11-string-3::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-12-string-3::before,.instrument-block .instrument .string-label .fret-12-string-3::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-13-string-3::before,.instrument-block .instrument .string-label .fret-13-string-3::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-14-string-3::before,.instrument-block .instrument .string-label .fret-14-string-3::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-15-string-3::before,.instrument-block .instrument .string-label .fret-15-string-3::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-16-string-3::before,.instrument-block .instrument .string-label .fret-16-string-3::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-17-string-3::before,.instrument-block .instrument .string-label .fret-17-string-3::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-18-string-3::before,.instrument-block .instrument .string-label .fret-18-string-3::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-19-string-3::before,.instrument-block .instrument .string-label .fret-19-string-3::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-20-string-3::before,.instrument-block .instrument .string-label .fret-20-string-3::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-21-string-3::before,.instrument-block .instrument .string-label .fret-21-string-3::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-22-string-3::before,.instrument-block .instrument .string-label .fret-22-string-3::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-23-string-3::before,.instrument-block .instrument .string-label .fret-23-string-3::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-24-string-3::before,.instrument-block .instrument .string-label .fret-24-string-3::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-1-string-4::before,.instrument-block .instrument .string-label .fret-1-string-4::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-2-string-4::before,.instrument-block .instrument .string-label .fret-2-string-4::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-3-string-4::before,.instrument-block .instrument .string-label .fret-3-string-4::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-4-string-4::before,.instrument-block .instrument .string-label .fret-4-string-4::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-5-string-4::before,.instrument-block .instrument .string-label .fret-5-string-4::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-6-string-4::before,.instrument-block .instrument .string-label .fret-6-string-4::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-7-string-4::before,.instrument-block .instrument .string-label .fret-7-string-4::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-8-string-4::before,.instrument-block .instrument .string-label .fret-8-string-4::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-9-string-4::before,.instrument-block .instrument .string-label .fret-9-string-4::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-10-string-4::before,.instrument-block .instrument .string-label .fret-10-string-4::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-11-string-4::before,.instrument-block .instrument .string-label .fret-11-string-4::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-12-string-4::before,.instrument-block .instrument .string-label .fret-12-string-4::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-13-string-4::before,.instrument-block .instrument .string-label .fret-13-string-4::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-14-string-4::before,.instrument-block .instrument .string-label .fret-14-string-4::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-15-string-4::before,.instrument-block .instrument .string-label .fret-15-string-4::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-16-string-4::before,.instrument-block .instrument .string-label .fret-16-string-4::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-17-string-4::before,.instrument-block .instrument .string-label .fret-17-string-4::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-18-string-4::before,.instrument-block .instrument .string-label .fret-18-string-4::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-19-string-4::before,.instrument-block .instrument .string-label .fret-19-string-4::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-20-string-4::before,.instrument-block .instrument .string-label .fret-20-string-4::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-21-string-4::before,.instrument-block .instrument .string-label .fret-21-string-4::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-22-string-4::before,.instrument-block .instrument .string-label .fret-22-string-4::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-23-string-4::before,.instrument-block .instrument .string-label .fret-23-string-4::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-24-string-4::before,.instrument-block .instrument .string-label .fret-24-string-4::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-1-string-5::before,.instrument-block .instrument .string-label .fret-1-string-5::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-2-string-5::before,.instrument-block .instrument .string-label .fret-2-string-5::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-3-string-5::before,.instrument-block .instrument .string-label .fret-3-string-5::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-4-string-5::before,.instrument-block .instrument .string-label .fret-4-string-5::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-5-string-5::before,.instrument-block .instrument .string-label .fret-5-string-5::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-6-string-5::before,.instrument-block .instrument .string-label .fret-6-string-5::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-7-string-5::before,.instrument-block .instrument .string-label .fret-7-string-5::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-8-string-5::before,.instrument-block .instrument .string-label .fret-8-string-5::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-9-string-5::before,.instrument-block .instrument .string-label .fret-9-string-5::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-10-string-5::before,.instrument-block .instrument .string-label .fret-10-string-5::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-11-string-5::before,.instrument-block .instrument .string-label .fret-11-string-5::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-12-string-5::before,.instrument-block .instrument .string-label .fret-12-string-5::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-13-string-5::before,.instrument-block .instrument .string-label .fret-13-string-5::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-14-string-5::before,.instrument-block .instrument .string-label .fret-14-string-5::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-15-string-5::before,.instrument-block .instrument .string-label .fret-15-string-5::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-16-string-5::before,.instrument-block .instrument .string-label .fret-16-string-5::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-17-string-5::before,.instrument-block .instrument .string-label .fret-17-string-5::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-18-string-5::before,.instrument-block .instrument .string-label .fret-18-string-5::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-19-string-5::before,.instrument-block .instrument .string-label .fret-19-string-5::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-20-string-5::before,.instrument-block .instrument .string-label .fret-20-string-5::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-21-string-5::before,.instrument-block .instrument .string-label .fret-21-string-5::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-22-string-5::before,.instrument-block .instrument .string-label .fret-22-string-5::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-23-string-5::before,.instrument-block .instrument .string-label .fret-23-string-5::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-24-string-5::before,.instrument-block .instrument .string-label .fret-24-string-5::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-1-string-6::before,.instrument-block .instrument .string-label .fret-1-string-6::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-2-string-6::before,.instrument-block .instrument .string-label .fret-2-string-6::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-3-string-6::before,.instrument-block .instrument .string-label .fret-3-string-6::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-4-string-6::before,.instrument-block .instrument .string-label .fret-4-string-6::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-5-string-6::before,.instrument-block .instrument .string-label .fret-5-string-6::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-6-string-6::before,.instrument-block .instrument .string-label .fret-6-string-6::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-7-string-6::before,.instrument-block .instrument .string-label .fret-7-string-6::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-8-string-6::before,.instrument-block .instrument .string-label .fret-8-string-6::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-9-string-6::before,.instrument-block .instrument .string-label .fret-9-string-6::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-10-string-6::before,.instrument-block .instrument .string-label .fret-10-string-6::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-11-string-6::before,.instrument-block .instrument .string-label .fret-11-string-6::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-12-string-6::before,.instrument-block .instrument .string-label .fret-12-string-6::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-13-string-6::before,.instrument-block .instrument .string-label .fret-13-string-6::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-14-string-6::before,.instrument-block .instrument .string-label .fret-14-string-6::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-15-string-6::before,.instrument-block .instrument .string-label .fret-15-string-6::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-16-string-6::before,.instrument-block .instrument .string-label .fret-16-string-6::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-17-string-6::before,.instrument-block .instrument .string-label .fret-17-string-6::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-18-string-6::before,.instrument-block .instrument .string-label .fret-18-string-6::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-19-string-6::before,.instrument-block .instrument .string-label .fret-19-string-6::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-20-string-6::before,.instrument-block .instrument .string-label .fret-20-string-6::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-21-string-6::before,.instrument-block .instrument .string-label .fret-21-string-6::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-22-string-6::before,.instrument-block .instrument .string-label .fret-22-string-6::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-23-string-6::before,.instrument-block .instrument .string-label .fret-23-string-6::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-24-string-6::before,.instrument-block .instrument .string-label .fret-24-string-6::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-1-string-7::before,.instrument-block .instrument .string-label .fret-1-string-7::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-2-string-7::before,.instrument-block .instrument .string-label .fret-2-string-7::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-3-string-7::before,.instrument-block .instrument .string-label .fret-3-string-7::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-4-string-7::before,.instrument-block .instrument .string-label .fret-4-string-7::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-5-string-7::before,.instrument-block .instrument .string-label .fret-5-string-7::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-6-string-7::before,.instrument-block .instrument .string-label .fret-6-string-7::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-7-string-7::before,.instrument-block .instrument .string-label .fret-7-string-7::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-8-string-7::before,.instrument-block .instrument .string-label .fret-8-string-7::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-9-string-7::before,.instrument-block .instrument .string-label .fret-9-string-7::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-10-string-7::before,.instrument-block .instrument .string-label .fret-10-string-7::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-11-string-7::before,.instrument-block .instrument .string-label .fret-11-string-7::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-12-string-7::before,.instrument-block .instrument .string-label .fret-12-string-7::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-13-string-7::before,.instrument-block .instrument .string-label .fret-13-string-7::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-14-string-7::before,.instrument-block .instrument .string-label .fret-14-string-7::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-15-string-7::before,.instrument-block .instrument .string-label .fret-15-string-7::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-16-string-7::before,.instrument-block .instrument .string-label .fret-16-string-7::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-17-string-7::before,.instrument-block .instrument .string-label .fret-17-string-7::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-18-string-7::before,.instrument-block .instrument .string-label .fret-18-string-7::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-19-string-7::before,.instrument-block .instrument .string-label .fret-19-string-7::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-20-string-7::before,.instrument-block .instrument .string-label .fret-20-string-7::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-21-string-7::before,.instrument-block .instrument .string-label .fret-21-string-7::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-22-string-7::before,.instrument-block .instrument .string-label .fret-22-string-7::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-23-string-7::before,.instrument-block .instrument .string-label .fret-23-string-7::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string .fret-24-string-7::before,.instrument-block .instrument .string-label .fret-24-string-7::before{content:"";position:absolute;left:0;height:1px;width:100%;background-color:#706f6e;opacity:.6}.instrument-block .instrument .string-label{min-height:10px;max-height:20px}.instrument-block .instrument-options-holder .instrument-options{width:100%;flex-wrap:wrap}.instrument-block .view-note-options{position:absolute;top:calc(100% - 20px);right:5px;margin-top:10px;width:auto;height:auto}.instrument-block .view-note-options button{font-size:14px;font-size:12px!important;height:30px;margin:auto auto auto 5px}@media (min-width:768px){.instrument-block{grid-area:4/1/span 1/span 12!important}.instrument-block .instrument-options-holder .instrument-options{width:85%}}@media (min-width:992px){.instrument-block{grid-area:3/1/span 1/span 12!important}.instrument-block .instrument{padding-top:20px}.instrument-block .instrument .string,.instrument-block .instrument .string-label{width:100%}}@media (min-width:1200px){.instrument-block{grid-area:3/1/span 1/span 9!important}.instrument-block .instrument .string,.instrument-block .instrument .string-label{width:100%}}.jump-to-block{border-bottom:.25px solid #153243;position:fixed;min-height:20px;top:0;left:0;width:100%;z-index:20}.jump-to-block p{margin:auto}.jump-to-block p a{color:#0e98d1}@media (min-width:768px){.jump-to-block .jump-to-title a p{margin:auto 20px auto 20px}}.key-finder-block-holder{grid-area:7/1/span 1/span 12;position:relative;height:auto;border:2px solid #153243}.key-finder-block-holder .key-finder-block{position:relative;padding:0;border:none}.key-finder-block-holder .key-finder-block .tip{margin:10px auto 10px auto;text-align:center;min-width:100%;color:#0e98d1;font-size:14px}.key-finder-block-holder .key-finder-block p,.key-finder-block-holder .key-finder-block span{color:#fff;text-align:center}.key-finder-block-holder .key-finder-block .key-finder-option{width:49%;margin:5px auto 5px auto;height:60px}.key-finder-block-holder .key-finder-block .key-finder-option.Major{border-left:6px solid #c20114}.key-finder-block-holder .key-finder-block .key-finder-option.minor{border-left:6px solid #b1740f}.key-finder-block-holder .key-finder-block .key-finder-option.diminished{border-left:6px solid #69d1c5}.key-finder-block-holder .key-finder-block .key-finder-option p{width:60%;border-bottom:3px solid green;margin:auto;font-size:10px}.key-finder-block-holder .key-finder-block .key-finder-option>span>small{font-size:10px;width:calc(100%/8)}.key-finder-block-holder .key-finder-block button{width:calc(100%/6.2);margin-bottom:2.5px}@media (min-width:768px){.key-finder-block-holder{overflow:hidden;grid-area:6/1/span 1/span 7!important}}@media (min-width:992px){.key-finder-block-holder{grid-area:5/1/span 1/span 7!important;overflow:hidden}}@media (min-width:1200px){.key-finder-block-holder{overflow:hidden;grid-area:4/10/span 1/span 3!important}}.key-notes-block{grid-area:2/1/span 1/span 12;position:relative;font-size:10px;border-radius:1px;border:2px solid #153243;padding:6px;width:calc(100% - 12px)}.key-notes-block .tip{margin:10px auto 10px auto;text-align:center;min-width:100%;color:#0e98d1;font-size:14px}.key-notes-block .intervals-holder,.key-notes-block .notes-holder{overflow:scroll;margin:0 auto 0 auto}.key-notes-block .intervals-holder button,.key-notes-block .intervals-holder p,.key-notes-block .notes-holder button,.key-notes-block .notes-holder p{margin:auto;min-width:60px;max-width:calc(100% / 14);height:100%;text-align:center;margin-top:6px;margin-bottom:0}.key-notes-block .intervals-holder button.notes,.key-notes-block .intervals-holder p.notes,.key-notes-block .notes-holder button.notes,.key-notes-block .notes-holder p.notes{height:27px}.key-notes-block .intervals-holder button.notes.root-note,.key-notes-block .intervals-holder p.notes.root-note,.key-notes-block .notes-holder button.notes.root-note,.key-notes-block .notes-holder p.notes.root-note{background-color:#0d4411;color:#fff;border:.5px solid #f3b61f}.key-notes-block .intervals-holder button.notes.Major,.key-notes-block .intervals-holder p.notes.Major,.key-notes-block .notes-holder button.notes.Major,.key-notes-block .notes-holder p.notes.Major{border-left:6px solid #c20114}.key-notes-block .intervals-holder button.notes.minor,.key-notes-block .intervals-holder p.notes.minor,.key-notes-block .notes-holder button.notes.minor,.key-notes-block .notes-holder p.notes.minor{border-left:6px solid #b1740f}.key-notes-block .intervals-holder button.notes.diminished,.key-notes-block .intervals-holder p.notes.diminished,.key-notes-block .notes-holder button.notes.diminished,.key-notes-block .notes-holder p.notes.diminished{border-left:6px solid #69d1c5}.key-notes-block .intervals-holder button.intervals,.key-notes-block .intervals-holder p.intervals,.key-notes-block .notes-holder button.intervals,.key-notes-block .notes-holder p.intervals{margin-top:6px;margin-bottom:calc(6px * 2);font-size:8px;min-width:60px;max-width:calc(100% / 14)}.key-notes-block .intervals-holder button.fade-note,.key-notes-block .intervals-holder p.fade-note,.key-notes-block .notes-holder button.fade-note,.key-notes-block .notes-holder p.fade-note{border:2px solid #170b25;background-color:#170b25;color:#fff}.key-notes-block .intervals-holder button.fade-note.notes:hover,.key-notes-block .intervals-holder p.fade-note.notes:hover,.key-notes-block .notes-holder button.fade-note.notes:hover,.key-notes-block .notes-holder p.fade-note.notes:hover{background-color:#0e98d1;border:2px solid #0e98d1}.key-notes-block .intervals-holder button.fade-note.hidden-note,.key-notes-block .intervals-holder p.fade-note.hidden-note,.key-notes-block .notes-holder button.fade-note.hidden-note,.key-notes-block .notes-holder p.fade-note.hidden-note{display:none}.key-notes-block .intervals-holder button.active-note,.key-notes-block .intervals-holder p.active-note,.key-notes-block .notes-holder button.active-note,.key-notes-block .notes-holder p.active-note{background-color:#153243;color:#fff;border:.5px solid #fff;font-weight:lighter}.key-notes-block .active-notes .active-note,.key-notes-block .active-notes div{margin:auto;margin-top:2.5px}.key-notes-block .active-notes div{border-top:2px solid #25133b}.key-notes-block .button-holder{position:absolute;top:calc(100% - 20px);right:5px;margin-top:10px;width:auto;height:auto}.key-notes-block .button-holder button{font-size:14px;font-size:12px!important;height:30px;margin:auto auto auto 5px}@media (min-width:768px){.key-notes-block{grid-area:2/1/span 1/span 12}}@media (min-width:992px){.key-notes-block{grid-area:2/1/span 1/span 6!important;margin-top:0}.key-notes-block .intervals-holder,.key-notes-block .notes-holder{overflow:hidden}}.guide-info-block{grid-area:3/1/span 1/span 12;position:relative}.guide-info-block i{color:#0e98d1}.guide-info-block .guide-details{position:relative;padding:18px;margin:auto;margin-bottom:18px}.guide-info-block .guide-details h3{border-bottom:1px solid #f3b61f}.guide-info-block .guide-details .guide-description{width:100%;padding:3px;margin-bottom:40px}.guide-info-block .guide-details .guide-description .guide-line{width:100%;font-size:14px}.guide-info-block .guide-details .guide-description .guide-key-notes{width:100%;margin:auto;font-size:10px}.guide-info-block .guide-details .guide-description .guide-option-block div{margin:auto!important}.guide-info-block .guide-details .guide-description .guide-mode-chart{width:100%;margin:auto auto auto 0;font-size:12px;position:relative}.guide-info-block .guide-details .guide-description .guide-mode-chart .mode-notes-holder{max-width:100%;margin:10px 10px 10px 0}.guide-info-block .guide-details .guide-description .guide-mode-chart .mode-chart{height:25px;margin-bottom:5px;width:100%}.guide-info-block .guide-details .guide-description .guide-mode-chart .mode-chart .mode-title{border-bottom:.25px solid #170b25;height:90%;margin:0 5px 0 0;min-width:125px;font-size:12px}.guide-info-block .guide-details .guide-description .guide-mode-chart .mode-chart .mode-note{margin:auto;height:100%;width:24px;text-align:center;padding-top:5px;font-size:12px}.guide-info-block .guide-details .guide-description .guide-note-block{margin:auto auto auto 6px;width:100%;overflow:visible}.guide-info-block .guide-details .guide-description .guide-note-block .guide-notes{width:calc(100% / 13);margin:15px auto 0;border-top:none;text-align:center}.guide-info-block .guide-details .guide-description .guide-note-block .guide-notes.Semi-tone-note{margin:auto;width:calc(100% / 13);min-height:10px;border:2px solid #706f6e;border-top:none;position:relative}.guide-info-block .guide-details .guide-description .guide-note-block .guide-notes.Semi-tone-note>small{position:absolute;bottom:-35px;left:0;font-size:10px}.guide-info-block .guide-details .guide-description .guide-note-block .guide-notes.Semi-tone-note:first-child{margin-left:calc(100% / 24)}.guide-info-block .guide-details .guide-description .guide-note-block .guide-notes.Semi-tone-note:nth-child(11){margin-right:calc(100% / 24)}.guide-info-block .guide-details .guide-description .guide-note-block .guide-notes.Tone-note{margin:auto;min-width:calc(200% / 12);min-height:10px;border:2px solid #706f6e;border-top:none;position:relative}.guide-info-block .guide-details .guide-description .guide-note-block .guide-notes.Tone-note>small{position:absolute;bottom:-35px;left:0;font-size:10px}.guide-info-block .guide-details .guide-description .guide-note-block .guide-notes.Tone-note:nth-child(2n){border-left:none;display:none}.guide-info-block .guide-details .guide-description .guide-note-block .guide-notes.Tone-note:first-child{margin-left:calc(100% / 24)}.guide-info-block .guide-details .guide-description .guide-note-block .guide-notes.Tone-note:nth-child(11){margin-right:calc(100% / 24)}@media (min-width:768px){.guide-menu-block{grid-area:2/1/span 1/span 2!important}.guide-menu-block .guide-button-holder>button{width:calc(100% - 12px)!important}.guide-info-block{grid-area:2/3/span 1/span 10!important}.guide-info-block .guide-details{flex-wrap:wrap}.guide-info-block .guide-details .guide-mode-chart{width:auto!important;max-width:385px!important;margin:auto auto auto 3px!important}.guide-info-block .guide-details .guide-note-block{margin:auto auto auto 6px;max-width:95%}}@media (min-width:992px){.guide-info-block{grid-area:1/3/span 1/span 8!important}}@media (min-width:1200px){.guide-menu-block .guide-button-holder>button{width:calc(50% - 12px)!important}}.logo-block{padding-bottom:0;margin:auto;border-radius:1px}.logo-block .tip{margin:10px auto 10px auto;text-align:center;min-width:100%;color:#0e98d1;font-size:14px}.logo-block.modal-logo{width:150px;height:150px}.logo-block.modal-logo a{height:100%;width:100%;margin:auto}.logo-block.modal-logo a .logo{height:90px;width:130px}.logo-block.info-block-logo{width:65px;height:45px;margin-right:5px}.logo-block.info-block-logo:hover{cursor:pointer}.logo-block.info-block-logo a{height:100%;width:100%;margin:auto}.logo-block.info-block-logo a .logo{height:45px;width:65px}.logo-block i{width:120px;font-size:12px}@media (min-width:992px){.main-view{grid-gap:24px 24px!important}}@media (min-width:1200px){.main-view{padding:10px 10px 20px 10px!important}}.main-view{margin-top:60px;padding:15px 5px 25px 5px;display:grid;grid-auto-rows:auto;grid-template-columns:repeat(12,1fr);grid-gap:36px 24px;overflow-x:hidden;height:auto;background-color:#170b25}.main-view *{box-sizing:border-box}.main-view.noscroll{overflow-y:hidden}.dummy{cursor:default;pointer-events:none;height:28px}.buffer{min-height:60px}.divide{width:100%;height:1px;background:#f3b61f;margin:20px auto}.menu-block-holder{position:fixed;top:60px;right:0;min-width:280px;height:100%;z-index:20;visibility:hidden;border-left:1px solid #b1740f;padding-bottom:6px!important;padding-top:20px}.menu-block-holder .tip{margin:10px auto 10px auto;text-align:center;min-width:100%;color:#0e98d1;font-size:14px}.menu-block-holder.menu-open{visibility:visible;background-color:#1a0236}.menu-block-holder .menu-block{padding:auto auto 6px auto;width:auto;height:100%}.menu-block-holder .menu-block a{text-decoration:none;color:#fff;padding:6px;width:auto}.menu-block-holder .menu-block a>.menu-logo{height:90px;max-width:130px;margin-left:70px}.menu-block-holder .menu-block a>.menu-link{border-radius:1px;font-size:12px;text-align:center;background-color:#170b25;border:2px solid #b1740f;border-width:.25px;height:auto;padding:3px}.menu-block-holder .menu-block a>.menu-link>p{margin-bottom:0}.menu-block-holder .menu-block a>.menu-link:hover{cursor:pointer;background-color:#0d4411}.menu-toggle{position:fixed;top:60px;right:calc(1 * 6px);min-width:32px;height:32px;z-index:20;background-color:#170b25;padding:6px}.menu-toggle .burger{min-width:100%;height:3px;background-color:#fff;cursor:pointer;margin:auto;margin-bottom:2px;transition:all .4s}.menu-toggle .burger-1{transform-origin:top right}.menu-toggle .burger-1.burger-open{transform:rotate(-45deg)}.menu-toggle .burger-2.burger-open{background-color:transparent}.menu-toggle .burger-3{transform-origin:bottom right}.menu-toggle .burger-3.burger-open{transform:rotate(45deg)}@media (min-width:768px){.menu-toggle{position:fixed;top:20px}}.mobile-block{position:fixed;top:0;left:0;width:100%;min-height:100vh;text-align:center;height:auto;padding:2px;background-color:#170b25;color:#fff;border-radius:1px;padding:6px;z-index:50}.mobile-block *{box-sizing:border-box}.mobile-block.hidden{visibility:hidden}.mobile-block .mobile-logo{height:135px;width:195px;margin:auto auto 10px 50%;transform:translateX(-50%)}.mobile-block .mobile-logo:hover{cursor:pointer}.mobile-block i{margin:10px auto auto auto}.mobile-block .ellipsis-1{animation-name:ellipsis-1;animation-duration:1.5s;animation-iteration-count:infinite}.mobile-block .ellipsis-2{animation-name:ellipsis-2;animation-duration:1.5s;animation-iteration-count:infinite}.mobile-block .ellipsis-3{animation-name:ellipsis-3;animation-duration:1.5s;animation-iteration-count:infinite}@keyframes ellipsis-1{0%{color:#170b25}20%{color:#f3b61f}100%{color:#f3b61f}}@keyframes ellipsis-2{0%{color:#170b25}50%{color:#f3b61f}100%{color:#f3b61f}}@keyframes ellipsis-3{0%{color:#170b25}100%{color:#f3b61f}}.tour-block{position:fixed;top:50px;left:0;height:calc(100% - 45px);width:100%;z-index:12;overflow-x:hidden;border:.5px solid #153243;padding:6px 6px 60px}.tour-block div{text-align:justify}.tour-block div h3{margin-top:50px;width:auto;border-bottom:1px solid #f3b61f}.tour-block div p button.root-note{background-color:#0d4411;color:#fff;border:.5px solid #f3b61f}.tour-block div i{color:#0e98d1}.tour-block div img{max-width:80%;margin:auto}.tour-block .tour-guide{width:85%;height:auto;margin:20px auto auto}.tour-block .tour-guide>h3{min-width:100%}.tour-block .tour-guide>.btn{width:auto}.tour-block .tour-detail{width:85%;margin:auto}.tour-block .tour-detail>img{width:auto;height:auto;max-height:600px}.tour-btn-holder{position:fixed;top:50px;left:0;height:100px;width:100%}.tour-btn-holder .tour-btns{margin:50px auto;padding:5px}.tour-btn-holder .tour-btns>.btn{margin:5px;height:40px;width:120px}.tour-btn-holder .btn-next{position:absolute;bottom:5px;right:5px}.tour-btn-holder .btn-back{position:absolute;bottom:5px;left:5px}.tour-btn-holder .btn-close{position:absolute;top:7.5px;right:15px}.tour-btn-holder .btn-start{position:absolute;top:7.5px;left:15px}@media (min-width:992px){.tour-block{position:fixed;top:80px;left:12.5%;height:calc(85% - 35px);width:75%}.tour-block .tour-guide{height:auto;margin:auto;margin-top:20px}.tour-block .tour-guide>h3{min-width:100%}.tour-block .tour-guide>.btn{width:200px}.tour-block .tour-guide>.btn:nth-child(2){margin-left:65px}.tour-btn-holder{position:fixed;top:85px;left:12.5%;height:100px;width:75%}}.mode-chart-holder{grid-area:6/1/span 1/span 12;position:relative;border:2px solid #153243}.mode-chart-holder .mode-notes-holder{max-width:100%;margin:10px 10px 10px 0}.mode-chart-holder .mode-chart{height:25px;margin-bottom:5px;width:100%}.mode-chart-holder .mode-chart .mode-title{border-bottom:.25px solid #170b25;height:90%;margin:0 5px 0 0;min-width:125px;font-size:12px}.mode-chart-holder .mode-chart .mode-note{margin:auto;height:100%;width:24px;text-align:center;padding-top:5px;font-size:12px}.mode-chart-holder .tip{margin:10px auto 10px auto;text-align:center;min-width:100%;color:#0e98d1;font-size:14px}@media (min-width:768px){.mode-chart-holder{grid-area:6/8/span 1/span 5!important}}@media (min-width:992px){.mode-chart-holder{grid-area:5/8/span 1/span 5!important}.mode-chart-holder .mode-notes-holder{display:none}}@media (min-width:1200px){.mode-chart-holder{grid-area:3/10/span 1/span 3!important}}.mode-option-holder{grid-area:3/1/span 1/span 12;position:relative;border:2px solid #153243}.mode-option-holder .tip{margin:10px auto 10px auto;text-align:center;min-width:100%;color:#0e98d1;font-size:14px}.mode-option-holder .button-holder{position:absolute;top:6px;padding-bottom:3px;width:auto}.mode-option-holder .button-holder .select-holder{position:relative}.mode-option-holder .button-holder .select-holder,.mode-option-holder .button-holder .select-holder-buttons{height:27px;min-width:68px;margin:auto 0 5px 2px}.mode-option-holder .button-holder .select-holder *,.mode-option-holder .button-holder .select-holder-buttons *{box-sizing:border-box}.mode-option-holder .button-holder .select-holder-buttons>.btn,.mode-option-holder .button-holder .select-holder>.btn{min-width:68px}.mode-option-holder .button-holder .select-holder-buttons{top:37px}.mode-option-holder .button-holder .select-holder>select{width:auto;height:100%;background-color:#153243;border:none;color:#fff;padding-left:6px;padding-right:18px}.mode-option-holder .button-holder .select-holder::after{position:absolute;content:">";color:#fff;top:40%;right:12px;-webkit-transform:rotate(90deg) translateY(-60%);-moz-transform:rotate(90deg) translateY(-60%);-ms-transform:rotate(90deg) translateY(-60%);transform:rotate(90deg) translateY(-60%);font-size:10px;pointer-events:none}.mode-option-holder .button-holder .select-holder-large{display:none}.mode-option-holder .button-holder .btn{margin:auto auto auto 5px;border:none}.mode-option-holder .button-holder .btn.active-note{background-color:#153243;color:#fff;border:.5px solid #fff;font-weight:lighter}.mode-option-holder .button-holder .btn.root-note{background-color:#0d4411;color:#fff;border:.5px solid #f3b61f}.mode-option-holder .button-holder .btn.key-note{color:#fff;background-color:transparent;font-weight:lighter}.mode-option-holder .button-holder .btn.key-note.instrument-btn{background-color:#793725}.mode-option-holder .button-holder .btn.key-note.key-note-btn{background-color:#153243}.mode-option-holder .button-holder .btn.Major{border-left:6px solid #c20114}.mode-option-holder .button-holder .btn.minor{border-left:6px solid #b1740f}.mode-option-holder .button-holder .btn.diminished{border-left:6px solid #69d1c5}.mode-option-holder .button-holder.button-holder-left{left:6px;width:70%}.mode-option-holder .button-holder.button-holder-left.button-holder-with-help{left:36px}.mode-option-holder .button-holder.button-holder-right{right:6px}.mode-option-holder .button-holder.button-holder-right.button-holder-with-help{right:36px}.mode-option-holder .button-holder.button-holder-center{left:0;right:0;margin-inline:auto;width:fit-content}.mode-option-holder .button-holder.button-holder-bottom{top:calc(100% - 20px)}.mode-option-holder .button-holder.button-holder-bottom.button-holder-with-help{left:36px}.mode-option-holder .button-holder.button-holder-short{width:160px;margin-top:10px}.mode-option-holder .button-holder.button-holder-full{position:relative;width:95%;margin:auto;left:6px}.mode-option-holder .mode-options{flex-wrap:wrap}.mode-option-holder .mode-options .mode-btn{width:auto;margin:3px}.mode-option-holder .mode-options .mode-btn.Major{border-left:6px solid #c20114}.mode-option-holder .mode-options .mode-btn.minor{border-left:6px solid #b1740f}.mode-option-holder .mode-options .mode-btn.diminished{border-left:6px solid #69d1c5}.mode-option-holder .section-title{background-color:transparent!important}.mode-option-holder .button-holder{position:absolute;top:calc(100% - 20px);right:5px;margin-top:10px;width:auto;height:auto}.mode-option-holder .button-holder button{font-size:14px;margin:auto auto auto 5px}@media (min-width:576px) and (orientation:landscape){.mode-option-holder{position:relative}}@media (min-width:768px){.mode-option-holder{grid-area:3/1/span 1/span 12!important}}@media (min-width:992px){.mode-option-holder{grid-area:2/7/span 1/span 6!important}}@media (min-width:1400px){.mode-option-holder .mode-options{flex-wrap:nowrap}}.note-info-block{grid-area:1/1/span 1/span 12;border:2px solid #153243;margin-top:15px}.note-info-block .button-holder{position:absolute;top:6px;padding-bottom:3px;width:auto}.note-info-block .button-holder .select-holder{position:relative}.note-info-block .button-holder .select-holder,.note-info-block .button-holder .select-holder-buttons{height:27px;min-width:68px;margin:auto 0 5px 2px}.note-info-block .button-holder .select-holder *,.note-info-block .button-holder .select-holder-buttons *{box-sizing:border-box}.note-info-block .button-holder .select-holder-buttons>.btn,.note-info-block .button-holder .select-holder>.btn{min-width:68px}.note-info-block .button-holder .select-holder-buttons{top:37px}.note-info-block .button-holder .select-holder>select{width:auto;height:100%;background-color:#153243;border:none;color:#fff;padding-left:6px;padding-right:18px}.note-info-block .button-holder .select-holder::after{position:absolute;content:">";color:#fff;top:40%;right:12px;-webkit-transform:rotate(90deg) translateY(-60%);-moz-transform:rotate(90deg) translateY(-60%);-ms-transform:rotate(90deg) translateY(-60%);transform:rotate(90deg) translateY(-60%);font-size:10px;pointer-events:none}.note-info-block .button-holder .select-holder-large{display:none}.note-info-block .button-holder .btn{margin:auto auto auto 5px;border:none}.note-info-block .button-holder .btn.active-note{background-color:#153243;color:#fff;border:.5px solid #fff;font-weight:lighter}.note-info-block .button-holder .btn.root-note{background-color:#0d4411;color:#fff;border:.5px solid #f3b61f}.note-info-block .button-holder .btn.key-note{color:#fff;background-color:transparent;font-weight:lighter}.note-info-block .button-holder .btn.key-note.instrument-btn{background-color:#793725}.note-info-block .button-holder .btn.key-note.key-note-btn{background-color:#153243}.note-info-block .button-holder .btn.Major{border-left:6px solid #c20114}.note-info-block .button-holder .btn.minor{border-left:6px solid #b1740f}.note-info-block .button-holder .btn.diminished{border-left:6px solid #69d1c5}.note-info-block .button-holder.button-holder-left{left:6px;width:70%}.note-info-block .button-holder.button-holder-left.button-holder-with-help{left:36px}.note-info-block .button-holder.button-holder-right{right:6px}.note-info-block .button-holder.button-holder-right.button-holder-with-help{right:36px}.note-info-block .button-holder.button-holder-center{left:0;right:0;margin-inline:auto;width:fit-content}.note-info-block .button-holder.button-holder-bottom{top:calc(100% - 20px)}.note-info-block .button-holder.button-holder-bottom.button-holder-with-help{left:36px}.note-info-block .button-holder.button-holder-short{width:160px;margin-top:10px}.note-info-block .button-holder.button-holder-full{position:relative;width:95%;margin:auto;left:6px}.note-info-block .note-info{width:100%;height:100%;margin:auto;flex-wrap:wrap;position:relative;background-color:#130a1f;border-radius:1px}.note-info-block .note-info .info-mode-holder{font-size:12px}.note-info-block .note-info .info-mode-holder .mode-btn{height:32px;width:auto;margin:5px 0 5px 10px}.note-info-block .note-info .info-mode-holder .mode-btn.Major{border-left:6px solid #c20114}.note-info-block .note-info .info-mode-holder .mode-btn.minor{border-left:6px solid #b1740f}.note-info-block .note-info .info-mode-holder .mode-btn.diminished{border-left:6px solid #69d1c5}.note-info-block .note-info .info-mode-holder p{margin-left:10px}.note-info-block .note-info .info-note-holder{margin:auto}.note-info-block .note-info .info-note-holder .info-note{font-size:12px;height:22px;min-width:55px;text-align:center;margin:auto 10px auto 10px;padding:3px}.note-info-block .note-info .info-note-holder .info-note.active-note{background-color:#153243;color:#fff;border:.5px solid #fff;font-weight:lighter}.note-info-block .note-info .info-note-holder .info-note.root-note{background-color:#0d4411;color:#fff;border:.5px solid #f3b61f}.note-info-block .note-info .info-note-holder .info-details{height:100%;font-size:12px;text-align:left}.note-info-block .note-info .info-note-holder .info-details .info-piece,.note-info-block .note-info .info-note-holder .info-details span{margin:auto}@media (min-width:768px){.note-info-block{margin-top:20px}}@media (min-width:992px){.note-info-block{max-height:60px!important}}.pricing-block{grid-area:4/1/span 1/span 12}.pricing-block .prices{margin:auto;display:flex;flex-direction:column}.pricing-block .prices div{border:2px solid #153243;padding:18px;margin:auto;margin-bottom:10px;min-width:25%}.pricing-block .prices div h3{border:none}.pricing-block .prices div span{color:#b1740f;text-decoration:underline}.pricing-block .prices .offer{min-width:35%;border:4px dashed #f3b61f}@media (min-width:992px){.pricing-block{grid-area:4/3/span 1/span 8}.pricing-block .prices{flex-direction:row!important;margin-bottom:auto}}.freetrial-block{grid-area:3/1/span 1/span 12}.freetrial-block .prices{margin:auto;display:flex;flex-direction:column}.freetrial-block .prices div{border:2px solid #153243;padding:18px;margin:auto;margin-bottom:10px;min-width:25%}.freetrial-block .prices div h3{border:none}.freetrial-block .prices div span{color:#b1740f;text-decoration:underline}.freetrial-block .prices .offer{min-width:35%;border:4px dashed #f3b61f}@media (min-width:992px){.freetrial-block{grid-area:3/3/span 1/span 8}.freetrial-block .prices{flex-direction:row!important;margin-bottom:auto}}.privacy-block{grid-area:1/1/span 1/span 12}@media (min-width:992px){.privacy-block{grid-area:1/3/span 1/span 8}}.root-note-block-holder{position:relative;height:auto}.root-note-block-holder .root-note-block{position:relative;padding:0;margin-bottom:6px}.root-note-block-holder .root-note-block .tip{margin:10px auto 10px auto;text-align:center;min-width:100%;color:#0e98d1;font-size:14px}.root-note-block-holder .root-note-block p,.root-note-block-holder .root-note-block span{color:#fff;text-align:center}.root-note-block-holder .root-note-block button{width:calc(100%/6.2);margin-bottom:2.5px}.root-note-block-holder .root-note-block button.root-note{background-color:#0d4411;color:#fff;border:.5px solid #f3b61f}.root-note-block-holder .root-note-block button.fade-note{border:2px solid #170b25;background-color:#170b25;color:#fff}.root-note-block-holder .root-note-block button.fade-note.notes:hover{background-color:#0e98d1;border:2px solid #0e98d1}.root-note-block-holder .root-note-block button.fade-note.hidden-note{display:none}.root-note-block-holder .root-note-block button.active-note{background-color:#153243;color:#fff;border:.5px solid #fff;font-weight:lighter}.sign-up-prompt-block{grid-area:4/1/span 1/span 12}.sign-up-prompt-block a{width:100%;margin:auto;width:45%;height:45px;padding-top:15px;text-align:center;vertical-align:middle;text-decoration:none}@media (min-width:992px){.sign-up-prompt-block{grid-area:4/3/span 1/span 8!important}}.text-block .button-holder{position:absolute;top:6px;padding-bottom:3px;width:auto}.text-block .button-holder .select-holder{position:relative}.text-block .button-holder .select-holder,.text-block .button-holder .select-holder-buttons{height:27px;min-width:68px;margin:auto 0 5px 2px}.text-block .button-holder .select-holder *,.text-block .button-holder .select-holder-buttons *{box-sizing:border-box}.text-block .button-holder .select-holder-buttons>.btn,.text-block .button-holder .select-holder>.btn{min-width:68px}.text-block .button-holder .select-holder-buttons{top:37px}.text-block .button-holder .select-holder>select{width:auto;height:100%;background-color:#153243;border:none;color:#fff;padding-left:6px;padding-right:18px}.text-block .button-holder .select-holder::after{position:absolute;content:">";color:#fff;top:40%;right:12px;-webkit-transform:rotate(90deg) translateY(-60%);-moz-transform:rotate(90deg) translateY(-60%);-ms-transform:rotate(90deg) translateY(-60%);transform:rotate(90deg) translateY(-60%);font-size:10px;pointer-events:none}.text-block .button-holder .select-holder-large{display:none}.text-block .button-holder .btn{margin:auto auto auto 5px;border:none}.text-block .button-holder .btn.active-note{background-color:#153243;color:#fff;border:.5px solid #fff;font-weight:lighter}.text-block .button-holder .btn.root-note{background-color:#0d4411;color:#fff;border:.5px solid #f3b61f}.text-block .button-holder .btn.key-note{color:#fff;background-color:transparent;font-weight:lighter}.text-block .button-holder .btn.key-note.instrument-btn{background-color:#793725}.text-block .button-holder .btn.key-note.key-note-btn{background-color:#153243}.text-block .button-holder .btn.Major{border-left:6px solid #c20114}.text-block .button-holder .btn.minor{border-left:6px solid #b1740f}.text-block .button-holder .btn.diminished{border-left:6px solid #69d1c5}.text-block .button-holder.button-holder-left{left:6px;width:70%}.text-block .button-holder.button-holder-left.button-holder-with-help{left:36px}.text-block .button-holder.button-holder-right{right:6px}.text-block .button-holder.button-holder-right.button-holder-with-help{right:36px}.text-block .button-holder.button-holder-center{left:0;right:0;margin-inline:auto;width:fit-content}.text-block .button-holder.button-holder-bottom{top:calc(100% - 20px)}.text-block .button-holder.button-holder-bottom.button-holder-with-help{left:36px}.text-block .button-holder.button-holder-short{width:160px;margin-top:10px}.text-block .button-holder.button-holder-full{position:relative;width:95%;margin:auto;left:6px}.text-block p a{color:#0e98d1}.text-block div{text-align:justify}.text-block div h3{margin-top:50px;width:auto;border-bottom:1px solid #f3b61f}.text-block div p button.root-note{background-color:#0d4411;color:#fff;border:.5px solid #f3b61f}.text-block div i{color:#0e98d1}.text-block div img{max-width:80%;margin:auto}.tour-fretshark{position:fixed;right:-40px;top:55%;transform:rotate(-90deg);height:40px;z-index:20}.welcome-block{grid-area:1/5/span 1/span 8}.welcome-block .button-holder{position:absolute;top:6px;padding-bottom:3px;width:auto}.welcome-block .button-holder .select-holder{position:relative}.welcome-block .button-holder .select-holder,.welcome-block .button-holder .select-holder-buttons{height:27px;min-width:68px;margin:auto 0 5px 2px}.welcome-block .button-holder .select-holder *,.welcome-block .button-holder .select-holder-buttons *{box-sizing:border-box}.welcome-block .button-holder .select-holder-buttons>.btn,.welcome-block .button-holder .select-holder>.btn{min-width:68px}.welcome-block .button-holder .select-holder-buttons{top:37px}.welcome-block .button-holder .select-holder>select{width:auto;height:100%;background-color:#153243;border:none;color:#fff;padding-left:6px;padding-right:18px}.welcome-block .button-holder .select-holder::after{position:absolute;content:">";color:#fff;top:40%;right:12px;-webkit-transform:rotate(90deg) translateY(-60%);-moz-transform:rotate(90deg) translateY(-60%);-ms-transform:rotate(90deg) translateY(-60%);transform:rotate(90deg) translateY(-60%);font-size:10px;pointer-events:none}.welcome-block .button-holder .select-holder-large{display:none}.welcome-block .button-holder .btn{margin:auto auto auto 5px;border:none}.welcome-block .button-holder .btn.active-note{background-color:#153243;color:#fff;border:.5px solid #fff;font-weight:lighter}.welcome-block .button-holder .btn.root-note{background-color:#0d4411;color:#fff;border:.5px solid #f3b61f}.welcome-block .button-holder .btn.key-note{color:#fff;background-color:transparent;font-weight:lighter}.welcome-block .button-holder .btn.key-note.instrument-btn{background-color:#793725}.welcome-block .button-holder .btn.key-note.key-note-btn{background-color:#153243}.welcome-block .button-holder .btn.Major{border-left:6px solid #c20114}.welcome-block .button-holder .btn.minor{border-left:6px solid #b1740f}.welcome-block .button-holder .btn.diminished{border-left:6px solid #69d1c5}.welcome-block .button-holder.button-holder-left{left:6px;width:70%}.welcome-block .button-holder.button-holder-left.button-holder-with-help{left:36px}.welcome-block .button-holder.button-holder-right{right:6px}.welcome-block .button-holder.button-holder-right.button-holder-with-help{right:36px}.welcome-block .button-holder.button-holder-center{left:0;right:0;margin-inline:auto;width:fit-content}.welcome-block .button-holder.button-holder-bottom{top:calc(100% - 20px)}.welcome-block .button-holder.button-holder-bottom.button-holder-with-help{left:36px}.welcome-block .button-holder.button-holder-short{width:160px;margin-top:10px}.welcome-block .button-holder.button-holder-full{position:relative;width:95%;margin:auto;left:6px}.welcome-block .welcome-msg{width:100%;min-height:120px;margin:auto;position:relative;padding:3px}.welcome-block .welcome-msg h1{margin-top:0;text-align:left;font-size:18px}.welcome-block .welcome-msg p{text-align:justify;font-size:12px;margin:auto auto 20px 2.5px}.welcome-block .welcome-msg .welcome-tip{position:absolute;bottom:0;left:5px;color:#0e98d1}@media (min-width:768px){.welcome-block{grid-area:1/3/span 2/span 10}}@media (min-width:992px){.welcome-block{grid-area:1/3/span 2/span 4}}@media (min-width:1200px){.welcome-block{grid-area:1/2/span 1/span 4}}