@charset "UTF-8";@import"https://p.typekit.net/p.css?s=1&k=xgw2mdk&ht=tk&f=49080.49086.49089&a=314682734&app=typekit&e=css";:root{--global-fontsize:.875rem;--global-letterspacing:.04rem;--var:#fff;--layout-nav-height:55px;--layout-subnav-height:50px;--layout-footer-height:36px;--layout-sidebar-width:60px;--layout-gap:8px;--layout-guitargrid-top:84px;--layout-guitargrid-bottom:var(--layout-guitargrid-top);--layout-guitargrid-middle:1fr;--fontweight-light:400;--fontweight-regular:400;--fontweight-bold:500;--fontweight-megabold:600;--font-wide:"roc-grotesk-wide", sans-serif;--font-regular:"roc-grotesk", sans-serif;--component-fontsize:.875rem;--component-buttonheight:40px;--component-filterheight:60px;--col-bodybgcol:#171717;--col-1:#1C2125;--col-2:#1C2125;--col-3:#2c2c2c;--col-line:#3b424f;--col-3--hover:#3a414f;--col-accent:#595aff;--col-accent--hover:#7a10ff;--col-note-accent:#7a5cff;--col-note-root:#ff931e;--col-txt:#fff;--col-guitar-string:#5A5D67;--col-guitar-fret:#B8BCBE;--col-guitar-note-border:var(--col-guitar-fret);--col-guitar-nut:#fff;--col-comingsoon:#d14e7f;--sslogo-color1:#fff;--sslogo-color2:var(--col-note-root);--sslogo-color3:var(--col-accent);--triadroot:var(--col-note-root);--triadsecond:var(--col-accent);--triadthird:#1ba56a;--triadNutCol:var(--col-guitar-nut);--triadStingCol:var(--col-guitar-string)}*:where(:not(html,iframe,canvas,img,svg,video,audio):not(svg *,symbol *)){all:unset;display:revert}figure{margin:0}*,*:before,*:after{box-sizing:border-box}a,button{cursor:revert}ol,ul,menu{list-style:none}img{max-inline-size:100%;max-block-size:100%}table{border-collapse:collapse}input,textarea{-webkit-user-select:auto}textarea{white-space:revert}meter{-webkit-appearance:revert;-moz-appearance:revert;appearance:revert}:where(pre){all:revert}::placeholder{color:unset}::marker{content:initial}:where([hidden]){display:none}:where([contenteditable]:not([contenteditable=false])){-moz-user-modify:read-write;-webkit-user-modify:read-write;overflow-wrap:break-word;-webkit-line-break:after-white-space;-webkit-user-select:auto}:where([draggable=true]){-webkit-user-drag:element}:where(dialog:modal){all:revert}@font-face{font-family:roc-grotesk;src:url(https://use.typekit.net/af/7c2f37/00000000000000007735b7c0/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3) format("woff2"),url(https://use.typekit.net/af/7c2f37/00000000000000007735b7c0/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3) format("woff"),url(https://use.typekit.net/af/7c2f37/00000000000000007735b7c0/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3) format("opentype");font-display:swap;font-style:normal;font-weight:600;font-stretch:normal}@font-face{font-family:roc-grotesk;src:url(https://use.typekit.net/af/95a747/00000000000000007735b7d0/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3) format("woff2"),url(https://use.typekit.net/af/95a747/00000000000000007735b7d0/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3) format("woff"),url(https://use.typekit.net/af/95a747/00000000000000007735b7d0/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3) format("opentype");font-display:swap;font-style:normal;font-weight:500;font-stretch:normal}@font-face{font-family:roc-grotesk;src:url(https://use.typekit.net/af/978839/00000000000000007735b7d4/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("woff2"),url(https://use.typekit.net/af/978839/00000000000000007735b7d4/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("woff"),url(https://use.typekit.net/af/978839/00000000000000007735b7d4/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("opentype");font-display:swap;font-style:normal;font-weight:400;font-stretch:normal}@font-face{font-family:roc-grotesk-wide;src:url(https://use.typekit.net/af/81d0c7/00000000000000007735b7c2/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("woff2"),url(https://use.typekit.net/af/81d0c7/00000000000000007735b7c2/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("woff"),url(https://use.typekit.net/af/81d0c7/00000000000000007735b7c2/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("opentype");font-display:swap;font-style:normal;font-weight:400;font-stretch:normal}@font-face{font-family:roc-grotesk-wide;src:url(https://use.typekit.net/af/3df9f5/00000000000000007735b7ca/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3) format("woff2"),url(https://use.typekit.net/af/3df9f5/00000000000000007735b7ca/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3) format("woff"),url(https://use.typekit.net/af/3df9f5/00000000000000007735b7ca/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3) format("opentype");font-display:swap;font-style:normal;font-weight:600;font-stretch:normal}@font-face{font-family:roc-grotesk-wide;src:url(https://use.typekit.net/af/68cdae/00000000000000007735b7cd/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("woff2"),url(https://use.typekit.net/af/68cdae/00000000000000007735b7cd/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("woff"),url(https://use.typekit.net/af/68cdae/00000000000000007735b7cd/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("opentype");font-display:swap;font-style:normal;font-weight:700;font-stretch:normal}@font-face{font-family:elza;src:url(https://use.typekit.net/af/f84176/00000000000000007735f907/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("woff2"),url(https://use.typekit.net/af/f84176/00000000000000007735f907/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("woff"),url(https://use.typekit.net/af/f84176/00000000000000007735f907/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("opentype");font-display:swap;font-style:normal;font-weight:700;font-stretch:normal}@font-face{font-family:elza;src:url(https://use.typekit.net/af/771774/00000000000000007735f906/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3) format("woff2"),url(https://use.typekit.net/af/771774/00000000000000007735f906/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3) format("woff"),url(https://use.typekit.net/af/771774/00000000000000007735f906/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3) format("opentype");font-display:swap;font-style:normal;font-weight:500;font-stretch:normal}@font-face{font-family:elza;src:url(https://use.typekit.net/af/c87b5e/00000000000000007735f910/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("woff2"),url(https://use.typekit.net/af/c87b5e/00000000000000007735f910/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("woff"),url(https://use.typekit.net/af/c87b5e/00000000000000007735f910/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("opentype");font-display:swap;font-style:normal;font-weight:400;font-stretch:normal}.nav{background-color:var(--col-2);display:flex;align-items:center}.nav__wrap{height:90%;display:flex;align-items:center;justify-content:space-between;width:95%;margin:0 auto}.nav__logowrap{height:75%;display:block}.nav__logo{height:100%;display:block;fill:#fff}.nav__actionbtn{--component-fontsize:.875rem;height:38px}.nav__actions{display:flex;gap:var(--layout-gap);align-items:center}.nav__comingsoon{display:flex;align-items:center;gap:var(--layout-gap);border:2px solid var(--col-comingsoon);border-radius:40px;padding:12px;position:relative}.nav__comingsoon-txt{color:#fff;background-color:var(--col-comingsoon);border-radius:10px;padding:0 8px;position:absolute;top:-13px;right:50%;transform:translate(50%);font-size:.625rem;font-weight:700;display:flex;line-height:0;align-items:center;height:18px}.footer{background-color:var(--col-2);font-size:.75rem;font-weight:var(--fontweight-bold);display:flex;align-items:center}.footer__wrap{width:95%;margin:0 auto;display:flex;align-items:center;justify-content:flex-end}.footer__version{display:flex;align-items:center;margin-right:auto;gap:8px}.footer__version-lbl{background-color:var(--col-3);padding:4px 10px;border-radius:10px;margin-right:auto}.footer__version-feedback{font-weight:var(--fontweight-regular);text-decoration:underline;text-underline-offset:2px}.footer__version-feedback:hover{background-color:var(--col-note-accent);outline:4px solid var(--col-note-accent);cursor:pointer}.footer__link{display:flex;align-items:center;justify-content:flex-end;gap:12px}.footer__linklbl{font-weight:var(--fontweight-regular)}.footer__linkface{width:26px;height:26px;border-radius:30px}.footer__link:hover{cursor:pointer}.footer__link:hover .footer__linklbl{text-decoration:underline;text-underline-offset:2px}body.authentication--in .superscale{display:grid}body.authentication--in .superscalelogin,body.authentication--out .superscale{display:none}body.authentication--out .superscalelogin{display:flex}.superscale{grid-template-rows:var(--layout-nav-height) 1fr;height:100vh;display:grid;grid-template-columns:1fr}.superscale__headlink{height:100%;display:flex;align-items:center}.superscale__head{display:flex;align-items:center;padding:0 8px;grid-column:-1/1;border-bottom:1px solid var(--col-line);justify-content:space-between}.superscale__head-logo{height:75%}.superscale__betabadge{margin:8px auto auto 6px;padding:2px 6px;background-color:var(--col-comingsoon);font-size:.5rem;font-weight:600;font-family:var(--font-wide)}.superscale__userdetails{display:flex;gap:10px;align-items:center;background-color:transparent;border:1px solid var(--col-line);border-radius:6px;height:38px;padding:0 0 0 10px}.superscale__userdetails-name{font-size:.75rem;font-weight:var(--fontweight-bold);color:var(--col-txt)}.superscale__userdetails-logout{background-color:transparent;cursor:pointer;display:flex;align-items:center;height:100%;padding:0 10px 0 14px;border-left:1px solid var(--col-line)}.superscale__userdetails-logout:hover{background-color:var(--col-2)}.superscale__userdetails-logouticon{width:20px;height:20px;fill:#fffc}.superscale__menbtn{height:38px;background-color:transparent;border:1px solid var(--col-line);border-radius:6px;padding:0 12px;display:flex;align-items:center;margin-left:10px;cursor:pointer}.superscale__menbtn:hover{background-color:var(--col-2)}.superscale__menubtnicon{width:20px;height:20px;fill:#fffc;pointer-events:none}.superscale__sidebar{width:var(--layout-sidebar-width);border-right:1px solid var(--col-line);align-items:center;display:flex;flex-direction:column;padding:0}.superscale__sidebar-divider{background-color:var(--col-line);width:100%;height:1px;margin:auto 0 6px}.superscale__subnav{height:var(--layout-subnav-height);display:flex;flex-shrink:0;width:100%;border-bottom:1px solid var(--col-line)}.superscale__subnav--bottom{bottom:0;top:initial;border-top:1px solid var(--col-line);border-bottom:none}.superscale__mainwrap{display:grid;grid-template-rows:1fr var(--layout-footer-height);position:relative}.superscale__main{border-bottom:1px solid var(--col-line);padding:0;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.superscale__footer{display:flex;align-items:center;justify-content:flex-end;padding:0 8px}.superscale__footer-link{display:flex;align-items:center;gap:10px}.superscale__footer-lbl{font-size:.625rem;font-family:var(--font-regular);text-decoration:underline;text-underline-offset:2px}.superscale__footer-lbl:hover{color:var(--sslogo-color2)}.superscale__footer-lbl:active{text-underline-offset:1px}.guitar{padding:0 14px 0 0}.guitarwrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;gap:20px;height:100%;max-width:1920px;border-bottom:1px solid var(--col-line);position:relative}.scaleinfo{display:flex;flex-direction:column;align-items:center}.scaleinfo__name{font-family:var(--font-wide);font-weight:var(--fontweight-megabold);font-size:2rem;text-transform:capitalize}.scaleinfo__notes{font-family:var(--font-wide);font-weight:var(--fontweight-megabold);font-size:1.25rem;display:flex;align-items:center;gap:10px}.scaleinfo__note{padding:2px 6px}.scaleinfo__note--root{border-radius:2px}.noticebanner{text-align:center;background-color:#dc7a144d;justify-content:center;align-items:center;width:100%;height:30px;font-size:.75rem;display:flex;position:absolute;top:50px}.sidebtn{cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;width:100%;height:60px;display:flex;transition:all linear .05s;position:relative}.sidebtn__icon{fill:#fff;opacity:.6;border-radius:6px;width:26px;height:26px}.sidebtn:hover .sidebtn__icon{opacity:1}.sidebtn:active .sidebtn__icon{transform:translateY(1px)}.sidebtn--pushtop{margin-top:auto}.sidebtn[aria-disabled=true]{opacity:.2}.sidebtn--disabled{cursor:initial;opacity:.2}.sidebtn--selected .sidebtn__icon,.sidebtn--selected:hover .sidebtn__icon{opacity:1}.radio-container{box-sizing:border-box;display:flex;align-items:center;flex-flow:row wrap}.radio-container *{box-sizing:border-box}.radio-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border:2px solid #cccfdb;margin:0;border-radius:6px;display:grid;align-items:center;justify-content:center;transition:all .3s ease}.radio-input:before{content:"";width:6px;height:6px;border-radius:50%;transform:scale(0);transition:.3s transform ease-in-out;box-shadow:inset 6px 6px #fff}.radio-input:checked{background:var(--col-accent);border-color:var(--col-accent)}.radio-input:checked:before{transform:scale(1)}.radio{cursor:pointer;padding:0 8px}.radio:not(:last-child){margin-right:6px}.main{padding:0 2.5%;position:relative}.scalefilter{display:flex;align-items:center;width:fit-content;gap:calc(var(--layout-gap) * 1);background-color:transparent;font-family:var(--font-wide);font-weight:600;font-size:.75rem;padding:0 12px}.scalefilter--br{border-right:1px solid var(--col-line)}.scalefilter--bl{border-left:1px solid var(--col-line)}.scalefilter:first-child{border-left:none}.scalefilter:last-child{border-right:none;margin-left:auto}.scalefilter__lbl{font-family:var(--font-wide);font-weight:600;font-size:.75rem;text-transform:uppercase}.scalefilter__actions{display:flex;align-items:center}.scalefilter__keybtn{--iconsize:20px;font-weight:var(--fontweight-wide);font-size:.75rem;height:34px;display:flex;justify-content:center;align-items:center;line-height:0;width:38px;font-weight:600;border:1px solid var(--col-line);outline:2px solid transparent;outline-offset:1px}.scalefilter__keybtn:hover{background-color:var(--col-accent);cursor:pointer}.scalefilter__keybtn-lbl{display:block;line-height:var(--component-fontsize)}.scalefilter__keybtn-icon{fill:#fff;width:var(--iconsize);height:var(--iconsize);order:-1}.scalefilter__keybtn:not(:last-child){border-right:none}.scalefilter__keybtn:hover,.scalefilter__keybtn.active{background-color:var(--col-accent)}.scalefilter__select{--iconsize:20px;font-weight:var(--fontweight-wide);font-size:.75rem;height:34px;display:flex;justify-content:center;align-items:center;line-height:0;width:38px;font-weight:600;border:1px solid var(--col-line);outline:2px solid transparent;outline-offset:1px;line-height:1rem;width:auto;text-align:center;width:120px}.scalefilter__select:hover{background-color:var(--col-accent);cursor:pointer}.scalefilter__select-lbl{display:block;line-height:var(--component-fontsize)}.scalefilter__select-icon{fill:#fff;width:var(--iconsize);height:var(--iconsize);order:-1}.scalefilter__select option{background-color:var(--col-3--hover)}.scalefilter--disabled{pointer-events:none;opacity:.4}.scalefilter label{cursor:pointer}.scalefilter [type=color]{width:34px;height:34px;cursor:pointer;border-radius:4px;overflow:hidden}.scalefilter [type=color]:hover{transform:scale(1.1)}.betabutton{position:absolute;top:10px;right:50%;transform:translate(50%);z-index:11;font-weight:var(--fontweight-bold);padding:8px 20px;border-radius:30px;background-color:var(--col-comingsoon)}.betabutton:hover{background-color:var(--col-accent);cursor:pointer}.tippy-box[data-theme~=superscale]{background-color:#111;padding:6px;font-size:.75rem;color:#fff;border:1px solid #333}.guitar{display:grid;grid-template-columns:auto 1fr;align-items:center;width:100%;max-width:1500px;--guitar-notesize:36px}@media screen and (min-width: 768px){.guitar{--guitar-notesize:38px}}.guitar div[data-fretmarker="13"],.guitar div[data-fretmarker="14"],.guitar div[data-fretmarker="15"],.guitar div[data-fretmarker="16"],.guitar div[data-fretmarker="17"],.guitar div[data-fretmarker="18"],.guitar div[data-fretmarker="19"],.guitar div[data-fretmarker="20"],.guitar div[data-fretmarker="21"],.guitar div[data-fretmarker="22"],.guitar div[data-fretmarker="23"],.guitar div[data-fretmarker="24"]{display:none}.guitar__nut{border-right:5px solid var(--col-guitar-nut);height:100%;display:grid;align-items:center;grid-template-rows:1fr 1fr 1fr 1fr 1fr 1fr}.guitar__nutnote{width:56px;height:56px;display:flex;align-items:center;justify-content:center;padding:0;font-weight:var(--fontweight-megabold);font-size:1.125rem;font-family:var(--font-wide)}.guitar__fretboard{width:100%;height:100%;align-items:center;display:grid;grid-template-rows:1fr 1fr 1fr 1fr 1fr 1fr}.guitar__fretmarkers{grid-column:-1/1;margin-left:61px;display:grid;grid-template-columns:repeat(12,1fr)}.guitar__fretmarker{display:flex;align-items:center;justify-content:center;height:60px;font-weight:var(--fontweight-megabold);font-family:var(--font-wide);font-size:1rem}.guitar__fretmarker-dots{display:none;gap:8px}.guitar__fretmarker-dot{width:12px;height:12px;background-color:#fff;border-radius:10px}.guitar__fretmarker[data-fretmarker="3"] .guitar__fretmarker-dot:first-of-type,.guitar__fretmarker[data-fretmarker="5"] .guitar__fretmarker-dot:first-of-type,.guitar__fretmarker[data-fretmarker="7"] .guitar__fretmarker-dot:first-of-type,.guitar__fretmarker[data-fretmarker="9"] .guitar__fretmarker-dot:first-of-type{display:none}.guitar__string{width:100%;height:100%;display:grid;grid-template-columns:repeat(12,1fr);position:relative}.guitar__string:before{content:"";position:absolute;left:0;width:100%;height:1px;background-color:var(--col-guitar-string);top:50%}.guitar__string .guitar__fret{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-right:3px solid var(--col-guitar-fret);position:relative}.guitar__string .guitar__note{outline:6px solid var(--col-bodybgcol);border:2px solid var(--col-guitar-note-border);font-weight:var(--fontweight-megabold);background-color:var(--col-bodybgcol);cursor:pointer;border-radius:14px;justify-content:center;align-items:center;width:var(--guitar-notesize);height:var(--guitar-notesize);font-size:.825rem;display:flex}.guitar__string .guitar__note--flat{display:none}.guitar__string .guitar__note:hover{border-color:#fff}.guitar__string .guitar__note--active{background-color:var(--col-note-accent);border-color:var(--col-note-accent)}.guitar__string .guitar__note--active:hover{border-color:var(--col-note-accent)}.guitar__string .guitar__note--active[data-interval="1P"]{background-color:#dc143c;border-color:#dc143c}.guitar__string .guitar__note--matchinghover{outline:2px solid #E4D00A!important;outline-offset:2px}.guitar__string .guitar__note--root{border-color:var(--col-note-root);outline:2px solid var(--col-note-root);outline-offset:2px}.guitar__string .guitar__note--root:hover{border-color:var(--col-note-root)!important}.guitar__interval{display:none;outline:6px solid var(--col-bodybgcol);border:2px solid var(--col-guitar-note-border);font-weight:var(--fontweight-megabold);background-color:var(--col-bodybgcol);cursor:pointer;border-radius:14px;justify-content:center;align-items:center;width:var(--guitar-notesize);height:var(--guitar-notesize);font-size:.825rem}.guitar.showflats .guitar__note--sharp{display:none}.guitar.showflats .guitar__note--flat{display:flex}.guitar.showscalenotesonly .guitar__note:not(.guitar__note--active){color:#ffffff26;border-color:#ffffff26;pointer-events:none}.guitar.showscalenotesonly .guitar__note--active{opacity:1;pointer-events:all}.guitar.showfretmarkers .guitar__fretmarker-number{display:none}.guitar.showfretmarkers .guitar__fretmarker-dots,.guitar.showintervals .guitar__interval{display:flex}.guitar.showintervals .guitar__note--active{display:none}.guitar.full24frets{max-width:95%;--guitar-notesize:34px}.guitar.full24frets .guitar__fretmarkers,.guitar.full24frets .guitar__string{grid-template-columns:repeat(24,1fr)}.guitar.full24frets .guitar__note{font-size:.75rem;border-radius:12px}.guitar.full24frets div[data-fretmarker="13"],.guitar.full24frets div[data-fretmarker="14"],.guitar.full24frets div[data-fretmarker="15"],.guitar.full24frets div[data-fretmarker="16"],.guitar.full24frets div[data-fretmarker="17"],.guitar.full24frets div[data-fretmarker="18"],.guitar.full24frets div[data-fretmarker="19"],.guitar.full24frets div[data-fretmarker="20"],.guitar.full24frets div[data-fretmarker="21"],.guitar.full24frets div[data-fretmarker="22"],.guitar.full24frets div[data-fretmarker="23"],.guitar.full24frets div[data-fretmarker="24"]{display:flex}.triadwrap{display:flex;flex-wrap:wrap;justify-content:center;gap:26px;width:100%;align-items:center;position:relative;min-height:250px;max-height:250px;height:100%}.triad{--fretHeight:24px;--fretWidth:24px;--stringWidth:4px;--nutHeight:4px;--triadGap:4px;--offset:calc((var(--fretWidth) / 2 ) - (var(--stringWidth) / 2));display:flex;gap:var(--triadGap);flex-direction:column;align-items:center;text-align:center}.triad__name{font-weight:var(--fontweight-megabold);font-family:var(--font-wide);font-size:1.25rem}.triad__notes{display:flex;gap:2px}.triad__notes .triad__note{width:38px;height:24px;font-size:.8rem;font-family:var(--font-wide);font-weight:var(--fontweight-megabold);display:flex;align-items:center;justify-content:center}.triad__notes .triad__note:first-of-type{border-radius:4px 0 0 4px}.triad__notes .triad__note:last-of-type{border-radius:0 4px 4px 0}.triad__notes .triad__note--root{background-color:var(--triadroot)}.triad__notes .triad__note--second{background-color:var(--triadsecond)}.triad__notes .triad__note--third{background-color:var(--triadthird)}.triad__fretboard{width:100%;position:relative;display:grid;grid-template-columns:repeat(6,1fr)}.triad__fretboard:before{content:"";position:absolute;top:calc(var(--fretHeight));left:var(--offset);height:var(--nutHeight);width:calc(100% - var(--offset) * 2);background-color:var(--triadNutCol);z-index:2}.triad__string{position:relative;display:flex;flex-direction:column;height:100%}.triad__string:first-of-type .triad__fret:after{right:0;left:initial;width:16px}.triad__string:last-of-type .triad__fret:after{left:0;width:16px}.triad__string:before{content:"";position:absolute;top:calc(var(--fretHeight) + var(--nutHeight));height:calc(100% - (var(--fretHeight) + var(--nutHeight)));width:var(--stringWidth);background-color:var(--triadStingCol);left:calc(50% - var(--stringWidth) / 2);z-index:1}.triad__fretmarker{position:absolute;left:-10px;font-size:.75rem;font-weight:var(--fontweight-megabold);opacity:.5}.triad__fret{height:var(--fretHeight);width:var(--fretWidth);display:flex;align-items:center;justify-content:center;position:relative;z-index:2}.triad__fret:after{content:"";width:100%;height:1px;background-color:var(--col-guitar-fret);position:absolute;bottom:0;left:0;opacity:.5}.triad__fret--nut:after{display:none}.triad__fret.active:before{content:"";width:calc(var(--fretWidth) * .65);height:calc(var(--fretHeight) * .65);border-radius:6px}.triad__fret.active--root:before{background-color:var(--triadroot)}.triad__fret.active--second:before{background-color:var(--triadsecond)}.triad__fret.active--third:before{background-color:var(--triadthird)}.modal{border:none;background-color:var(--col-1);color:#fff;max-width:600px;box-sizing:border-box;padding:32px;border-radius:10px}.modal__content{display:grid;gap:16px;text-align:center}.modal__close{padding:6px;background-color:var(--col-note-accent);cursor:pointer;display:flex;margin:0 auto;border-radius:4px}::backdrop{background-image:linear-gradient(45deg,#f0f,#639,#1e90ff,#00f);opacity:.75}.tooltip{display:none;background:var(--col-bodybgcol);color:#fff;font-weight:var(--fontweight-bold);padding:8px 10px;border-radius:4px;font-size:.8rem;border:1px solid rgba(255,255,255,.5);width:max-content;position:absolute;top:0;left:0;z-index:9999;will-change:transform}.superscalelogin{height:100vh;align-items:center;justify-content:center;color:#fff;background-color:var(--col-bodybgcol);position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;display:none}.superscalelogin__wrap{grid-template-columns:1fr;gap:24px;width:95%;display:grid;max-width:500px}.superscalelogin__logo{width:100%;max-width:450px;padding:0 40px;margin:auto}.superscalelogin__headings{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px}.superscalelogin__title{font-family:var(--font-regular);font-weight:var(--fontweight-megabold);font-size:1.125rem}.superscalelogin__subtitle{font-size:1rem;font-weight:var(--fontweight-bold);opacity:.5}.superscalelogin__form{display:flex;flex-direction:column;gap:20px;margin:auto;width:80%}.superscalelogin__action{width:100%;display:flex;flex-direction:column;margin:auto;gap:6px;position:relative}.superscalelogin__action--error .superscalelogin__action-iconcross,.superscalelogin__action--success .superscalelogin__action-icontick{display:block}.superscalelogin__action-icontick,.superscalelogin__action-iconcross{position:absolute;top:0;right:4px;width:22px;height:22px;display:flex;align-items:center;justify-content:center}.superscalelogin__action-icontick,.superscalelogin__action-iconcross{display:none}.superscalelogin__lbl{font-weight:600;font-size:.875rem;font-family:var(--font-regular);cursor:pointer}.superscalelogin__input{border-radius:4px;border:2px solid #fff;width:100%;height:56px;font-size:1rem;padding:0 12px;transition:all .2s cubic-bezier(.4,0,.2,1);outline:2px solid transparent;outline-offset:2px;font-weight:var(--fontweight-bold)}.superscalelogin__input::placeholder{color:#ffffff40;font-weight:700;font-size:.875rem}.superscalelogin__input:hover{border-color:var(--col-accent);outline-color:#ffffff26}.superscalelogin__input:focus{outline-color:var(--col-accent);border-color:var(--col-accent);outline-offset:0px}.superscalelogin__button{height:50px;border-radius:4px;color:#fff;background-color:var(--col-accent);font-weight:var(--fontweight-megabold);font-family:var(--font-wide);font-size:1rem;text-align:center;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);outline:2px solid transparent;position:relative}.superscalelogin__button-loading{opacity:0;width:30px;display:block;height:30px;position:absolute;right:calc(50% - 15px);top:calc(50% - 15px);border-width:2px;border-style:solid;border-color:#fff;border-top-color:#ffffff4d;border-radius:20px;transition:all .2s cubic-bezier(.4,0,.2,1)}.superscalelogin__button:hover{background-color:var(--col-accent--hover)}.superscalelogin__button:active{transform:translateY(2px)}.superscalelogin__button:focus-visible{outline:2px solid var(--col-accent);outline-offset:2px}.superscalelogin__button.loading{color:var(--col-accent)}.superscalelogin__button.loading .superscalelogin__button-loading{opacity:1;animation:rotate360 1s linear infinite}.superscalelogin__passwordfeedback{font-size:.75rem;font-weight:var(--fontweight-bold);font-family:var(--font-normal);text-align:center;color:#ffffff80}.superscalelogin__passwordfeedback span{text-decoration:underline;text-underline-offset:2px;text-decoration-color:transparent}.superscalelogin__passwordfeedback span.valid{color:var(--col-accent);text-decoration-color:var(--col-accent)}.superscalelogin__formcta{text-align:center;font-size:.875rem}.superscalelogin__formcta-btn{font-weight:700;text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:2px;color:#fff;cursor:pointer}.superscalelogin__formcta-btn:hover{color:var(--sslogo-color2)}.superscalelogin__formcta-btn:active{text-underline-offset:1px}.superscalelogin #feedback{text-align:center;font-size:.75rem;font-weight:var(--fontweight-bold);font-family:var(--font-normal)}@keyframes rotate360{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.supersettings{position:fixed;bottom:-100px;opacity:0;pointer-events:none;right:20px;width:440px;background-color:var(--col-bodybgcol);z-index:2;--subcol:#8c8c8c;--pad:20px;border:2px solid var(--col-accent);border-radius:14px 14px 0 0;border-bottom:none;box-shadow:-1px -3px 17px #0a141ee6}.supersettings__body{padding:34px 26px 18px}.supersettings__header{display:flex;justify-content:space-between;padding-bottom:var(--pad);border-bottom:1px solid var(--col-line)}.supersettings__headercontent{display:flex;align-items:center;gap:8px}.supersettings__headericon{width:40px;height:40px}.supersettings__headertype{display:flex;flex-direction:column;gap:1px}.supersettings__heading{font-size:1.125rem;line-height:1.125rem;font-weight:var(--fontweight-megabold)}.supersettings__subheading{font-size:.75rem;color:var(--subcol)}.supersettings__close{font-size:.75rem;font-weight:900;padding:4px 6px;height:30px;border:1px solid var(--col-line)}.supersettings__close:hover{cursor:pointer;background-color:var(--col-accent)}.supersettings__close:active{transform:translateY(1px)}.supersettings__settingswrap{display:grid}.supersettings .setting{display:flex;flex-direction:column;padding:var(--pad) 0px;border-bottom:1px solid var(--col-line);gap:2px}.supersettings .setting:last-of-type{border-bottom:none}.supersettings .setting__heading{font-weight:var(--fontweight-megabold);font-size:1rem}.supersettings .setting__subheading{font-size:.875rem;font-weight:var(--fontweight-bold);color:var(--subcol)}.supersettings .setting__radios{margin-top:6px}.supersettings .setting__radios label{font-size:.875rem;font-weight:var(--fontweight-megabold)}#superscaleMenu{position:absolute;display:none;width:100%;flex-direction:column;gap:4px;max-width:380px;padding:12px;background-color:var(--col-bodybgcol);border:1px solid var(--col-line);border-radius:0 0 10px 10px;z-index:10}.supermenuitem{display:flex;align-items:center;gap:12px;padding:14px;border-radius:8px;position:relative}.supermenuitem__icon{width:32px;height:32px;fill:#fff}.supermenuitem__type{display:flex;flex-direction:column;gap:2px}.supermenuitem__heading{font-size:1rem;line-height:1.125rem;font-weight:var(--fontweight-megabold)}.supermenuitem__subheading{font-size:.825rem;opacity:.8}.supermenuitem:hover{cursor:pointer;background-color:#ffffff0f}.supermenuitem:active{background-color:#ffffff1a}.supermenuitem--comingsoon{pointer-events:none}.supermenuitem--comingsoon:before{content:"Coming Soon";position:absolute;font-family:var(--font-wide);font-weight:var(--fontweight-megabold);top:0%;right:0%;font-size:.7rem;color:var(--col-text);padding:4px 8px;border-radius:4px;opacity:.7}.supermenuitem--comingsoon .supermenuitem__icon,.supermenuitem--comingsoon .supermenuitem__type{opacity:.16}.menudivider{display:block;margin:10px 0;height:1px;width:100%;background-color:var(--col-line)}body{background-color:var(--col-bodybgcol);color:var(--col-txt);font-family:var(--font-regular);font-weight:var(--global-fontsize);letter-spacing:var(--global-letterspacing);position:relative}body.fadein{opacity:0}body.fadein.visible{opacity:1}