@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%);z-index:0}.guitar-neck #string-6 .v{height:5px}.guitar-neck .string.muted .v{background:#e5ac00!important;opacity:50%}.guitar-neck .string.open .v{background:#378ac9!important;opacity:50%}.guitar-neck .string.fretted .v{background:linear-gradient(359.97deg,#504f54 .03%,#b1b1b1 16.02%,#13181c99 40.01%,#c6c6c8 79.98%,#fff 99.97%)!important;height:3px}.guitar-neck .string:before{content:"";position:absolute;left:8px;width:24px;height:24px;background:transparent;border-radius:0;display:flex;align-items:center;justify-content:center;z-index:10;font-weight:700;font-size:18px}.guitar-neck .string.muted:before{content:""!important;background:#fbbf22 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M4 4 L16 16 M16 4 L4 16' stroke='%23000' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center!important;background-size:14px 14px!important;border-radius:50%!important;z-index:1!important}.guitar-neck .string.open:before{content:""!important;background:#378ac9 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Ccircle cx='9' cy='9' r='7' fill='none' stroke='%23fff' stroke-width='2.5'/%3E%3C/svg%3E") no-repeat center!important;background-size:14px 14px!important;border-radius:50%!important;z-index:1!important}.guitar-neck .string .note{position:relative;display:flex;align-items:center;justify-content:center;height:32px;flex:1;cursor:pointer;z-index:3}.guitar-neck .string .note:has(img){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:-1!important;position:relative}.guitar-neck #string-1 .note{z-index:2!important}.guitar-neck #string-1 .note .plectrum{z-index:10!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;margin-right:5px;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}.guitar-neck .string:nth-child(2) .note.pos12:before{top:5px}.guitar-neck .string:nth-child(4) .note.pos12:before{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%}.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{content:"▶";color:#000;font-size:24px;margin-left:3px}.play_button button.playing:after{content:"❚❚";font-size:20px;margin-left:0;letter-spacing:-3px}.play_button 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}