@charset "UTF-8";.root-note-selected,.chord-type-selected{color:#fff!important}.cf_loading{position:fixed;top:0;right:0;bottom:0;left:0;background:#2e2e2ef2;display:flex;align-items:center;justify-content:center;z-index:9999;font-size:18px;color:orange;font-weight:700;letter-spacing:2px}.guitar-neck{background:linear-gradient(10.56deg,#27272a 7.85%,#3f3f46 92.15%);overflow-x:hidden;position:relative;max-width:100%!important}.guitar-neck .string{display:flex;align-items:center;margin-bottom:0;position:relative}.guitar-neck .string:last-child{border-bottom:none}.guitar-neck .string .v{position:absolute;left:0;right:0;height:2px;background:linear-gradient(359.97deg,#504f54 .03%,#b1b1b1 16.02%,#13181c99 40.01%,#c6c6c8 79.98%,#fff 99.97%);top:50%;transform:translateY(-50%);box-sizing:border-box;will-change:transform;backface-visibility:hidden;-webkit-font-smoothing:antialiased;z-index:0}.guitar-neck #string-1 .v,.guitar-neck #string-2 .v,.guitar-neck #string-3 .v{height:2px}.guitar-neck #string-4 .v{height:3px}.guitar-neck #string-5 .v{height:4px}.guitar-neck #string-6 .v{height:5px}.guitar-neck .string .note{position:relative;display:flex;align-items:center;justify-content:center;height:32px;flex:1;cursor:pointer;z-index:2}.guitar-neck .string .note:has(img) .marker{z-index:10!important}.guitar-neck .string .note:has(img) .marker p{z-index:15!important}.guitar-neck #string-1 .note,.guitar-neck #string-6 .note{height:44px}.guitar-neck .string .note:first-child{border-left:none}.guitar-neck .string .note:last-child{border-right:2px solid #666}.guitar-neck .string .note .plectrum{display:none;background:url(/toolbox-assets/chord-finder/plectrum.png) 0 -1px no-repeat;position:absolute;width:42px;height:33px;color:#000;font-size:12px;text-align:center;line-height:12px;font-weight:700;z-index:10;pointer-events:none;left:3px;top:50%;transform:translateY(-50%)}.guitar-neck .string .note .plectrum span{display:block;margin:10px 0 0 -5px;padding:0}.guitar-neck .string .note:hover .plectrum{display:block}.guitar-neck .string .note img{z-index:0!important;position:relative}.guitar-neck #string-1 .note .plectrum{z-index:11!important}.guitar-neck .string .note .marker{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;position:relative;z-index:3;font-size:14px;font-weight:700;color:transparent}.guitar-neck .string .note .marker:hover{opacity:.7;transform:scale(1.1)}.guitar-neck .string .note .marker.active,.guitar-neck .string .note .marker.muted,.guitar-neck .string .note .marker.x{background:orange!important;color:#000!important;opacity:1!important;transform:scale(1.1)!important}.guitar-neck .string .note .marker.open,.guitar-neck .string .note .marker.o{background:#007bff!important;color:#fff!important;opacity:1!important;transform:scale(1.1)!important}.guitar-neck .string .note .marker p{width:30px;height:30px;font-size:14px;color:#fff;line-height:25px;text-align:center;margin:0 auto;font-weight:700;position:relative;z-index:7;border-radius:50%;display:flex;align-items:center;justify-content:center}.guitar-neck .string .note .marker p.fret_note{background:#fff!important;color:#000!important}.guitar-neck .string .note .marker p.root_fret_note{background:#cd2828!important;color:#fff!important}.guitar-neck .string:nth-child(3) .note.pos3:before,.guitar-neck .string:nth-child(3) .note.pos5:before,.guitar-neck .string:nth-child(3) .note.pos7:before,.guitar-neck .string:nth-child(3) .note.pos9:before,.guitar-neck .string:nth-child(3) .note.pos15:before{content:"";position:absolute;width:20px;height:20px;background:#fff;border-radius:50%;top:100%;left:50%;transform:translate(-50%,-50%);z-index:1;opacity:.3}.guitar-neck .string:nth-child(2) .note.pos12:before,.guitar-neck .string:nth-child(4) .note.pos12:before{content:"";position:absolute;width:20px;height:20px;background:#fff;border-radius:50%;left:50%;transform:translate(-50%);z-index:1;opacity:.3;bottom:-26px}.variationStep div:hover{background:#757575;color:#fff}.variationStep div.active{background:#fbbf2233;color:#fbbf22}.left-cut-dot:after{content:"";position:absolute;top:50%;left:-3px;transform:translateY(-50%);width:5px;height:4px;background:#202022}.right-cut-dot:before{content:"";position:absolute;top:50%;right:-3px;transform:translateY(-50%);width:5px;height:4px;background:#202022}.chord_box{display:none}.root-note-dropdown,.chord-type-dropdown{position:relative;min-width:200px}.root-note-dropdown-content,.chord-type-dropdown-content{position:absolute;bottom:calc(100% + 8px);left:0;right:0;background:#202022;border:1px solid #3f3f46;border-radius:12px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .2s ease;z-index:1000;max-width:356px;width:100%;min-width:320px}.chord-type-dropdown-content{max-height:400px;overflow-y:auto}.root-note-dropdown.open .root-note-dropdown-content,.chord-type-dropdown.open .chord-type-dropdown-content{opacity:1;visibility:visible;transform:translateY(0)}.root-note-btn{background:#202022;color:#a1a1aa;transition:all .2s ease;outline:none;border:1px solid #3f3f46;white-space:nowrap}.root-note-btn:hover{background:#3f3f46;color:#e4e4e7}.root-note-btn.active{background:#49b2b3;border-color:#49b2b3;color:#000}.root-note-btn.active:hover{background:#0f766e;border-color:#0f766e}.chord-type-btn{background:transparent;border:none;color:#a1a1aa;padding:10px 16px;cursor:pointer;transition:all .15s ease;outline:none}.chord-type-btn:hover{background:#3a3a3a;color:orange}.chord-type-btn.active{background:#3a3a3a;color:orange;font-weight:600;position:relative;padding-right:40px}.chord-type-btn.active:after{content:"✓";position:absolute;right:16px;top:50%;transform:translateY(-50%);color:orange;font-size:16px;font-weight:700}.chord-type-dropdown-content::-webkit-scrollbar{width:0}.play_button a:after,.play_button button:after,.play_box .play_button button:after,.play_box .stop_button button:after{content:"▶";color:#000;font-size:24px;margin-left:3px}.play_button button.playing:after,.play_box .play_button button.playing:after,.play_box .stop_button button.playing:after,.play_box button.playing:after{content:"❚❚";font-size:20px;margin-left:0;letter-spacing:-3px}.play_button button.playing,.play_box button.playing{opacity:.8}.volume_meter{flex:1;height:4px;min-width:150px;background:#52525b;border-radius:4px;position:relative;cursor:pointer;overflow:hidden;max-width:300px}.volume_meter_full{height:100%;background:#fff;border-radius:4px;position:absolute;left:0;top:0;width:100%;min-width:0;transition:width .2s ease;z-index:1}.volume_meter_blank{position:absolute;right:0;top:0;height:100%;background:transparent;z-index:0}.guitar-neck .note img,.guitar-neck img{z-index:-100!important;position:absolute!important;pointer-events:none!important}@media(prefers-contrast:high){.guitar-neck .string .note .marker.note,.guitar-neck .string .note .marker.root{border:3px solid #ffffff}.guitar-neck .string .note .marker.open{border:3px solid #007bff}}@media(prefers-reduced-motion:reduce){.guitar-neck .string .note .marker,.play_button a,.play_button button,.variationStep div{transition:none!important}}.guitar-neck .string .note.fret-hidden{display:none!important}.cf-fretboard-container>div:first-child>div.fret-hidden{display:none!important}.sf_wrapper .guitar-neck .string .note .marker p.scale_fret_note,.sf_wrapper .guitar-neck .string .note .marker p.fret_note{background:#fff!important;color:#000!important;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center}.sf_wrapper .guitar-neck .string .note .marker p.scale_root_fret_note,.sf_wrapper .guitar-neck .string .note .marker p.root_fret_note{background:#cd2828!important;color:#fff!important;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center}.scale-type-dropdown{position:relative;min-width:200px}.scale-type-dropdown-content{position:absolute;bottom:calc(100% + 8px);left:0;right:0;background:#202022;border:1px solid #3f3f46;border-radius:12px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .2s ease;z-index:1000;max-width:356px;width:100%;max-height:400px;overflow-y:auto}.scale-type-dropdown.open .scale-type-dropdown-content{opacity:1;visibility:visible;transform:translateY(0)}.scale-type-btn{background:transparent;border:none;color:#a1a1aa;padding:10px 16px;cursor:pointer;transition:all .15s ease;outline:none}.scale-type-btn:hover{background:#3a3a3a;color:orange}.scale-type-btn.active{background:#3a3a3a;color:orange;font-weight:600;position:relative;padding-right:40px}.scale-type-btn.active:after{content:"✓";position:absolute;right:16px;top:50%;transform:translateY(-50%);color:orange;font-size:16px;font-weight:700}.scale-type-dropdown-content::-webkit-scrollbar{width:0}.scale-type-selected{color:#fff!important}.sf_wrapper .show_current_type{display:flex;flex-direction:column}.sf_wrapper .show_current_type .string{display:flex;justify-content:space-around;height:23px;min-height:23px;position:relative;box-sizing:border-box}.sf_wrapper .show_current_type .string:after{content:"";position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:2px;min-height:2px;max-height:2px;width:100%;box-sizing:border-box;background:#a1a1aa;z-index:0;will-change:transform;backface-visibility:hidden;-webkit-font-smoothing:antialiased}.sf_wrapper .show_current_type .string .thumb_fret_1,.sf_wrapper .show_current_type .string .thumb_fret_2,.sf_wrapper .show_current_type .string .thumb_fret_3,.sf_wrapper .show_current_type .string .thumb_fret_4{border-left:2px solid #A1A1AA}.sf_wrapper .show_current_type .string .thumb_fret_5{border-left:2px solid #A1A1AA;border-right:2px solid #A1A1AA}.sf_wrapper .show_current_type .string>span{display:flex;justify-content:center;align-items:center;flex:1;z-index:1}.sf_wrapper .show_current_type .string .small_marker{width:16px;height:16px;flex-shrink:0;border-radius:50%;background:transparent;z-index:1}.sf_wrapper .show_current_type .string .small_marker.active,.sf_wrapper .show_current_type .string .small_marker.scale_small_fret_note,.small_marker.scale_small_fret_note{background:#a1a1aa!important;border:2px solid #A1A1AA}.sf_wrapper .show_current_type .string .small_marker.root,.sf_wrapper .show_current_type .string .small_marker.scale_root_small_fret_note,.small_marker.scale_root_small_fret_note{background:#27272a!important;border:2px solid #A1A1AA}.sf_wrapper .settings_panel{box-shadow:0 4px 20px #0000004d}.sf_wrapper .settings_panel label{display:flex;align-items:center;gap:12px;cursor:pointer;padding:8px 16px}.sf_wrapper .settings_panel label:hover{background:#3f3f46}.sf_wrapper .settings_panel input[type=checkbox]{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;width:18px!important;height:18px!important;min-width:18px;min-height:18px;border:2px solid #71717A!important;border-radius:4px!important;background:#27272a!important;cursor:pointer;position:relative;flex-shrink:0;margin:0!important;padding:0!important;transition:all .15s ease}.sf_wrapper .settings_panel input[type=checkbox]:hover{border-color:#71717a!important}.sf_wrapper .settings_panel input[type=checkbox]:checked{border-color:#fbbf24!important}.sf_wrapper .settings_panel input[type=checkbox]:checked:after{content:"";position:absolute;top:1.8px;left:5px;width:4.5px;height:9px;border:solid #FBBF24;border-width:0 2px 2px 0;transform:rotate(45deg)}.sf-fretboard-container .guitar-neck .string .note.fret-hidden{display:none!important}.sf-fretboard-container>div:first-child>div.fret-hidden{display:none!important}@media print{body *{visibility:hidden}.sf_wrapper,.sf_wrapper *,.sf-print-header,.sf-print-header *{visibility:visible}.sf_wrapper{position:absolute;left:0;top:0;width:100%;background:#fff!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;color-adjust:exact!important}.sf_wrapper .print_button,.sf_wrapper .settings_button,.sf_wrapper .settings_panel,.sf_wrapper .cf-container>.flex:first-child,.sf_wrapper .below_guitar>.flex:last-child,.sf_wrapper .show_current_chord_box,.sf_wrapper .variationStep,.sf_wrapper .cf-control-group-new,.sf_wrapper .play_box,.sf_wrapper .volume_box,.sf_wrapper .rootName,.sf_wrapper .quality,.sf_wrapper .scale_direction,.sf_wrapper select,.sf_wrapper .show_current_root,.sf_wrapper .show_current_type_name,.sf_wrapper .p-16,.sf_wrapper .lg\:p-32,.sf_wrapper h1,.sf_wrapper .below_guitar>.p-16,.sf_wrapper .bg-gray-3f4.mt-10{display:none!important}.sf-print-header{display:flex!important;flex-wrap:wrap;visibility:visible!important;text-align:center;padding:0;background:#fff!important}.sf-print-header img{max-width:150px;margin-bottom:10px}.sf-print-header .scale-info{color:#18181b!important;font-size:24px;margin-top:112px;margin-bottom:16px}.sf-fretboard-container{background:#fff!important;padding:0!important}.sf-fretboard-container .guitar-neck{background:#fff!important}.sf-fretboard-container>div:first-child{display:flex!important;visibility:visible!important;margin-bottom:8px!important}.sf-fretboard-container>div:first-child>div{visibility:visible!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.sf-fretboard-container>div:first-child>div>div{border-color:#d4d4d8!important;color:#a1a1aa!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.sf-fretboard-container .guitar-neck .string .v,.sf-fretboard-container .guitar-neck .string .note .fret-steel,.sf-fretboard-container .guitar-neck .string .note .fret-steel-first{background:#18181b!important}.guitar-neck .string .note .marker p{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.guitar-neck .string .note .marker p.scale_fret_note,.guitar-neck .string .note .marker p.fret_note{background:#fff!important;border:2px solid #18181B!important;color:#000!important}.guitar-neck .string .note .marker p.scale_root_fret_note,.guitar-neck .string .note .marker p.root_fret_note{background:#cd2828!important;color:#fff!important}.guitar-neck .string .note.fret-hidden{display:inline-block!important}.sf-fretboard-container>div:first-child>div.fret-hidden{display:flex!important}}