body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
:root{--tab-editor-right-padding:6rem;--primary:#0e73ff;--secondary:#aabee3;--primary-new:#062042;--secondary-new:#5a5b75;--light-pink:#868bc0;--screen-xs:390px;--screen-sm:576px;--screen-md:768px;--screen-lg:992px;--screen-xl:1200px;--color-bg:#f7f7f7;--color-bg-dark:#131820;--modal-content-bg:#f7f7f7;--settings-modal-content-bg:#eef1f7;--settings-modal-sidebar-bg:#e4e8f0;--settings-modal-divider:#cdd4df;--settings-surface-bg:#f8f9fc;--settings-surface-hover-bg:#f0f3f9;--settings-surface-border:#d6dde8;--settings-text-primary:#1c2230;--settings-text-secondary:#5e6676;--settings-switch-track:#d2d8e5;--settings-switch-border:#c5cddc;--toggle-active-bg:#5c7fb6;--settings-primary-bg:#5c7fb6;--settings-primary-bg-hover:#6b8fc8;--settings-primary-bg-focus:#7397d1;--settings-switch-active-bg:var(--toggle-active-bg);--settings-switch-thumb:#fff;--color-heading:#222;--color-white:#f7f7f7;--color-text-white:#f7f7f7;--color-heading-darkmode:var(--color-text-white);--color-light-gray-1:#d4d4d4;--color-light-gray-2:#a5a5a5;--color-gray-1:#efefef;--color-gray-2:#a9a9a9;--color-gray-3:#868686;--color-gray-4:#3f3f3f;--color-gray-5:#2a2b2d;--color-text-primary:#5d83ca;--color-text-secondary:#7387a4;--color-text-secondary-dark-mode:#8298b6;--color-blue-2:#0e7fff;--color-blue-3:#0090ff;--color-blue-4:#b7e2ff;--color-blue-5:#061321;--color-note-modifier-active:#cf2f5f;--font-family-primary:"Sen", sans-serif;--font-family-secondary:"Source Sans 3", sans-serif;--toastify-font-family:var(--font-family-primary);--mantine-font-family:var(--font-family-primary);--shadow-color:0deg 0% 80%;--shadow-medium:0px .5px .6px hsl(var(--shadow-color) / .19), 0px 2px 2.4px -1px hsl(var(--shadow-color) / .22), 0px 7.1px 8.5px -2px hsl(var(--shadow-color) / .25);--shadow-high:0px .5px .6px hsl(var(--shadow-color) / .21), 0px 2.8px 3.3px -.5px hsl(var(--shadow-color) / .23), 0px 5.9px 7px -1px hsl(var(--shadow-color) / .25), 0px 12.1px 14.4px -1.5px hsl(var(--shadow-color) / .27), 0px 23.6px 28.1px -2px hsl(var(--shadow-color) / .29);--shadow-color-dark:217deg 42% 3%;--shadow-low-dark:0px .5px .6px hsl(var(--shadow-color-dark) / .13), 0px .7px .9px -.8px hsl(var(--shadow-color-dark) / .19), 0px 1.5px 1.9px -1.5px hsl(var(--shadow-color-dark) / .24);--shadow-medium-dark:0px .5px .6px hsl(var(--shadow-color-dark) / .14), 0px 1.6px 2px -.5px hsl(var(--shadow-color-dark) / .18), 0px 3.5px 4.4px -1px hsl(var(--shadow-color-dark) / .23), 0px 7.7px 9.8px -1.5px hsl(var(--shadow-color-dark) / .27);--shadow-high-dark:0px .5px .6px hsl(var(--shadow-color-dark) / .15), 0px 2.7px 3.4px -.3px hsl(var(--shadow-color-dark) / .18), 0px 5px 6.3px -.5px hsl(var(--shadow-color-dark) / .2), 0px 8px 10.1px -.8px hsl(var(--shadow-color-dark) / .23), 0px 12.7px 16.1px -1px hsl(var(--shadow-color-dark) / .25), 0px 19.8px 25.1px -1.3px hsl(var(--shadow-color-dark) / .28), .1px 30.2px 38.3px -1.5px hsl(var(--shadow-color-dark) / .31);--transition-1:all .2s cubic-bezier(.215, .61, .355, 1);--mantine-color-body:#fff!important}@media print{:root{color-scheme:normal}}[data-mantine-color-scheme=dark]{--modal-content-bg:#181819;--settings-modal-content-bg:#141415;--settings-modal-sidebar-bg:var(--modal-content-bg);--settings-modal-divider:#2a2b2e;--settings-surface-bg:#1d1e21;--settings-surface-hover-bg:#232529;--settings-surface-border:#2c2d31;--settings-text-primary:#f2f3f5;--settings-text-secondary:#a6a8ad;--settings-switch-track:#2a2c30;--settings-switch-border:#3a3c41;--toggle-active-bg:#385687;--settings-primary-bg:#385687;--settings-primary-bg-hover:#46679a;--settings-primary-bg-focus:#4e71a8;--settings-switch-active-bg:var(--toggle-active-bg);--settings-switch-thumb:#fff;--mantine-color-body:var(--modal-content-bg)!important}html{scroll-behavior:smooth}html,body{height:100%;color:var(--color-text-primary);font-family:Sen,system-ui,-apple-system,sans-serif}@media print{html,body{height:initial!important;overflow:initial!important;background:#fff!important}}#root{height:100%}body{font-size:calc(1rem * var(--mantine-scale));touch-action:manipulation;background:var(--color-bg);scrollbar-color:#97add6 #f7f7f7}[data-mantine-color-scheme=dark] body{scrollbar-color:#2f4d85 #171f2b;background:var(--color-bg-dark)!important}button{font-size:calc(.875rem * var(--mantine-scale))}@media print{button{display:none!important}}.App{text-align:center}.App-logo{pointer-events:none;height:40vmin}@media (prefers-reduced-motion:no-preference){.App-logo{animation:20s linear infinite App-logo-spin}}.App-header{color:#fff;font-size:calc(10px + 2vmin);display:inline-block}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#tab-preview,#tab-preview [data-hide]{display:none}#tab-preview [data-no-bg]{background:0 0}#tab-preview span{color:#000!important}#tab-preview input{color:#255daa!important}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;color:var(--color-text-primary);font-weight:700;line-height:1.15}[data-mantine-color-scheme=dark] h1,[data-mantine-color-scheme=dark] h2,[data-mantine-color-scheme=dark] h3,[data-mantine-color-scheme=dark] h4,[data-mantine-color-scheme=dark] h5,[data-mantine-color-scheme=dark] h6{color:#bbe1ff}h1{color:var(--color-heading);margin-top:calc(1rem * var(--mantine-scale));margin-bottom:calc(1.5625rem * var(--mantine-scale));letter-spacing:-2px;font-size:2.875rem;font-weight:900}@media (min-width:48em){h1{font-size:3.5rem}}[data-mantine-color-scheme=dark] h1{color:var(--color-heading-darkmode)}h2{letter-spacing:-1.5px;margin-top:1.5rem;margin-bottom:1.5rem;font-size:2.25rem}@media (min-width:48em){h2{font-size:3rem}}h3{letter-spacing:-1px;margin-top:.5rem;margin-bottom:.75rem;font-size:2rem}h4{letter-spacing:-1px;margin-top:.5rem;margin-bottom:.5rem;font-size:1.25rem}h5{letter-spacing:-.5px;margin-top:.5rem;margin-bottom:.2rem;font-size:1rem}h6{margin-top:.5rem;margin-bottom:.25em;font-size:.75rem}p{letter-spacing:-.5px;margin-bottom:.25em;font-size:1rem;font-weight:400;line-height:1.6}a{color:var(--color-blue-3);text-decoration:none;transition:color .1s ease-in-out}a:hover,a:focus{color:var(--color-blue-2)}hr{border:0;border-top:2px solid #eaeff7;margin:1em}[data-mantine-color-scheme=dark] hr{border-top-color:#0b1119}dialog{cursor:initial;border:0;padding:0}.color-white{color:var(--color-text-white)}.color-primary{color:var(--primary)}.color-primary-new{color:var(--primary-new)}.color-secondary-new{color:var(--secondary-new)}.color-text-secondary{color:var(--color-text-secondary)}[data-mantine-color-scheme=dark] .color-text-secondary{color:var(--color-text-secondary-dark-mode)}.color-gray-1{color:var(--color-gray-1)}.color-gray-2{color:var(--color-gray-2)}.color-gray-3{color:var(--color-gray-3)}.text-500{font-weight:500}.text-600{font-weight:600}.text-700{font-weight:700}.text-h1{font-size:3.5rem}@media (min-width:48em){.text-h1{font-size:3.5rem}}.text-h2{font-size:2.875rem}.text-h3{font-size:2rem}.text-h4{font-size:1.5rem}.text-h5{font-size:1.125rem}.text-h6{font-size:1rem}.bold-paragraph{margin-bottom:1.5rem;font-weight:500}.img-responsive{width:100%;height:auto}@media print{.Toastify__toast-container{display:none!important}}.tab-editor__container .mantine-ScrollArea-root{overflow:visible}.tab-editor__container .mantine-ScrollArea-viewport{overflow:visible!important}[data-mantine-color-scheme=dark] .mantine-Combobox-option,[data-mantine-color-scheme=dark] .mantine-Select-option,[data-mantine-color-scheme=dark] .mantine-MultiSelect-option,[data-mantine-color-scheme=dark] .mantine-Combobox-option[data-combobox-selected],[data-mantine-color-scheme=dark] .mantine-Combobox-option[data-combobox-hovered],[data-mantine-color-scheme=dark] .mantine-Select-option[data-combobox-selected],[data-mantine-color-scheme=dark] .mantine-Select-option[data-combobox-hovered],[data-mantine-color-scheme=dark] .mantine-MultiSelect-option[data-combobox-selected],[data-mantine-color-scheme=dark] .mantine-MultiSelect-option[data-combobox-hovered]{color:#fff}.Toastify__close-button{top:20px!important;right:20px!important}.animated{opacity:0;filter:blur(5px);transition:all 1s cubic-bezier(.215,.61,.355,1)}.animated-left{transform:translate(-100%)}.animated-bottom{transform:translateY(100%)}.delay-300{transition-delay:.3s}.delay-600{transition-delay:.6s}.delay-900{transition-delay:.9s}.show{opacity:1;filter:blur();transform:translateY(0)}.container{background:var(--color-bg);flex-direction:column;height:100vh;max-height:-webkit-fill-available;display:flex}[data-mantine-color-scheme=dark] .container{background:var(--color-bg-dark)}@media print{.container{height:auto!important;max-height:initial!important;background:#fff!important}}button{padding:calc(.625rem * var(--mantine-scale));cursor:pointer;border:0}button.active{background:#93ffd7}:root{--neck-color:#aabee3;--neck-color-dark:#223251;--neck-width:1180px;--neck-height:225px;--neck-height-with-offset:245px}.guitar-neck{width:var(--neck-width);height:var(--neck-height);background:var(--neck-color);box-sizing:content-box;margin-top:40px;margin-left:3em;margin-right:auto;font-family:Source Code Pro,monospace;line-height:1;transition:opacity .4s cubic-bezier(.33,1,.68,1);position:relative;box-shadow:0 10px 14px #d9dee5}.guitar-neck *{margin:0;padding:0;list-style-type:none}[data-mantine-color-scheme=dark] .guitar-neck{background-color:var(--neck-color-dark);box-shadow:0 10px 14px #000}@media print{.guitar-neck{display:none}}.guitar-neck-scrollable-wrapper{overflow-x:auto;overflow-y:hidden}.guitar-neck-wrapper{width:var(--neck-width);height:var(--neck-height-with-offset);margin:0 auto;position:relative;top:6px}.guitar-neck .open-notes{box-sizing:content-box;font-family:Source Code Pro,monospace;line-height:normal;position:absolute;top:2px;left:-23px}.guitar-neck .open-notes select{-webkit-appearance:unset;color:#fff;background:0 0;border:0;font-family:Arial,monospace;font-size:13.333px;line-height:1;transition:all .2s}.guitar-neck .open-notes select:hover,.guitar-neck .open-notes select:focus{cursor:pointer;transform:scale(1.1)}.guitar-neck .open-notes select option{color:#000;background-color:#fff}[data-mantine-color-scheme=dark] .guitar-neck .open-notes select option{color:#fff;background-color:var(--neck-color-dark)}.guitar-neck .open-notes>*{margin-bottom:27.5px;display:block}.guitar-neck .open-notes>.active{color:#fa990f}.guitar-neck .fret{float:left;width:3px;height:var(--neck-height);box-sizing:content-box;background:#aabee3;border-right:2px solid #d3dbe8;margin-right:40px;position:relative}[data-mantine-color-scheme=dark] .guitar-neck .fret{background-color:var(--neck-color-dark);border-right-color:#4a6082}.guitar-neck .fret.disabled:after{content:"";filter:blur(3px);z-index:1;background:#859ac3cc;width:50px;height:105%;position:absolute;top:-5px;left:9px}[data-mantine-color-scheme=dark] .guitar-neck .fret.disabled:after{background:#213251e6}.guitar-neck .fret.disabled.first:after{width:48px;left:34px}.guitar-neck .fret.capo:after{content:"";z-index:0;background:linear-gradient(90deg,#4f6388 0%,#8399be 100%);border-radius:5px;width:29px;height:105%;position:absolute;top:-6px;left:13px;box-shadow:-3px 0 6px #7a90b7}[data-mantine-color-scheme=dark] .guitar-neck .fret.capo:after{background:linear-gradient(90deg,#4486ff 0%,#5ea8ff 100%);box-shadow:-3px 0 6px #132d5c}.guitar-neck .fret>span{top:calc(-1.875rem * var(--mantine-scale));font-size:calc(1rem * var(--mantine-scale));text-align:center;color:#aabee3;-webkit-user-select:none;user-select:none;width:40px;margin-left:4px;position:absolute}.guitar-neck .fret.first{width:30px;margin-right:calc(.5rem * var(--mantine-scale));background:#94a8ce;margin-left:0;position:relative;top:0;left:-31px}[data-mantine-color-scheme=dark] .guitar-neck .fret.first{background-color:#2e446e}.guitar-neck .fret.first>span{margin-left:30px}.guitar-neck .dots{box-sizing:content-box;width:642px;height:20px;top:44%;left:calc(9.0625rem * var(--mantine-scale));position:absolute}.guitar-neck .dots li{float:left;width:20px;height:20px;margin-right:calc(4.375rem * var(--mantine-scale));background:#94acd7;border-radius:50%}[data-mantine-color-scheme=dark] .guitar-neck .dots li{background-color:#7a91b9}.guitar-neck .dots li:nth-last-child(2),.guitar-neck .dots li:last-child{margin-left:calc(2.8125rem * var(--mantine-scale))}.guitar-neck .strings{width:var(--neck-width);height:var(--neck-height);box-sizing:content-box;padding-top:8px;position:absolute;top:0;left:0;overflow:hidden}.guitar-neck .strings li{box-sizing:border-box;width:100%;height:1px;margin-bottom:calc(var(--neck-height) / 6);background:#97add6;border-bottom:2px solid #97add6;display:block}[data-mantine-color-scheme=dark] .guitar-neck .strings li{background-color:#4b6086;border-bottom-color:#4b6086}.guitar-neck .strings li:nth-child(2){height:2px}.guitar-neck .strings li:nth-child(3){height:3px}.guitar-neck .strings li:nth-child(4){height:4px}.guitar-neck .strings li:nth-child(5){height:5px;margin-bottom:calc(var(--neck-height) / 6 - 2px)}.guitar-neck .strings li:nth-child(6){height:6px}.guitar-neck .strings li:nth-child(7),.guitar-neck .strings li:nth-child(8){height:7px}.guitar-neck .strings li:nth-child(9),.guitar-neck .strings li:nth-child(10),.guitar-neck .strings li:nth-child(11),.guitar-neck .strings li:nth-child(12){height:8px}.guitar-neck .notes{width:var(--neck-width);height:var(--neck-height);box-sizing:content-box;position:absolute;top:-4px;left:4px}.guitar-neck .notes:after{content:"";background:linear-gradient(90deg,#fff0,#98abcc);width:20px;height:100%;position:absolute;top:5px;right:0}[data-mantine-color-scheme=dark] .guitar-neck .notes:after{background:linear-gradient(90deg,#fff0,#1c1f24)}.guitar-neck .notes .mask{width:100%;height:30px;position:absolute;top:0;overflow:hidden}.guitar-neck .notes .mask ul{float:left;margin-left:calc(-1.0625rem * var(--mantine-scale));width:200%;position:relative}.guitar-neck .notes .mask ul button{float:left;width:calc(1.5625rem * var(--mantine-scale));height:calc(1.5625rem * var(--mantine-scale));margin-left:calc(1.25rem * var(--mantine-scale));color:#fff;text-align:center;line-height:26px;font-size:calc(.8125rem * var(--mantine-scale));cursor:pointer;background:#a0b4d9;border:0;border-radius:50%;margin-right:0;padding:0;font-family:Arial,monospace;font-weight:600;transition:all .1s}[data-mantine-color-scheme=dark] .guitar-neck .notes .mask ul button{color:#e3e3e3;background-color:#2f4d85}.guitar-neck .notes .mask ul button:hover,.guitar-neck .notes .mask ul button:focus{background:#093d5d;outline:none;box-shadow:0 2px 4px #051738c4}[data-mantine-color-scheme=dark] .guitar-neck .notes .mask ul button:hover,[data-mantine-color-scheme=dark] .guitar-neck .notes .mask ul button:focus{background-color:var(--primary)}.guitar-neck .notes .mask ul button::selection{background-color:#0000}.guitar-neck .notes .mask:nth-child(2){top:calc(var(--neck-height-with-offset) / 6)}.guitar-neck .notes .mask:nth-child(3){top:calc((var(--neck-height-with-offset) / 6) * 2)}.guitar-neck .notes .mask:nth-child(4){top:calc((var(--neck-height-with-offset) / 6) * 3)}.guitar-neck .notes .mask:nth-child(5){top:calc((var(--neck-height-with-offset) / 6) * 4)}.guitar-neck .notes .mask:nth-child(6){top:calc((var(--neck-height-with-offset) / 6) * 5)}.guitar-neck-guitar-7{--neck-height-with-offset:285px;--neck-height:267px;--strings:7}.guitar-neck-guitar-7 .notes .mask:nth-child(2){top:calc((var(--neck-height-with-offset) / var(--strings)))}.guitar-neck-guitar-7 .notes .mask:nth-child(3){top:calc((var(--neck-height-with-offset) / var(--strings)) * 2)}.guitar-neck-guitar-7 .notes .mask:nth-child(4){top:calc((var(--neck-height-with-offset) / var(--strings)) * 3)}.guitar-neck-guitar-7 .notes .mask:nth-child(5){top:calc((var(--neck-height-with-offset) / var(--strings)) * 4)}.guitar-neck-guitar-7 .notes .mask:nth-child(6){top:calc((var(--neck-height-with-offset) / var(--strings)) * 5)}.guitar-neck-guitar-7 .notes .mask:nth-child(7){top:calc((var(--neck-height-with-offset) / var(--strings)) * 6)}.guitar-neck-guitar-7 .strings li{margin-bottom:calc(var(--neck-height) / var(--strings))}.guitar-neck-guitar-7 .strings li:nth-child(4){margin-bottom:calc(var(--neck-height) / var(--strings) - 2px)}.guitar-neck-guitar-7 .strings li:nth-child(5){margin-bottom:calc(var(--neck-height) / var(--strings) - 3px)}.guitar-neck-guitar-7 .strings li:nth-child(6){margin-bottom:calc(var(--neck-height) / var(--strings) - 4px)}.guitar-neck-guitar-7 .strings li:nth-child(7){margin-bottom:calc(var(--neck-height) / var(--strings) - 5px)}.guitar-neck-guitar-8{--neck-height-with-offset:327px;--neck-height:308px;--strings:8}.guitar-neck-guitar-8 .notes .mask:nth-child(2){top:calc((var(--neck-height-with-offset) / var(--strings)))}.guitar-neck-guitar-8 .notes .mask:nth-child(3){top:calc((var(--neck-height-with-offset) / var(--strings)) * 2)}.guitar-neck-guitar-8 .notes .mask:nth-child(4){top:calc((var(--neck-height-with-offset) / var(--strings)) * 3)}.guitar-neck-guitar-8 .notes .mask:nth-child(5){top:calc((var(--neck-height-with-offset) / var(--strings)) * 4)}.guitar-neck-guitar-8 .notes .mask:nth-child(6){top:calc((var(--neck-height-with-offset) / var(--strings)) * 5)}.guitar-neck-guitar-8 .notes .mask:nth-child(7){top:calc((var(--neck-height-with-offset) / var(--strings)) * 6)}.guitar-neck-guitar-8 .notes .mask:nth-child(8){top:calc((var(--neck-height-with-offset) / var(--strings)) * 7)}.guitar-neck-guitar-8 .strings li{margin-bottom:calc(var(--neck-height) / var(--strings))}.guitar-neck-guitar-8 .strings li:nth-child(4){margin-bottom:calc(var(--neck-height) / var(--strings) - 2px)}.guitar-neck-guitar-8 .strings li:nth-child(5){margin-bottom:calc(var(--neck-height) / var(--strings) - 3px)}.guitar-neck-guitar-8 .strings li:nth-child(6){margin-bottom:calc(var(--neck-height) / var(--strings) - 4px)}.guitar-neck-guitar-8 .strings li:nth-child(7),.guitar-neck-guitar-8 .strings li:nth-child(8){margin-bottom:calc(var(--neck-height) / var(--strings) - 5px)}.guitar-neck-guitar-9{--neck-height-with-offset:369px;--neck-height:344px;--strings:9}.guitar-neck-guitar-9 .notes .mask:nth-child(2){top:calc((var(--neck-height-with-offset) / var(--strings)))}.guitar-neck-guitar-9 .notes .mask:nth-child(3){top:calc((var(--neck-height-with-offset) / var(--strings)) * 2)}.guitar-neck-guitar-9 .notes .mask:nth-child(4){top:calc((var(--neck-height-with-offset) / var(--strings)) * 3)}.guitar-neck-guitar-9 .notes .mask:nth-child(5){top:calc((var(--neck-height-with-offset) / var(--strings)) * 4)}.guitar-neck-guitar-9 .notes .mask:nth-child(6){top:calc((var(--neck-height-with-offset) / var(--strings)) * 5)}.guitar-neck-guitar-9 .notes .mask:nth-child(7){top:calc((var(--neck-height-with-offset) / var(--strings)) * 6)}.guitar-neck-guitar-9 .notes .mask:nth-child(8){top:calc((var(--neck-height-with-offset) / var(--strings)) * 7)}.guitar-neck-guitar-9 .notes .mask:nth-child(9){top:calc((var(--neck-height-with-offset) / var(--strings)) * 7.95)}.guitar-neck-guitar-9 .strings li{margin-bottom:calc(var(--neck-height) / var(--strings))}.guitar-neck-guitar-9 .strings li:nth-child(4){margin-bottom:calc(var(--neck-height) / var(--strings) - 2px)}.guitar-neck-guitar-9 .strings li:nth-child(5){margin-bottom:calc(var(--neck-height) / var(--strings) - 3px)}.guitar-neck-guitar-9 .strings li:nth-child(6){margin-bottom:calc(var(--neck-height) / var(--strings) - 4px)}.guitar-neck-guitar-9 .strings li:nth-child(7),.guitar-neck-guitar-9 .strings li:nth-child(8){margin-bottom:calc(var(--neck-height) / var(--strings) - 5px)}.guitar-neck-guitar-9 .strings li:nth-child(9){margin-bottom:calc(var(--neck-height) / var(--strings) - 6px)}.guitar-neck-guitar-10{--neck-height-with-offset:410px;--neck-height:383px;--strings:10}.guitar-neck-guitar-10 .notes .mask:nth-child(2){top:calc((var(--neck-height-with-offset) / var(--strings)))}.guitar-neck-guitar-10 .notes .mask:nth-child(3){top:calc((var(--neck-height-with-offset) / var(--strings)) * 2)}.guitar-neck-guitar-10 .notes .mask:nth-child(4){top:calc((var(--neck-height-with-offset) / var(--strings)) * 3)}.guitar-neck-guitar-10 .notes .mask:nth-child(5){top:calc((var(--neck-height-with-offset) / var(--strings)) * 4)}.guitar-neck-guitar-10 .notes .mask:nth-child(6){top:calc((var(--neck-height-with-offset) / var(--strings)) * 5)}.guitar-neck-guitar-10 .notes .mask:nth-child(7){top:calc((var(--neck-height-with-offset) / var(--strings)) * 6)}.guitar-neck-guitar-10 .notes .mask:nth-child(8){top:calc((var(--neck-height-with-offset) / var(--strings)) * 7)}.guitar-neck-guitar-10 .notes .mask:nth-child(9){top:calc((var(--neck-height-with-offset) / var(--strings)) * 7.95)}.guitar-neck-guitar-10 .notes .mask:nth-child(10){top:calc((var(--neck-height-with-offset) / var(--strings)) * 8.95)}.guitar-neck-guitar-10 .strings li{margin-bottom:calc(var(--neck-height) / var(--strings))}.guitar-neck-guitar-10 .strings li:nth-child(4){margin-bottom:calc(var(--neck-height) / var(--strings) - 2px)}.guitar-neck-guitar-10 .strings li:nth-child(5){margin-bottom:calc(var(--neck-height) / var(--strings) - 3px)}.guitar-neck-guitar-10 .strings li:nth-child(6){margin-bottom:calc(var(--neck-height) / var(--strings) - 4px)}.guitar-neck-guitar-10 .strings li:nth-child(7),.guitar-neck-guitar-10 .strings li:nth-child(8){margin-bottom:calc(var(--neck-height) / var(--strings) - 5px)}.guitar-neck-guitar-10 .strings li:nth-child(9),.guitar-neck-guitar-10 .strings li:nth-child(10){margin-bottom:calc(var(--neck-height) / var(--strings) - 6px)}.guitar-neck-guitar-12{--neck-height-with-offset:475px;--neck-height:459px;--strings:12}.guitar-neck-guitar-12 .notes .mask:nth-child(2){top:calc((var(--neck-height-with-offset) / var(--strings)))}.guitar-neck-guitar-12 .notes .mask:nth-child(3){top:calc((var(--neck-height-with-offset) / var(--strings)) * 2)}.guitar-neck-guitar-12 .notes .mask:nth-child(4){top:calc((var(--neck-height-with-offset) / var(--strings)) * 3)}.guitar-neck-guitar-12 .notes .mask:nth-child(5){top:calc((var(--neck-height-with-offset) / var(--strings)) * 4.15)}.guitar-neck-guitar-12 .notes .mask:nth-child(6){top:calc((var(--neck-height-with-offset) / var(--strings)) * 5.15)}.guitar-neck-guitar-12 .notes .mask:nth-child(7){top:calc((var(--neck-height-with-offset) / var(--strings)) * 6.15)}.guitar-neck-guitar-12 .notes .mask:nth-child(8){top:calc((var(--neck-height-with-offset) / var(--strings)) * 7.15)}.guitar-neck-guitar-12 .notes .mask:nth-child(9){top:calc((var(--neck-height-with-offset) / var(--strings)) * 8.15)}.guitar-neck-guitar-12 .notes .mask:nth-child(10){top:calc((var(--neck-height-with-offset) / var(--strings)) * 9.15)}.guitar-neck-guitar-12 .notes .mask:nth-child(11){top:calc((var(--neck-height-with-offset) / var(--strings)) * 10.25)}.guitar-neck-guitar-12 .notes .mask:nth-child(12){top:calc((var(--neck-height-with-offset) / var(--strings)) * 11.25)}.guitar-neck-guitar-12 .strings li{margin-bottom:calc(var(--neck-height) / var(--strings))}.guitar-neck-guitar-12 .strings li:nth-child(4){margin-bottom:calc(var(--neck-height) / var(--strings) - 2px)}.guitar-neck-guitar-12 .strings li:nth-child(5){margin-bottom:calc(var(--neck-height) / var(--strings) - 3px)}.guitar-neck-guitar-12 .strings li:nth-child(6){margin-bottom:calc(var(--neck-height) / var(--strings) - 4px)}.guitar-neck-guitar-12 .strings li:nth-child(7),.guitar-neck-guitar-12 .strings li:nth-child(8){margin-bottom:calc(var(--neck-height) / var(--strings) - 5px)}.guitar-neck-guitar-12 .strings li:nth-child(9),.guitar-neck-guitar-12 .strings li:nth-child(10){margin-bottom:calc(var(--neck-height) / var(--strings) - 6px)}.guitar-neck-guitar-12 .strings li:nth-child(11),.guitar-neck-guitar-12 .strings li:nth-child(12){margin-bottom:calc(var(--neck-height) / var(--strings) - 7px)}.guitar-neck-bass{--neck-height-with-offset:165px;--neck-height:150px}.guitar-neck-bass .notes .mask:nth-child(2){top:calc(var(--neck-height-with-offset) / 4)}.guitar-neck-bass .notes .mask:nth-child(3){top:calc((var(--neck-height-with-offset) / 4) * 2)}.guitar-neck-bass .notes .mask:nth-child(4){top:calc((var(--neck-height-with-offset) / 4) * 3)}.guitar-neck-bass .strings li{margin-bottom:calc(var(--neck-height) / 4)}.guitar-neck-bass-5{--neck-height-with-offset:205px;--neck-height:185px}.guitar-neck-bass-5 .notes .mask:nth-child(2){top:calc(var(--neck-height-with-offset) / 5)}.guitar-neck-bass-5 .notes .mask:nth-child(3){top:calc((var(--neck-height-with-offset) / 5) * 2)}.guitar-neck-bass-5 .notes .mask:nth-child(4){top:calc((var(--neck-height-with-offset) / 5) * 3)}.guitar-neck-bass-5 .notes .mask:nth-child(5){top:calc((var(--neck-height-with-offset) / 5) * 4)}.guitar-neck-bass-5 .strings li{margin-bottom:calc(var(--neck-height) / 5)}.guitar-neck-banjo-5{--neck-height-with-offset:205px;--neck-height:185px}.guitar-neck-banjo-5 .notes .mask:nth-child(2){top:calc(var(--neck-height-with-offset) / 5)}.guitar-neck-banjo-5 .notes .mask:nth-child(3){top:calc((var(--neck-height-with-offset) / 5) * 2)}.guitar-neck-banjo-5 .notes .mask:nth-child(4){top:calc((var(--neck-height-with-offset) / 5) * 3)}.guitar-neck-banjo-5 .notes .mask:nth-child(5){top:calc((var(--neck-height-with-offset) / 5) * 4)}.guitar-neck-banjo-5 .strings li{margin-bottom:calc(var(--neck-height) / 5)}.guitar-neck-banjo-5 .strings li:last-child{margin-left:225px}.guitar-neck-banjo-5 .notes .mask:last-child>ul{margin-left:208px}@media print{.tab-editor{display:none}}.tab-editor__container{background:var(--color-bg);cursor:text;color:#000;-webkit-user-select:none;user-select:none;height:100%;padding-bottom:25rem;position:relative;overflow:auto}[data-mantine-color-scheme=dark] .tab-editor__container{background:var(--color-bg-dark);color:var(--mantine-color-gray-1)}@media print{.tab-editor__container{color:#000!important;background:0 0!important;height:auto!important;overflow:hidden!important}}@media screen and (max-height:520px){.tab-editor__container{padding-bottom:7rem}}.tab-editor__code{height:100%;font-family:monospace;font-size:calc(1rem * var(--mantine-scale))}.guitar-fret-collapsed .tab-editor__container{height:calc(100% - 100px)}.cursor-pointer{visibility:hidden;background:red;margin-top:8px;position:absolute;top:0}.cursor-pointer--visible{visibility:visible}.cursor-pointer__tail{background:#00f;border-radius:50%;width:3px;height:96px;position:relative}
.m_d2b315db[data-scrollable]{--spotlight-content-height:100%}.m_3cd250e0{height:var(--spotlight-content-height,auto);max-height:var(--spotlight-max-height);overflow:hidden}.m_d2abce9b{height:var(--spotlight-content-height,auto);flex-direction:column;display:flex}.m_f366a061{background-color:#0000;border:0}.m_6e463822{--spotlight-actions-list-padding:calc(.25rem * var(--mantine-scale));border-top:calc(.0625rem * var(--mantine-scale)) solid;padding:var(--spotlight-actions-list-padding);-webkit-margin-end:calc(var(--spotlight-actions-list-padding) * -1);max-height:calc(100% - 3.125rem);flex:1}.m_6e463822:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:calc(var(--spotlight-actions-list-padding) * -1)}.m_6e463822:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:calc(var(--spotlight-actions-list-padding) * -1)}.m_6e463822:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:calc(var(--spotlight-actions-list-padding) * -1)}:where([data-mantine-color-scheme=light]) .m_6e463822{border-color:var(--mantine-color-gray-2)}:where([data-mantine-color-scheme=dark]) .m_6e463822{border-color:var(--mantine-color-dark-4)}.m_d49bb8ef{width:100%;padding:7px var(--mantine-spacing-md);border-radius:var(--mantine-radius-default);color:inherit;text-align:left;background-color:#0000;align-items:center;display:flex}:where([dir=rtl]) .m_d49bb8ef{text-align:right}@media (hover:hover){:where([data-mantine-color-scheme=light]) .m_d49bb8ef:where(:not([data-selected])):hover{background-color:var(--mantine-color-gray-0)}:where([data-mantine-color-scheme=dark]) .m_d49bb8ef:where(:not([data-selected])):hover{background-color:var(--mantine-color-dark-6)}}@media (hover:none){:where([data-mantine-color-scheme=light]) .m_d49bb8ef:where(:not([data-selected])):active{background-color:var(--mantine-color-gray-0)}:where([data-mantine-color-scheme=dark]) .m_d49bb8ef:where(:not([data-selected])):active{background-color:var(--mantine-color-dark-6)}}.m_d49bb8ef:where([data-selected]){background-color:var(--mantine-primary-color-filled);color:var(--mantine-primary-color-contrast,var(--mantine-color-white));--action-description-color:var(--mantine-primary-color-contrast,var(--mantine-color-white));--action-description-opacity:.7}.m_3d475731{flex:1}.m_832642f6{opacity:1;color:inherit}.m_832642f6:where([data-dimmed]){opacity:var(--action-description-opacity,1);color:var(--action-description-color,var(--mantine-color-dimmed))}.m_832642f6:where([data-position=left]){-webkit-margin-end:var(--mantine-spacing-md)}.m_832642f6:where([data-position=left]):not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:var(--mantine-spacing-md)}.m_832642f6:where([data-position=left]):-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:var(--mantine-spacing-md)}.m_832642f6:where([data-position=left]):is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:var(--mantine-spacing-md)}.m_832642f6:where([data-position=right]){-webkit-margin-start:var(--mantine-spacing-md)}.m_832642f6:where([data-position=right]):not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:var(--mantine-spacing-md)}.m_832642f6:where([data-position=right]):-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:var(--mantine-spacing-md)}.m_832642f6:where([data-position=right]):is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:var(--mantine-spacing-md)}.m_832642f6>svg,.m_6c2a1345{display:block}.m_a6d9d78d{font-size:var(--mantine-font-size-xs);opacity:var(--action-description-opacity,1);color:var(--action-description-color,var(--mantine-color-dimmed));display:block}.m_82f78f74{color:var(--mantine-color-dimmed);padding:var(--mantine-spacing-md);text-align:center}.m_ddcaf054{padding:var(--mantine-spacing-xs) calc(var(--mantine-spacing-md) + calc(.25rem * var(--mantine-scale)));border-top:calc(.0625rem * var(--mantine-scale)) solid}:where([data-mantine-color-scheme=light]) .m_ddcaf054{border-color:var(--mantine-color-gray-2)}:where([data-mantine-color-scheme=dark]) .m_ddcaf054{border-color:var(--mantine-color-dark-4)}.m_5a3e5f7b{margin-top:var(--mantine-spacing-md);flex-direction:column;display:flex}.m_5a3e5f7b:before{content:var(--spotlight-label);text-transform:uppercase;font-size:var(--mantine-font-size-xs);color:var(--mantine-color-dimmed);-webkit-padding-start:var(--mantine-spacing-md);font-weight:700}.m_5a3e5f7b:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):before{padding-left:var(--mantine-spacing-md)}.m_5a3e5f7b:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):before{padding-right:var(--mantine-spacing-md)}.m_5a3e5f7b:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):before{padding-right:var(--mantine-spacing-md)}.m_5a3e5f7b:empty{display:none}
.styles-module__Vcl00G__root{padding-top:calc(5rem * var(--mantine-scale));padding-bottom:calc(5rem * var(--mantine-scale))}.styles-module__Vcl00G__title{font-weight:900;font-size:calc(2.125rem * var(--mantine-scale));margin-bottom:var(--mantine-spacing-md);font-family:Greycliff CF, var(--mantine-font-family)}@media (max-width:48em){.styles-module__Vcl00G__title{font-size:calc(2rem * var(--mantine-scale))}.styles-module__Vcl00G__control{width:100%}}@media (min-width:48em){.styles-module__Vcl00G__mobileImage{display:none}}@media (max-width:47.99em){.styles-module__Vcl00G__desktopImage{display:none}}