.modal[data-v-07a36279]{background-color:rgba(0,0,0,.6);height:100%;left:0;position:fixed;text-align:left;top:0;width:100%;z-index:200}.modal-content[data-v-07a36279]{background-color:#fefefe;border-radius:2px;border:1px solid #888;box-shadow:3px 3px 13px rgba(30,30,30,.25);position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:300;padding:20px;width:400px}.modal-header[data-v-07a36279]{padding:2px 16px}.modal-header h3[data-v-07a36279]{margin:0}.modal-body[data-v-07a36279]{padding:6px 16px;font-size:16px;text-align:justify}.close[data-v-07a36279]{float:right;font-size:22px;cursor:pointer}.modal-enter-active[data-v-07a36279],.modal-leave-active[data-v-07a36279]{transition:opacity .5s ease}.modal-enter-from[data-v-07a36279],.modal-leave-to[data-v-07a36279]{opacity:0}@font-face{font-family:Catamaran;src:url(../fonts/Catamaran-VariableFont_wght.acabb66a.ttf)}body{padding:30px 0;background:linear-gradient(340deg,#f0f0f0,#fafafa 10%,#fff 20%,#fff 85%,#fdfdfd 92%,#f2f2f2) fixed}#app{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;color:#2c3e50;text-align:center}#app,option,p{font-family:Catamaran,sans-serif}h1,h2,h3{text-shadow:2px 3px 5px rgba(0,0,0,.08)}h1{font-size:50px;font-weight:700;margin:20px}h2{font-size:30px}h3{font-size:24px}option{font-size:14.5px;padding-bottom:0}#nav-button{background:hsla(0,0%,100%,.98);border-bottom-right-radius:22px;box-shadow:2px 2px 6px hsla(0,0%,39.2%,.1);cursor:pointer;left:0;padding:7px 15px 10px 10px;position:fixed;top:0;z-index:200}#nav-button:hover{background:hsla(0,0%,98%,.98);box-shadow:2px 2px 6px hsla(0,0%,39.2%,.2)}#nav-button.active{background:#f6f6f6;box-shadow:2px 2px 8px hsla(0,0%,39.2%,.25)}#nav-button div{background:#364d63;border-radius:5px;height:4px;margin:5px 0;width:30px}#nav-button div:last-child{width:26px}#nav-button.active div{background:#263544}#nav{max-width:800px;position:fixed;text-align:left;visibility:hidden;width:auto;z-index:100;left:50%;top:50%;transform:translate(-50%,-60%)}#nav h1{font-size:clamp(57px,9vw,95px);margin:0;text-shadow:7px 7px 15px rgba(0,0,0,.12);white-space:nowrap}#nav a{color:#2c3e50;display:block;font-size:clamp(17px,2.5vw,25px);font-weight:100;margin:0;padding:2px 6px;text-decoration:none}#nav a:hover{background:linear-gradient(90deg,#f3f3f3,#f9f9f9 1%,hsla(0,0%,100%,0))}#nav .router-link-active{background:linear-gradient(90deg,#eee,#f3f3f3 1%,hsla(0,0%,100%,0) 90%);cursor:default;pointer-events:none}#view{display:inline-block}#nav.visible,#view.visible{visibility:visible}#nav:not(.visible),#view:not(.visible),#view:not(.visible) .help:after{visibility:hidden}.help .help-content,.tooltip .tooltip-text{background:rgba(90,90,90,.97);border-radius:3px;box-shadow:3px 3px 13px rgba(30,30,30,.25);color:#fff;position:absolute;text-align:left;top:-5px;visibility:hidden;z-index:5}.tooltip{border-bottom:1px dotted #969696;display:inline-block;position:relative}.tooltip .tooltip-text{left:105%;padding:5px 10px}.help:after,.tooltip:hover .tooltip-text{visibility:visible}.help:after{content:"?";cursor:help;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:95%}.help .help-content{padding:10px 0;right:150%}.help:hover .help-content{visibility:visible}.striped-table tbody tr:nth-child(2n){background:#f5f5f5}.striped-table tbody tr.highlight-hover,.striped-table tbody tr:hover{background:#bebebe}.striped-table tbody .highlight-click,.striped-table tbody .highlight-hover,.striped-table tbody tr:hover{transition:background-color .2s ease-out}.striped-table tbody .highlight-click:nth-child(odd){background:#c3f5c3}.striped-table tbody .highlight-click:nth-child(2n){background:#aaebaa}.striped-table tbody .highlight-click:nth-child(odd).highlight-hover,.striped-table tbody .highlight-click:nth-child(odd):hover{background:#a0e1a0}.striped-table tbody .highlight-click:nth-child(2n).highlight-hover,.striped-table tbody .highlight-click:nth-child(2n):hover{background:#9be19b}.major-minor-scale-picker[data-v-07dac1f8]{white-space:nowrap;margin:20px}.major-minor-scale-picker>div[data-v-07dac1f8]{display:inline-block;text-align:left}label[data-v-07dac1f8]{margin:0 8px;font-weight:700;font-size:large}select[data-v-07dac1f8]{display:block;width:200px;margin:0 7px;overflow-y:auto}.scale-name{display:inline-block;margin-top:50px;position:relative;width:auto}.scale-name h2{display:inline-block;margin:0}.scale-name .help{font-weight:700;position:absolute;right:-10px;top:1px}.scale-name .help-content{font-weight:400;width:330px}#major-minor-scale-triads-score{margin-top:-5px}#major-minor-scale-triads-score>svg>g.vf-stavenote:first-of-type,#major-minor-scale-triads-score>svg>g.vf-stavenote:nth-of-type(2),#major-minor-scale-triads-score>svg>g.vf-stavenote:nth-of-type(10),#major-minor-scale-triads-score>svg>g.vf-stavenote:nth-of-type(11),#major-minor-scale-triads-score>svg>text:first-of-type,#major-minor-scale-triads-score>svg>text:nth-of-type(2),#major-minor-scale-triads-score>svg>text:nth-of-type(10),#major-minor-scale-triads-score>svg>text:nth-of-type(11),#major-minor-scale-triads-score>svg>text:nth-of-type(12),#major-minor-scale-triads-score>svg>text:nth-of-type(13),#major-minor-scale-triads-score>svg>text:nth-of-type(21),#major-minor-scale-triads-score>svg>text:nth-of-type(22){opacity:.4}#major-minor-scale-triads-score>svg>text{font-family:Catamaran}#major-minor-scale-triads-score g.vf-notehead.active path{fill:red}div[data-v-2fd0b0e2]{left:50%;position:absolute;top:50%;transform:translate(-50%,-53%)}h1[data-v-2fd0b0e2]{font-size:200px;line-height:200px;margin:0}h2[data-v-2fd0b0e2]{color:#294868;font-size:37px;font-weight:100;margin:0;font-style:il}p[data-v-2fd0b0e2]{color:#58697a;font-size:18px;font-style:normal;margin:25px 0}.chroma-picker[data-v-134bf3e2]{margin:0 auto;width:424px}.piano[data-v-134bf3e2]{background:#e6e6e6;box-shadow:3px 3px 5px hsla(0,0%,39.2%,.05);display:inline-block;padding:25px 30px;position:relative}.key[data-v-134bf3e2]{align-items:flex-end;border-bottom-left-radius:4px;border-bottom-right-radius:4px;cursor:pointer;display:flex;float:left;justify-content:center;padding-bottom:12px;position:relative;text-align:center;transition:background-color .2s ease-out}.white.key[data-v-134bf3e2]{background:#fffffa;box-shadow:3px 3px 5px hsla(0,0%,39.2%,.05);height:190px;margin:0 1px;width:50px;z-index:1}.white.key.active[data-v-134bf3e2]{background:#aaf0aa}.white.key[data-v-134bf3e2]:hover{filter:brightness(97%)}.black.key[data-v-134bf3e2]{background:#3c3c3c;box-shadow:3px 3px 5px hsla(0,0%,39.2%,.2);color:#fff;height:125px;line-height:115%;margin-left:-20px;margin-right:-20px;white-space:pre-line;width:40px;z-index:2}.black.key.active[data-v-134bf3e2]{background:#327832}.black.key[data-v-134bf3e2]:hover{filter:brightness(80%)}.buttons[data-v-134bf3e2]{margin:15px 0 25px;text-align:right}button[data-v-134bf3e2]{background:hsla(0,0%,100%,0);border:none;color:#5a5a5a;cursor:pointer;font-size:100%;margin-left:7px;padding:3px}button[data-v-134bf3e2]:not(:disabled):hover,button[data-v-134bf3e2]:not([disabled]):hover{border-bottom:1.5px solid #787878}button[data-v-134bf3e2]:disabled,button[disabled][data-v-134bf3e2]{color:#aaa;cursor:default;text-decoration:line-through}.help[data-v-134bf3e2]{position:absolute;right:10px;top:4px;text-shadow:2px 1px 5px rgba(0,0,0,.215)}.help-content[data-v-134bf3e2]{width:440px}span[data-v-50a92304]{cursor:pointer}.scale-detector[data-v-23c4de34]{display:flex;flex-direction:column;text-align:left}.total-no-of-scales[data-v-23c4de34]{margin-left:11px;margin-bottom:20px}.total-no-of-scales.none[data-v-23c4de34]{margin-left:0;margin-top:25px;text-align:center;font-size:103%}table[data-v-23c4de34]{border-collapse:collapse;margin-top:20px;margin-bottom:15px;width:865px}thead tr[data-v-23c4de34]{cursor:pointer}thead td[data-v-23c4de34]{border-bottom:2px solid #2c3e50;padding-bottom:5px}thead td.collapse-expand[data-v-23c4de34]{padding-left:6px;text-align:center;width:24px}thead td.supertype[data-v-23c4de34]{font-size:120%;font-weight:700;position:relative}thead td.supertype .help[data-v-23c4de34]{display:inline-block;font-size:85%;margin-left:3px;position:absolute;top:-4px}thead td.supertype .help-content[data-v-23c4de34]{font-size:95%;font-weight:400;left:150%;width:500px}thead td.supertype-no-of-scales[data-v-23c4de34]{font-style:italic;font-size:95%;padding-right:25px;text-align:right}tbody td[data-v-23c4de34]{padding:6px 10px}tbody td[data-v-23c4de34]:last-child{padding-right:25px}tbody td.scale[data-v-23c4de34]{padding-left:2px;width:245px}tbody td.play-button[data-v-23c4de34]{width:40px}tbody td.note[data-v-23c4de34]{min-width:30px}.tonic-option[data-v-23c4de34]{cursor:pointer}.tonic-option .dim[data-v-23c4de34]{opacity:.4}.tooltip-text[data-v-23c4de34]{white-space:nowrap;width:auto}.hidden[data-v-23c4de34]{display:none}.please-select[data-v-d3509604]{margin:0;padding-top:25px;text-align:center;font-size:103%}.scale-name[data-v-3eeed8da]{display:inline-block;margin-top:50px;position:relative;width:auto}.scale-name h2[data-v-3eeed8da]{display:inline-block;margin:0}.scale-name .help[data-v-3eeed8da]{font-weight:700;position:absolute;right:-10px;top:1px}.scale-name .help-content[data-v-3eeed8da]{font-weight:400;width:365px}.alias[data-v-3eeed8da]{font-size:120%;margin-bottom:25px}.dim[data-v-3eeed8da]{opacity:.45}.gradual.dim[data-v-3eeed8da]{opacity:.68}table[data-v-3eeed8da]{border-spacing:0;text-align:left;margin:10px 0 40px}thead td[data-v-3eeed8da]{font-weight:700;font-size:120%;border-bottom:2px solid #2c3e50}td[data-v-3eeed8da]:first-child,td[data-v-3eeed8da]:nth-child(2){font-weight:700}td[data-v-3eeed8da]:first-child{padding-left:23px;padding-right:25px}td[data-v-3eeed8da]:nth-child(2){padding-right:40px}td[data-v-3eeed8da]:nth-child(n+3):not(:last-child){min-width:40px;padding:6px 10px}td[data-v-3eeed8da]:last-child{padding-left:25px;padding-right:25px}tr:last-child td[data-v-3eeed8da]{border-bottom:2px solid #2c3e50}.scale-type-picker[data-v-e71b5c2c]{white-space:nowrap;margin:20px}.scale-type-picker>div[data-v-e71b5c2c]{display:inline-block;text-align:left}label[data-v-e71b5c2c]{margin:0 13px;font-weight:700;font-size:large}select[data-v-e71b5c2c]{display:block;margin:0 12px;overflow-y:auto}#supertype[data-v-e71b5c2c]{width:170px}#type[data-v-e71b5c2c]{width:250px}select:focus option[data-v-e71b5c2c]:checked{background:#2d96fa linear-gradient(#2d96fa,#2d96fa)}#type:focus .alias-of-selected[data-v-e71b5c2c]{color:#fff;background:#64afff;transition:color .15s,background .5s ease-out}#type:not(:focus) .alias-of-selected[data-v-e71b5c2c]{background:#e1e1e1}