html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;vertical-align:baseline;border:0;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}.keyboard-container{text-align:center;white-space:nowrap;width:100%;max-width:75rem;margin:0 auto;padding-bottom:.5rem;overflow-x:auto}.keyboard-container .keyboard-key{user-select:none;box-sizing:border-box;border:.07rem solid var(--keyborder);box-shadow:var(--keyshadow);vertical-align:top;border-radius:0 0 5px 5px;display:inline-block;position:relative}.keyboard-container .keyboard-key.clicked{box-shadow:none;top:5px}.keyboard-container .keyboard-key.white{z-index:0;background-color:var(--keywhite);width:3.5725rem;height:10rem;color:var(--keywhite-text)}.keyboard-container .keyboard-key.white:hover{background-color:var(--keywhite-hover);color:var(--keywhite-text-hover)}.keyboard-container .keyboard-key.black{z-index:1;background-color:var(--keyblack);width:2.25rem;height:6rem;color:var(--keyblack-text);margin-left:-1.125rem;font-size:90%}.keyboard-container .keyboard-key.black:hover{background-color:var(--keyblack-hover);color:var(--keyblack-text-hover)}.keyboard-container .keyboard-key.black+.white{margin-left:-1.125rem}.keyboard-container .keyboard-key.active.color-1{color:var(--keyactive-text);background-color:#781c81}.keyboard-container .keyboard-key.active.color-1:hover{background-color:#8b2196}.keyboard-container .keyboard-key.active.color-2{color:var(--keyactive-text);background-color:#4e1e81}.keyboard-container .keyboard-key.active.color-2:hover{background-color:#5b2396}.keyboard-container .keyboard-key.active.color-3{color:var(--keyactive-text);background-color:#413992}.keyboard-container .keyboard-key.active.color-3:hover{background-color:#4940a4}.keyboard-container .keyboard-key.active.color-4{color:var(--keyactive-text);background-color:#3f5cab}.keyboard-container .keyboard-key.active.color-4:hover{background-color:#4867bc}.keyboard-container .keyboard-key.active.color-5{color:var(--keyactive-text);background-color:#447cbf}.keyboard-container .keyboard-key.active.color-5:hover{background-color:#5789c6}.keyboard-container .keyboard-key.active.color-6{color:var(--keyactive-text);background-color:#4d95be}.keyboard-container .keyboard-key.active.color-6:hover{background-color:#60a0c5}.keyboard-container .keyboard-key.active.color-7{color:var(--keyactive-text);background-color:#5ba7a6}.keyboard-container .keyboard-key.active.color-7:hover{background-color:#6cb0af}.keyboard-container .keyboard-key.active.color-8{color:var(--keyactive-text);background-color:#6eb388}.keyboard-container .keyboard-key.active.color-8:hover{background-color:#7fbc96}.keyboard-container .keyboard-key.active.color-9{color:var(--keyactive-text);background-color:#83ba6d}.keyboard-container .keyboard-key.active.color-9:hover{background-color:#92c27e}.keyboard-container .keyboard-key.active.color-10{color:var(--keyactive-text);background-color:#9cbe5a}.keyboard-container .keyboard-key.active.color-10:hover{background-color:#a7c56c}.keyboard-container .keyboard-key.active.color-11{color:var(--keyactive-text);background-color:#b4bd4c}.keyboard-container .keyboard-key.active.color-11:hover{background-color:#bcc45f}.keyboard-container .keyboard-key.active.color-12{color:var(--keyactive-text);background-color:#cab842}.keyboard-container .keyboard-key.active.color-12:hover{background-color:#d0bf56}.keyboard-container .keyboard-key.active.color-13{color:var(--keyactive-text);background-color:#dbab3b}.keyboard-container .keyboard-key.active.color-13:hover{background-color:#dfb451}.keyboard-container .keyboard-key.active.color-14{color:var(--keyactive-text);background-color:#e59435}.keyboard-container .keyboard-key.active.color-14:hover{background-color:#e8a04c}.keyboard-container .keyboard-key.active.color-15{color:var(--keyactive-text);background-color:#e7732f}.keyboard-container .keyboard-key.active.color-15:hover{background-color:#ea8246}.keyboard-container .keyboard-key.active.color-16{color:var(--keyactive-text);background-color:#e24a28}.keyboard-container .keyboard-key.active.color-16:hover{background-color:#e55d3e}.keyboard-container .keyboard-key.active.color-17{color:var(--keyactive-text);background-color:#d92120}.keyboard-container .keyboard-key.active.color-17:hover{background-color:#e13332}.keyboard-container .keyboard-key .keyboard-key-label{text-align:center;position:absolute;bottom:1rem;left:0;right:0}.keySelector-container{flex-flow:wrap;justify-content:space-around;gap:.35rem;width:100%;max-width:75rem;margin:1rem auto;padding:0 .5rem;display:flex}@media (width<=768px){.keySelector-container{width:auto}}.keySelector-container .keySelector-button{user-select:none;cursor:pointer;border-radius:5px;padding:.3rem .5rem;font-size:1.2rem;text-decoration:none;display:inline-block;position:relative}.keySelector-container .keySelector-button:hover{font-weight:600}.keySelector-container .keySelector-button.color-1{color:#781c81}.keySelector-container .keySelector-button.color-1.active{color:#fff;background-color:#781c81}.keySelector-container .keySelector-button.color-2{color:#4e1e81}.keySelector-container .keySelector-button.color-2.active{color:#fff;background-color:#4e1e81}.keySelector-container .keySelector-button.color-3{color:#413992}.keySelector-container .keySelector-button.color-3.active{color:#fff;background-color:#413992}.keySelector-container .keySelector-button.color-4{color:#3f5cab}.keySelector-container .keySelector-button.color-4.active{color:#fff;background-color:#3f5cab}.keySelector-container .keySelector-button.color-5{color:#447cbf}.keySelector-container .keySelector-button.color-5.active{color:#fff;background-color:#447cbf}.keySelector-container .keySelector-button.color-6{color:#4d95be}.keySelector-container .keySelector-button.color-6.active{color:#fff;background-color:#4d95be}.keySelector-container .keySelector-button.color-7{color:#5ba7a6}.keySelector-container .keySelector-button.color-7.active{color:#fff;background-color:#5ba7a6}.keySelector-container .keySelector-button.color-8{color:#6eb388}.keySelector-container .keySelector-button.color-8.active{color:#fff;background-color:#6eb388}.keySelector-container .keySelector-button.color-9{color:#83ba6d}.keySelector-container .keySelector-button.color-9.active{color:#fff;background-color:#83ba6d}.keySelector-container .keySelector-button.color-10{color:#9cbe5a}.keySelector-container .keySelector-button.color-10.active{color:#fff;background-color:#9cbe5a}.keySelector-container .keySelector-button.color-11{color:#b4bd4c}.keySelector-container .keySelector-button.color-11.active{color:#fff;background-color:#b4bd4c}.keySelector-container .keySelector-button.color-12{color:#cab842}.keySelector-container .keySelector-button.color-12.active{color:#fff;background-color:#cab842}.keySelector-container .keySelector-button.color-13{color:#dbab3b}.keySelector-container .keySelector-button.color-13.active{color:#fff;background-color:#dbab3b}.keySelector-container .keySelector-button.color-14{color:#e59435}.keySelector-container .keySelector-button.color-14.active{color:#fff;background-color:#e59435}.keySelector-container .keySelector-button.color-15{color:#e7732f}.keySelector-container .keySelector-button.color-15.active{color:#fff;background-color:#e7732f}.keySelector-container .keySelector-button.color-16{color:#e24a28}.keySelector-container .keySelector-button.color-16.active{color:#fff;background-color:#e24a28}.keySelector-container .keySelector-button.color-17{color:#d92120}.keySelector-container .keySelector-button.color-17.active{color:#fff;background-color:#d92120}.ChordThumbnail-svg rect.white{fill:var(--thumbkey-white-fill);stroke-width:1px;stroke:var(--thumbkey-white-stroke)}.ChordThumbnail-svg rect.black{fill:var(--thumbkey-black-fill)}.ChordThumbnail-svg rect.active.color-1{fill:#9f25ab;stroke-width:.25px;stroke:var(--thumbkey-white-stroke)}.ChordThumbnail-svg rect.active.color-2{fill:#8035d0;stroke-width:.25px;stroke:var(--thumbkey-white-stroke)}.ChordThumbnail-svg rect.active.color-3{fill:#6259be;stroke-width:.25px;stroke:var(--thumbkey-white-stroke)}.ChordThumbnail-svg rect.active.color-4{fill:#3f5cab;stroke-width:.25px;stroke:var(--thumbkey-white-stroke)}.ChordThumbnail-svg rect.active.color-5{fill:#447cbf;stroke-width:.25px;stroke:var(--thumbkey-white-stroke)}.ChordThumbnail-svg rect.active.color-6{fill:#4d95be;stroke-width:.25px;stroke:var(--thumbkey-white-stroke)}.ChordThumbnail-svg rect.active.color-7{fill:#5ba7a6;stroke-width:.25px;stroke:var(--thumbkey-white-stroke)}.ChordThumbnail-svg rect.active.color-8{fill:#6eb388;stroke-width:.25px;stroke:var(--thumbkey-white-stroke)}.ChordThumbnail-svg rect.active.color-9{fill:#83ba6d;stroke-width:.25px;stroke:var(--thumbkey-white-stroke)}.ChordThumbnail-svg rect.active.color-10{fill:#9cbe5a;stroke-width:.25px;stroke:var(--thumbkey-white-stroke)}.ChordThumbnail-svg rect.active.color-11{fill:#b4bd4c;stroke-width:.25px;stroke:var(--thumbkey-white-stroke)}.ChordThumbnail-svg rect.active.color-12{fill:#cab842;stroke-width:.25px;stroke:var(--thumbkey-white-stroke)}.ChordThumbnail-svg rect.active.color-13{fill:#dbab3b;stroke-width:.25px;stroke:var(--thumbkey-white-stroke)}.ChordThumbnail-svg rect.active.color-14{fill:#e59435;stroke-width:.25px;stroke:var(--thumbkey-white-stroke)}.ChordThumbnail-svg rect.active.color-15{fill:#e7732f;stroke-width:.25px;stroke:var(--thumbkey-white-stroke)}.ChordThumbnail-svg rect.active.color-16{fill:#e24a28;stroke-width:.25px;stroke:var(--thumbkey-white-stroke)}.ChordThumbnail-svg rect.active.color-17{fill:#e3403f;stroke-width:.25px;stroke:var(--thumbkey-white-stroke)}.chordSelector-container{box-sizing:border-box;border-radius:6px;width:100%;max-width:75rem;margin:.5rem auto 3rem;padding:1rem;background-color:var(--card)!important}.chordSelector-container input{background-color:var(--input-bg);border:1.5px solid var(--input-border);max-width:100%;color:var(--text);vertical-align:top;appearance:none;box-sizing:border-box;border-radius:5px;justify-content:flex-start;align-items:center;width:100%;height:2.25em;margin-bottom:1rem;padding:.375em .625em;font-family:inherit;font-size:1rem;line-height:1.5;display:inline-flex;position:relative}.chordSelector-container input:hover{border-color:#858585}.chordSelector-container input:active,.chordSelector-container input:focus{border-color:#3273dc;outline:0;box-shadow:0 0 0 .2rem #3273dc40}.chordSelector-container input.color-1:focus{border-color:#781c81;box-shadow:0 0 0 .2em #781c8133}.chordSelector-container input.color-2:focus{border-color:#4e1e81;box-shadow:0 0 0 .2em #4e1e8133}.chordSelector-container input.color-3:focus{border-color:#413992;box-shadow:0 0 0 .2em #41399233}.chordSelector-container input.color-4:focus{border-color:#3f5cab;box-shadow:0 0 0 .2em #3f5cab33}.chordSelector-container input.color-5:focus{border-color:#447cbf;box-shadow:0 0 0 .2em #447cbf33}.chordSelector-container input.color-6:focus{border-color:#4d95be;box-shadow:0 0 0 .2em #4d95be33}.chordSelector-container input.color-7:focus{border-color:#5ba7a6;box-shadow:0 0 0 .2em #5ba7a633}.chordSelector-container input.color-8:focus{border-color:#6eb388;box-shadow:0 0 0 .2em #6eb38833}.chordSelector-container input.color-9:focus{border-color:#83ba6d;box-shadow:0 0 0 .2em #83ba6d33}.chordSelector-container input.color-10:focus{border-color:#9cbe5a;box-shadow:0 0 0 .2em #9cbe5a33}.chordSelector-container input.color-11:focus{border-color:#b4bd4c;box-shadow:0 0 0 .2em #b4bd4c33}.chordSelector-container input.color-12:focus{border-color:#cab842;box-shadow:0 0 0 .2em #cab84233}.chordSelector-container input.color-13:focus{border-color:#dbab3b;box-shadow:0 0 0 .2em #dbab3b33}.chordSelector-container input.color-14:focus{border-color:#e59435;box-shadow:0 0 0 .2em #e5943533}.chordSelector-container input.color-15:focus{border-color:#e7732f;box-shadow:0 0 0 .2em #e7732f33}.chordSelector-container input.color-16:focus{border-color:#e24a28;box-shadow:0 0 0 .2em #e24a2833}.chordSelector-container input.color-17:focus{border-color:#d92120;box-shadow:0 0 0 .2em #d9212033}.chordSelector-container .chord-container{flex-flow:wrap;width:100%;display:flex}.chordSelector-container .chord-container .chord{box-sizing:border-box;color:var(--text);text-align:center;box-shadow:var(--shadow);border-radius:6px;flex-grow:1;margin:3px;padding:2rem .5rem;text-decoration:none;background-color:var(--chordcard)!important}.chordSelector-container .chord-container .chord:hover .name{background:var(--text);-webkit-text-fill-color:transparent;background-clip:border-box;-webkit-background-clip:text;font-weight:600}.chordSelector-container .chord-container .chord:hover.color-1{background:var(--accent-1-rgb);box-shadow:var(--shadow)}.chordSelector-container .chord-container .chord:hover.color-2{background:var(--accent-2-rgb);box-shadow:var(--shadow)}.chordSelector-container .chord-container .chord:hover.color-3{background:var(--accent-3-rgb);box-shadow:var(--shadow)}.chordSelector-container .chord-container .chord:hover.color-4{background:var(--accent-4-rgb);box-shadow:var(--shadow)}.chordSelector-container .chord-container .chord:hover.color-5{background:var(--accent-5-rgb);box-shadow:var(--shadow)}.chordSelector-container .chord-container .chord:hover.color-6{background:var(--accent-6-rgb);box-shadow:var(--shadow)}.chordSelector-container .chord-container .chord:hover.color-7{background:var(--accent-7-rgb);box-shadow:var(--shadow)}.chordSelector-container .chord-container .chord:hover.color-8{background:var(--accent-8-rgb);box-shadow:var(--shadow)}.chordSelector-container .chord-container .chord:hover.color-9{background:var(--accent-9-rgb);box-shadow:var(--shadow)}.chordSelector-container .chord-container .chord:hover.color-10{background:var(--accent-10-rgb);box-shadow:var(--shadow)}.chordSelector-container .chord-container .chord:hover.color-11{background:var(--accent-11-rgb);box-shadow:var(--shadow)}.chordSelector-container .chord-container .chord:hover.color-12{background:var(--accent-12-rgb);box-shadow:var(--shadow)}.chordSelector-container .chord-container .chord:hover.color-13{background:var(--accent-13-rgb);box-shadow:var(--shadow)}.chordSelector-container .chord-container .chord:hover.color-14{background:var(--accent-14-rgb);box-shadow:var(--shadow)}.chordSelector-container .chord-container .chord:hover.color-15{background:var(--accent-15-rgb);box-shadow:var(--shadow)}.chordSelector-container .chord-container .chord:hover.color-16{background:var(--accent-16-rgb);box-shadow:var(--shadow)}.chordSelector-container .chord-container .chord:hover.color-17{background:var(--accent-17-rgb);box-shadow:var(--shadow)}.chordSelector-container .chord-container .chord .name{margin-top:.75rem;padding-bottom:3px;font-size:1rem}.chordSelector-container .chord-container .missing-chord{color:var(--text);line-height:1.3rem}.chordSelector-container .chord-container .missing-chord a,.chordSelector-container .chord-container .missing-chord a:link,.chordSelector-container .chord-container .missing-chord a:active,.chordSelector-container .chord-container .missing-chord a:visited,.chordSelector-container .chord-container .missing-chord a:hover{color:var(--link)}.chordSelector-container .chord-container .missing-chord a.no-decoration{text-decoration:none}.chordSelector-container .chord-container .missing-chord b{font-weight:600}.chordSelector-container .chord-container .chord.active{border-color:var(--borderselector);box-shadow:var(--shadow);transform:translateY(-1px)}.chordSelector-container .chord-container .chord.active .name{color:var(--text);font-weight:700}.chordPropblock{box-sizing:border-box;flex-flow:wrap;justify-content:center;align-items:center;width:100%;max-width:75rem;height:180px;min-height:120px;margin:0 auto;padding:.75rem 1rem;display:flex}.chordDetail-container{box-sizing:border-box;border-radius:6px;width:100%;max-width:75rem;margin:.5rem auto;padding:2rem 1rem}.chordDetail-container.color-1{background:var(--accent-1-rgb)!important}.chordDetail-container.color-2{background:var(--accent-2-rgb)!important}.chordDetail-container.color-3{background:var(--accent-3-rgb)!important}.chordDetail-container.color-4{background:var(--accent-4-rgb)!important}.chordDetail-container.color-5{background:var(--accent-5-rgb)!important}.chordDetail-container.color-6{background:var(--accent-6-rgb)!important}.chordDetail-container.color-7{background:var(--accent-7-rgb)!important}.chordDetail-container.color-8{background:var(--accent-8-rgb)!important}.chordDetail-container.color-9{background:var(--accent-9-rgb)!important}.chordDetail-container.color-10{background:var(--accent-10-rgb)!important}.chordDetail-container.color-11{background:var(--accent-11-rgb)!important}.chordDetail-container.color-12{background:var(--accent-12-rgb)!important}.chordDetail-container.color-13{background:var(--accent-13-rgb)!important}.chordDetail-container.color-14{background:var(--accent-14-rgb)!important}.chordDetail-container.color-15{background:var(--accent-15-rgb)!important}.chordDetail-container.color-16{background:var(--accent-16-rgb)!important}.chordDetail-container.color-17{background:var(--accent-17-rgb)!important}.chordDetail-container .information-container{flex-flow:wrap;justify-content:center;align-items:center;row-gap:1rem;display:flex}.chordDetail-container .information-container .name-of-type{text-align:center;text-transform:uppercase;letter-spacing:1px;opacity:.7;flex-grow:1;margin-bottom:10px;padding-left:2rem;padding-right:2rem;font-size:.75rem;font-weight:300}.chordDetail-container .information-container h1{text-align:center;flex-grow:3;margin-right:.5rem;font-size:3rem;font-weight:400}.chordDetail-container .information-container .share-block-card{text-align:center;margin-top:25px;margin-left:2rem;margin-right:2rem}.chordDetail-container .information-container .share-block-card .share-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.chordDetail-container .information-container .share-block-card .share-item{align-items:center;gap:8px;display:inline-flex}.chordDetail-container .information-container .share-block-card .share-count{font-variant-numeric:tabular-nums;text-align:right;min-width:2ch;color:var(--muted,#666);font-size:14px;line-height:1}.chordDetail-container .information-container .information-head{width:50%}.chordDetail-container .information-container .information{flex-grow:1;width:50%;font-size:.95rem}.chordDetail-container .information-container .information div{margin-bottom:.4rem;line-height:1.6rem}.chordDetail-container .information-container .information b{margin-right:.2rem;font-weight:600}.chordDetail-container .information-container .information .muted{opacity:.7}@media (width<=767px){.chordDetail-container .chordPropblock{height:300px!important}.chordDetail-container .information-container h1{margin-bottom:10px;padding-left:2rem;padding-right:2rem;font-size:2.5rem}.chordDetail-container .information-container .share-block-card{margin-top:20px}.chordDetail-container .information-container .information-head{width:100%}.chordDetail-container .information-container .information{flex-grow:1;width:100%;margin-top:10px;font-size:.95rem}.chordDetail-container .information-container .information div{margin-bottom:.4rem;line-height:1.6rem}.chordDetail-container .information-container .information b{margin-right:.2rem;font-weight:600}.chordDetail-container .information-container .information .shortinfo{border-top:1px solid var(--borderextralight);margin-top:20px;padding-top:20px}.chordDetail-container .inversion-container .inversion-header span{font-size:16px}}.chordDetail-container .inversion-container{box-shadow:var(--shadow);background-color:var(--inversioncard);border-radius:.4rem;margin-top:2rem}.chordDetail-container .inversion-container .inversion-header{user-select:none;height:2.5rem;color:var(--text);cursor:pointer;flex-direction:row;justify-content:space-between;align-items:center;padding:0 1rem;font-size:1rem;display:flex}.chordDetail-container .inversion-container .inversion-content{flex-flow:wrap;padding:1rem;display:flex}.chordDetail-container .inversion-container .inversion-content .chord{cursor:pointer;text-align:center;background-color:var(--chordcard);border-radius:.4rem;flex-grow:1;margin:1px;padding:2rem .5rem}.chordDetail-container .inversion-container .inversion-content .chord.active.color-1{background:var(--accent-1-rgb);box-shadow:var(--shadowbox)}.chordDetail-container .inversion-container .inversion-content .chord.active.color-2{background:var(--accent-2-rgb);box-shadow:var(--shadowbox)}.chordDetail-container .inversion-container .inversion-content .chord.active.color-3{background:var(--accent-3-rgb);box-shadow:var(--shadowbox)}.chordDetail-container .inversion-container .inversion-content .chord.active.color-4{background:var(--accent-4-rgb);box-shadow:var(--shadowbox)}.chordDetail-container .inversion-container .inversion-content .chord.active.color-5{background:var(--accent-5-rgb);box-shadow:var(--shadowbox)}.chordDetail-container .inversion-container .inversion-content .chord.active.color-6{background:var(--accent-6-rgb);box-shadow:var(--shadowbox)}.chordDetail-container .inversion-container .inversion-content .chord.active.color-7{background:var(--accent-7-rgb);box-shadow:var(--shadowbox)}.chordDetail-container .inversion-container .inversion-content .chord.active.color-8{background:var(--accent-8-rgb);box-shadow:var(--shadowbox)}.chordDetail-container .inversion-container .inversion-content .chord.active.color-9{background:var(--accent-9-rgb);box-shadow:var(--shadowbox)}.chordDetail-container .inversion-container .inversion-content .chord.active.color-10{background:var(--accent-10-rgb);box-shadow:var(--shadowbox)}.chordDetail-container .inversion-container .inversion-content .chord.active.color-11{background:var(--accent-11-rgb);box-shadow:var(--shadowbox)}.chordDetail-container .inversion-container .inversion-content .chord.active.color-12{background:var(--accent-12-rgb);box-shadow:var(--shadowbox)}.chordDetail-container .inversion-container .inversion-content .chord.active.color-13{background:var(--accent-13-rgb);box-shadow:var(--shadowbox)}.chordDetail-container .inversion-container .inversion-content .chord.active.color-14{background:var(--accent-14-rgb);box-shadow:var(--shadowbox)}.chordDetail-container .inversion-container .inversion-content .chord.active.color-15{background:var(--accent-15-rgb);box-shadow:var(--shadowbox)}.chordDetail-container .inversion-container .inversion-content .chord.active.color-16{background:var(--accent-16-rgb);box-shadow:var(--shadowbox)}.chordDetail-container .inversion-container .inversion-content .chord.active.color-17{background:var(--accent-17-rgb);box-shadow:var(--shadowbox)}.chordDetail-container .inversion-container .inversion-content .chord .chord-title{margin-bottom:.75rem;font-size:1.1rem;font-weight:lighter}.chordDetail-container .inversion-container .inversion-content .chord .chord-name{margin-top:.75rem;font-size:1rem}.ScaleThumbnail-svg rect.white{fill:var(--thumbkey-white-fill);stroke-width:1px;stroke:var(--thumbkey-white-stroke)}.ScaleThumbnail-svg rect.black{fill:var(--thumbkey-black-fill)}.ScaleThumbnail-svg rect.active.color-1{fill:#9f25ab;stroke-width:.25px;stroke:var(--thumbkey-white-stroke)}.ScaleThumbnail-svg rect.active.color-2{fill:#8035d0;stroke-width:.25px;stroke:var(--thumbkey-white-stroke)}.ScaleThumbnail-svg rect.active.color-3{fill:#6259be;stroke-width:.25px;stroke:var(--thumbkey-white-stroke)}.ScaleThumbnail-svg rect.active.color-4{fill:#3f5cab;stroke-width:.25px;stroke:var(--thumbkey-white-stroke)}.ScaleThumbnail-svg rect.active.color-5{fill:#447cbf;stroke-width:.25px;stroke:var(--thumbkey-white-stroke)}.ScaleThumbnail-svg rect.active.color-6{fill:#4d95be;stroke-width:.25px;stroke:var(--thumbkey-white-stroke)}.ScaleThumbnail-svg rect.active.color-7{fill:#5ba7a6;stroke-width:.25px;stroke:var(--thumbkey-white-stroke)}.ScaleThumbnail-svg rect.active.color-8{fill:#6eb388;stroke-width:.25px;stroke:var(--thumbkey-white-stroke)}.ScaleThumbnail-svg rect.active.color-9{fill:#83ba6d;stroke-width:.25px;stroke:var(--thumbkey-white-stroke)}.ScaleThumbnail-svg rect.active.color-10{fill:#9cbe5a;stroke-width:.25px;stroke:var(--thumbkey-white-stroke)}.ScaleThumbnail-svg rect.active.color-11{fill:#b4bd4c;stroke-width:.25px;stroke:var(--thumbkey-white-stroke)}.ScaleThumbnail-svg rect.active.color-12{fill:#cab842;stroke-width:.25px;stroke:var(--thumbkey-white-stroke)}.ScaleThumbnail-svg rect.active.color-13{fill:#dbab3b;stroke-width:.25px;stroke:var(--thumbkey-white-stroke)}.ScaleThumbnail-svg rect.active.color-14{fill:#e59435;stroke-width:.25px;stroke:var(--thumbkey-white-stroke)}.ScaleThumbnail-svg rect.active.color-15{fill:#e7732f;stroke-width:.25px;stroke:var(--thumbkey-white-stroke)}.ScaleThumbnail-svg rect.active.color-16{fill:#e24a28;stroke-width:.25px;stroke:var(--thumbkey-white-stroke)}.ScaleThumbnail-svg rect.active.color-17{fill:#e3403f;stroke-width:.25px;stroke:var(--thumbkey-white-stroke)}.scaleSelector-container{background-color:var(--card);box-sizing:border-box;border-radius:6px;width:100%;max-width:75rem;margin:.5rem auto 3rem;padding:1rem}.scaleSelector-container input{background-color:var(--input-bg);border:1.5px solid var(--input-border);max-width:100%;color:var(--text);vertical-align:top;appearance:none;box-sizing:border-box;border-radius:5px;justify-content:flex-start;align-items:center;width:100%;height:2.25em;margin-bottom:1rem;padding:.375em .625em;font-family:inherit;font-size:1rem;line-height:1.5;display:inline-flex;position:relative}.scaleSelector-container input:hover{border-color:#858585}.scaleSelector-container input:active,.scaleSelector-container input:focus{border-color:#3273dc;outline:0;box-shadow:0 0 0 .2rem #3273dc40}.scaleSelector-container input.color-1:focus{border-color:#781c81;box-shadow:0 0 0 .2em #781c8133}.scaleSelector-container input.color-2:focus{border-color:#4e1e81;box-shadow:0 0 0 .2em #4e1e8133}.scaleSelector-container input.color-3:focus{border-color:#413992;box-shadow:0 0 0 .2em #41399233}.scaleSelector-container input.color-4:focus{border-color:#3f5cab;box-shadow:0 0 0 .2em #3f5cab33}.scaleSelector-container input.color-5:focus{border-color:#447cbf;box-shadow:0 0 0 .2em #447cbf33}.scaleSelector-container input.color-6:focus{border-color:#4d95be;box-shadow:0 0 0 .2em #4d95be33}.scaleSelector-container input.color-7:focus{border-color:#5ba7a6;box-shadow:0 0 0 .2em #5ba7a633}.scaleSelector-container input.color-8:focus{border-color:#6eb388;box-shadow:0 0 0 .2em #6eb38833}.scaleSelector-container input.color-9:focus{border-color:#83ba6d;box-shadow:0 0 0 .2em #83ba6d33}.scaleSelector-container input.color-10:focus{border-color:#9cbe5a;box-shadow:0 0 0 .2em #9cbe5a33}.scaleSelector-container input.color-11:focus{border-color:#b4bd4c;box-shadow:0 0 0 .2em #b4bd4c33}.scaleSelector-container input.color-12:focus{border-color:#cab842;box-shadow:0 0 0 .2em #cab84233}.scaleSelector-container input.color-13:focus{border-color:#dbab3b;box-shadow:0 0 0 .2em #dbab3b33}.scaleSelector-container input.color-14:focus{border-color:#e59435;box-shadow:0 0 0 .2em #e5943533}.scaleSelector-container input.color-15:focus{border-color:#e7732f;box-shadow:0 0 0 .2em #e7732f33}.scaleSelector-container input.color-16:focus{border-color:#e24a28;box-shadow:0 0 0 .2em #e24a2833}.scaleSelector-container input.color-17:focus{border-color:#d92120;box-shadow:0 0 0 .2em #d9212033}.scaleSelector-container .scale-container{flex-flow:wrap;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;width:100%;display:grid}.scaleSelector-container .scale-container .scale{box-sizing:border-box;background-color:var(--chordcard);color:var(--text);text-align:center;box-shadow:var(--shadow);border-radius:6px;flex-grow:1;margin:3px;padding:2rem .5rem;text-decoration:none}.scaleSelector-container .scale-container .scale:hover .name{background:var(--text);-webkit-text-fill-color:transparent;background-clip:border-box;-webkit-background-clip:text;font-weight:600}.scaleSelector-container .scale-container .scale:hover.color-1{background:var(--accent-1-rgb);box-shadow:var(--shadow)}.scaleSelector-container .scale-container .scale:hover.color-2{background:var(--accent-2-rgb);box-shadow:var(--shadow)}.scaleSelector-container .scale-container .scale:hover.color-3{background:var(--accent-3-rgb);box-shadow:var(--shadow)}.scaleSelector-container .scale-container .scale:hover.color-4{background:var(--accent-4-rgb);box-shadow:var(--shadow)}.scaleSelector-container .scale-container .scale:hover.color-5{background:var(--accent-5-rgb);box-shadow:var(--shadow)}.scaleSelector-container .scale-container .scale:hover.color-6{background:var(--accent-6-rgb);box-shadow:var(--shadow)}.scaleSelector-container .scale-container .scale:hover.color-7{background:var(--accent-7-rgb);box-shadow:var(--shadow)}.scaleSelector-container .scale-container .scale:hover.color-8{background:var(--accent-8-rgb);box-shadow:var(--shadow)}.scaleSelector-container .scale-container .scale:hover.color-9{background:var(--accent-9-rgb);box-shadow:var(--shadow)}.scaleSelector-container .scale-container .scale:hover.color-10{background:var(--accent-10-rgb);box-shadow:var(--shadow)}.scaleSelector-container .scale-container .scale:hover.color-11{background:var(--accent-11-rgb);box-shadow:var(--shadow)}.scaleSelector-container .scale-container .scale:hover.color-12{background:var(--accent-12-rgb);box-shadow:var(--shadow)}.scaleSelector-container .scale-container .scale:hover.color-13{background:var(--accent-13-rgb);box-shadow:var(--shadow)}.scaleSelector-container .scale-container .scale:hover.color-14{background:var(--accent-14-rgb);box-shadow:var(--shadow)}.scaleSelector-container .scale-container .scale:hover.color-15{background:var(--accent-15-rgb);box-shadow:var(--shadow)}.scaleSelector-container .scale-container .scale:hover.color-16{background:var(--accent-16-rgb);box-shadow:var(--shadow)}.scaleSelector-container .scale-container .scale:hover.color-17{background:var(--accent-17-rgb);box-shadow:var(--shadow)}.scaleSelector-container .scale-container .scale .name{margin-top:.75rem;padding-bottom:3px;font-size:1rem}.scaleSelector-container .scale-container .missing-scale{color:var(--text);line-height:1.3rem}.scaleSelector-container .scale-container .missing-scale a,.scaleSelector-container .scale-container .missing-scale a:link,.scaleSelector-container .scale-container .missing-scale a:active,.scaleSelector-container .scale-container .missing-scale a:visited,.scaleSelector-container .scale-container .missing-scale a:hover{color:var(--link)}.scaleSelector-container .scale-container .missing-scale a.no-decoration{text-decoration:none}.scaleSelector-container .scale-container .missing-scale b{font-weight:600}.scaleSelector-container .scale-container .scale.active{border-color:var(--borderselector);box-shadow:var(--shadow);transform:translateY(-1px)}.scaleSelector-container .scale-container .scale.active .name{color:var(--text);font-weight:700}@media (width<=768px){.scaleSelector-container .scale-container{display:flex}}.scalePropblock{box-sizing:border-box;flex-flow:wrap;justify-content:center;align-items:center;width:100%;max-width:75rem;height:180px;min-height:120px;margin:0 auto;padding:.75rem 1rem;display:flex}.scaleDetail-container{box-sizing:border-box;border-radius:6px;width:100%;max-width:75rem;margin:.5rem auto;padding:2rem 1rem}.scaleDetail-container.color-1{background:var(--accent-1-rgb)!important}.scaleDetail-container.color-2{background:var(--accent-2-rgb)!important}.scaleDetail-container.color-3{background:var(--accent-3-rgb)!important}.scaleDetail-container.color-4{background:var(--accent-4-rgb)!important}.scaleDetail-container.color-5{background:var(--accent-5-rgb)!important}.scaleDetail-container.color-6{background:var(--accent-6-rgb)!important}.scaleDetail-container.color-7{background:var(--accent-7-rgb)!important}.scaleDetail-container.color-8{background:var(--accent-8-rgb)!important}.scaleDetail-container.color-9{background:var(--accent-9-rgb)!important}.scaleDetail-container.color-10{background:var(--accent-10-rgb)!important}.scaleDetail-container.color-11{background:var(--accent-11-rgb)!important}.scaleDetail-container.color-12{background:var(--accent-12-rgb)!important}.scaleDetail-container.color-13{background:var(--accent-13-rgb)!important}.scaleDetail-container.color-14{background:var(--accent-14-rgb)!important}.scaleDetail-container.color-15{background:var(--accent-15-rgb)!important}.scaleDetail-container.color-16{background:var(--accent-16-rgb)!important}.scaleDetail-container.color-17{background:var(--accent-17-rgb)!important}.scaleDetail-container .information-container{flex-flow:row;justify-content:center;align-items:center;gap:16px;display:flex}.scaleDetail-container .information-container .name-of-type{text-align:center;text-transform:uppercase;letter-spacing:1px;opacity:.7;flex-grow:1;margin-bottom:10px;padding-left:2rem;padding-right:2rem;font-size:.75rem;font-weight:300}.scaleDetail-container .information-container h1{text-align:center;flex-grow:3;padding-left:2rem;padding-right:2rem;font-size:3rem;font-weight:400}.scaleDetail-container .information-container .share-block-card{text-align:center;margin-top:25px;margin-left:2rem;margin-right:2rem}.scaleDetail-container .information-container .share-block-card .share-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.scaleDetail-container .information-container .share-block-card .share-item{align-items:center;gap:8px;display:inline-flex}.scaleDetail-container .information-container .share-block-card .share-count{font-variant-numeric:tabular-nums;text-align:right;min-width:2ch;color:var(--muted,#666);font-size:14px;line-height:1}.scaleDetail-container .information-container .information-head{width:50%}.scaleDetail-container .information-container .information-head .shortinfo{border-top:1px solid #dedede;margin-top:20px;margin-left:.5rem;margin-right:.5rem;padding-top:20px;font-size:.95rem;line-height:1.6rem}.scaleDetail-container .information-container .information-head .shortinfo b{margin-right:3px;font-weight:600}.scaleDetail-container .information-container .information{flex-grow:1;width:50%;font-size:.95rem}.scaleDetail-container .information-container .information div{margin-bottom:.4rem;line-height:1.6rem}.scaleDetail-container .information-container .information b{margin-right:.2rem;font-weight:600}.scaleDetail-container .information-container .information .shortinfo{border-top:1px solid var(--borderextralight);margin-top:20px;padding-top:20px}.scaleDetail-container .information-container .information .muted{opacity:.7}@media (width<=767px){.scaleDetail-container .scalePropblock{height:300px!important}.scaleDetail-container .information-container{display:inline-block}.scaleDetail-container .information-container h1{flex-grow:3;margin-bottom:10px;padding-left:2rem;padding-right:2rem;font-size:2.5rem}.scaleDetail-container .information-container .share-block-card{margin-top:20px}.scaleDetail-container .information-container .information-head{width:100%}.scaleDetail-container .information-container .information{flex-grow:1;width:100%;margin-top:30px;font-size:.95rem}.scaleDetail-container .information-container .information div{margin-bottom:.4rem;line-height:1.6rem}.scaleDetail-container .information-container .information b{margin-right:.2rem;font-weight:600}.scaleDetail-container .information-container .information .shortinfo{border-top:1px solid var(--borderlight);margin-top:20px;padding-top:20px}}.scaleDetail-container .inversion-container{background-color:#fff;border-radius:.4rem;margin-top:1rem;box-shadow:0 0 5px #dadada}.scaleDetail-container .inversion-container .inversion-header{user-select:none;color:#3f3f3f;cursor:pointer;flex-direction:row;justify-content:space-between;align-items:center;height:2.5rem;padding:0 1rem;font-size:1.1rem;display:flex}.scaleDetail-container .inversion-container .inversion-content{flex-flow:wrap;padding:1rem;display:flex}.scaleDetail-container .inversion-container .inversion-content .scale{cursor:pointer;text-align:center;background-color:#fff;border-radius:.4rem;flex-grow:1;margin:1px;padding:2rem .5rem}.scaleDetail-container .inversion-container .inversion-content .scale.active.color-1{background:linear-gradient(45deg,#fff 0%,#781c811a 100%);box-shadow:0 0 5px #e1e1e1}.scaleDetail-container .inversion-container .inversion-content .scale.active.color-2{background:linear-gradient(45deg,#fff 0%,#4e1e811a 100%);box-shadow:0 0 5px #e1e1e1}.scaleDetail-container .inversion-container .inversion-content .scale.active.color-3{background:linear-gradient(45deg,#fff 0%,#4139921a 100%);box-shadow:0 0 5px #e1e1e1}.scaleDetail-container .inversion-container .inversion-content .scale.active.color-4{background:linear-gradient(45deg,#fff 0%,#3f5cab1a 100%);box-shadow:0 0 5px #e1e1e1}.scaleDetail-container .inversion-container .inversion-content .scale.active.color-5{background:linear-gradient(45deg,#fff 0%,#447cbf1a 100%);box-shadow:0 0 5px #e1e1e1}.scaleDetail-container .inversion-container .inversion-content .scale.active.color-6{background:linear-gradient(45deg,#fff 0%,#4d95be1a 100%);box-shadow:0 0 5px #e1e1e1}.scaleDetail-container .inversion-container .inversion-content .scale.active.color-7{background:linear-gradient(45deg,#fff 0%,#5ba7a61a 100%);box-shadow:0 0 5px #e1e1e1}.scaleDetail-container .inversion-container .inversion-content .scale.active.color-8{background:linear-gradient(45deg,#fff 0%,#6eb3881a 100%);box-shadow:0 0 5px #e1e1e1}.scaleDetail-container .inversion-container .inversion-content .scale.active.color-9{background:linear-gradient(45deg,#fff 0%,#83ba6d1a 100%);box-shadow:0 0 5px #e1e1e1}.scaleDetail-container .inversion-container .inversion-content .scale.active.color-10{background:linear-gradient(45deg,#fff 0%,#9cbe5a1a 100%);box-shadow:0 0 5px #e1e1e1}.scaleDetail-container .inversion-container .inversion-content .scale.active.color-11{background:linear-gradient(45deg,#fff 0%,#b4bd4c1a 100%);box-shadow:0 0 5px #e1e1e1}.scaleDetail-container .inversion-container .inversion-content .scale.active.color-12{background:linear-gradient(45deg,#fff 0%,#cab8421a 100%);box-shadow:0 0 5px #e1e1e1}.scaleDetail-container .inversion-container .inversion-content .scale.active.color-13{background:linear-gradient(45deg,#fff 0%,#dbab3b1a 100%);box-shadow:0 0 5px #e1e1e1}.scaleDetail-container .inversion-container .inversion-content .scale.active.color-14{background:linear-gradient(45deg,#fff 0%,#e594351a 100%);box-shadow:0 0 5px #e1e1e1}.scaleDetail-container .inversion-container .inversion-content .scale.active.color-15{background:linear-gradient(45deg,#fff 0%,#e7732f1a 100%);box-shadow:0 0 5px #e1e1e1}.scaleDetail-container .inversion-container .inversion-content .scale.active.color-16{background:linear-gradient(45deg,#fff 0%,#e24a281a 100%);box-shadow:0 0 5px #e1e1e1}.scaleDetail-container .inversion-container .inversion-content .scale.active.color-17{background:linear-gradient(45deg,#fff 0%,#d921201a 100%);box-shadow:0 0 5px #e1e1e1}.scaleDetail-container .inversion-container .inversion-content .scale .scale-title{margin-bottom:.75rem;font-size:1.3rem;font-weight:lighter}.scaleDetail-container .inversion-container .inversion-content .scale .scale-name{margin-top:.75rem;font-size:1rem}.TonalityThumbnail-svg rect.white{fill:var(--thumbkey-white-fill);stroke-width:1px;stroke:var(--thumbkey-white-stroke)}.TonalityThumbnail-svg rect.black{fill:var(--thumbkey-black-fill)}.TonalityThumbnail-svg rect.active.color-1{fill:#9f25ab;stroke-width:.25px;stroke:var(--thumbkey-white-stroke)}.TonalityThumbnail-svg rect.active.color-2{fill:#8035d0;stroke-width:.25px;stroke:var(--thumbkey-white-stroke)}.TonalityThumbnail-svg rect.active.color-3{fill:#6259be;stroke-width:.25px;stroke:var(--thumbkey-white-stroke)}.TonalityThumbnail-svg rect.active.color-4{fill:#3f5cab;stroke-width:.25px;stroke:var(--thumbkey-white-stroke)}.TonalityThumbnail-svg rect.active.color-5{fill:#447cbf;stroke-width:.25px;stroke:var(--thumbkey-white-stroke)}.TonalityThumbnail-svg rect.active.color-6{fill:#4d95be;stroke-width:.25px;stroke:var(--thumbkey-white-stroke)}.TonalityThumbnail-svg rect.active.color-7{fill:#5ba7a6;stroke-width:.25px;stroke:var(--thumbkey-white-stroke)}.TonalityThumbnail-svg rect.active.color-8{fill:#6eb388;stroke-width:.25px;stroke:var(--thumbkey-white-stroke)}.TonalityThumbnail-svg rect.active.color-9{fill:#83ba6d;stroke-width:.25px;stroke:var(--thumbkey-white-stroke)}.TonalityThumbnail-svg rect.active.color-10{fill:#9cbe5a;stroke-width:.25px;stroke:var(--thumbkey-white-stroke)}.TonalityThumbnail-svg rect.active.color-11{fill:#b4bd4c;stroke-width:.25px;stroke:var(--thumbkey-white-stroke)}.TonalityThumbnail-svg rect.active.color-12{fill:#cab842;stroke-width:.25px;stroke:var(--thumbkey-white-stroke)}.TonalityThumbnail-svg rect.active.color-13{fill:#dbab3b;stroke-width:.25px;stroke:var(--thumbkey-white-stroke)}.TonalityThumbnail-svg rect.active.color-14{fill:#e59435;stroke-width:.25px;stroke:var(--thumbkey-white-stroke)}.TonalityThumbnail-svg rect.active.color-15{fill:#e7732f;stroke-width:.25px;stroke:var(--thumbkey-white-stroke)}.TonalityThumbnail-svg rect.active.color-16{fill:#e24a28;stroke-width:.25px;stroke:var(--thumbkey-white-stroke)}.TonalityThumbnail-svg rect.active.color-17{fill:#e3403f;stroke-width:.25px;stroke:var(--thumbkey-white-stroke)}.tonalitySelector-container{background-color:var(--card);box-sizing:border-box;border-radius:6px;width:100%;max-width:75rem;margin:.5rem auto 3rem;padding:1rem}.tonalitySelector-container input{background-color:var(--input-bg);border:1.5px solid var(--input-border);max-width:100%;color:var(--text);vertical-align:top;appearance:none;box-sizing:border-box;border-radius:5px;justify-content:flex-start;align-items:center;width:100%;height:2.25em;margin-bottom:1rem;padding:.375em .625em;font-family:inherit;font-size:1rem;line-height:1.5;display:inline-flex;position:relative}.tonalitySelector-container input:hover{border-color:#858585}.tonalitySelector-container input:active,.tonalitySelector-container input:focus{border-color:#3273dc;outline:0;box-shadow:0 0 0 .2rem #3273dc40}.tonalitySelector-container input.color-1:focus{border-color:#781c81;box-shadow:0 0 0 .2em #781c8133}.tonalitySelector-container input.color-2:focus{border-color:#4e1e81;box-shadow:0 0 0 .2em #4e1e8133}.tonalitySelector-container input.color-3:focus{border-color:#413992;box-shadow:0 0 0 .2em #41399233}.tonalitySelector-container input.color-4:focus{border-color:#3f5cab;box-shadow:0 0 0 .2em #3f5cab33}.tonalitySelector-container input.color-5:focus{border-color:#447cbf;box-shadow:0 0 0 .2em #447cbf33}.tonalitySelector-container input.color-6:focus{border-color:#4d95be;box-shadow:0 0 0 .2em #4d95be33}.tonalitySelector-container input.color-7:focus{border-color:#5ba7a6;box-shadow:0 0 0 .2em #5ba7a633}.tonalitySelector-container input.color-8:focus{border-color:#6eb388;box-shadow:0 0 0 .2em #6eb38833}.tonalitySelector-container input.color-9:focus{border-color:#83ba6d;box-shadow:0 0 0 .2em #83ba6d33}.tonalitySelector-container input.color-10:focus{border-color:#9cbe5a;box-shadow:0 0 0 .2em #9cbe5a33}.tonalitySelector-container input.color-11:focus{border-color:#b4bd4c;box-shadow:0 0 0 .2em #b4bd4c33}.tonalitySelector-container input.color-12:focus{border-color:#cab842;box-shadow:0 0 0 .2em #cab84233}.tonalitySelector-container input.color-13:focus{border-color:#dbab3b;box-shadow:0 0 0 .2em #dbab3b33}.tonalitySelector-container input.color-14:focus{border-color:#e59435;box-shadow:0 0 0 .2em #e5943533}.tonalitySelector-container input.color-15:focus{border-color:#e7732f;box-shadow:0 0 0 .2em #e7732f33}.tonalitySelector-container input.color-16:focus{border-color:#e24a28;box-shadow:0 0 0 .2em #e24a2833}.tonalitySelector-container input.color-17:focus{border-color:#d92120;box-shadow:0 0 0 .2em #d9212033}.tonalitySelector-container .tonality-container{flex-flow:wrap;width:100%;display:flex}.tonalitySelector-container .tonality-container .tonality{box-sizing:border-box;background-color:var(--chordcard);color:var(--text);text-align:center;box-shadow:var(--shadow);border-radius:6px;flex-grow:1;margin:3px;padding:2rem .5rem;text-decoration:none}.tonalitySelector-container .tonality-container .tonality:hover .name{background:var(--text);-webkit-text-fill-color:transparent;background-clip:border-box;-webkit-background-clip:text;font-weight:600}.tonalitySelector-container .tonality-container .tonality:hover.color-1{background:var(--accent-1-rgb);box-shadow:var(--shadow)}.tonalitySelector-container .tonality-container .tonality:hover.color-2{background:var(--accent-2-rgb);box-shadow:var(--shadow)}.tonalitySelector-container .tonality-container .tonality:hover.color-3{background:var(--accent-3-rgb);box-shadow:var(--shadow)}.tonalitySelector-container .tonality-container .tonality:hover.color-4{background:var(--accent-4-rgb);box-shadow:var(--shadow)}.tonalitySelector-container .tonality-container .tonality:hover.color-5{background:var(--accent-5-rgb);box-shadow:var(--shadow)}.tonalitySelector-container .tonality-container .tonality:hover.color-6{background:var(--accent-6-rgb);box-shadow:var(--shadow)}.tonalitySelector-container .tonality-container .tonality:hover.color-7{background:var(--accent-7-rgb);box-shadow:var(--shadow)}.tonalitySelector-container .tonality-container .tonality:hover.color-8{background:var(--accent-8-rgb);box-shadow:var(--shadow)}.tonalitySelector-container .tonality-container .tonality:hover.color-9{background:var(--accent-9-rgb);box-shadow:var(--shadow)}.tonalitySelector-container .tonality-container .tonality:hover.color-10{background:var(--accent-10-rgb);box-shadow:var(--shadow)}.tonalitySelector-container .tonality-container .tonality:hover.color-11{background:var(--accent-11-rgb);box-shadow:var(--shadow)}.tonalitySelector-container .tonality-container .tonality:hover.color-12{background:var(--accent-12-rgb);box-shadow:var(--shadow)}.tonalitySelector-container .tonality-container .tonality:hover.color-13{background:var(--accent-13-rgb);box-shadow:var(--shadow)}.tonalitySelector-container .tonality-container .tonality:hover.color-14{background:var(--accent-14-rgb);box-shadow:var(--shadow)}.tonalitySelector-container .tonality-container .tonality:hover.color-15{background:var(--accent-15-rgb);box-shadow:var(--shadow)}.tonalitySelector-container .tonality-container .tonality:hover.color-16{background:var(--accent-16-rgb);box-shadow:var(--shadow)}.tonalitySelector-container .tonality-container .tonality:hover.color-17{background:var(--accent-17-rgb);box-shadow:var(--shadow)}.tonalitySelector-container .tonality-container .tonality .name{margin-top:.75rem;padding-bottom:3px;font-size:1rem}.tonalitySelector-container .tonality-container .missing-tonality{color:var(--text);line-height:1.3rem}.tonalitySelector-container .tonality-container .missing-tonality a,.tonalitySelector-container .tonality-container .missing-tonality a:link,.tonalitySelector-container .tonality-container .missing-tonality a:active,.tonalitySelector-container .tonality-container .missing-tonality a:visited,.tonalitySelector-container .tonality-container .missing-tonality a:hover{color:var(--link)}.tonalitySelector-container .tonality-container .missing-tonality a.no-decoration{text-decoration:none}.tonalitySelector-container .tonality-container .missing-tonality b{font-weight:600}.tonalitySelector-container .tonality-container .tonality.active{border-color:var(--borderselector);box-shadow:var(--shadow);transform:translateY(-1px)}.tonalitySelector-container .tonality-container .tonality.active .name{color:var(--text);font-weight:700}@media (width<=768px){.tonalitySelector-container .tonality-container{display:flex}}.tonalityPropblock{box-sizing:border-box;flex-flow:wrap;justify-content:center;align-items:center;width:100%;max-width:75rem;height:180px;min-height:120px;margin:0 auto;padding:.75rem 1rem;display:flex}.tonalityDetail-container{box-sizing:border-box;border-radius:6px;width:100%;max-width:75rem;margin:.5rem auto;padding:2rem 1rem}.tonalityDetail-container.color-1{background:var(--accent-1-rgb)!important}.tonalityDetail-container.color-2{background:var(--accent-2-rgb)!important}.tonalityDetail-container.color-3{background:var(--accent-3-rgb)!important}.tonalityDetail-container.color-4{background:var(--accent-4-rgb)!important}.tonalityDetail-container.color-5{background:var(--accent-5-rgb)!important}.tonalityDetail-container.color-6{background:var(--accent-6-rgb)!important}.tonalityDetail-container.color-7{background:var(--accent-7-rgb)!important}.tonalityDetail-container.color-8{background:var(--accent-8-rgb)!important}.tonalityDetail-container.color-9{background:var(--accent-9-rgb)!important}.tonalityDetail-container.color-10{background:var(--accent-10-rgb)!important}.tonalityDetail-container.color-11{background:var(--accent-11-rgb)!important}.tonalityDetail-container.color-12{background:var(--accent-12-rgb)!important}.tonalityDetail-container.color-13{background:var(--accent-13-rgb)!important}.tonalityDetail-container.color-14{background:var(--accent-14-rgb)!important}.tonalityDetail-container.color-15{background:var(--accent-15-rgb)!important}.tonalityDetail-container.color-16{background:var(--accent-16-rgb)!important}.tonalityDetail-container.color-17{background:var(--accent-17-rgb)!important}.tonalityDetail-container .information-container{flex-flow:row;justify-content:center;align-items:center}.tonalityDetail-container .information-container .keysig-row{text-align:center}.tonalityDetail-container .information-container .keysig-row svg{vertical-align:-.15em;height:6.25em;display:inline-block;overflow:visible}.tonalityDetail-container .information-container .keysig-row svg line{stroke:var(--text)}.tonalityDetail-container .information-container .accidental-sign,.tonalityDetail-container .information-container .clef-sign{fill:var(--text);font-family:Helsinki;font-size:36px;font-weight:400}.tonalityDetail-container .information-container .name-of-type{text-align:center;text-transform:uppercase;letter-spacing:1px;opacity:.7;flex-grow:1;margin-bottom:10px;padding-left:2rem;padding-right:2rem;font-size:.75rem;font-weight:300}.tonalityDetail-container .information-container h1{text-align:center;flex-grow:3;padding-left:2rem;padding-right:2rem;font-size:3rem;font-weight:400}.tonalityDetail-container .information-container h2{margin-bottom:16px;font-size:1rem;font-weight:600}.tonalityDetail-container .information-container .share-block-card{text-align:center;margin-top:0;margin-left:2rem;margin-right:2rem}.tonalityDetail-container .information-container .share-block-card .share-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.tonalityDetail-container .information-container .share-block-card .share-item{align-items:center;gap:8px;display:inline-flex}.tonalityDetail-container .information-container .share-block-card .share-count{font-variant-numeric:tabular-nums;text-align:right;min-width:2ch;color:var(--muted,#666);font-size:14px;line-height:1}.tonalityDetail-container .information-container .heading{flex-grow:1;width:100%;font-size:.95rem}.tonalityDetail-container .information-container .heading .headpart{gap:16px;width:100%;display:flex}.tonalityDetail-container .information-container .heading .headpart .information-head{width:100%}.tonalityDetail-container .information-container .heading .headpart .information-head .shortinfo{border-top:1px solid var(--borderlight);margin-top:20px;margin-left:.5rem;margin-right:.5rem;padding-top:20px;font-size:.95rem;line-height:1.6rem}.tonalityDetail-container .information-container .heading .headpart .information-head .shortinfo b{margin-right:3px;font-weight:600}.tonalityDetail-container .information-container .content-a{width:100%;margin-top:30px}.tonalityDetail-container .information-container .content-a .infopart{gap:16px;display:flex}.tonalityDetail-container .information-container .content-a .infopart .harmonization{flex-grow:1;font-size:.95rem}.tonalityDetail-container .information-container .content-a .infopart .harmonization div,.tonalityDetail-container .information-container .content-a .infopart .harmonization ul li{margin-bottom:.4rem;line-height:1.6rem}.tonalityDetail-container .information-container .content-a .infopart .harmonization b{font-weight:600}.tonalityDetail-container .information-container .content-a .infopart .harmonization .muted{opacity:.7}.tonalityDetail-container .information-container .content-a .infopart .harmonization .footnote-roman{font-family:Roboto Serif,serif}.tonalityDetail-container .information-container .content-a .infopart .harmonization .ingridients,.tonalityDetail-container .information-container .content-a .infopart .harmonization .ingridient-chords{margin-top:10px}.tonalityDetail-container .information-container .content-a .infopart .harmonization .ingridients h2,.tonalityDetail-container .information-container .content-a .infopart .harmonization .ingridient-chords h2{border-top:1px solid var(--borderlight);padding-top:20px;margin-top:20px!important;margin-bottom:8px!important}.tonalityDetail-container .information-container .content-a .infopart .harmonization .ingridients .muteditalic,.tonalityDetail-container .information-container .content-a .infopart .harmonization .ingridient-chords .muteditalic{opacity:.7;border-top:1px solid var(--borderlight);font-variation-settings:"slnt" -7;margin-top:10px;padding-top:10px}.tonalityDetail-container .information-container .content-b{width:100%;margin-top:25px}.tonalityDetail-container .information-container .content-b .chordpart{display:flex}.tonalityDetail-container .information-container .circle-of-fifths{flex-direction:column;width:30%;display:flex}.tonalityDetail-container .information-container .circle-of-fifths .cof-section{flex-direction:column;align-items:center;display:flex}.tonalityDetail-container .information-container .circle-of-fifths .cof-wrap{width:100%;max-width:560px;margin:0 auto}.tonalityDetail-container .information-container .circle-of-fifths .cof-box{width:100%;padding-bottom:100%;position:relative}.tonalityDetail-container .information-container .circle-of-fifths .cof-bg{pointer-events:none;border-radius:50%;position:absolute;inset:0}.tonalityDetail-container .information-container .circle-of-fifths .cof-bg-major{z-index:3}.tonalityDetail-container .information-container .circle-of-fifths .cof-bg-signature{z-index:1}.tonalityDetail-container .information-container .circle-of-fifths .cof-bg-minor{z-index:2}.tonalityDetail-container .information-container .circle-of-fifths .cof-canvas{border-radius:50%;position:absolute;inset:0}.tonalityDetail-container .information-container .circle-of-fifths .cof-outline{opacity:.5;pointer-events:none;z-index:3;border:2px solid;border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.tonalityDetail-container .information-container .circle-of-fifths .cof-node{box-sizing:border-box;background:var(--chordcard);border:1px solid var(--cof-border);color:inherit;user-select:none;border-radius:999px;justify-content:center;align-items:center;text-decoration:none;transition:box-shadow .15s,border-color .15s,transform 80ms;display:flex;position:absolute;transform:translate(-50%,-50%);z-index:5!important}.tonalityDetail-container .information-container .circle-of-fifths .cof-node.outer,.tonalityDetail-container .information-container .circle-of-fifths .cof-node.inner{color:var(--text)}.tonalityDetail-container .information-container .circle-of-fifths .cof-node.outer .cof-node-text{color:var(--text);padding:0 6px;font-size:clamp(12px,2.3vw,14px);line-height:1}.tonalityDetail-container .information-container .circle-of-fifths .cof-node.inner .cof-node-text{color:var(--text);padding:0 6px;font-size:clamp(12px,2.2vw,13px);line-height:1}.tonalityDetail-container .information-container .circle-of-fifths .cof-node:hover{border-width:2px;border-color:currentColor;box-shadow:0 1px 8px #0000001a}.tonalityDetail-container .information-container .circle-of-fifths .cof-node.active,.tonalityDetail-container .information-container .circle-of-fifths .cof-node.neighbor{border-width:2px;border-color:currentColor}.tonalityDetail-container .information-container .circle-of-fifths .color-1{color:#8e44ad!important}.tonalityDetail-container .information-container .circle-of-fifths .color-2{color:#4e1e81!important}.tonalityDetail-container .information-container .circle-of-fifths .color-3{color:#413992!important}.tonalityDetail-container .information-container .circle-of-fifths .color-4{color:#3f5cab!important}.tonalityDetail-container .information-container .circle-of-fifths .color-5{color:#447cbf!important}.tonalityDetail-container .information-container .circle-of-fifths .color-6{color:#4d95be!important}.tonalityDetail-container .information-container .circle-of-fifths .color-7{color:#5ba7a6!important}.tonalityDetail-container .information-container .circle-of-fifths .color-8{color:#6eb388!important}.tonalityDetail-container .information-container .circle-of-fifths .color-9{color:#83ba6d!important}.tonalityDetail-container .information-container .circle-of-fifths .color-10{color:#9cbe5a!important}.tonalityDetail-container .information-container .circle-of-fifths .color-11{color:#b4bd4c!important}.tonalityDetail-container .information-container .circle-of-fifths .color-12{color:#cab842!important}.tonalityDetail-container .information-container .circle-of-fifths .color-13{color:#dbab3b!important}.tonalityDetail-container .information-container .circle-of-fifths .color-14{color:#e59435!important}.tonalityDetail-container .information-container .circle-of-fifths .color-15{color:#e7732f!important}.tonalityDetail-container .information-container .circle-of-fifths .color-16{color:#e24a28!important}.tonalityDetail-container .information-container .circle-of-fifths .color-17{color:#d92120!important}.tonalityDetail-container .information-container .circle-of-fifths .cof-edge.radial{background:var(--cof-radial);transform-origin:0;opacity:.5;pointer-events:none;z-index:4;height:2px;position:absolute}.tonalityDetail-container .information-container .circle-of-fifths .cof-edge.radial.active{opacity:.9;background:currentColor}.tonalityDetail-container .information-container .circle-of-fifths .cof-edge.radial.sig{opacity:.35}.tonalityDetail-container .information-container .circle-of-fifths .cof-sig{opacity:.7;pointer-events:none;white-space:nowrap;color:#000;font-size:11px;position:absolute;transform:translate(-50%,-50%)}.tonalityDetail-container .information-container .circle-of-fifths .cof-node.split{background:var(--cof-bg);position:absolute}.tonalityDetail-container .information-container .circle-of-fifths .cof-node.split .split-bg{opacity:.18;pointer-events:none;border-radius:50%;position:absolute;inset:0}.tonalityDetail-container .information-container .circle-of-fifths .cof-node.split .split-bg.left{background:currentColor;left:0;mask-image:linear-gradient(90deg,#000 0 46%,#0000 54%)}.tonalityDetail-container .information-container .circle-of-fifths .cof-node.split .split-bg.right{background:currentColor;right:0;mask-image:linear-gradient(270deg,#000 0 46%,#0000 54%)}.tonalityDetail-container .information-container .circle-of-fifths .cof-node.split .left-label,.tonalityDetail-container .information-container .circle-of-fifths .cof-node.split .right-label{user-select:none;font-size:12px;font-weight:700;line-height:1;position:absolute;top:50%;transform:translateY(-50%)}.tonalityDetail-container .information-container .circle-of-fifths .cof-node.split .left-label{left:6px}.tonalityDetail-container .information-container .circle-of-fifths .cof-node.split .right-label{right:6px}.tonalityDetail-container .information-container .circle-of-fifths .cof-node.split .hotzone{z-index:3;border-radius:50%;width:50%;position:absolute;top:0;bottom:0}.tonalityDetail-container .information-container .circle-of-fifths .cof-node.split .hotzone.left{left:0}.tonalityDetail-container .information-container .circle-of-fifths .cof-node.split .hotzone.right{right:0}.tonalityDetail-container .information-container .circle-of-fifths .cof-legend{flex-wrap:wrap;justify-content:center;gap:18px;margin-top:18px;font-size:14px;display:flex}.tonalityDetail-container .information-container .circle-of-fifths .cof-legend a{color:var(--link);text-underline-offset:.175em;text-decoration:underline;text-decoration-thickness:1px;text-decoration-color:color-mix(in srgb,currentColor,transparent 80%);text-decoration-skip:none;text-decoration-skip-ink:none}.tonalityDetail-container .information-container .circle-of-fifths .cof-legend a:hover{color:var(--link-hover);text-decoration-color:currentColor}.tonalityDetail-container .information-container .circle-of-fifths .cof-legend.cof-legend--column{flex-direction:column;justify-content:center;align-items:center;gap:8px;margin-top:12px;font-size:14px;display:flex}.tonalityDetail-container .information-container .circle-of-fifths .cof-legend.cof-legend--column b{font-weight:600}.tonalityDetail-container .information-container .circle-of-fifths .cof-sigring{box-sizing:border-box;background:var(--cof-bg);border:1px solid var(--cof-border);pointer-events:none;user-select:none;white-space:nowrap;color:var(--text);opacity:.7;z-index:6;border-radius:50%;justify-content:center;align-items:center;line-height:1;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:inset 0 1px 3px #0000000f;font-weight:300!important}.tonalityDetail-container .information-container .circle-of-fifths .cof-sig{display:none}.tonalityDetail-container .information-container .circle-of-fifths .neighbors{justify-content:center;gap:8px;margin-bottom:8px;display:flex}.tonalityDetail-container .information-container .circle-of-fifths .neighbors a{color:var(--link);text-underline-offset:.175em;text-decoration:underline;text-decoration-thickness:1px;text-decoration-color:color-mix(in srgb,currentColor,transparent 80%);text-decoration-skip:none;text-decoration-skip-ink:none}.tonalityDetail-container .information-container .circle-of-fifths .neighbors a:hover{color:var(--link-hover);text-decoration-color:currentColor}.tonalityDetail-container .information-container .information-chords{flex-grow:1;width:100%;font-size:.95rem}.tonalityDetail-container .information-container .information{flex-grow:1;width:33%;font-size:.95rem}.tonalityDetail-container .information-container .information div{margin-bottom:.4rem;line-height:1.6rem}.tonalityDetail-container .information-container .information .muted{opacity:.7}.tonalityDetail-container .information-container .information b{margin-right:.2rem;font-weight:600}.tonalityDetail-container .information-container .information .footnote-commentary{opacity:.7;font-variation-settings:"slnt" -7;margin-top:16px}.tonalityDetail-container .information-container .information .footnote-commentary .footnote{font-weight:500}.tonalityDetail-container .information-container .information a{color:#0380f4;text-underline-offset:.175em;text-decoration:underline;text-decoration-thickness:1px;text-decoration-color:color-mix(in srgb,currentColor,transparent 80%);text-decoration-skip:none;text-decoration-skip-ink:none}.tonalityDetail-container .information-container .information a:hover{color:#ff0036;text-decoration-color:currentColor}.tonalityDetail-container .information-container .information .shortinfo{border-top:1px solid #eee;margin-top:20px;padding-top:20px}.tonalityDetail-container .information-container .harmonization{flex-grow:1;width:33%;font-size:.95rem}.tonalityDetail-container .information-container .theory b{font-weight:600}.tonalityDetail-container .information-chords{margin-top:20px}.tonalityDetail-container .information-chords .chords{gap:16px;display:flex}.tonalityDetail-container .information-chords .chords .chords-in-key{width:50%}.tonalityDetail-container .information-chords .chords .chords-in-key b{font-weight:600}.tonalityDetail-container .information-chords .chords .chords-in-key .chords-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;margin-top:10px;display:grid}.tonalityDetail-container .information-chords .chords .chords-in-key .chords-grid .chord{border:1px solid #dedede;border-radius:8px;padding:6px 8px;font-size:.95rem;line-height:1.6rem}.tonalityDetail-container .information-chords .chords .chords-in-key .chords-grid .chord .roman{font-family:Roboto Serif,Georgia,serif;font-weight:600}.tonalityDetail-container .information-chords .chords .chords-in-sept{width:50%}.tonalityDetail-container .information-chords .chords .chords-in-sept b{font-weight:600}.tonalityDetail-container .information-chords .chords .chords-in-sept .chords-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;margin-top:10px;display:grid}.tonalityDetail-container .information-chords .chords .chords-in-sept .chords-grid .chord{border:1px solid #dedede;border-radius:8px;padding:6px 8px;font-size:.95rem;line-height:1.6rem}.tonalityDetail-container .information-chords .chords .chords-in-sept .chords-grid .chord .roman{font-family:Roboto Serif,Georgia,serif;font-weight:600}@media (width<=767px){.tonalityDetail-container .tonalityPropblock{height:300px!important}.tonalityDetail-container .information-container{display:inline-block}.tonalityDetail-container .information-container h1{flex-grow:3;margin-bottom:10px;padding-left:2rem;padding-right:2rem;font-size:2.5rem}.tonalityDetail-container .information-container .share-block-card{margin-top:0}.tonalityDetail-container .information-container .information-head{width:100%!important}.tonalityDetail-container .information-container .content-a{margin-top:0;display:inline-block}.tonalityDetail-container .information-container .content-a .infopart{display:inline-block}.tonalityDetail-container .information-container .content-a .infopart .information{flex-grow:1;margin-top:30px;font-size:.95rem;width:100%!important}.tonalityDetail-container .information-container .content-a .infopart .information div{margin-bottom:.4rem;line-height:1.6rem}.tonalityDetail-container .information-container .content-a .infopart .information b{margin-right:.2rem;font-weight:600}.tonalityDetail-container .information-container .content-a .infopart .information .shortinfo{border-top:1px solid #eee;margin-top:20px;padding-top:20px}.tonalityDetail-container .information-container .content-a .infopart .harmonization{border-top:1px solid #dedede;flex-grow:1;width:100%;margin-top:30px;padding-top:30px;font-size:.95rem}.tonalityDetail-container .information-container .content-a .infopart .harmonization h2{border-top:none!important;padding-top:0!important}.tonalityDetail-container .information-container .content-a .infopart .harmonization div{margin-bottom:.4rem;line-height:1.6rem}.tonalityDetail-container .information-container .content-a .infopart .harmonization b{margin-right:.2rem;font-weight:600}.tonalityDetail-container .information-container .content-a .infopart .harmonization .shortinfo{border-top:1px solid #eee;margin-top:20px;padding-top:20px}.tonalityDetail-container .information-container .content-a .infopart .circle-of-fifths{border-top:1px solid #dedede;border-bottom:1px solid #dedede;flex-grow:1;width:100%;margin-top:30px;padding-top:30px;padding-bottom:30px;font-size:.95rem}.tonalityDetail-container .information-container .content-a .infopart .circle-of-fifths div{margin-bottom:0;line-height:1.6rem}.tonalityDetail-container .information-container .content-a .infopart .circle-of-fifths b{margin-right:.2rem;font-weight:600}.tonalityDetail-container .information-container .content-a .infopart .circle-of-fifths .shortinfo{border-top:1px solid #eee;margin-top:20px;padding-top:20px}.tonalityDetail-container .information-container .content-a .infopart .circle-of-fifths .cof-legend.cof-legend--column{margin-top:20px}.tonalityDetail-container .information-container .content-a .infopart .circle-of-fifths .cof-legend.cof-legend--column div{line-height:1.2rem}}@media (width<=560px){.tonalityDetail-container .cof-node-text{font-size:clamp(12px,2.8vw,14px)}.tonalityDetail-container .cof-legend{gap:12px;font-size:13px}}.playbox-container{box-sizing:border-box;border-radius:5px;flex-flow:wrap;justify-content:center;align-items:center;row-gap:.5rem;width:100%;max-width:75rem;margin:0 auto .5rem;padding:.75rem 1rem;display:flex;background-color:var(--card)!important}.playbox-container button{user-select:none;background-color:var(--button-bg);color:var(--button-text);cursor:pointer;white-space:nowrap;box-shadow:var(--shadow);appearance:none;-webkit-touch-callout:none;border:none;border-radius:4px;justify-content:center;align-items:center;width:10rem;height:2.25em;margin-right:.5rem;padding:.375em .75em;font-family:inherit;font-size:.8rem;display:flex}.playbox-container button[disabled]{box-shadow:none;opacity:.5;cursor:not-allowed}.playbox-container button.color-1:hover:not(:disabled){background:var(--accent-1-rgb)}.playbox-container button.color-1:active:not(:disabled){background:var(--accent-1-rgb);box-shadow:none;color:var(--text)}.playbox-container button.color-1.active{color:var(--text);background:linear-gradient(45deg,#b22ac0 0%,#65176c 100%)}.playbox-container button.color-1.active:hover{background:linear-gradient(45deg,#ca46d7 0%,#65176c 100%)}.playbox-container button.color-1.active:active:not(:disabled){box-shadow:none;background:#511357}.playbox-container button.color-2:hover:not(:disabled){background:var(--accent-2-rgb)}.playbox-container button.color-2:active:not(:disabled){background:var(--accent-2-rgb);box-shadow:none;color:var(--text)}.playbox-container button.color-2.active{color:var(--text);background:linear-gradient(45deg,#742cbf 0%,#41196c 100%)}.playbox-container button.color-2.active:hover{background:linear-gradient(45deg,#8d4ad5 0%,#41196c 100%)}.playbox-container button.color-2.active:active:not(:disabled){box-shadow:none;background:#351458}.playbox-container button.color-3:hover:not(:disabled){background:var(--accent-3-rgb)}.playbox-container button.color-3:active:not(:disabled){background:var(--accent-3-rgb);box-shadow:none;color:var(--text)}.playbox-container button.color-3.active{color:var(--text);background:linear-gradient(45deg,#6259be 0%,#393280 100%)}.playbox-container button.color-3.active:hover{background:linear-gradient(45deg,#857ecd 0%,#393280 100%)}.playbox-container button.color-3.active:active:not(:disabled){box-shadow:none;background:#312b6d}.playbox-container button.color-4:hover:not(:disabled){background:var(--accent-4-rgb)}.playbox-container button.color-4:active:not(:disabled){background:var(--accent-4-rgb);box-shadow:none;color:var(--text)}.playbox-container button.color-4.active{color:var(--text);background:linear-gradient(45deg,#6d86c9 0%,#385298 100%)}.playbox-container button.color-4.active:hover{background:linear-gradient(45deg,#92a5d7 0%,#385298 100%)}.playbox-container button.color-4.active:active:not(:disabled){box-shadow:none;background:#314886}.playbox-container button.color-5:hover:not(:disabled){background:var(--accent-5-rgb)}.playbox-container button.color-5:active:not(:disabled){background:var(--accent-5-rgb);box-shadow:none;color:var(--text)}.playbox-container button.color-5.active{color:var(--text);background:linear-gradient(45deg,#7da4d3 0%,#3c70ae 100%)}.playbox-container button.color-5.active:hover{background:linear-gradient(45deg,#a3bfe0 0%,#3c70ae 100%)}.playbox-container button.color-5.active:active:not(:disabled){box-shadow:none;background:#35639b}.playbox-container button.color-6:hover:not(:disabled){background:var(--accent-6-rgb)}.playbox-container button.color-6:active:not(:disabled){background:var(--accent-6-rgb);box-shadow:none;color:var(--text)}.playbox-container button.color-6.active{color:var(--text);background:linear-gradient(45deg,#85b6d2 0%,#4188b1 100%)}.playbox-container button.color-6.active:hover{background:linear-gradient(45deg,#aacde0 0%,#4188b1 100%)}.playbox-container button.color-6.active:active:not(:disabled){box-shadow:none;background:#3a7a9e}.playbox-container button.color-7:hover:not(:disabled){background:var(--accent-7-rgb)}.playbox-container button.color-7:active:not(:disabled){background:var(--accent-7-rgb);box-shadow:none;color:var(--text)}.playbox-container button.color-7.active{color:var(--text);background:linear-gradient(45deg,#8dc2c1 0%,#519796 100%)}.playbox-container button.color-7.active:hover{background:linear-gradient(45deg,#aed4d3 0%,#519796 100%)}.playbox-container button.color-7.active:active:not(:disabled){box-shadow:none;background:#488786}.playbox-container button.color-8:hover:not(:disabled){background:var(--accent-8-rgb)}.playbox-container button.color-8:active:not(:disabled){background:var(--accent-8-rgb);box-shadow:none;color:var(--text)}.playbox-container button.color-8.active{color:var(--text);background:linear-gradient(45deg,#a0cdb1 0%,#5daa7a 100%)}.playbox-container button.color-8.active:hover{background:linear-gradient(45deg,#c2dfcd 0%,#5daa7a 100%)}.playbox-container button.color-8.active:active:not(:disabled){box-shadow:none;background:#529c6e}.playbox-container button.color-9:hover:not(:disabled){background:var(--accent-9-rgb)}.playbox-container button.color-9:active:not(:disabled){background:var(--accent-9-rgb);box-shadow:none;color:var(--text)}.playbox-container button.color-9.active{color:var(--text);background:linear-gradient(45deg,#afd3a1 0%,#74b25c 100%)}.playbox-container button.color-9.active:hover{background:linear-gradient(45deg,#cde3c4 0%,#74b25c 100%)}.playbox-container button.color-9.active:active:not(:disabled){box-shadow:none;background:#67a64e}.playbox-container button.color-10:hover:not(:disabled){background:var(--accent-10-rgb)}.playbox-container button.color-10:active:not(:disabled){background:var(--accent-10-rgb);box-shadow:none;color:var(--text)}.playbox-container button.color-10.active{color:var(--text);background:linear-gradient(45deg,#bdd491 0%,#91b748 100%)}.playbox-container button.color-10.active:hover{background:linear-gradient(45deg,#d3e2b5 0%,#91b748 100%)}.playbox-container button.color-10.active:active:not(:disabled){box-shadow:none;background:#82a441}.playbox-container button.color-11:hover:not(:disabled){background:var(--accent-11-rgb)}.playbox-container button.color-11:active:not(:disabled){background:var(--accent-11-rgb);box-shadow:none;color:var(--text)}.playbox-container button.color-11.active{color:var(--text);background:linear-gradient(45deg,#cbd284 0%,#a6af41 100%)}.playbox-container button.color-11.active:hover{background:linear-gradient(45deg,#dbdfa9 0%,#a6af41 100%)}.playbox-container button.color-11.active:active:not(:disabled){box-shadow:none;background:#949c3a}.playbox-container button.color-12:hover:not(:disabled){background:var(--accent-12-rgb)}.playbox-container button.color-12:active:not(:disabled){background:var(--accent-12-rgb);box-shadow:none;color:var(--text)}.playbox-container button.color-12.active{color:var(--text);background:linear-gradient(45deg,#dbce7e 0%,#bdab35 100%)}.playbox-container button.color-12.active:hover{background:linear-gradient(45deg,#e6dda6 0%,#bdab35 100%)}.playbox-container button.color-12.active:active:not(:disabled){box-shadow:none;background:#a99930}.playbox-container button.color-13:hover:not(:disabled){background:var(--accent-13-rgb)}.playbox-container button.color-13:active:not(:disabled){background:var(--accent-13-rgb);box-shadow:none;color:var(--text)}.playbox-container button.color-13.active{color:var(--text);background:linear-gradient(45deg,#e7c77c 0%,#d5a127 100%)}.playbox-container button.color-13.active:hover{background:linear-gradient(45deg,#efd9a7 0%,#d5a127 100%)}.playbox-container button.color-13.active:active:not(:disabled){box-shadow:none;background:#c09123}.playbox-container button.color-14:hover:not(:disabled){background:var(--accent-14-rgb)}.playbox-container button.color-14:active:not(:disabled){background:var(--accent-14-rgb);box-shadow:none;color:var(--text)}.playbox-container button.color-14.active{color:var(--text);background:linear-gradient(45deg,#eeb879 0%,#e2881e 100%)}.playbox-container button.color-14.active:hover{background:linear-gradient(45deg,#f4d0a6 0%,#e2881e 100%)}.playbox-container button.color-14.active:active:not(:disabled){box-shadow:none;background:#cd7b1a}.playbox-container button.color-15:hover:not(:disabled){background:var(--accent-15-rgb)}.playbox-container button.color-15:active:not(:disabled){background:var(--accent-15-rgb);box-shadow:none;color:var(--text)}.playbox-container button.color-15.active{color:var(--text);background:linear-gradient(45deg,#efa174 0%,#e2641a 100%)}.playbox-container button.color-15.active:hover{background:linear-gradient(45deg,#f4c0a1 0%,#e2641a 100%)}.playbox-container button.color-15.active:active:not(:disabled){box-shadow:none;background:#cc5a17}.playbox-container button.color-16:hover:not(:disabled){background:var(--accent-16-rgb)}.playbox-container button.color-16:active:not(:disabled){background:var(--accent-16-rgb);box-shadow:none;color:var(--text)}.playbox-container button.color-16.active{color:var(--text);background:linear-gradient(45deg,#eb836b 0%,#d43e1d 100%)}.playbox-container button.color-16.active:hover{background:linear-gradient(45deg,#f1a998 0%,#d43e1d 100%)}.playbox-container button.color-16.active:active:not(:disabled){box-shadow:none;background:#bd381a}.playbox-container button.color-17:hover:not(:disabled){background:var(--accent-17-rgb)}.playbox-container button.color-17:active:not(:disabled){background:var(--accent-17-rgb);box-shadow:none;color:var(--text)}.playbox-container button.color-17.active{color:var(--text);background:linear-gradient(45deg,#e75f5e 0%,#c31e1d 100%)}.playbox-container button.color-17.active:hover{background:linear-gradient(45deg,#ee8b8b 0%,#c31e1d 100%)}.playbox-container button.color-17.active:active:not(:disabled){box-shadow:none;background:#ad1a19}.playbox-container svg{margin-right:.5rem}.indexPage-container{box-sizing:border-box;grid-auto-rows:max-content;align-content:center;justify-items:center;gap:clamp(8px,2vh,20px);height:100%;min-height:0;padding:8vh 4vh 2vh;display:grid;overflow:auto}.indexPage-container a,.indexPage-container a:link,.indexPage-container a:active,.indexPage-container a:visited,.indexPage-container a:hover{color:#000;font-weight:400}.indexPage-container .share-block{text-align:center;min-height:50px;margin-top:20px;margin-bottom:20px;padding-left:10px;padding-right:10px}.indexPage-container .share-block .share-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.indexPage-container .share-block .share-item{align-items:center;gap:8px;display:inline-flex}.indexPage-container .share-block .share-count{font-variant-numeric:tabular-nums;text-align:right;min-width:2ch;color:var(--muted,#666);font-size:14px;line-height:1}.indexPage-container h1{-webkit-text-fill-color:transparent;text-align:center;background:-webkit-linear-gradient(45deg,#b827fc,#2c90fc,#b8fd33,#fec837,#fd1892);-webkit-background-clip:text;max-width:75rem;padding-bottom:10px;font-size:min(4.5rem,12vw);font-weight:1000}.indexPage-container h2{color:var(--text);text-align:center;margin:1.5rem 1rem 2rem;font-size:1.2rem;font-weight:400;line-height:1.8rem}.indexPage-container h3{color:var(--text);font-size:1.1rem;font-weight:400}.indexPage-container .tip1{color:var(--text);border-bottom:3px solid #0000;border-image:linear-gradient(90deg,#b827fc 0%,#2c90fc 25%,#b8fd33 50%,#fec837 75%,#fd1892 100%) 1;margin-top:1.5rem;margin-bottom:1.2rem;padding:.75rem;font-size:1.05rem;font-weight:500}.indexPage-container .tip2{width:100%}.indexPage-container .tip3{color:var(--text);border-bottom:3px solid #0000;border-image:linear-gradient(90deg,#b827fc 0%,#2c90fc 25%,#b8fd33 50%,#fec837 75%,#fd1892 100%) 1;margin-top:1.5rem;margin-bottom:1.2rem;padding:.75rem;font-size:1.05rem;font-weight:500}.indexPage-container .tip4{width:100%}.indexPage-container .tip5{color:var(--text);border-bottom:3px solid #0000;border-image:linear-gradient(90deg,#b827fc 0%,#2c90fc 25%,#b8fd33 50%,#fec837 75%,#fd1892 100%) 1;margin-top:1.5rem;margin-bottom:1.2rem;padding:.75rem;font-size:1.05rem;font-weight:500}.indexPage-container .tip6{width:100%}.indexPage-container .logo-container{width:610px;height:90px}@media (width<=767px){.indexPage-container{gap:clamp(8px,1vh,20px);padding:8vh clamp(12px,2vh,28px) clamp(12px,2vh,28px)}.indexPage-container h2{font-size:1.1rem;line-height:1.6rem}.indexPage-container .tip1,.indexPage-container .tip3,.indexPage-container .tip5{margin-top:0;margin-bottom:0}.indexPage-container .share-block{margin-top:20px;margin-bottom:20px}.footer-inner{padding-left:10px;padding-right:10px}}.navbar{box-sizing:border-box;max-width:100vw;min-height:56px;color:var(--text);background:var(--header);z-index:1000;justify-content:space-between;align-items:center;width:100%;margin-top:0;margin-bottom:0;padding:.5rem 16px;display:flex;position:sticky;top:0}@media (width<=75rem){.navbar{padding-left:.5rem;padding-right:.5rem}}@media (width<=768px){.navbar{padding:0 .5rem}.navbar .logo{top:2px!important}.navbar .menu{position:absolute!important;top:100%!important;left:0!important;transform:translateY(-.8rem)!important}}.navbar .navbar-inner{text-align:center;justify-content:space-between;align-items:center;gap:16px;width:100%;max-width:1200px;margin:0 auto;display:flex}.navbar .logo{background:-webkit-linear-gradient(45deg,#1b1b1b,#949494,#1b1b1b,#949494,#1b1b1b,#949494,#1b1b1b,#949494,#1b1b1b);-webkit-background-clip:text;border-radius:.3rem;font-weight:700;position:relative;top:0}.navbar .logo a,.navbar .logo a:link,.navbar .logo a:visited,.navbar .logo a:hover{color:#000;text-decoration:none}.navbar .nav-links{align-items:center;margin:0;padding:0;display:flex}.navbar .nav-links input[type=checkbox]{display:none}.navbar .nav-links label.hamburger{user-select:none;display:none;font-size:1.5rem!important}.navbar .nav-links .menu{align-items:center;gap:1.6rem;margin-top:0;margin-bottom:0;font-size:1rem;display:flex}.navbar .nav-links .menu li{border-bottom:2px solid #0000;align-items:center;list-style:none;display:flex}.navbar .nav-links .menu li a,.navbar .nav-links .menu li a:link,.navbar .nav-links .menu li a:active{color:var(--text);cursor:pointer;text-decoration:none}.navbar .nav-links .menu li a:hover{color:var(--link-hover);cursor:pointer;text-decoration:underline;text-decoration-thickness:1px;text-decoration-color:color-mix(in srgb,currentColor,transparent 60%);text-decoration-skip:none;text-decoration-skip-ink:none;font-weight:400;transition:color .2s,border-color .2s,opacity .2s;text-underline-offset:.275rem!important}.navbar .nav-links .menu li a.active{text-decoration:underline;text-decoration-thickness:1px;text-decoration-color:color-mix(in srgb,currentColor,transparent 60%);text-decoration-skip:none;text-decoration-skip-ink:none;font-weight:700;text-underline-offset:.275rem!important}.navbar .nav-links .menu li:hover{font-weight:400}.navbar .nav-links .menu li img{border-radius:2rem;width:1.3rem;height:1.3rem;margin-right:.3rem}.navbar .nav-links .theme-toggle{background:var(--button-toggle-bg);color:var(--text);border:1px solid var(--button-toggle-border);cursor:pointer;border-radius:10px;padding:.4rem .6rem}.navbar .nav-links .theme-toggle:hover{filter:brightness(1.05);border:1px solid var(--button-toggle-border)}@media (width<=768px){.navbar .nav-links input[type=checkbox]:checked~.menu,.navbar .nav-links label.hamburger{display:block}.navbar .nav-links .menu{background-color:var(--header);text-align:center;z-index:9;margin-top:4px;margin-bottom:1px;padding:1rem 0;display:none;position:fixed;left:0;right:0;transform:translateY(.8rem);box-shadow:0 2px 4px #0000000f}.navbar .nav-links .menu li+li{margin-top:1rem;border-bottom:0!important}.navbar .nav-links .menu li+li:hover{border-bottom:0!important}.navbar .nav-links .menu li{justify-content:center;align-items:center;list-style:none;display:flex}.navbar .nav-links .menu li:hover{border-bottom:0!important}}.whiteboard-container{max-width:75rem;margin:0 auto}@media (width<=75rem){.whiteboard-container{padding-left:.5rem;padding-right:.5rem}}.whiteboard-container .menu-container{color:#a5a5a5;border-bottom:1px solid #d5d5d5;flex-direction:row;margin:.5rem 0;padding-bottom:.5rem;font-size:.9rem;display:flex}.whiteboard-container .menu-container div{cursor:pointer;border-bottom:2px solid #0000;flex-direction:row;align-items:center;margin-right:.4rem;display:flex}.whiteboard-container .menu-container div span{margin-right:.2rem}.whiteboard-container .menu-container div:hover{color:#2d2d2d;border-bottom:2px solid #2d2d2d}.whiteboard-container .menu-container div:not(:first-child){margin-left:.4rem}.whiteboard-container .title-container{margin-bottom:1rem}.whiteboard-container .title-container h1{font-size:1.5rem}.whiteboard-container .control-bar{flex-flow:wrap;gap:1rem 2rem;margin-bottom:1rem;display:flex}.whiteboard-container .control-bar .info-container{flex-direction:row;column-gap:2rem;display:flex}.whiteboard-container .control-bar .info-container div{cursor:pointer;font-size:1.2rem;display:inline-block}.whiteboard-container .control-bar .info-container div .key,.whiteboard-container .control-bar .info-container div .mode{font-weight:600}.whiteboard-container .control-bar .info-container div .key.color-1,.whiteboard-container .control-bar .info-container div .mode.color-1{color:#781c81}.whiteboard-container .control-bar .info-container div .key.color-2,.whiteboard-container .control-bar .info-container div .mode.color-2{color:#4e1e81}.whiteboard-container .control-bar .info-container div .key.color-3,.whiteboard-container .control-bar .info-container div .mode.color-3{color:#413992}.whiteboard-container .control-bar .info-container div .key.color-4,.whiteboard-container .control-bar .info-container div .mode.color-4{color:#3f5cab}.whiteboard-container .control-bar .info-container div .key.color-5,.whiteboard-container .control-bar .info-container div .mode.color-5{color:#447cbf}.whiteboard-container .control-bar .info-container div .key.color-6,.whiteboard-container .control-bar .info-container div .mode.color-6{color:#4d95be}.whiteboard-container .control-bar .info-container div .key.color-7,.whiteboard-container .control-bar .info-container div .mode.color-7{color:#5ba7a6}.whiteboard-container .control-bar .info-container div .key.color-8,.whiteboard-container .control-bar .info-container div .mode.color-8{color:#6eb388}.whiteboard-container .control-bar .info-container div .key.color-9,.whiteboard-container .control-bar .info-container div .mode.color-9{color:#83ba6d}.whiteboard-container .control-bar .info-container div .key.color-10,.whiteboard-container .control-bar .info-container div .mode.color-10{color:#9cbe5a}.whiteboard-container .control-bar .info-container div .key.color-11,.whiteboard-container .control-bar .info-container div .mode.color-11{color:#b4bd4c}.whiteboard-container .control-bar .info-container div .key.color-12,.whiteboard-container .control-bar .info-container div .mode.color-12{color:#cab842}.whiteboard-container .control-bar .info-container div .key.color-13,.whiteboard-container .control-bar .info-container div .mode.color-13{color:#dbab3b}.whiteboard-container .control-bar .info-container div .key.color-14,.whiteboard-container .control-bar .info-container div .mode.color-14{color:#e59435}.whiteboard-container .control-bar .info-container div .key.color-15,.whiteboard-container .control-bar .info-container div .mode.color-15{color:#e7732f}.whiteboard-container .control-bar .info-container div .key.color-16,.whiteboard-container .control-bar .info-container div .mode.color-16{color:#e24a28}.whiteboard-container .control-bar .info-container div .key.color-17,.whiteboard-container .control-bar .info-container div .mode.color-17{color:#d92120}.whiteboard-container .control-bar .toggle-container{flex-flow:wrap;gap:1rem 2rem;display:flex}.whiteboard-container .control-bar .toggle-container .toggle{flex-direction:row;align-items:center;display:flex}.whiteboard-container .control-bar .toggle-container .toggle span{margin-right:.5rem;font-size:1rem}.whiteboard-container .control-bar .toggle-container .toggle .mt-io-garden{font-size:.45rem}.whiteboard-container .sheet-container{flex-flow:wrap;align-items:center;row-gap:1rem;margin-bottom:1rem;display:flex}.whiteboard-container .sheet-container .bar{border-left:3px solid #000;flex-direction:row;align-items:center;height:3.1rem;padding:0 .5rem;display:flex}.whiteboard-container .sheet-container .bar:last-of-type{border-right:3px solid #000}.whiteboard-container .sheet-container .bar.edit{padding:0 .2rem}.whiteboard-container .sheet-container .bar.edit .beat:hover{background-color:#ddd}.whiteboard-container .sheet-container .bar.edit .chordAbbrev.invalid{text-decoration:underline dotted red}.whiteboard-container .sheet-container .bar .beat{box-sizing:border-box;border-radius:3px;flex-direction:column;justify-content:space-between;height:100%;padding:.2rem;display:flex}.whiteboard-container .sheet-container .bar .beat.b-1{flex-grow:1}.whiteboard-container .sheet-container .bar .beat.b-2{flex-grow:2}.whiteboard-container .sheet-container .bar .beat.b-3{flex-grow:3}.whiteboard-container .sheet-container .bar .beat.b-4{flex-grow:4}.whiteboard-container .sheet-container .bar .beat [contenteditable]{outline:0 solid #0000}.whiteboard-container .sheet-container .bar .beat .chordAbbrev{font-weight:700}.whiteboard-container .sheet-container svg{color:#a6a6a6;cursor:pointer}.whiteboard-container .sheet-container svg:hover{color:#000}.mode-modal .mode-item{cursor:pointer;border-radius:.3rem;margin-bottom:.3rem;padding:.7rem}.mode-modal .mode-item:last-child{margin-bottom:0}.mode-modal .mode-item.color-1:hover,.mode-modal .mode-item.color-1.active{background:linear-gradient(45deg,#fff 0%,#781c811a 100%);box-shadow:0 0 5px #dcdcdc}.mode-modal .mode-item.color-1 h1{color:#781c81}.mode-modal .mode-item.color-2:hover,.mode-modal .mode-item.color-2.active{background:linear-gradient(45deg,#fff 0%,#4e1e811a 100%);box-shadow:0 0 5px #dcdcdc}.mode-modal .mode-item.color-2 h1{color:#4e1e81}.mode-modal .mode-item.color-3:hover,.mode-modal .mode-item.color-3.active{background:linear-gradient(45deg,#fff 0%,#4139921a 100%);box-shadow:0 0 5px #dcdcdc}.mode-modal .mode-item.color-3 h1{color:#413992}.mode-modal .mode-item.color-4:hover,.mode-modal .mode-item.color-4.active{background:linear-gradient(45deg,#fff 0%,#3f5cab1a 100%);box-shadow:0 0 5px #dcdcdc}.mode-modal .mode-item.color-4 h1{color:#3f5cab}.mode-modal .mode-item.color-5:hover,.mode-modal .mode-item.color-5.active{background:linear-gradient(45deg,#fff 0%,#447cbf1a 100%);box-shadow:0 0 5px #dcdcdc}.mode-modal .mode-item.color-5 h1{color:#447cbf}.mode-modal .mode-item.color-6:hover,.mode-modal .mode-item.color-6.active{background:linear-gradient(45deg,#fff 0%,#4d95be1a 100%);box-shadow:0 0 5px #dcdcdc}.mode-modal .mode-item.color-6 h1{color:#4d95be}.mode-modal .mode-item.color-7:hover,.mode-modal .mode-item.color-7.active{background:linear-gradient(45deg,#fff 0%,#5ba7a61a 100%);box-shadow:0 0 5px #dcdcdc}.mode-modal .mode-item.color-7 h1{color:#5ba7a6}.mode-modal .mode-item.color-8:hover,.mode-modal .mode-item.color-8.active{background:linear-gradient(45deg,#fff 0%,#6eb3881a 100%);box-shadow:0 0 5px #dcdcdc}.mode-modal .mode-item.color-8 h1{color:#6eb388}.mode-modal .mode-item.color-9:hover,.mode-modal .mode-item.color-9.active{background:linear-gradient(45deg,#fff 0%,#83ba6d1a 100%);box-shadow:0 0 5px #dcdcdc}.mode-modal .mode-item.color-9 h1{color:#83ba6d}.mode-modal .mode-item.color-10:hover,.mode-modal .mode-item.color-10.active{background:linear-gradient(45deg,#fff 0%,#9cbe5a1a 100%);box-shadow:0 0 5px #dcdcdc}.mode-modal .mode-item.color-10 h1{color:#9cbe5a}.mode-modal .mode-item.color-11:hover,.mode-modal .mode-item.color-11.active{background:linear-gradient(45deg,#fff 0%,#b4bd4c1a 100%);box-shadow:0 0 5px #dcdcdc}.mode-modal .mode-item.color-11 h1{color:#b4bd4c}.mode-modal .mode-item.color-12:hover,.mode-modal .mode-item.color-12.active{background:linear-gradient(45deg,#fff 0%,#cab8421a 100%);box-shadow:0 0 5px #dcdcdc}.mode-modal .mode-item.color-12 h1{color:#cab842}.mode-modal .mode-item.color-13:hover,.mode-modal .mode-item.color-13.active{background:linear-gradient(45deg,#fff 0%,#dbab3b1a 100%);box-shadow:0 0 5px #dcdcdc}.mode-modal .mode-item.color-13 h1{color:#dbab3b}.mode-modal .mode-item.color-14:hover,.mode-modal .mode-item.color-14.active{background:linear-gradient(45deg,#fff 0%,#e594351a 100%);box-shadow:0 0 5px #dcdcdc}.mode-modal .mode-item.color-14 h1{color:#e59435}.mode-modal .mode-item.color-15:hover,.mode-modal .mode-item.color-15.active{background:linear-gradient(45deg,#fff 0%,#e7732f1a 100%);box-shadow:0 0 5px #dcdcdc}.mode-modal .mode-item.color-15 h1{color:#e7732f}.mode-modal .mode-item.color-16:hover,.mode-modal .mode-item.color-16.active{background:linear-gradient(45deg,#fff 0%,#e24a281a 100%);box-shadow:0 0 5px #dcdcdc}.mode-modal .mode-item.color-16 h1{color:#e24a28}.mode-modal .mode-item.color-17:hover,.mode-modal .mode-item.color-17.active{background:linear-gradient(45deg,#fff 0%,#d921201a 100%);box-shadow:0 0 5px #dcdcdc}.mode-modal .mode-item.color-17 h1{color:#d92120}.mode-modal .mode-item h1{margin-bottom:.3rem;font-size:1.2rem}.mode-modal .mode-item .rome-container span{color:#4a4a4a;margin-right:.4rem}.addBeat-modal h1{color:#353535;margin-bottom:1rem}.addBeat-modal .rome-container{flex-flow:wrap;gap:.8rem;margin-bottom:1rem;display:flex}.addBeat-modal .rome-container span{color:#fff;cursor:pointer;background-color:#969696;border-radius:.2rem;padding:.3rem .5rem;font-size:1.2rem}.addBeat-modal .rome-container span.active{background-color:#3f3f3f}.addBeat-modal .chord-container{flex-flow:wrap;gap:.8rem;margin-bottom:2rem;display:flex}.addBeat-modal .chord-container span{cursor:pointer;font-size:1.2rem}.addBeat-modal .chord-container span.color-1{color:#781c81}.addBeat-modal .chord-container span.color-2{color:#4e1e81}.addBeat-modal .chord-container span.color-3{color:#413992}.addBeat-modal .chord-container span.color-4{color:#3f5cab}.addBeat-modal .chord-container span.color-5{color:#447cbf}.addBeat-modal .chord-container span.color-6{color:#4d95be}.addBeat-modal .chord-container span.color-7{color:#5ba7a6}.addBeat-modal .chord-container span.color-8{color:#6eb388}.addBeat-modal .chord-container span.color-9{color:#83ba6d}.addBeat-modal .chord-container span.color-10{color:#9cbe5a}.addBeat-modal .chord-container span.color-11{color:#b4bd4c}.addBeat-modal .chord-container span.color-12{color:#cab842}.addBeat-modal .chord-container span.color-13{color:#dbab3b}.addBeat-modal .chord-container span.color-14{color:#e59435}.addBeat-modal .chord-container span.color-15{color:#e7732f}.addBeat-modal .chord-container span.color-16{color:#e24a28}.addBeat-modal .chord-container span.color-17{color:#d92120}.addBeat-modal h2{color:#555;font-size:.8rem}.addBeat-modal h2 a{color:#000;cursor:pointer;font-weight:600;text-decoration:none}.newSheet-modal h1,.renameSheet-modal h1{margin-top:.5rem;margin-bottom:1.5rem;font-size:1.6rem}.newSheet-modal input,.renameSheet-modal input{background-color:var(--input-bg);border:1.5px solid var(--input-border);max-width:100%;color:var(--input-text);vertical-align:top;appearance:none;box-sizing:border-box;border-color:#447cbf;border-radius:5px;justify-content:flex-start;align-items:center;width:100%;height:2.25em;margin-bottom:1rem;padding:.375em .625em;font-family:inherit;font-size:1rem;line-height:1.5;display:inline-flex;position:relative;box-shadow:0 0 0 .2em #447cbf33}.newSheet-modal input:hover,.renameSheet-modal input:hover{border-color:#858585}.newSheet-modal input:active,.newSheet-modal input:focus,.renameSheet-modal input:active,.renameSheet-modal input:focus{border-color:#3273dc;outline:0;box-shadow:0 0 0 .2rem #3273dc40}.newSheet-modal button,.renameSheet-modal button{user-select:none;background-color:var(--button-bg);color:var(--button-text);cursor:pointer;white-space:nowrap;box-shadow:var(--shadow);appearance:none;-webkit-touch-callout:none;float:inline-end;border:none;border-radius:4px;justify-content:center;align-items:center;height:2.25em;margin-left:.5rem;padding:.375em .75em;font-family:inherit;font-size:.8rem;display:flex}.newSheet-modal button[disabled],.renameSheet-modal button[disabled]{box-shadow:none;opacity:.5;cursor:not-allowed}.newSheet-modal button.color-1:hover:not(:disabled),.renameSheet-modal button.color-1:hover:not(:disabled){background:var(--accent-1-rgb)}.newSheet-modal button.color-1:active:not(:disabled),.renameSheet-modal button.color-1:active:not(:disabled){background:var(--accent-1-rgb);box-shadow:none;color:var(--text)}.newSheet-modal button.color-1.active,.renameSheet-modal button.color-1.active{color:var(--text);background:linear-gradient(45deg,#b22ac0 0%,#65176c 100%)}.newSheet-modal button.color-1.active:hover,.renameSheet-modal button.color-1.active:hover{background:linear-gradient(45deg,#ca46d7 0%,#65176c 100%)}.newSheet-modal button.color-1.active:active:not(:disabled),.renameSheet-modal button.color-1.active:active:not(:disabled){box-shadow:none;background:#511357}.newSheet-modal button.color-2:hover:not(:disabled),.renameSheet-modal button.color-2:hover:not(:disabled){background:var(--accent-2-rgb)}.newSheet-modal button.color-2:active:not(:disabled),.renameSheet-modal button.color-2:active:not(:disabled){background:var(--accent-2-rgb);box-shadow:none;color:var(--text)}.newSheet-modal button.color-2.active,.renameSheet-modal button.color-2.active{color:var(--text);background:linear-gradient(45deg,#742cbf 0%,#41196c 100%)}.newSheet-modal button.color-2.active:hover,.renameSheet-modal button.color-2.active:hover{background:linear-gradient(45deg,#8d4ad5 0%,#41196c 100%)}.newSheet-modal button.color-2.active:active:not(:disabled),.renameSheet-modal button.color-2.active:active:not(:disabled){box-shadow:none;background:#351458}.newSheet-modal button.color-3:hover:not(:disabled),.renameSheet-modal button.color-3:hover:not(:disabled){background:var(--accent-3-rgb)}.newSheet-modal button.color-3:active:not(:disabled),.renameSheet-modal button.color-3:active:not(:disabled){background:var(--accent-3-rgb);box-shadow:none;color:var(--text)}.newSheet-modal button.color-3.active,.renameSheet-modal button.color-3.active{color:var(--text);background:linear-gradient(45deg,#6259be 0%,#393280 100%)}.newSheet-modal button.color-3.active:hover,.renameSheet-modal button.color-3.active:hover{background:linear-gradient(45deg,#857ecd 0%,#393280 100%)}.newSheet-modal button.color-3.active:active:not(:disabled),.renameSheet-modal button.color-3.active:active:not(:disabled){box-shadow:none;background:#312b6d}.newSheet-modal button.color-4:hover:not(:disabled),.renameSheet-modal button.color-4:hover:not(:disabled){background:var(--accent-4-rgb)}.newSheet-modal button.color-4:active:not(:disabled),.renameSheet-modal button.color-4:active:not(:disabled){background:var(--accent-4-rgb);box-shadow:none;color:var(--text)}.newSheet-modal button.color-4.active,.renameSheet-modal button.color-4.active{color:var(--text);background:linear-gradient(45deg,#6d86c9 0%,#385298 100%)}.newSheet-modal button.color-4.active:hover,.renameSheet-modal button.color-4.active:hover{background:linear-gradient(45deg,#92a5d7 0%,#385298 100%)}.newSheet-modal button.color-4.active:active:not(:disabled),.renameSheet-modal button.color-4.active:active:not(:disabled){box-shadow:none;background:#314886}.newSheet-modal button.color-5:hover:not(:disabled),.renameSheet-modal button.color-5:hover:not(:disabled){background:var(--accent-5-rgb)}.newSheet-modal button.color-5:active:not(:disabled),.renameSheet-modal button.color-5:active:not(:disabled){background:var(--accent-5-rgb);box-shadow:none;color:var(--text)}.newSheet-modal button.color-5.active,.renameSheet-modal button.color-5.active{color:var(--text);background:linear-gradient(45deg,#7da4d3 0%,#3c70ae 100%)}.newSheet-modal button.color-5.active:hover,.renameSheet-modal button.color-5.active:hover{background:linear-gradient(45deg,#a3bfe0 0%,#3c70ae 100%)}.newSheet-modal button.color-5.active:active:not(:disabled),.renameSheet-modal button.color-5.active:active:not(:disabled){box-shadow:none;background:#35639b}.newSheet-modal button.color-6:hover:not(:disabled),.renameSheet-modal button.color-6:hover:not(:disabled){background:var(--accent-6-rgb)}.newSheet-modal button.color-6:active:not(:disabled),.renameSheet-modal button.color-6:active:not(:disabled){background:var(--accent-6-rgb);box-shadow:none;color:var(--text)}.newSheet-modal button.color-6.active,.renameSheet-modal button.color-6.active{color:var(--text);background:linear-gradient(45deg,#85b6d2 0%,#4188b1 100%)}.newSheet-modal button.color-6.active:hover,.renameSheet-modal button.color-6.active:hover{background:linear-gradient(45deg,#aacde0 0%,#4188b1 100%)}.newSheet-modal button.color-6.active:active:not(:disabled),.renameSheet-modal button.color-6.active:active:not(:disabled){box-shadow:none;background:#3a7a9e}.newSheet-modal button.color-7:hover:not(:disabled),.renameSheet-modal button.color-7:hover:not(:disabled){background:var(--accent-7-rgb)}.newSheet-modal button.color-7:active:not(:disabled),.renameSheet-modal button.color-7:active:not(:disabled){background:var(--accent-7-rgb);box-shadow:none;color:var(--text)}.newSheet-modal button.color-7.active,.renameSheet-modal button.color-7.active{color:var(--text);background:linear-gradient(45deg,#8dc2c1 0%,#519796 100%)}.newSheet-modal button.color-7.active:hover,.renameSheet-modal button.color-7.active:hover{background:linear-gradient(45deg,#aed4d3 0%,#519796 100%)}.newSheet-modal button.color-7.active:active:not(:disabled),.renameSheet-modal button.color-7.active:active:not(:disabled){box-shadow:none;background:#488786}.newSheet-modal button.color-8:hover:not(:disabled),.renameSheet-modal button.color-8:hover:not(:disabled){background:var(--accent-8-rgb)}.newSheet-modal button.color-8:active:not(:disabled),.renameSheet-modal button.color-8:active:not(:disabled){background:var(--accent-8-rgb);box-shadow:none;color:var(--text)}.newSheet-modal button.color-8.active,.renameSheet-modal button.color-8.active{color:var(--text);background:linear-gradient(45deg,#a0cdb1 0%,#5daa7a 100%)}.newSheet-modal button.color-8.active:hover,.renameSheet-modal button.color-8.active:hover{background:linear-gradient(45deg,#c2dfcd 0%,#5daa7a 100%)}.newSheet-modal button.color-8.active:active:not(:disabled),.renameSheet-modal button.color-8.active:active:not(:disabled){box-shadow:none;background:#529c6e}.newSheet-modal button.color-9:hover:not(:disabled),.renameSheet-modal button.color-9:hover:not(:disabled){background:var(--accent-9-rgb)}.newSheet-modal button.color-9:active:not(:disabled),.renameSheet-modal button.color-9:active:not(:disabled){background:var(--accent-9-rgb);box-shadow:none;color:var(--text)}.newSheet-modal button.color-9.active,.renameSheet-modal button.color-9.active{color:var(--text);background:linear-gradient(45deg,#afd3a1 0%,#74b25c 100%)}.newSheet-modal button.color-9.active:hover,.renameSheet-modal button.color-9.active:hover{background:linear-gradient(45deg,#cde3c4 0%,#74b25c 100%)}.newSheet-modal button.color-9.active:active:not(:disabled),.renameSheet-modal button.color-9.active:active:not(:disabled){box-shadow:none;background:#67a64e}.newSheet-modal button.color-10:hover:not(:disabled),.renameSheet-modal button.color-10:hover:not(:disabled){background:var(--accent-10-rgb)}.newSheet-modal button.color-10:active:not(:disabled),.renameSheet-modal button.color-10:active:not(:disabled){background:var(--accent-10-rgb);box-shadow:none;color:var(--text)}.newSheet-modal button.color-10.active,.renameSheet-modal button.color-10.active{color:var(--text);background:linear-gradient(45deg,#bdd491 0%,#91b748 100%)}.newSheet-modal button.color-10.active:hover,.renameSheet-modal button.color-10.active:hover{background:linear-gradient(45deg,#d3e2b5 0%,#91b748 100%)}.newSheet-modal button.color-10.active:active:not(:disabled),.renameSheet-modal button.color-10.active:active:not(:disabled){box-shadow:none;background:#82a441}.newSheet-modal button.color-11:hover:not(:disabled),.renameSheet-modal button.color-11:hover:not(:disabled){background:var(--accent-11-rgb)}.newSheet-modal button.color-11:active:not(:disabled),.renameSheet-modal button.color-11:active:not(:disabled){background:var(--accent-11-rgb);box-shadow:none;color:var(--text)}.newSheet-modal button.color-11.active,.renameSheet-modal button.color-11.active{color:var(--text);background:linear-gradient(45deg,#cbd284 0%,#a6af41 100%)}.newSheet-modal button.color-11.active:hover,.renameSheet-modal button.color-11.active:hover{background:linear-gradient(45deg,#dbdfa9 0%,#a6af41 100%)}.newSheet-modal button.color-11.active:active:not(:disabled),.renameSheet-modal button.color-11.active:active:not(:disabled){box-shadow:none;background:#949c3a}.newSheet-modal button.color-12:hover:not(:disabled),.renameSheet-modal button.color-12:hover:not(:disabled){background:var(--accent-12-rgb)}.newSheet-modal button.color-12:active:not(:disabled),.renameSheet-modal button.color-12:active:not(:disabled){background:var(--accent-12-rgb);box-shadow:none;color:var(--text)}.newSheet-modal button.color-12.active,.renameSheet-modal button.color-12.active{color:var(--text);background:linear-gradient(45deg,#dbce7e 0%,#bdab35 100%)}.newSheet-modal button.color-12.active:hover,.renameSheet-modal button.color-12.active:hover{background:linear-gradient(45deg,#e6dda6 0%,#bdab35 100%)}.newSheet-modal button.color-12.active:active:not(:disabled),.renameSheet-modal button.color-12.active:active:not(:disabled){box-shadow:none;background:#a99930}.newSheet-modal button.color-13:hover:not(:disabled),.renameSheet-modal button.color-13:hover:not(:disabled){background:var(--accent-13-rgb)}.newSheet-modal button.color-13:active:not(:disabled),.renameSheet-modal button.color-13:active:not(:disabled){background:var(--accent-13-rgb);box-shadow:none;color:var(--text)}.newSheet-modal button.color-13.active,.renameSheet-modal button.color-13.active{color:var(--text);background:linear-gradient(45deg,#e7c77c 0%,#d5a127 100%)}.newSheet-modal button.color-13.active:hover,.renameSheet-modal button.color-13.active:hover{background:linear-gradient(45deg,#efd9a7 0%,#d5a127 100%)}.newSheet-modal button.color-13.active:active:not(:disabled),.renameSheet-modal button.color-13.active:active:not(:disabled){box-shadow:none;background:#c09123}.newSheet-modal button.color-14:hover:not(:disabled),.renameSheet-modal button.color-14:hover:not(:disabled){background:var(--accent-14-rgb)}.newSheet-modal button.color-14:active:not(:disabled),.renameSheet-modal button.color-14:active:not(:disabled){background:var(--accent-14-rgb);box-shadow:none;color:var(--text)}.newSheet-modal button.color-14.active,.renameSheet-modal button.color-14.active{color:var(--text);background:linear-gradient(45deg,#eeb879 0%,#e2881e 100%)}.newSheet-modal button.color-14.active:hover,.renameSheet-modal button.color-14.active:hover{background:linear-gradient(45deg,#f4d0a6 0%,#e2881e 100%)}.newSheet-modal button.color-14.active:active:not(:disabled),.renameSheet-modal button.color-14.active:active:not(:disabled){box-shadow:none;background:#cd7b1a}.newSheet-modal button.color-15:hover:not(:disabled),.renameSheet-modal button.color-15:hover:not(:disabled){background:var(--accent-15-rgb)}.newSheet-modal button.color-15:active:not(:disabled),.renameSheet-modal button.color-15:active:not(:disabled){background:var(--accent-15-rgb);box-shadow:none;color:var(--text)}.newSheet-modal button.color-15.active,.renameSheet-modal button.color-15.active{color:var(--text);background:linear-gradient(45deg,#efa174 0%,#e2641a 100%)}.newSheet-modal button.color-15.active:hover,.renameSheet-modal button.color-15.active:hover{background:linear-gradient(45deg,#f4c0a1 0%,#e2641a 100%)}.newSheet-modal button.color-15.active:active:not(:disabled),.renameSheet-modal button.color-15.active:active:not(:disabled){box-shadow:none;background:#cc5a17}.newSheet-modal button.color-16:hover:not(:disabled),.renameSheet-modal button.color-16:hover:not(:disabled){background:var(--accent-16-rgb)}.newSheet-modal button.color-16:active:not(:disabled),.renameSheet-modal button.color-16:active:not(:disabled){background:var(--accent-16-rgb);box-shadow:none;color:var(--text)}.newSheet-modal button.color-16.active,.renameSheet-modal button.color-16.active{color:var(--text);background:linear-gradient(45deg,#eb836b 0%,#d43e1d 100%)}.newSheet-modal button.color-16.active:hover,.renameSheet-modal button.color-16.active:hover{background:linear-gradient(45deg,#f1a998 0%,#d43e1d 100%)}.newSheet-modal button.color-16.active:active:not(:disabled),.renameSheet-modal button.color-16.active:active:not(:disabled){box-shadow:none;background:#bd381a}.newSheet-modal button.color-17:hover:not(:disabled),.renameSheet-modal button.color-17:hover:not(:disabled){background:var(--accent-17-rgb)}.newSheet-modal button.color-17:active:not(:disabled),.renameSheet-modal button.color-17:active:not(:disabled){background:var(--accent-17-rgb);box-shadow:none;color:var(--text)}.newSheet-modal button.color-17.active,.renameSheet-modal button.color-17.active{color:var(--text);background:linear-gradient(45deg,#e75f5e 0%,#c31e1d 100%)}.newSheet-modal button.color-17.active:hover,.renameSheet-modal button.color-17.active:hover{background:linear-gradient(45deg,#ee8b8b 0%,#c31e1d 100%)}.newSheet-modal button.color-17.active:active:not(:disabled),.renameSheet-modal button.color-17.active:active:not(:disabled){box-shadow:none;background:#ad1a19}.openSheet-modal .sheet-item{cursor:pointer;border-radius:.3rem;flex-direction:row;justify-content:space-between;margin-bottom:.3rem;padding:.7rem;display:flex}.openSheet-modal .sheet-item:last-child{margin-bottom:0}.openSheet-modal .sheet-item.color-1:hover,.openSheet-modal .sheet-item.color-1.active{background:linear-gradient(45deg,#fff 0%,#781c811a 100%);box-shadow:0 0 5px #dcdcdc}.openSheet-modal .sheet-item.color-1 h1{color:#781c81}.openSheet-modal .sheet-item.color-2:hover,.openSheet-modal .sheet-item.color-2.active{background:linear-gradient(45deg,#fff 0%,#4e1e811a 100%);box-shadow:0 0 5px #dcdcdc}.openSheet-modal .sheet-item.color-2 h1{color:#4e1e81}.openSheet-modal .sheet-item.color-3:hover,.openSheet-modal .sheet-item.color-3.active{background:linear-gradient(45deg,#fff 0%,#4139921a 100%);box-shadow:0 0 5px #dcdcdc}.openSheet-modal .sheet-item.color-3 h1{color:#413992}.openSheet-modal .sheet-item.color-4:hover,.openSheet-modal .sheet-item.color-4.active{background:linear-gradient(45deg,#fff 0%,#3f5cab1a 100%);box-shadow:0 0 5px #dcdcdc}.openSheet-modal .sheet-item.color-4 h1{color:#3f5cab}.openSheet-modal .sheet-item.color-5:hover,.openSheet-modal .sheet-item.color-5.active{background:linear-gradient(45deg,#fff 0%,#447cbf1a 100%);box-shadow:0 0 5px #dcdcdc}.openSheet-modal .sheet-item.color-5 h1{color:#447cbf}.openSheet-modal .sheet-item.color-6:hover,.openSheet-modal .sheet-item.color-6.active{background:linear-gradient(45deg,#fff 0%,#4d95be1a 100%);box-shadow:0 0 5px #dcdcdc}.openSheet-modal .sheet-item.color-6 h1{color:#4d95be}.openSheet-modal .sheet-item.color-7:hover,.openSheet-modal .sheet-item.color-7.active{background:linear-gradient(45deg,#fff 0%,#5ba7a61a 100%);box-shadow:0 0 5px #dcdcdc}.openSheet-modal .sheet-item.color-7 h1{color:#5ba7a6}.openSheet-modal .sheet-item.color-8:hover,.openSheet-modal .sheet-item.color-8.active{background:linear-gradient(45deg,#fff 0%,#6eb3881a 100%);box-shadow:0 0 5px #dcdcdc}.openSheet-modal .sheet-item.color-8 h1{color:#6eb388}.openSheet-modal .sheet-item.color-9:hover,.openSheet-modal .sheet-item.color-9.active{background:linear-gradient(45deg,#fff 0%,#83ba6d1a 100%);box-shadow:0 0 5px #dcdcdc}.openSheet-modal .sheet-item.color-9 h1{color:#83ba6d}.openSheet-modal .sheet-item.color-10:hover,.openSheet-modal .sheet-item.color-10.active{background:linear-gradient(45deg,#fff 0%,#9cbe5a1a 100%);box-shadow:0 0 5px #dcdcdc}.openSheet-modal .sheet-item.color-10 h1{color:#9cbe5a}.openSheet-modal .sheet-item.color-11:hover,.openSheet-modal .sheet-item.color-11.active{background:linear-gradient(45deg,#fff 0%,#b4bd4c1a 100%);box-shadow:0 0 5px #dcdcdc}.openSheet-modal .sheet-item.color-11 h1{color:#b4bd4c}.openSheet-modal .sheet-item.color-12:hover,.openSheet-modal .sheet-item.color-12.active{background:linear-gradient(45deg,#fff 0%,#cab8421a 100%);box-shadow:0 0 5px #dcdcdc}.openSheet-modal .sheet-item.color-12 h1{color:#cab842}.openSheet-modal .sheet-item.color-13:hover,.openSheet-modal .sheet-item.color-13.active{background:linear-gradient(45deg,#fff 0%,#dbab3b1a 100%);box-shadow:0 0 5px #dcdcdc}.openSheet-modal .sheet-item.color-13 h1{color:#dbab3b}.openSheet-modal .sheet-item.color-14:hover,.openSheet-modal .sheet-item.color-14.active{background:linear-gradient(45deg,#fff 0%,#e594351a 100%);box-shadow:0 0 5px #dcdcdc}.openSheet-modal .sheet-item.color-14 h1{color:#e59435}.openSheet-modal .sheet-item.color-15:hover,.openSheet-modal .sheet-item.color-15.active{background:linear-gradient(45deg,#fff 0%,#e7732f1a 100%);box-shadow:0 0 5px #dcdcdc}.openSheet-modal .sheet-item.color-15 h1{color:#e7732f}.openSheet-modal .sheet-item.color-16:hover,.openSheet-modal .sheet-item.color-16.active{background:linear-gradient(45deg,#fff 0%,#e24a281a 100%);box-shadow:0 0 5px #dcdcdc}.openSheet-modal .sheet-item.color-16 h1{color:#e24a28}.openSheet-modal .sheet-item.color-17:hover,.openSheet-modal .sheet-item.color-17.active{background:linear-gradient(45deg,#fff 0%,#d921201a 100%);box-shadow:0 0 5px #dcdcdc}.openSheet-modal .sheet-item.color-17 h1{color:#d92120}.openSheet-modal .sheet-item .info-container h1{margin-bottom:.3rem;font-size:1.2rem}.openSheet-modal .sheet-item .info-container h2{margin-bottom:.5rem;font-size:.8rem}.openSheet-modal .sheet-item .info-container h2 b{font-weight:600}.openSheet-modal .sheet-item .info-container .key-container{font-size:.9rem}.openSheet-modal .sheet-item .info-container .key-container .label{margin-right:.2rem}.openSheet-modal .sheet-item .info-container .key-container .key{font-weight:600}.openSheet-modal .sheet-item .info-container .key-container .key.color-1{color:#781c81}.openSheet-modal .sheet-item .info-container .key-container .key.color-2{color:#4e1e81}.openSheet-modal .sheet-item .info-container .key-container .key.color-3{color:#413992}.openSheet-modal .sheet-item .info-container .key-container .key.color-4{color:#3f5cab}.openSheet-modal .sheet-item .info-container .key-container .key.color-5{color:#447cbf}.openSheet-modal .sheet-item .info-container .key-container .key.color-6{color:#4d95be}.openSheet-modal .sheet-item .info-container .key-container .key.color-7{color:#5ba7a6}.openSheet-modal .sheet-item .info-container .key-container .key.color-8{color:#6eb388}.openSheet-modal .sheet-item .info-container .key-container .key.color-9{color:#83ba6d}.openSheet-modal .sheet-item .info-container .key-container .key.color-10{color:#9cbe5a}.openSheet-modal .sheet-item .info-container .key-container .key.color-11{color:#b4bd4c}.openSheet-modal .sheet-item .info-container .key-container .key.color-12{color:#cab842}.openSheet-modal .sheet-item .info-container .key-container .key.color-13{color:#dbab3b}.openSheet-modal .sheet-item .info-container .key-container .key.color-14{color:#e59435}.openSheet-modal .sheet-item .info-container .key-container .key.color-15{color:#e7732f}.openSheet-modal .sheet-item .info-container .key-container .key.color-16{color:#e24a28}.openSheet-modal .sheet-item .info-container .key-container .key.color-17{color:#d92120}.openSheet-modal .sheet-item .action-container{justify-content:center;align-items:center;display:flex}.openSheet-modal .sheet-item .action-container svg{color:#aeaeae}.openSheet-modal .sheet-item .action-container svg:hover{color:#575757}.notification-container{pointer-events:none;flex-direction:column;justify-content:flex-end;align-items:center;width:100vw;display:flex;position:fixed;bottom:1rem}.notification-container .notification{pointer-events:initial;color:#363636;background-color:#fbfbfb;border-radius:1rem;width:fit-content;margin:.5rem 1rem;padding:1.5rem 3rem;animation-name:animate-pop;animation-duration:.3s;animation-timing-function:cubic-bezier(.26,.53,.74,1.48);position:relative;box-shadow:0 5px 5px 2px #20202033}.notification-container .notification svg{cursor:pointer;position:absolute;top:.5rem;right:.5rem}@keyframes animate-pop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.modal-background{z-index:99;background-color:#00000080;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.modal-background.show{justify-content:center;align-items:center;display:flex}.modal-background .modal-container{background-color:#f7f7f7;border-radius:1rem;flex-grow:1;max-width:42rem;max-height:90vh;margin:1rem;padding:1rem;overflow-y:auto;box-shadow:0 5px 5px 2px #20202033}.about-container{max-width:75rem;margin:1rem auto}.about-container .decor-container{height:14rem;position:relative;overflow:hidden}.about-container .decor-container:before{content:"";background:linear-gradient(transparent 80%,var(--bg));z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.about-container .decor-container span{user-select:none;position:absolute}.about-container .decor-container span.color-1{-webkit-text-fill-color:transparent;background:-webkit-linear-gradient(45deg,#fff,#8b0499);-webkit-background-clip:text;font-family:Roboto Serif,Georgia,serif;font-weight:900}.about-container .decor-container span.color-2{-webkit-text-fill-color:transparent;background:-webkit-linear-gradient(45deg,#fff,#4d0699);-webkit-background-clip:text;font-family:Roboto Serif,Georgia,serif;font-weight:900}.about-container .decor-container span.color-3{-webkit-text-fill-color:transparent;background:-webkit-linear-gradient(45deg,#fff,#281bb0);-webkit-background-clip:text;font-family:Roboto Serif,Georgia,serif;font-weight:900}.about-container .decor-container span.color-4{-webkit-text-fill-color:transparent;background:-webkit-linear-gradient(45deg,#fff,#1c4cce);-webkit-background-clip:text;font-family:Roboto Serif,Georgia,serif;font-weight:900}.about-container .decor-container span.color-5{-webkit-text-fill-color:transparent;background:-webkit-linear-gradient(45deg,#fff,#1e79e5);-webkit-background-clip:text;font-family:Roboto Serif,Georgia,serif;font-weight:900}.about-container .decor-container span.color-6{-webkit-text-fill-color:transparent;background:-webkit-linear-gradient(45deg,#fff,#299fe2);-webkit-background-clip:text;font-family:Roboto Serif,Georgia,serif;font-weight:900}.about-container .decor-container span.color-7{-webkit-text-fill-color:transparent;background:-webkit-linear-gradient(45deg,#fff,#35cdcb);-webkit-background-clip:text;font-family:Roboto Serif,Georgia,serif;font-weight:900}.about-container .decor-container span.color-8{-webkit-text-fill-color:transparent;background:-webkit-linear-gradient(45deg,#fff,#4dd480);-webkit-background-clip:text;font-family:Roboto Serif,Georgia,serif;font-weight:900}.about-container .decor-container span.color-9{-webkit-text-fill-color:transparent;background:-webkit-linear-gradient(45deg,#fff,#75da4d);-webkit-background-clip:text;font-family:Roboto Serif,Georgia,serif;font-weight:900}.about-container .decor-container span.color-10{-webkit-text-fill-color:transparent;background:-webkit-linear-gradient(45deg,#fff,#a7e138);-webkit-background-clip:text;font-family:Roboto Serif,Georgia,serif;font-weight:900}.about-container .decor-container span.color-11{-webkit-text-fill-color:transparent;background:-webkit-linear-gradient(45deg,#fff,#d3e227);-webkit-background-clip:text;font-family:Roboto Serif,Georgia,serif;font-weight:900}.about-container .decor-container span.color-12{-webkit-text-fill-color:transparent;background:-webkit-linear-gradient(45deg,#fff,#eed31e);-webkit-background-clip:text;font-family:Roboto Serif,Georgia,serif;font-weight:900}.about-container .decor-container span.color-13{-webkit-text-fill-color:transparent;background:-webkit-linear-gradient(45deg,#fff,#feb918);-webkit-background-clip:text;font-family:Roboto Serif,Georgia,serif;font-weight:900}.about-container .decor-container span.color-14{-webkit-text-fill-color:transparent;background:-webkit-linear-gradient(45deg,#fff,#ff961b);-webkit-background-clip:text;font-family:Roboto Serif,Georgia,serif;font-weight:900}.about-container .decor-container span.color-15{-webkit-text-fill-color:transparent;background:-webkit-linear-gradient(45deg,#fff,#ff6d17);-webkit-background-clip:text;font-family:Roboto Serif,Georgia,serif;font-weight:900}.about-container .decor-container span.color-16{-webkit-text-fill-color:transparent;background:-webkit-linear-gradient(45deg,#fff,#ff380b);-webkit-background-clip:text;font-family:Roboto Serif,Georgia,serif;font-weight:900}.about-container .decor-container span.color-17{-webkit-text-fill-color:transparent;background:-webkit-linear-gradient(45deg,#fff,#f90100);-webkit-background-clip:text;font-family:Roboto Serif,Georgia,serif;font-weight:900}@media (width<=768px){.about-container .decor-container span.mobile-hide{display:none}}.about-container .content-container{margin-bottom:2rem;padding:0 1rem}.about-container .content-container h1{color:var(--text);margin:1rem auto;font-size:1.675rem;font-weight:500}.about-container .content-container h2{color:var(--text);margin:1rem auto;font-size:1.375rem;font-weight:500}.about-container .content-container .changelog{color:var(--text);margin:1.5rem auto 1rem;font-size:1.375rem;font-weight:500}.about-container .content-container h3{color:var(--text);margin:1rem auto;font-size:1.1rem;font-weight:500}.about-container .content-container div{color:var(--text);line-height:1.525rem}.about-container .content-container div a,.about-container .content-container div a:link{border-bottom:1px solid var(--link);color:var(--link);text-decoration:none}.about-container .content-container div a:active,.about-container .content-container div a:hover{color:var(--link-hover);border-bottom:1px solid var(--link-hover)}.about-container .content-container div a.no-decoration{text-decoration:none}.about-container .content-container div b{font-weight:700}.about-container .content-container div em{font-variation-settings:"slnt" -7}.changelog-container{max-width:75rem;margin:1rem auto}.changelog-container .decor-container{height:14rem;position:relative;overflow:hidden}.changelog-container .decor-container:before{content:"";background:linear-gradient(transparent 80%,var(--bg));z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.changelog-container .decor-container span{user-select:none;position:absolute}.changelog-container .decor-container span.color-1{-webkit-text-fill-color:transparent;background:-webkit-linear-gradient(45deg,#fff,#8b0499);-webkit-background-clip:text;font-family:Roboto Serif,Georgia,serif;font-weight:900}.changelog-container .decor-container span.color-2{-webkit-text-fill-color:transparent;background:-webkit-linear-gradient(45deg,#fff,#4d0699);-webkit-background-clip:text;font-family:Roboto Serif,Georgia,serif;font-weight:900}.changelog-container .decor-container span.color-3{-webkit-text-fill-color:transparent;background:-webkit-linear-gradient(45deg,#fff,#281bb0);-webkit-background-clip:text;font-family:Roboto Serif,Georgia,serif;font-weight:900}.changelog-container .decor-container span.color-4{-webkit-text-fill-color:transparent;background:-webkit-linear-gradient(45deg,#fff,#1c4cce);-webkit-background-clip:text;font-family:Roboto Serif,Georgia,serif;font-weight:900}.changelog-container .decor-container span.color-5{-webkit-text-fill-color:transparent;background:-webkit-linear-gradient(45deg,#fff,#1e79e5);-webkit-background-clip:text;font-family:Roboto Serif,Georgia,serif;font-weight:900}.changelog-container .decor-container span.color-6{-webkit-text-fill-color:transparent;background:-webkit-linear-gradient(45deg,#fff,#299fe2);-webkit-background-clip:text;font-family:Roboto Serif,Georgia,serif;font-weight:900}.changelog-container .decor-container span.color-7{-webkit-text-fill-color:transparent;background:-webkit-linear-gradient(45deg,#fff,#35cdcb);-webkit-background-clip:text;font-family:Roboto Serif,Georgia,serif;font-weight:900}.changelog-container .decor-container span.color-8{-webkit-text-fill-color:transparent;background:-webkit-linear-gradient(45deg,#fff,#4dd480);-webkit-background-clip:text;font-family:Roboto Serif,Georgia,serif;font-weight:900}.changelog-container .decor-container span.color-9{-webkit-text-fill-color:transparent;background:-webkit-linear-gradient(45deg,#fff,#75da4d);-webkit-background-clip:text;font-family:Roboto Serif,Georgia,serif;font-weight:900}.changelog-container .decor-container span.color-10{-webkit-text-fill-color:transparent;background:-webkit-linear-gradient(45deg,#fff,#a7e138);-webkit-background-clip:text;font-family:Roboto Serif,Georgia,serif;font-weight:900}.changelog-container .decor-container span.color-11{-webkit-text-fill-color:transparent;background:-webkit-linear-gradient(45deg,#fff,#d3e227);-webkit-background-clip:text;font-family:Roboto Serif,Georgia,serif;font-weight:900}.changelog-container .decor-container span.color-12{-webkit-text-fill-color:transparent;background:-webkit-linear-gradient(45deg,#fff,#eed31e);-webkit-background-clip:text;font-family:Roboto Serif,Georgia,serif;font-weight:900}.changelog-container .decor-container span.color-13{-webkit-text-fill-color:transparent;background:-webkit-linear-gradient(45deg,#fff,#feb918);-webkit-background-clip:text;font-family:Roboto Serif,Georgia,serif;font-weight:900}.changelog-container .decor-container span.color-14{-webkit-text-fill-color:transparent;background:-webkit-linear-gradient(45deg,#fff,#ff961b);-webkit-background-clip:text;font-family:Roboto Serif,Georgia,serif;font-weight:900}.changelog-container .decor-container span.color-15{-webkit-text-fill-color:transparent;background:-webkit-linear-gradient(45deg,#fff,#ff6d17);-webkit-background-clip:text;font-family:Roboto Serif,Georgia,serif;font-weight:900}.changelog-container .decor-container span.color-16{-webkit-text-fill-color:transparent;background:-webkit-linear-gradient(45deg,#fff,#ff380b);-webkit-background-clip:text;font-family:Roboto Serif,Georgia,serif;font-weight:900}.changelog-container .decor-container span.color-17{-webkit-text-fill-color:transparent;background:-webkit-linear-gradient(45deg,#fff,#f90100);-webkit-background-clip:text;font-family:Roboto Serif,Georgia,serif;font-weight:900}@media (width<=768px){.changelog-container .decor-container span.mobile-hide{display:none}}.changelog-container .content-container{margin-bottom:2rem;padding:0 1rem}.changelog-container .content-container h1{color:var(--text);margin:1rem auto;font-size:1.675rem;font-weight:500}.changelog-container .content-container h2{color:var(--text);margin:1rem auto;font-size:1.375rem;font-weight:500}.changelog-container .content-container .changelog{color:var(--text);margin:1.5rem auto 1rem;font-size:1.375rem;font-weight:500}.changelog-container .content-container h3{color:var(--text);margin:1rem auto;font-size:1.1rem;font-weight:500}.changelog-container .content-container .changelog-list{list-style:outside}.changelog-container .content-container .changelog-list li{margin-bottom:.4rem;margin-left:1.5rem;line-height:1.6rem}.changelog-container .content-container .changelog-list li a{cursor:pointer}.changelog-container .content-container div{color:var(--text);line-height:1.525rem}.changelog-container .content-container div a,.changelog-container .content-container div a:link{color:var(--link);border-bottom:1px solid #0088ff60;text-decoration:none}.changelog-container .content-container div a:active,.changelog-container .content-container div a:hover{color:var(--link-hover);border-bottom:1px solid #f70035}.changelog-container .content-container div a.no-decoration{text-decoration:none}.changelog-container .content-container div b{font-weight:700}.changelog-container .content-container div em{font-variation-settings:"slnt" -7}@font-face{font-family:Helsinki;src:url(HelsinkiStd.3d336667.woff2)format("woff2"),url(HelsinkiStd.ca5f87f6.woff)format("woff"),url(HelsinkiStd.bcd973a2.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}:root{color-scheme:light dark;--bg:#fff;--bgf:#f5f5f5;--header:#fff;--footer:#f5f5f5;--border:#e5e7eb;--borderlight:#dedede;--borderextralight:#eee;--borderselector:transparent;--text:#000;--footertext:#5f5f5f;--footertext-link:#5f5f5f;--footertext-link-border:#5f5f5f33;--muted-text:rbga(0,0,0,.7);--link:#0380f4;--link-underline:#0380f480;--link-hover:#ff0036;--link-visited:#5b2abf;--card:#fbfbfb;--inversioncard:#fff;--chordcard:#fff;--surface:#fff;--success:#138000;--warning:#a97100;--danger:#b00020;--shadow:0 1px 2px #0000000f,0 4px 12px #0000000f;--shadowbox:#e1e1e1 0px 0px 5px;--button-bg:#fff;--button-text:#363636;--button-toggle-bg:#f1f1f1;--button-toggle-border:#d0d0d0;--input-bg:#fff;--input-border:#aeaeae;--input-text:#000;--color-gr-1:linear-gradient(45deg,#fff 0%,#781c811a 100%);--color-gr-2:linear-gradient(45deg,#fff 0%,#4e1e811a 100%);--color-gr-3:linear-gradient(45deg,#fff 0%,#4139921a 100%);--color-gr-4:linear-gradient(45deg,#fff 0%,#3f5cab1a 100%);--color-gr-5:linear-gradient(45deg,#fff 0%,#447cbf1a 100%);--color-gr-6:linear-gradient(45deg,#fff 0%,#4d95be1a 100%);--color-gr-7:linear-gradient(45deg,#fff 0%,#5ba7a61a 100%);--color-gr-8:linear-gradient(45deg,#fff 0%,#6eb3881a 100%);--color-gr-9:linear-gradient(45deg,#fff 0%,#83ba6d1a 100%);--color-gr-10:linear-gradient(45deg,#fff 0%,#9cbe5a1a 100%);--color-gr-11:linear-gradient(45deg,#fff 0%,#b4bd4c1a 100%);--color-gr-12:linear-gradient(45deg,#fff 0%,#cab8421a 100%);--color-gr-13:linear-gradient(45deg,#fff 0%,#dbab3b1a 100%);--color-gr-14:linear-gradient(45deg,#fff 0%,#e594351a 100%);--color-gr-15:linear-gradient(45deg,#fff 0%,#e7732f1a 100%);--color-gr-16:linear-gradient(45deg,#fff 0%,#e24a281a 100%);--color-gr-17:linear-gradient(45deg,#fff 0%,#d921201a 100%);--color-gr-hover-not-disabled:linear-gradient(45deg,var(--hover-base)0%,rgb(var(--accent-rgb)/var(--hover-alpha))100%;);--color-gr-active-not-disabled:linear-gradient(45deg,var(--hover-base)0%,rgb(var(--accent-rgb,0 0 0)/var(--hover-alpha))100%;);--color-gr-active:linear-gradient(45deg,adjust-color(nth($rainbow-17,$i),$lightness: +15%)0%,adjust-color(nth($rainbow-17,$i),$lightness: -5%)100%);--color-gr-hover:linear-gradient(45deg,adjust-color(nth($rainbow-17,$i),$lightness: +25%)0%,adjust-color(nth($rainbow-17,$i),$lightness: -5%)100%);--color-gr-hover-active:adjust-color(nth($rainbow-17,$i),$lightness: -10%);--hover-base:#fff;--hover-alpha:.1;--cof-bg:#fff;--cof-border:#d0d0d0;--cof-radial:#d0d0d0;--keywhite:#fff;--keywhite-text:#000;--keywhite-hover:#9e9e9e;--keywhite-text-hover:#000;--keyblack:#333;--keyblack-text:#a8a8a8;--keyblack-hover:#9e9e9e;--keyblack-text-hover:#000;--keyshadow:0px 5px 1px #20202033;--keyborder:#c2c2c2;--keyactive-text:#fff;--thumbkey-white-fill:#fff;--thumbkey-black-fill:#3f3f3f;--thumbkey-white-stroke:#bebebe;--thumbkey-black-stroke:#bebebe;--thumbkey-active-stroke:#bebebe;--accent-1-rgb:linear-gradient(45deg,#fff 0%,#781c811a);--accent-2-rgb:linear-gradient(45deg,#fff 0%,#4e1e811a);--accent-3-rgb:linear-gradient(45deg,#fff 0%,#4139921a);--accent-4-rgb:linear-gradient(45deg,#fff 0%,#3f5cab1a);--accent-5-rgb:linear-gradient(45deg,#fff 0%,#447cbf1a);--accent-6-rgb:linear-gradient(45deg,#fff 0%,#4d95be1a);--accent-7-rgb:linear-gradient(45deg,#fff 0%,#5ba7a61a);--accent-8-rgb:linear-gradient(45deg,#fff 0%,#6eb3881a);--accent-9-rgb:linear-gradient(45deg,#fff 0%,#83ba6d1a);--accent-10-rgb:linear-gradient(45deg,#fff 0%,#9cbe5a1a);--accent-11-rgb:linear-gradient(45deg,#fff 0%,#b4bd4c1a);--accent-12-rgb:linear-gradient(45deg,#fff 0%,#cab8421a);--accent-13-rgb:linear-gradient(45deg,#fff 0%,#dbab3b1a);--accent-14-rgb:linear-gradient(45deg,#fff 0%,#e594351a);--accent-15-rgb:linear-gradient(45deg,#fff 0%,#e7732f1a);--accent-16-rgb:linear-gradient(45deg,#fff 0%,#e24a281a);--accent-17-rgb:linear-gradient(45deg,#fff 0%,#d921201a)}:root .chordDetail-container.color-1,:root .scaleDetail-container.color-1,:root .tonalityDetail-container.color-1{background-color:var(--accent-1-rgb)!important}:root .chord.color-1.active,:root .scale.color-1.active,:root .tonality.color-1.active{background:var(--accent-1-rgb)!important}:root .chordDetail-container.color-2,:root .scaleDetail-container.color-2,:root .tonalityDetail-container.color-2{background-color:var(--accent-2-rgb)!important}:root .chord.color-2.active,:root .scale.color-2.active,:root .tonality.color-2.active{background:var(--accent-2-rgb)!important}:root .chordDetail-container.color-3,:root .scaleDetail-container.color-3,:root .tonalityDetail-container.color-3{background-color:var(--accent-3-rgb)!important}:root .chord.color-3.active,:root .scale.color-3.active,:root .tonality.color-3.active{background:var(--accent-3-rgb)!important}:root .chordDetail-container.color-4,:root .scaleDetail-container.color-4,:root .tonalityDetail-container.color-4{background-color:var(--accent-4-rgb)!important}:root .chord.color-4.active,:root .scale.color-4.active,:root .tonality.color-4.active{background:var(--accent-4-rgb)!important}:root .chordDetail-container.color-5,:root .scaleDetail-container.color-5,:root .tonalityDetail-container.color-5{background-color:var(--accent-5-rgb)!important}:root .chord.color-5.active,:root .scale.color-5.active,:root .tonality.color-5.active{background:var(--accent-5-rgb)!important}:root .chordDetail-container.color-6,:root .scaleDetail-container.color-6,:root .tonalityDetail-container.color-6{background-color:var(--accent-6-rgb)!important}:root .chord.color-6.active,:root .scale.color-6.active,:root .tonality.color-6.active{background:var(--accent-6-rgb)!important}:root .chordDetail-container.color-7,:root .scaleDetail-container.color-7,:root .tonalityDetail-container.color-7{background-color:var(--accent-7-rgb)!important}:root .chord.color-7.active,:root .scale.color-7.active,:root .tonality.color-7.active{background:var(--accent-7-rgb)!important}:root .chordDetail-container.color-8,:root .scaleDetail-container.color-8,:root .tonalityDetail-container.color-8{background-color:var(--accent-8-rgb)!important}:root .chord.color-8.active,:root .scale.color-8.active,:root .tonality.color-8.active{background:var(--accent-8-rgb)!important}:root .chordDetail-container.color-9,:root .scaleDetail-container.color-9,:root .tonalityDetail-container.color-9{background-color:var(--accent-9-rgb)!important}:root .chord.color-9.active,:root .scale.color-9.active,:root .tonality.color-9.active{background:var(--accent-9-rgb)!important}:root .chordDetail-container.color-10,:root .scaleDetail-container.color-10,:root .tonalityDetail-container.color-10{background-color:var(--accent-10-rgb)!important}:root .chord.color-10.active,:root .scale.color-10.active,:root .tonality.color-10.active{background:var(--accent-10-rgb)!important}:root .chordDetail-container.color-11,:root .scaleDetail-container.color-11,:root .tonalityDetail-container.color-11{background-color:var(--accent-11-rgb)!important}:root .chord.color-11.active,:root .scale.color-11.active,:root .tonality.color-11.active{background:var(--accent-11-rgb)!important}:root .chordDetail-container.color-12,:root .scaleDetail-container.color-12,:root .tonalityDetail-container.color-12{background-color:var(--accent-12-rgb)!important}:root .chord.color-12.active,:root .scale.color-12.active,:root .tonality.color-12.active{background:var(--accent-12-rgb)!important}:root .chordDetail-container.color-13,:root .scaleDetail-container.color-13,:root .tonalityDetail-container.color-13{background-color:var(--accent-13-rgb)!important}:root .chord.color-13.active,:root .scale.color-13.active,:root .tonality.color-13.active{background:var(--accent-13-rgb)!important}:root .chordDetail-container.color-14,:root .scaleDetail-container.color-14,:root .tonalityDetail-container.color-14{background-color:var(--accent-14-rgb)!important}:root .chord.color-14.active,:root .scale.color-14.active,:root .tonality.color-14.active{background:var(--accent-14-rgb)!important}:root .chordDetail-container.color-15,:root .scaleDetail-container.color-15,:root .tonalityDetail-container.color-15{background-color:var(--accent-15-rgb)!important}:root .chord.color-15.active,:root .scale.color-15.active,:root .tonality.color-15.active{background:var(--accent-15-rgb)!important}:root .chordDetail-container.color-16,:root .scaleDetail-container.color-16,:root .tonalityDetail-container.color-16{background-color:var(--accent-16-rgb)!important}:root .chord.color-16.active,:root .scale.color-16.active,:root .tonality.color-16.active{background:var(--accent-16-rgb)!important}:root .chordDetail-container.color-17,:root .scaleDetail-container.color-17,:root .tonalityDetail-container.color-17{background-color:var(--accent-17-rgb)!important}:root .chord.color-17.active,:root .scale.color-17.active,:root .tonality.color-17.active{background:var(--accent-17-rgb)!important}:root[data-theme=dark]{color-scheme:dark;--bg:#161617;--bgf:#26282b;--header:#26282b;--footer:#232324;--border:#353436;--borderlight:#424242;--borderextralight:#4a4a4a;--borderselector:#fff;--text:#c9cccf;--footertext:#c9cccf;--footertext-link:#c9cccf;--footertext-link-border:#c9cccf80;--muted-text:#a6b0bb;--link:#0380f4;--link-underline:#0380f480;--link-hover:#ff0036;--link-visited:#c792ea;--inversioncard:#333;--card:#232324;--chordcard:#333;--surface:#2d3135;--success:#4fd28e;--warning:#f0c36a;--danger:#ff6b6b;--shadow:0 1px 2px #00000040,0 6px 18px #00000059;--shadowbox:0 4px 20px #00000052,0 0 0 1px #363636;--button-bg:#333;--button-text:#c9cccf;--button-toggle-bg:#484848;--button-toggle-border:#686868;--input-bg:#313131;--input-border:#363636;--input-text:#c9cccf;--color-gr-1:linear-gradient(45deg,#232324 0%,#781c811a 100%);--color-gr-2:linear-gradient(45deg,#232324 0%,#4e1e811a 100%);--color-gr-3:linear-gradient(45deg,#232324 0%,#4139921a 100%);--color-gr-4:linear-gradient(45deg,#232324 0%,#3f5cab1a 100%);--color-gr-5:linear-gradient(45deg,#232324 0%,#447cbf1a 100%);--color-gr-6:linear-gradient(45deg,#232324 0%,#4d95be1a 100%);--color-gr-7:linear-gradient(45deg,#232324 0%,#5ba7a61a 100%);--color-gr-8:linear-gradient(45deg,#232324 0%,#6eb3881a 100%);--color-gr-9:linear-gradient(45deg,#232324 0%,#83ba6d1a 100%);--color-gr-10:linear-gradient(45deg,#232324 0%,#9cbe5a1a 100%);--color-gr-11:linear-gradient(45deg,#232324 0%,#b4bd4c1a 100%);--color-gr-12:linear-gradient(45deg,#232324 0%,#cab8421a 100%);--color-gr-13:linear-gradient(45deg,#232324 0%,#dbab3b1a 100%);--color-gr-14:linear-gradient(45deg,#232324 0%,#e594351a 100%);--color-gr-15:linear-gradient(45deg,#232324 0%,#e7732f1a 100%);--color-gr-16:linear-gradient(45deg,#232324 0%,#e24a281a 100%);--color-gr-17:linear-gradient(45deg,#232324 0%,#d921201a 100%);--color-gr-hover-not-disabled:var(--accent-rgb);--color-gr-active-not-disabled:linear-gradient(45deg,var(--hover-base)0%,rgb(var(--accent-rgb,0 0 0)/var(--hover-alpha))100%;);--color-gr-active:linear-gradient(45deg,adjust-color(nth($rainbow-17,$i),$lightness: +15%)0%,adjust-color(nth($rainbow-17,$i),$lightness: -5%)100%);--color-gr-hover:linear-gradient(45deg,adjust-color(nth($rainbow-17,$i),$lightness: +25%)0%,adjust-color(nth($rainbow-17,$i),$lightness: -5%)100%);--color-gr-hover-active:adjust-color(nth($rainbow-17,$i),$lightness: -10%);--hover-base:#232324;--hover-alpha:.1;--cof-bg:#232324;--cof-border:#898989;--cof-radial:#4a4a4a;--accent-1-rgb:linear-gradient(45deg,#232324 0%,#781c811a);--accent-2-rgb:linear-gradient(45deg,#232324 0%,#4e1e811a);--accent-3-rgb:linear-gradient(45deg,#232324 0%,#4139921a);--accent-4-rgb:linear-gradient(45deg,#232324 0%,#3f5cab1a);--accent-5-rgb:linear-gradient(45deg,#232324 0%,#447cbf1a);--accent-6-rgb:linear-gradient(45deg,#232324 0%,#4d95be1a);--accent-7-rgb:linear-gradient(45deg,#232324 0%,#5ba7a61a);--accent-8-rgb:linear-gradient(45deg,#232324 0%,#6eb3881a);--accent-9-rgb:linear-gradient(45deg,#232324 0%,#83ba6d1a);--accent-10-rgb:linear-gradient(45deg,#232324 0%,#9cbe5a1a);--accent-11-rgb:linear-gradient(45deg,#232324 0%,#b4bd4c1a);--accent-12-rgb:linear-gradient(45deg,#232324 0%,#cab8421a);--accent-13-rgb:linear-gradient(45deg,#232324 0%,#dbab3b1a);--accent-14-rgb:linear-gradient(45deg,#232324 0%,#e594351a);--accent-15-rgb:linear-gradient(45deg,#232324 0%,#e7732f1a);--accent-16-rgb:linear-gradient(45deg,#232324 0%,#e24a281a);--accent-17-rgb:linear-gradient(45deg,#232324 0%,#d921201a);--keywhite:#333;--keywhite-text:#c9cccf;--keywhite-hover:#9e9e9e;--keywhite-text-hover:#000;--keyblack:#666;--keyblack-text:#c9cccf;--keyblack-hover:#9e9e9e;--keyblack-text-hover:#000;--keyshadow:0px 5px 1px #dcdcdc33;--keyborder:#c2c2c2;--keyactive-text:#fff;--thumbkey-white-fill:#fff;--thumbkey-black-fill:#3f3f3f;--thumbkey-white-stroke:#424242;--thumbkey-black-stroke:#424242;--thumbkey-active-stroke:#bebebe}:root[data-theme=dark] .chordDetail-container.color-1,:root[data-theme=dark] .scaleDetail-container.color-1,:root[data-theme=dark] .tonalityDetail-container.color-1{background-color:var(--accent-1-rgb)!important}:root[data-theme=dark] .chordDetail-container.color-2,:root[data-theme=dark] .scaleDetail-container.color-2,:root[data-theme=dark] .tonalityDetail-container.color-2{background-color:var(--accent-2-rgb)!important}:root[data-theme=dark] .chordDetail-container.color-3,:root[data-theme=dark] .scaleDetail-container.color-3,:root[data-theme=dark] .tonalityDetail-container.color-3{background-color:var(--accent-3-rgb)!important}:root[data-theme=dark] .chordDetail-container.color-4,:root[data-theme=dark] .scaleDetail-container.color-4,:root[data-theme=dark] .tonalityDetail-container.color-4{background-color:var(--accent-4-rgb)!important}:root[data-theme=dark] .chordDetail-container.color-5,:root[data-theme=dark] .scaleDetail-container.color-5,:root[data-theme=dark] .tonalityDetail-container.color-5{background-color:var(--accent-5-rgb)!important}:root[data-theme=dark] .chordDetail-container.color-6,:root[data-theme=dark] .scaleDetail-container.color-6,:root[data-theme=dark] .tonalityDetail-container.color-6{background-color:var(--accent-6-rgb)!important}:root[data-theme=dark] .chordDetail-container.color-7,:root[data-theme=dark] .scaleDetail-container.color-7,:root[data-theme=dark] .tonalityDetail-container.color-7{background-color:var(--accent-7-rgb)!important}:root[data-theme=dark] .chordDetail-container.color-8,:root[data-theme=dark] .scaleDetail-container.color-8,:root[data-theme=dark] .tonalityDetail-container.color-8{background-color:var(--accent-8-rgb)!important}:root[data-theme=dark] .chordDetail-container.color-9,:root[data-theme=dark] .scaleDetail-container.color-9,:root[data-theme=dark] .tonalityDetail-container.color-9{background-color:var(--accent-9-rgb)!important}:root[data-theme=dark] .chordDetail-container.color-10,:root[data-theme=dark] .scaleDetail-container.color-10,:root[data-theme=dark] .tonalityDetail-container.color-10{background-color:var(--accent-10-rgb)!important}:root[data-theme=dark] .chordDetail-container.color-11,:root[data-theme=dark] .scaleDetail-container.color-11,:root[data-theme=dark] .tonalityDetail-container.color-11{background-color:var(--accent-11-rgb)!important}:root[data-theme=dark] .chordDetail-container.color-12,:root[data-theme=dark] .scaleDetail-container.color-12,:root[data-theme=dark] .tonalityDetail-container.color-12{background-color:var(--accent-12-rgb)!important}:root[data-theme=dark] .chordDetail-container.color-13,:root[data-theme=dark] .scaleDetail-container.color-13,:root[data-theme=dark] .tonalityDetail-container.color-13{background-color:var(--accent-13-rgb)!important}:root[data-theme=dark] .chordDetail-container.color-14,:root[data-theme=dark] .scaleDetail-container.color-14,:root[data-theme=dark] .tonalityDetail-container.color-14{background-color:var(--accent-14-rgb)!important}:root[data-theme=dark] .chordDetail-container.color-15,:root[data-theme=dark] .scaleDetail-container.color-15,:root[data-theme=dark] .tonalityDetail-container.color-15{background-color:var(--accent-15-rgb)!important}:root[data-theme=dark] .chordDetail-container.color-16,:root[data-theme=dark] .scaleDetail-container.color-16,:root[data-theme=dark] .tonalityDetail-container.color-16{background-color:var(--accent-16-rgb)!important}:root[data-theme=dark] .chordDetail-container.color-17,:root[data-theme=dark] .scaleDetail-container.color-17,:root[data-theme=dark] .tonalityDetail-container.color-17{background-color:var(--accent-17-rgb)!important}.mt-android,.mt-android-orange,.mt-android-pink,.mt-android-violet,.mt-android-indigo{box-sizing:border-box;display:inline-block}.mt-android label,.mt-android-orange label,.mt-android-pink label,.mt-android-violet label,.mt-android-indigo label{box-sizing:border-box;cursor:pointer;background-image:linear-gradient(90deg,#848484 0% 50%,#7cbcbf 50% 100%);background-size:8em 1.7em;border-radius:.875em;width:4em;height:1.75em;transition:all .3s;display:inline-block;position:relative}.mt-android label:before,.mt-android-orange label:before,.mt-android-pink label:before,.mt-android-violet label:before,.mt-android-indigo label:before{content:"";background:#fff;border-radius:2em;width:2.25em;height:2.25em;transition:all .3s;display:block;position:absolute;top:-.25em;left:0;box-shadow:0 .125em .375em #00000080}.mt-android input,.mt-android-orange input,.mt-android-pink input,.mt-android-violet input,.mt-android-indigo input{box-sizing:border-box;width:0;height:0;font-size:inherit;z-index:1;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;border:none;margin:0;position:absolute}.mt-android input:focus,.mt-android-orange input:focus,.mt-android-pink input:focus,.mt-android-violet input:focus,.mt-android-indigo input:focus{outline:none}.mt-android input:checked+label,.mt-android-orange input:checked+label,.mt-android-pink input:checked+label,.mt-android-violet input:checked+label,.mt-android-indigo input:checked+label{background-position:-100%}.mt-android input:checked+label:before,.mt-android-orange input:checked+label:before,.mt-android-pink input:checked+label:before,.mt-android-violet input:checked+label:before,.mt-android-indigo input:checked+label:before{transform:translate(1.75em)}.mt-android input:disabled+label,.mt-android-orange input:disabled+label,.mt-android-pink input:disabled+label,.mt-android-violet input:disabled+label,.mt-android-indigo input:disabled+label{cursor:not-allowed!important;background:#ccc!important}.mt-android input:disabled+label:before,.mt-android-orange input:disabled+label:before,.mt-android-pink input:disabled+label:before,.mt-android-violet input:disabled+label:before,.mt-android-indigo input:disabled+label:before{background:#ccc!important;box-shadow:0 .125em .375em #00000080!important}.mt-android-indigo label{background-image:linear-gradient(90deg,#848484 0% 50%,#9fa8da 50% 100%)}.mt-android-violet label{background-image:linear-gradient(90deg,#848484 0% 50%,#ce93d8 50% 100%)}.mt-android-pink label{background-image:linear-gradient(90deg,#848484 0% 50%,#f48fb1 50% 100%)}.mt-android-orange label{background-image:linear-gradient(90deg,#848484 0% 50%,#ffcc80 50% 100%)}.mt-check,.mt-check-fruit,.mt-check-matte,.mt-check-pink,.mt-check-garden{box-sizing:border-box;display:inline-block}.mt-check label,.mt-check-fruit label,.mt-check-matte label,.mt-check-pink label,.mt-check-garden label{box-sizing:border-box;cursor:pointer;background:#2e394d;border:none;border-radius:1.5em;width:7em;height:3em;transition:all .3s;display:inline-block;position:relative}.mt-check label:before,.mt-check-fruit label:before,.mt-check-matte label:before,.mt-check-pink label:before,.mt-check-garden label:before{content:"";background:#f0134d;border-radius:2.5em;width:2.4em;height:2.4em;transition:all .3s;display:block;position:absolute;top:.3em;left:.3em}.mt-check input,.mt-check-fruit input,.mt-check-matte input,.mt-check-pink input,.mt-check-garden input{box-sizing:border-box;width:0;height:0;font-size:inherit;z-index:1;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;border:none;margin:0;position:absolute}.mt-check input:focus,.mt-check-fruit input:focus,.mt-check-matte input:focus,.mt-check-pink input:focus,.mt-check-garden input:focus{outline:none}.mt-check input:before,.mt-check-fruit input:before,.mt-check-matte input:before,.mt-check-pink input:before,.mt-check-garden input:before,.mt-check input:after,.mt-check-fruit input:after,.mt-check-matte input:after,.mt-check-pink input:after,.mt-check-garden input:after{content:"";background:#fff;border-radius:.125em;height:.25em;transition:all .3s;display:block;position:absolute}.mt-check input:before,.mt-check-fruit input:before,.mt-check-matte input:before,.mt-check-pink input:before,.mt-check-garden input:before{width:1.6875em;transform:rotate(-45deg)translate(-.525em,1.425em)}.mt-check input:after,.mt-check-fruit input:after,.mt-check-matte input:after,.mt-check-pink input:after,.mt-check-garden input:after{width:1.6875em;transform:rotate(45deg)translate(1.425em,.525em)}.mt-check input:checked:before,.mt-check-fruit input:checked:before,.mt-check-matte input:checked:before,.mt-check-pink input:checked:before,.mt-check-garden input:checked:before{width:1.5625em;transform:rotate(-45deg)translate(2.5375em,4.55em)}.mt-check input:checked:after,.mt-check-fruit input:checked:after,.mt-check-matte input:checked:after,.mt-check-pink input:checked:after,.mt-check-garden input:checked:after{width:.73em;transform:rotate(45deg)translate(4.55em,-2.1625em)}.mt-check input:checked+label:before,.mt-check-fruit input:checked+label:before,.mt-check-matte input:checked+label:before,.mt-check-pink input:checked+label:before,.mt-check-garden input:checked+label:before{background:#40bfc1;transform:translate(4em)}.mt-check input:disabled:before,.mt-check-fruit input:disabled:before,.mt-check-matte input:disabled:before,.mt-check-pink input:disabled:before,.mt-check-garden input:disabled:before,.mt-check input:disabled:after,.mt-check-fruit input:disabled:after,.mt-check-matte input:disabled:after,.mt-check-pink input:disabled:after,.mt-check-garden input:disabled:after{cursor:not-allowed!important}.mt-check input:disabled+label,.mt-check-fruit input:disabled+label,.mt-check-matte input:disabled+label,.mt-check-pink input:disabled+label,.mt-check-garden input:disabled+label{cursor:not-allowed!important;background:#ccc!important}.mt-check input:disabled+label:before,.mt-check-fruit input:disabled+label:before,.mt-check-matte input:disabled+label:before,.mt-check-pink input:disabled+label:before,.mt-check-garden input:disabled+label:before{background:#ddd!important}.mt-check-garden label:before{background:#ff2e63}.mt-check-garden input:checked+label:before{background:#21bf73}.mt-check-pink label:before{background:#ffe3ed}.mt-check-pink input:before,.mt-check-pink input:after{background:#2e394d}.mt-check-pink input:checked+label:before{background:#beebe9}.mt-check-matte label:before{background:#c9485b}.mt-check-matte input:checked+label:before{background:#75b79e}.mt-check-fruit label:before{background:#ff8364}.mt-check-fruit input:checked+label:before{background:#5f6caf}.mt-emoji,.mt-emoji-like,.mt-emoji-mute,.mt-emoji-pet,.mt-emoji-gender,.mt-emoji-mood{box-sizing:border-box;display:inline-block}.mt-emoji label,.mt-emoji-like label,.mt-emoji-mute label,.mt-emoji-pet label,.mt-emoji-gender label,.mt-emoji-mood label{box-sizing:border-box;cursor:pointer;background:#fff;border:.2em solid #888;border-radius:1em;width:7em;height:.8em;transition:all .3s;display:inline-block;position:relative}.mt-emoji label:before,.mt-emoji-like label:before,.mt-emoji-mute label:before,.mt-emoji-pet label:before,.mt-emoji-gender label:before,.mt-emoji-mood label:before{content:"";font-size:3em;transition:all .3s;display:block;position:absolute;top:-.6em;left:0}.mt-emoji input,.mt-emoji-like input,.mt-emoji-mute input,.mt-emoji-pet input,.mt-emoji-gender input,.mt-emoji-mood input{box-sizing:border-box;width:0;height:0;font-size:inherit;z-index:1;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;border:none;margin:0;position:absolute}.mt-emoji input:focus,.mt-emoji-like input:focus,.mt-emoji-mute input:focus,.mt-emoji-pet input:focus,.mt-emoji-gender input:focus,.mt-emoji-mood input:focus{outline:none}.mt-emoji input:checked+label:before,.mt-emoji-like input:checked+label:before,.mt-emoji-mute input:checked+label:before,.mt-emoji-pet input:checked+label:before,.mt-emoji-gender input:checked+label:before,.mt-emoji-mood input:checked+label:before{transform:translate(1.2em)}.mt-emoji input:disabled+label,.mt-emoji-like input:disabled+label,.mt-emoji-mute input:disabled+label,.mt-emoji-pet input:disabled+label,.mt-emoji-gender input:disabled+label,.mt-emoji-mood input:disabled+label{cursor:not-allowed!important}.mt-emoji-mood label:before{content:"😄"}.mt-emoji-mood input:checked+label:before{content:"😠"}.mt-emoji-gender label:before{content:"👨"}.mt-emoji-gender input:checked+label:before{content:"👩"}.mt-emoji-pet label:before{content:"🐶"}.mt-emoji-pet input:checked+label:before{content:"🐱"}.mt-emoji-mute label:before{content:"🔇"}.mt-emoji-mute input:checked+label:before{content:"🔊"}.mt-emoji-like label:before{content:"👍"}.mt-emoji-like input:checked+label:before{content:"👎"}.mt-star,.mt-star-golden,.mt-star-pink,.mt-star-tomato,.mt-star-garden{box-sizing:border-box;display:inline-block}.mt-star label,.mt-star-golden label,.mt-star-pink label,.mt-star-tomato label,.mt-star-garden label{box-sizing:border-box;cursor:pointer;clip-path:polygon(88.42% 39.625%,62.765% 36.275%,51.645% 12.85%,51.5802% 12.7258%,48.355% 12.85%,37.235% 36.275%,11.58% 39.625%,10.4062% 40.2715%,10.565% 42.7%,29.365% 60.54%,24.62% 86.05%,25.8385% 88.0815%,27.285% 87.945%,50% 75.545%,72.715% 87.94%,75.4057% 86.2428%,75.38% 86.045%,70.635% 60.53%,89.435% 42.69%,88.42% 39.625%,67.405% 58.615%,66.8948% 59.4838%,66.88% 60.235%);width:5em;height:5em;transition:all .3s;display:inline-block;position:relative;overflow:hidden}.mt-star label:before,.mt-star-golden label:before,.mt-star-pink label:before,.mt-star-tomato label:before,.mt-star-garden label:before{content:"";background:linear-gradient(#cac9d1 0% 42%,#91e0f8 55%,#1b68cb 100%);width:5em;height:10em;transition:all .2s;display:block;position:absolute}.mt-star input,.mt-star-golden input,.mt-star-pink input,.mt-star-tomato input,.mt-star-garden input{box-sizing:border-box;width:0;height:0;font-size:inherit;z-index:1;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;border:none;margin:0;position:absolute}.mt-star input:focus,.mt-star-golden input:focus,.mt-star-pink input:focus,.mt-star-tomato input:focus,.mt-star-garden input:focus{outline:none}.mt-star input:before,.mt-star-golden input:before,.mt-star-pink input:before,.mt-star-tomato input:before,.mt-star-garden input:before,.mt-star input:after,.mt-star-golden input:after,.mt-star-pink input:after,.mt-star-tomato input:after,.mt-star-garden input:after{content:"";display:block;position:absolute}.mt-star input:checked+label:before,.mt-star-golden input:checked+label:before,.mt-star-pink input:checked+label:before,.mt-star-tomato input:checked+label:before,.mt-star-garden input:checked+label:before{transform:translateY(-50%)}.mt-star input:disabled+label,.mt-star-golden input:disabled+label,.mt-star-pink input:disabled+label,.mt-star-tomato input:disabled+label,.mt-star-garden input:disabled+label{cursor:not-allowed!important}.mt-star-garden label:before{background:linear-gradient(#cac9d1 0% 42%,#7fee7f 55%,#21bf73 100%)}.mt-star-tomato label:before{background:linear-gradient(#cac9d1 0% 42%,#f1a27d 55%,tomato 100%)}.mt-star-pink label:before{background:linear-gradient(#cac9d1 0% 42%,#ffc1d7 55%,#ff77a6 100%)}.mt-star-golden label:before{background:linear-gradient(#cac9d1 0% 42%,#ffed88 55%,#f3cf01 100%)}.mt-heart,.mt-heart-golden,.mt-heart-pink,.mt-heart-indigo,.mt-heart-blush{box-sizing:border-box;display:inline-block}.mt-heart label,.mt-heart-golden label,.mt-heart-pink label,.mt-heart-indigo label,.mt-heart-blush label{box-sizing:border-box;cursor:pointer;clip-path:polygon(48.595% 85.365%,15.785% 52.815%,15.5895% 52.6185%,12.6896% 48.9947%,12.305% 48.375%,10.5796% 44.8605%,9.35896% 40.3828%,9.08571% 35.7498%,9.76901% 31.1592%,11.3783% 26.806%,13.8441% 22.874%,15.775% 20.7%,17.0553% 19.5226%,20.8725% 16.8821%,25.1456% 15.0704%,29.6973% 14.1623%,31.94% 14.055%,34.3393% 14.174%,38.8859% 15.1061%,43.1418% 16.9573%,46.9377% 19.629%,50% 22.815%,50.1393% 22.6401%,53.4038% 19.3403%,57.2496% 16.7412%,61.5416% 14.9754%,66.1058% 14.1336%,68.06% 14.055%,70.7472% 14.2091%,75.2806% 15.2047%,79.5174% 17.0997%,83.2818% 19.8149%,84.225% 20.7%,86.4262% 23.229%,88.8136% 27.2091%,90.3365% 31.5933%,90.9293% 36.1964%,90.5644% 40.8231%,89.2552% 45.2757%,87.69% 48.385%,87.0678% 49.3697%,84.215% 52.82%,51.405% 85.37%,51.0597% 85.6453%,48.595% 85.365%,31.94% 18.05%);width:5em;height:5em;transition:all .3s;display:inline-block;position:relative;overflow:hidden}.mt-heart label:before,.mt-heart-golden label:before,.mt-heart-pink label:before,.mt-heart-indigo label:before,.mt-heart-blush label:before{content:"";background:linear-gradient(200deg,#cac9d1 0% 42%,#ff7ea1 55%,#f00846 100%);width:5em;height:10em;transition:all .2s;display:block;position:absolute}.mt-heart input,.mt-heart-golden input,.mt-heart-pink input,.mt-heart-indigo input,.mt-heart-blush input{box-sizing:border-box;width:0;height:0;font-size:inherit;z-index:1;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;border:none;margin:0;position:absolute}.mt-heart input:focus,.mt-heart-golden input:focus,.mt-heart-pink input:focus,.mt-heart-indigo input:focus,.mt-heart-blush input:focus{outline:none}.mt-heart input:before,.mt-heart-golden input:before,.mt-heart-pink input:before,.mt-heart-indigo input:before,.mt-heart-blush input:before,.mt-heart input:after,.mt-heart-golden input:after,.mt-heart-pink input:after,.mt-heart-indigo input:after,.mt-heart-blush input:after{content:"";display:block;position:absolute}.mt-heart input:checked+label:before,.mt-heart-golden input:checked+label:before,.mt-heart-pink input:checked+label:before,.mt-heart-indigo input:checked+label:before,.mt-heart-blush input:checked+label:before{transform:translateY(-50%)}.mt-heart input:disabled+label,.mt-heart-golden input:disabled+label,.mt-heart-pink input:disabled+label,.mt-heart-indigo input:disabled+label,.mt-heart-blush input:disabled+label{cursor:not-allowed!important}.mt-heart-blush label:before{background:linear-gradient(200deg,#cac9d1 0% 42%,#ffaab7 55%,#ff435f 100%)}.mt-heart-indigo label:before{background:linear-gradient(200deg,#cac9d1 0% 42%,#a4a9ff 55%,#4b54ff 100%)}.mt-heart-pink label:before{background:linear-gradient(200deg,#cac9d1 0% 42%,#ffc1d7 55%,#ff77a6 100%)}.mt-heart-golden label:before{background:linear-gradient(200deg,#cac9d1 0% 42%,#ffe679 55%,#f3cf01 100%)}.mt-ios,.mt-ios-blue,.mt-ios-red{box-sizing:border-box;display:inline-block}.mt-ios label,.mt-ios-blue label,.mt-ios-red label{box-sizing:border-box;cursor:pointer;background:#f8f8f8;border-radius:1.5em;width:5em;height:3em;transition:all .25s ease-in-out;display:inline-block;position:relative;box-shadow:inset 0 0 #13bf11,0 0 0 .1875em #ddd}.mt-ios label:before,.mt-ios-blue label:before,.mt-ios-red label:before{content:"";background:#fff;border-radius:1.5em;width:3em;height:3em;transition:all .25s ease-in-out;display:block;position:absolute;box-shadow:0 .375em .375em #0003,0 0 0 .1875em #ddd}.mt-ios input,.mt-ios-blue input,.mt-ios-red input{box-sizing:border-box;width:0;height:0;font-size:inherit;z-index:1;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;border:none;margin:0;position:absolute}.mt-ios input:focus,.mt-ios-blue input:focus,.mt-ios-red input:focus{outline:none}.mt-ios input:checked+label,.mt-ios-blue input:checked+label,.mt-ios-red input:checked+label{box-shadow:inset 0 0 0 1.5em #13bf11,0 0 0 .1875em #13bf11}.mt-ios input:checked+label:before,.mt-ios-blue input:checked+label:before,.mt-ios-red input:checked+label:before{transform:translate(2em);box-shadow:0 0 0 .1875em #0000,0 .375em .375em #0000004d}.mt-ios input:disabled+label,.mt-ios-blue input:disabled+label,.mt-ios-red input:disabled+label{cursor:not-allowed!important;background:#ddd!important;box-shadow:inset 0 0 #13bf11,0 0 0 .1875em #ccc!important}.mt-ios input:disabled+label:before,.mt-ios-blue input:disabled+label:before,.mt-ios-red input:disabled+label:before{box-shadow:none!important;background:#eee!important}.mt-ios-red label{box-shadow:inset 0 0 #f35f42,0 0 0 .1875em #ddd}.mt-ios-red input:checked+label{box-shadow:inset 0 0 0 1.5em #f35f42,0 0 0 .1875em #f35f42}.mt-ios-blue label{box-shadow:inset 0 0 #1fc1c8,0 0 0 .1875em #ddd}.mt-ios-blue input:checked+label{box-shadow:inset 0 0 0 1.5em #1fc1c8,0 0 0 .1875em #1fc1c8}.mt-normal,.mt-normal-juice,.mt-normal-violet,.mt-normal-navi,.mt-normal-garden{box-sizing:border-box;width:7em;height:3em;display:inline-block}.mt-normal label,.mt-normal-juice label,.mt-normal-violet label,.mt-normal-navi label,.mt-normal-garden label{box-sizing:border-box;cursor:pointer;transform-origin:20%;background:#f0134d;border:.5px solid #7575754f;border-radius:1.5em;width:100%;height:100%;transition:all .3s;display:inline-block;position:relative;box-shadow:inset 0 0 .25em #0003,0 -.1875em .25em #00000026}.mt-normal label:before,.mt-normal-juice label:before,.mt-normal-violet label:before,.mt-normal-navi label:before,.mt-normal-garden label:before{content:"";background:#fff;border:none;border-radius:2em;width:2.5em;height:2.5em;transition:all .3s;display:block;position:absolute;top:.25em;left:.25em;box-shadow:inset .5px -1px 1px #00000059}.mt-normal label:after,.mt-normal-juice label:after,.mt-normal-violet label:after,.mt-normal-navi label:after,.mt-normal-garden label:after{content:"";background:0 0;border-radius:30px;width:calc(100% + .5em);height:calc(100% + .5em);display:block;position:absolute;top:-.3125em;left:-.25em;box-shadow:inset 0 .125em .25em -.125em #0003,0 1px .125em #97979733}.mt-normal input,.mt-normal-juice input,.mt-normal-violet input,.mt-normal-navi input,.mt-normal-garden input{box-sizing:border-box;width:0;height:0;font-size:inherit;z-index:1;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;border:none;margin:0;position:absolute}.mt-normal input:focus,.mt-normal-juice input:focus,.mt-normal-violet input:focus,.mt-normal-navi input:focus,.mt-normal-garden input:focus{outline:none}.mt-normal input:checked+label,.mt-normal-juice input:checked+label,.mt-normal-violet input:checked+label,.mt-normal-navi input:checked+label,.mt-normal-garden input:checked+label{background:#40bfc1}.mt-normal input:checked+label:before,.mt-normal-juice input:checked+label:before,.mt-normal-violet input:checked+label:before,.mt-normal-navi input:checked+label:before,.mt-normal-garden input:checked+label:before{left:4.2em}.mt-normal input:disabled+label,.mt-normal-juice input:disabled+label,.mt-normal-violet input:disabled+label,.mt-normal-navi input:disabled+label,.mt-normal-garden input:disabled+label{cursor:not-allowed!important;background:#ccc!important;border:none!important}.mt-normal input:disabled+label:before,.mt-normal-juice input:disabled+label:before,.mt-normal-violet input:disabled+label:before,.mt-normal-navi input:disabled+label:before,.mt-normal-garden input:disabled+label:before{box-shadow:none!important;background:#ddd!important}.mt-normal input:disabled+label:after,.mt-normal-juice input:disabled+label:after,.mt-normal-violet input:disabled+label:after,.mt-normal-navi input:disabled+label:after,.mt-normal-garden input:disabled+label:after{box-shadow:none!important}.mt-normal-garden label{background:#ff2e63}.mt-normal-garden input:checked+label{background:#21bf73}.mt-normal-navi label{background:#f5f0e3}.mt-normal-navi input:checked+label{background:#5f6caf}.mt-normal-violet label{background:#f0e3ff}.mt-normal-violet input:checked+label{background:#3e206d}.mt-normal-juice label{background:#f9f6f7}.mt-normal-juice input:checked+label{background:#ff971d}.mt-square,.mt-square-pink,.mt-square-matcha,.mt-square-tomato,.mt-square-garden{box-sizing:border-box;display:inline-block}.mt-square label,.mt-square-pink label,.mt-square-matcha label,.mt-square-tomato label,.mt-square-garden label{box-sizing:border-box;cursor:pointer;background:#fff;width:8em;height:3em;transition:all .3s;display:inline-block;position:relative}.mt-square label:before,.mt-square-pink label:before,.mt-square-matcha label:before,.mt-square-tomato label:before,.mt-square-garden label:before{content:"";z-index:1;background:#f0134d;width:4em;height:3em;transition:all .3s;display:block;position:absolute}.mt-square input,.mt-square-pink input,.mt-square-matcha input,.mt-square-tomato input,.mt-square-garden input{box-sizing:border-box;width:0;height:0;font-size:inherit;z-index:1;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;border:none;margin:0;position:absolute}.mt-square input:focus,.mt-square-pink input:focus,.mt-square-matcha input:focus,.mt-square-tomato input:focus,.mt-square-garden input:focus{outline:none}.mt-square input:before,.mt-square-pink input:before,.mt-square-matcha input:before,.mt-square-tomato input:before,.mt-square-garden input:before,.mt-square input:after,.mt-square-pink input:after,.mt-square-matcha input:after,.mt-square-tomato input:after,.mt-square-garden input:after{content:"";z-index:0;color:#888;letter-spacing:1px;justify-content:center;align-items:center;width:4em;height:3em;display:flex;position:absolute}.mt-square input:before,.mt-square-pink input:before,.mt-square-matcha input:before,.mt-square-tomato input:before,.mt-square-garden input:before{content:"ON"}.mt-square input:after,.mt-square-pink input:after,.mt-square-matcha input:after,.mt-square-tomato input:after,.mt-square-garden input:after{content:"OFF";left:4em}.mt-square input:checked+label:before,.mt-square-pink input:checked+label:before,.mt-square-matcha input:checked+label:before,.mt-square-tomato input:checked+label:before,.mt-square-garden input:checked+label:before{background:#40bfc1;transform:translate(4em)}.mt-square input:disabled:before,.mt-square-pink input:disabled:before,.mt-square-matcha input:disabled:before,.mt-square-tomato input:disabled:before,.mt-square-garden input:disabled:before,.mt-square input:disabled:after,.mt-square-pink input:disabled:after,.mt-square-matcha input:disabled:after,.mt-square-tomato input:disabled:after,.mt-square-garden input:disabled:after{cursor:not-allowed!important}.mt-square input:disabled+label,.mt-square-pink input:disabled+label,.mt-square-matcha input:disabled+label,.mt-square-tomato input:disabled+label,.mt-square-garden input:disabled+label{cursor:not-allowed!important;background:#ccc!important}.mt-square input:disabled+label:before,.mt-square-pink input:disabled+label:before,.mt-square-matcha input:disabled+label:before,.mt-square-tomato input:disabled+label:before,.mt-square-garden input:disabled+label:before{background:#ddd!important}.mt-square-garden label:before{background:#ff2e63}.mt-square-garden input:checked+label:before{background:#21bf73}.mt-square-tomato label:before{background:tomato}.mt-square-tomato input:checked+label:before{background:#32cd32}.mt-square-matcha label:before{background:#5b5656}.mt-square-matcha input:checked+label:before{background:#7fcd91}.mt-square-pink label:before{background:#ffe3ed}.mt-square-pink input:checked+label:before{background:#beebe9}.mt-square3d,.mt-square3d-blush,.mt-square3d-matcha,.mt-square3d-tomato,.mt-square3d-garden{box-sizing:border-box;display:inline-block}.mt-square3d label,.mt-square3d-blush label,.mt-square3d-matcha label,.mt-square3d-tomato label,.mt-square3d-garden label{box-sizing:border-box;cursor:pointer;background:#fff;width:7em;height:2em;transition:all .3s;display:inline-block;position:relative;box-shadow:inset 0 .1em .03em #0003,inset 0 .1em .3em #0000004d,0 0 2em #fff9}.mt-square3d label:before,.mt-square3d-blush label:before,.mt-square3d-matcha label:before,.mt-square3d-tomato label:before,.mt-square3d-garden label:before{content:"";background:#f0134d;border-bottom:.07em solid #f7449a;width:3.6em;height:3.2em;transition:all .5s cubic-bezier(.52,-.41,.55,1.46);display:block;position:absolute;top:-.7em;left:-.1em;box-shadow:0 .16em .01em #b4085a,0 .12em .3em #b4085a99,0 .12em 2em #0000004d,.12em .15em .2em #0003}.mt-square3d input,.mt-square3d-blush input,.mt-square3d-matcha input,.mt-square3d-tomato input,.mt-square3d-garden input{box-sizing:border-box;width:0;height:0;font-size:inherit;z-index:1;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;border:none;margin:0;position:absolute}.mt-square3d input:focus,.mt-square3d-blush input:focus,.mt-square3d-matcha input:focus,.mt-square3d-tomato input:focus,.mt-square3d-garden input:focus{outline:none}.mt-square3d input:checked+label:before,.mt-square3d-blush input:checked+label:before,.mt-square3d-matcha input:checked+label:before,.mt-square3d-tomato input:checked+label:before,.mt-square3d-garden input:checked+label:before{background:#40bfc1;border-bottom:.07em solid #67cccd;transform:translate(3.5em);box-shadow:0 .16em .01em #2c8788,0 .12em .3em #2c878899,0 .12em 2em #0000004d,-.12em .15em .2em #0003}.mt-square3d input:disabled+label,.mt-square3d-blush input:disabled+label,.mt-square3d-matcha input:disabled+label,.mt-square3d-tomato input:disabled+label,.mt-square3d-garden input:disabled+label{cursor:not-allowed!important;background:#ccc!important}.mt-square3d input:disabled+label:before,.mt-square3d-blush input:disabled+label:before,.mt-square3d-matcha input:disabled+label:before,.mt-square3d-tomato input:disabled+label:before,.mt-square3d-garden input:disabled+label:before{background:#ccc!important;border-bottom:.07em solid #ccc!important;box-shadow:0 .16em .01em #aaa,0 .12em .3em #64646499,0 .12em 2em #0000004d,.12em .15em .2em #0003!important}.mt-square3d-garden label:before{background:#ff2e63;border-bottom:.07em solid #ff6189;box-shadow:0 .16em .01em #e10039,0 .12em .3em #e1003999,0 .12em 2em #0000004d,.12em .15em .2em #0003}.mt-square3d-garden input:checked+label:before{background:#21bf73;border-bottom:.07em solid #37dc8d;box-shadow:0 .16em .01em #167e4c,0 .12em .3em #167e4c99,0 .12em 2em #0000004d,-.12em .15em .2em #0003}.mt-square3d-tomato label:before{background:tomato;border-bottom:.07em solid #ff8e7a;box-shadow:0 .16em .01em #fa2600,0 .12em .3em #fa260099,0 .12em 2em #0000004d,.12em .15em .2em #0003}.mt-square3d-tomato input:checked+label:before{background:#32cd32;border-bottom:.07em solid #5bd75b;box-shadow:0 .16em .01em #239023,0 .12em .3em #23902399,0 .12em 2em #0000004d,-.12em .15em .2em #0003}.mt-square3d-matcha label:before{background:#5b5656;border-bottom:.07em solid #756f6f;box-shadow:0 .16em .01em #343131,0 .12em .3em #34313199,0 .12em 2em #0000004d,.12em .15em .2em #0003}.mt-square3d-matcha input:checked+label:before{background:#7fcd91;border-bottom:.07em solid #a4dbb1;box-shadow:0 .16em .01em #48b862,0 .12em .3em #48b86299,0 .12em 2em #0000004d,-.12em .15em .2em #0003}.mt-square3d-blush label:before{background:#ff677d;border-bottom:.07em solid #ff9aa9;box-shadow:0 .16em .01em #ff1b3c,0 .12em .3em #ff1b3c99,0 .12em 2em #0000004d,.12em .15em .2em #0003}.mt-square3d-blush input:checked+label:before{background:#9399ff;border-bottom:.07em solid #c6c9ff;box-shadow:0 .16em .01em #4751ff,0 .12em .3em #4751ff99,0 .12em 2em #0000004d,-.12em .15em .2em #0003}.mt-transparent,.mt-transparent-brown,.mt-transparent-violet,.mt-transparent-blood,.mt-transparent-navi{box-sizing:border-box;display:inline-block}.mt-transparent label,.mt-transparent-brown label,.mt-transparent-violet label,.mt-transparent-blood label,.mt-transparent-navi label{box-sizing:border-box;cursor:pointer;background:0 0;border:.2em solid #333;border-radius:50px;width:7em;height:3em;transition:all .3s;display:inline-block;position:relative}.mt-transparent label:before,.mt-transparent-brown label:before,.mt-transparent-violet label:before,.mt-transparent-blood label:before,.mt-transparent-navi label:before{content:"";background:#333;border-radius:2em;width:2em;height:2em;transition:all .3s;display:block;position:absolute;top:.3em;left:.3em}.mt-transparent input,.mt-transparent-brown input,.mt-transparent-violet input,.mt-transparent-blood input,.mt-transparent-navi input{box-sizing:border-box;width:0;height:0;font-size:inherit;z-index:1;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;border:none;margin:0;position:absolute}.mt-transparent input:focus,.mt-transparent-brown input:focus,.mt-transparent-violet input:focus,.mt-transparent-blood input:focus,.mt-transparent-navi input:focus{outline:none}.mt-transparent input:checked+label,.mt-transparent-brown input:checked+label,.mt-transparent-violet input:checked+label,.mt-transparent-blood input:checked+label,.mt-transparent-navi input:checked+label{background:#0000001a}.mt-transparent input:checked+label:before,.mt-transparent-brown input:checked+label:before,.mt-transparent-violet input:checked+label:before,.mt-transparent-blood input:checked+label:before,.mt-transparent-navi input:checked+label:before{transform:translate(4em)}.mt-transparent input:disabled+label,.mt-transparent-brown input:disabled+label,.mt-transparent-violet input:disabled+label,.mt-transparent-blood input:disabled+label,.mt-transparent-navi input:disabled+label{cursor:not-allowed!important;background:#ccc!important;border:.2em solid #ccc!important}.mt-transparent input:disabled+label:before,.mt-transparent-brown input:disabled+label:before,.mt-transparent-violet input:disabled+label:before,.mt-transparent-blood input:disabled+label:before,.mt-transparent-navi input:disabled+label:before{background:#ddd!important}.mt-transparent-navi label{border:.2em solid #015668}.mt-transparent-navi label:before{background:#015668}.mt-transparent-navi input:checked+label{background:#0157682d}.mt-transparent-blood label{border:.2em solid #801336}.mt-transparent-blood label:before{background:#801336}.mt-transparent-blood input:checked+label{background:#8013362d}.mt-transparent-violet label{border:.2em solid #400082}.mt-transparent-violet label:before{background:#400082}.mt-transparent-violet input:checked+label{background:#4000822d}.mt-transparent-brown label{border:.2em solid #b7472a}.mt-transparent-brown label:before{background:#b7472a}.mt-transparent-brown input:checked+label{background:#b7472a2d}.mt-icon-music,.mt-icon-pin,.mt-icon-cam,.mt-icon-mic,.mt-icon-ring{box-sizing:border-box;display:inline-block}.mt-icon-music label,.mt-icon-pin label,.mt-icon-cam label,.mt-icon-mic label,.mt-icon-ring label{box-sizing:border-box;cursor:pointer;clip-path:polygon(26.43% 80.22%,22.65% 80.45%,19.15% 81.12%,15.99% 82.17%,13.25% 83.58%,10.99% 85.29%,9.29% 87.27%,8.19% 89.47%,7.78% 91.85%,8.05% 94.09%,8.89% 95.91%,10.22% 97.35%,11.93% 98.44%,13.95% 99.21%,16.18% 99.71%,18.52% 99.95%,20.9% 99.99%,23.45% 99.73%,26.27% 99.09%,29.16% 98.09%,31.95% 96.73%,34.45% 95.04%,36.46% 93.03%,37.8% 90.72%,38.29% 88.13%,38.29% 44.64%,68.39% 38.31%,67.6% 73.64%,63.66% 73.9%,60.21% 74.64%,57.26% 75.8%,54.83% 77.31%,52.96% 79.12%,51.68% 81.17%,50.99% 83.41%,50.94% 85.76%,51.48% 87.95%,52.48% 89.76%,53.88% 91.21%,55.61% 92.31%,57.59% 93.09%,59.77% 93.56%,62.05% 93.74%,64.39% 93.66%,66.89% 93.22%,69.6% 92.33%,72.37% 91.02%,75.02% 89.34%,77.38% 87.3%,79.27% 84.95%,80.53% 82.31%,80.99% 79.43%,80.99% 9.85%,25.64% 21.71%);width:4.5em;height:4.5em;transition:all .3s;display:inline-block;position:relative;overflow:hidden}.mt-icon-music label:before,.mt-icon-pin label:before,.mt-icon-cam label:before,.mt-icon-mic label:before,.mt-icon-ring label:before{content:"";background:linear-gradient(185deg,#cac9d1 0% 50%,#ff84a5 58%,#ff7cc8 100%);width:4.5em;height:9em;transition:all .3s;display:block;position:absolute}.mt-icon-music input,.mt-icon-pin input,.mt-icon-cam input,.mt-icon-mic input,.mt-icon-ring input{box-sizing:border-box;width:0;height:0;font-size:inherit;z-index:1;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;border:none;margin:0;position:absolute}.mt-icon-music input:focus,.mt-icon-pin input:focus,.mt-icon-cam input:focus,.mt-icon-mic input:focus,.mt-icon-ring input:focus{outline:none}.mt-icon-music input:before,.mt-icon-pin input:before,.mt-icon-cam input:before,.mt-icon-mic input:before,.mt-icon-ring input:before,.mt-icon-music input:after,.mt-icon-pin input:after,.mt-icon-cam input:after,.mt-icon-mic input:after,.mt-icon-ring input:after{content:"";display:block;position:absolute}.mt-icon-music input:before,.mt-icon-pin input:before,.mt-icon-cam input:before,.mt-icon-mic input:before,.mt-icon-ring input:before{background:#cac9d1;border:.25em solid #f5f5f5;width:4.5em;height:.3em;transition:all .1s;transform:rotate(40deg)translate(.875em,1.825em)}.mt-icon-music input:checked:before,.mt-icon-pin input:checked:before,.mt-icon-cam input:checked:before,.mt-icon-mic input:checked:before,.mt-icon-ring input:checked:before{background:0 0;border:.25em solid #0000}.mt-icon-music input:checked+label:before,.mt-icon-pin input:checked+label:before,.mt-icon-cam input:checked+label:before,.mt-icon-mic input:checked+label:before,.mt-icon-ring input:checked+label:before{transform:translateY(-50%)}.mt-icon-music input:disabled:before,.mt-icon-pin input:disabled:before,.mt-icon-cam input:disabled:before,.mt-icon-mic input:disabled:before,.mt-icon-ring input:disabled:before,.mt-icon-music input:disabled+label,.mt-icon-pin input:disabled+label,.mt-icon-cam input:disabled+label,.mt-icon-mic input:disabled+label,.mt-icon-ring input:disabled+label{cursor:not-allowed!important}.mt-icon-ring label{clip-path:polygon(45% 23.44%,42.04% 23.73%,39.5% 24.58%,37.34% 25.93%,35.53% 27.7%,34.05% 29.86%,32.86% 32.32%,31.93% 35.04%,31.22% 37.96%,30.71% 41.02%,30.37% 44.15%,30.16% 47.3%,30.05% 50.4%,30.01% 53.41%,30.01% 56.25%,30.02% 58.87%,30% 61.22%,29.46% 61.49%,29% 61.83%,28.59% 62.21%,28.24% 62.62%,27.95% 63.06%,27.71% 63.51%,27.51% 63.97%,27.36% 64.42%,27.23% 64.86%,27.14% 65.27%,27.08% 65.65%,27.04% 65.98%,27.02% 66.26%,27% 66.47%,27% 66.6%,27% 66.64%,27.01% 67.73%,27.06% 68.72%,27.19% 69.61%,27.42% 70.41%,27.79% 71.12%,28.33% 71.74%,29.07% 72.29%,30.04% 72.75%,31.27% 73.15%,32.81% 73.48%,34.67% 73.75%,36.89% 73.96%,39.5% 74.11%,42.53% 74.22%,46.02% 74.28%,50% 74.3%,50% 74.61%,50% 74.92%,50% 75.23%,50% 75.54%,50% 75.85%,50% 76.16%,50% 76.47%,50% 76.78%,50% 77.09%,50% 77.4%,50% 77.71%,50% 78.02%,50% 78.33%,50% 78.64%,50% 78.95%,50% 79.25%,49.13% 79.25%,48.27% 79.23%,47.43% 79.2%,46.62% 79.15%,45.84% 79.11%,45.1% 79.05%,44.4% 78.99%,43.74% 78.93%,43.15% 78.87%,42.61% 78.82%,42.14% 78.76%,41.75% 78.71%,41.43% 78.67%,41.19% 78.64%,41.05% 78.62%,41% 78.61%,40.99% 78.71%,40.95% 78.99%,40.93% 79.42%,40.92% 79.98%,40.96% 80.65%,41.06% 81.39%,41.24% 82.18%,41.53% 83%,41.94% 83.82%,42.49% 84.61%,43.21% 85.35%,44.11% 86.02%,45.21% 86.58%,46.53% 87.01%,48.1% 87.29%,49.93% 87.39%,51.75% 87.29%,53.32% 87.01%,54.65% 86.58%,55.76% 86.02%,56.67% 85.35%,57.4% 84.61%,57.97% 83.82%,58.39% 83%,58.69% 82.18%,58.89% 81.39%,59.01% 80.65%,59.06% 79.98%,59.06% 79.42%,59.04% 78.99%,59.01% 78.71%,59% 78.61%,58.95% 78.62%,58.81% 78.64%,58.57% 78.67%,58.25% 78.71%,57.86% 78.76%,57.39% 78.82%,56.85% 78.87%,56.26% 78.93%,55.61% 78.99%,54.91% 79.05%,54.16% 79.11%,53.38% 79.15%,52.57% 79.2%,51.73% 79.23%,50.87% 79.25%,50% 79.25%,50% 78.95%,50% 78.64%,50% 78.33%,50% 78.02%,50% 77.71%,50% 77.4%,50% 77.09%,50% 76.78%,50% 76.47%,50% 76.16%,50% 75.85%,50% 75.54%,50% 75.23%,50% 74.92%,50% 74.61%,50% 74.3%,53.96% 74.25%,57.44% 74.1%,60.47% 73.87%,63.07% 73.55%,65.29% 73.17%,67.15% 72.74%,68.69% 72.25%,69.93% 71.72%,70.9% 71.17%,71.65% 70.59%,72.19% 70.01%,72.57% 69.42%,72.8% 68.84%,72.93% 68.28%,72.99% 67.74%,73% 67.24%,73% 67.19%,73% 67.04%,73% 66.8%,72.98% 66.48%,72.95% 66.1%,72.89% 65.67%,72.81% 65.19%,72.7% 64.68%,72.55% 64.16%,72.35% 63.63%,72.11% 63.1%,71.82% 62.59%,71.46% 62.11%,71.05% 61.66%,70.56% 61.27%,70% 60.94%,70.02% 58.61%,70.05% 56%,70.07% 53.18%,70.04% 50.19%,69.93% 47.11%,69.72% 43.98%,69.37% 40.88%,68.85% 37.84%,68.14% 34.95%,67.19% 32.25%,65.99% 29.8%,64.49% 27.67%,62.68% 25.91%,60.51% 24.57%,57.96% 23.73%,55% 23.44%,55% 23.35%,55% 23.12%,55% 22.75%,54.97% 22.28%,54.91% 21.71%,54.82% 21.08%,54.69% 20.41%,54.5% 19.72%,54.25% 19.02%,53.92% 18.35%,53.52% 17.72%,53.03% 17.16%,52.44% 16.69%,51.74% 16.32%,50.93% 16.08%,50% 16%,49.07% 16.08%,48.26% 16.32%,47.56% 16.69%,46.97% 17.16%,46.48% 17.72%,46.08% 18.35%,45.75% 19.02%,45.5% 19.72%,45.31% 20.41%,45.18% 21.08%,45.09% 21.71%,45.03% 22.28%,45% 22.75%,45% 23.12%,45% 23.35%)}.mt-icon-ring label:before{background:linear-gradient(200deg,#cac9d1 0% 44%,#fe346e 55%,#ffbd69 100%)}.mt-icon-mic label{clip-path:polygon(50% 77.33%,50% 78.16%,50% 79%,50% 79.83%,50% 80.67%,50% 81.5%,50% 82.33%,50% 83.17%,50% 84%,42.51% 83.05%,36.94% 80.5%,33.01% 76.77%,30.43% 72.29%,28.93% 67.5%,28.2% 62.81%,27.98% 58.66%,27.97% 55.48%,27.97% 55.33%,27.93% 54.92%,27.81% 54.35%,27.55% 53.7%,27.1% 53.04%,26.42% 52.47%,25.46% 52.06%,24.15% 51.91%,22.85% 52.06%,21.88% 52.47%,21.2% 53.04%,20.76% 53.7%,20.5% 54.35%,20.38% 54.92%,20.34% 55.33%,20.34% 55.48%,21.02% 66.56%,22.92% 75.16%,25.79% 81.59%,29.38% 86.16%,33.46% 89.18%,37.78% 90.95%,42.1% 91.79%,46.19% 92%,46.16% 93.56%,46.14% 94.98%,46.19% 96.23%,46.38% 97.3%,46.79% 98.16%,47.48% 98.81%,48.52% 99.21%,50% 99.36%,51.49% 99.26%,52.59% 98.92%,53.35% 98.35%,53.83% 97.54%,54.1% 96.5%,54.22% 95.23%,54.24% 93.73%,54.24% 92%,60.56% 91.21%,65.86% 88.97%,70.18% 85.46%,73.6% 80.87%,76.15% 75.39%,77.9% 69.21%,78.91% 62.51%,79.24% 55.48%,79.23% 55.33%,79.19% 54.92%,79.06% 54.35%,78.8% 53.69%,78.35% 53.04%,77.67% 52.47%,76.71% 52.06%,75.42% 51.91%,74.13% 52.06%,73.17% 52.47%,72.49% 53.04%,72.05% 53.69%,71.78% 54.35%,71.65% 54.92%,71.61% 55.33%,71.61% 55.48%,71.65% 56.74%,71.54% 60.05%,70.97% 64.72%,69.62% 70.05%,67.17% 75.33%,63.3% 79.89%,57.68% 83.01%,50% 84%,50% 83.17%,50% 82.33%,50% 81.5%,50% 80.67%,50% 79.83%,50% 79%,50% 78.16%,50% 77.33%,55.71% 76.77%,59.99% 75.11%,63.04% 72.38%,65.08% 68.63%,66.3% 63.88%,66.92% 58.16%,67.13% 51.53%,67.16% 44%,67.12% 36.47%,66.87% 29.82%,66.22% 24.1%,64.95% 19.34%,62.87% 15.57%,59.79% 12.83%,55.49% 11.16%,49.79% 10.59%,44.1% 11.12%,39.86% 12.69%,36.85% 15.31%,34.85% 18.97%,33.66% 23.67%,33.07% 29.41%,32.87% 36.19%,32.84% 44%,32.85% 51.81%,33.06% 58.58%,33.67% 64.31%,34.88% 69%,36.91% 72.64%,39.97% 75.25%,44.26% 76.81%)}.mt-icon-mic label:before{background:linear-gradient(200deg,#cac9d1 0% 50%,#00a8cc 60%,#27496d 100%)}.mt-icon-cam label{clip-path:polygon(89.59% 23.16%,70.43% 35.56%,70.43% 31.86%,70.43% 31.77%,69.92% 28.87%,68.51% 26.28%,66.35% 24.28%,63.66% 23.08%,61.35% 22.78%,15.95% 22.78%,13.43% 23.14%,10.77% 24.41%,8.66% 26.46%,7.31% 29.07%,6.87% 31.86%,6.87% 68.16%,7.16% 70.42%,8.35% 73.11%,10.34% 75.28%,12.91% 76.71%,15.81% 77.23%,15.95% 77.23%,61.35% 77.23%,63.13% 77.06%,65.89% 76.02%,68.16% 74.15%,69.73% 71.66%,70.41% 68.79%,70.43% 68.16%,70.43% 64.47%,89.59% 76.86%,91.92% 76.91%,93.13% 74.97%,93.13% 25.05%,92.91% 24.14%,90.53% 22.8%,89.59% 23.16%,65.89% 68.16%,65.48% 70.05%)}.mt-icon-cam label:before{background:linear-gradient(200deg,#cac9d1 0% 45%,#ffab9c 55%,#c9485b 100%)}.mt-icon-pin label{clip-path:polygon(87.96% 44.68%,55.3% 12.01%,53.39% 10.48%,51.57% 11.9%,51.55% 12.29%,51.56% 27.29%,27.13% 45.38%,12.46% 45.38%,10.38% 46.43%,11% 49.16%,10.9% 49.13%,29.31% 67.52%,13.91% 83.06%,13.57% 83.5%,13.89% 86.15%,13.91% 86.17%,16.53% 86.52%,17% 86.17%,32.49% 70.7%,50.86% 89.13%,50.91% 89.08%,53.67% 89.62%,54.73% 87.64%,54.73% 72.82%,72.73% 48.46%,86.41% 48.43%,88.16% 48.36%,89.45% 46.53%,87.96% 44.68%,17.67% 49.52%,27.2% 49.52%)}.mt-icon-pin label:before{background:linear-gradient(200deg,#cac9d1 0% 47%,#ffe2b0 57%,#ff7315 100%)}.mt-io,.mt-io-violet,.mt-io-navi,.mt-io-garden,.mt-io-yellow{box-sizing:border-box;display:inline-block}.mt-io label,.mt-io-violet label,.mt-io-navi label,.mt-io-garden label,.mt-io-yellow label{box-sizing:border-box;cursor:pointer;background-image:linear-gradient(90deg,#dedede 0% 50%,#fe6845 50% 100%);background-size:11em 2.5em;border-radius:2.5em;width:5.5em;height:2.5em;transition:all .3s;display:inline-block;position:relative}.mt-io label:before,.mt-io-violet label:before,.mt-io-navi label:before,.mt-io-garden label:before,.mt-io-yellow label:before{content:"";z-index:1;background:#fff;border-radius:2em;width:3em;height:3em;transition:all .3s;display:block;position:absolute;top:-.25em;left:0;box-shadow:0 .2em .45em #0000004d}.mt-io input,.mt-io-violet input,.mt-io-navi input,.mt-io-garden input,.mt-io-yellow input{box-sizing:border-box;width:0;height:0;font-size:inherit;z-index:1;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;border:none;margin:0;position:absolute}.mt-io input:focus,.mt-io-violet input:focus,.mt-io-navi input:focus,.mt-io-garden input:focus,.mt-io-yellow input:focus{outline:none}.mt-io input:before,.mt-io-violet input:before,.mt-io-navi input:before,.mt-io-garden input:before,.mt-io-yellow input:before,.mt-io input:after,.mt-io-violet input:after,.mt-io-navi input:after,.mt-io-garden input:after,.mt-io-yellow input:after{content:"";z-index:0;border-radius:1em;display:block;position:absolute}.mt-io input:before,.mt-io-violet input:before,.mt-io-navi input:before,.mt-io-garden input:before,.mt-io-yellow input:before{background:#fff;width:.4em;height:1.1em;top:.7em;left:1.25em}.mt-io input:after,.mt-io-violet input:after,.mt-io-navi input:after,.mt-io-garden input:after,.mt-io-yellow input:after{background:0 0;border:.3em solid #999;width:.5em;height:.5em;top:.7em;left:3.5em}.mt-io input:checked+label,.mt-io-violet input:checked+label,.mt-io-navi input:checked+label,.mt-io-garden input:checked+label,.mt-io-yellow input:checked+label{background-position:-100%}.mt-io input:checked+label:before,.mt-io-violet input:checked+label:before,.mt-io-navi input:checked+label:before,.mt-io-garden input:checked+label:before,.mt-io-yellow input:checked+label:before{transform:translate(2.5em)}.mt-io input:disabled:before,.mt-io-violet input:disabled:before,.mt-io-navi input:disabled:before,.mt-io-garden input:disabled:before,.mt-io-yellow input:disabled:before{background:#999}.mt-io input:disabled+label,.mt-io-violet input:disabled+label,.mt-io-navi input:disabled+label,.mt-io-garden input:disabled+label,.mt-io-yellow input:disabled+label{cursor:not-allowed!important;background:#ccc!important}.mt-io input:disabled+label:before,.mt-io-violet input:disabled+label:before,.mt-io-navi input:disabled+label:before,.mt-io-garden input:disabled+label:before,.mt-io-yellow input:disabled+label:before{background:#ccc!important;box-shadow:0 .2em .45em #00000080!important}.mt-io-yellow label{background-image:linear-gradient(90deg,#dedede 0% 50%,#fddb3a 50% 100%)}.mt-io-garden label{background-image:linear-gradient(90deg,#dedede 0% 50%,#7fcd91 50% 100%)}.mt-io-navi label{background-image:linear-gradient(90deg,#dedede 0% 50%,#40bfc1 50% 100%)}.mt-io-violet label{background-image:linear-gradient(90deg,#dedede 0% 50%,#7e0cf5 50% 100%)}.mt-yesno,.mt-yesno-blush,.mt-yesno-fruit,.mt-yesno-matte,.mt-yesno-garden{box-sizing:border-box;display:inline-block}.mt-yesno label,.mt-yesno-blush label,.mt-yesno-fruit label,.mt-yesno-matte label,.mt-yesno-garden label{box-sizing:border-box;cursor:pointer;background:#f0134d;border-radius:50px;width:9em;height:3.5em;transition:all .3s;display:inline-block;position:relative}.mt-yesno label:before,.mt-yesno-blush label:before,.mt-yesno-fruit label:before,.mt-yesno-matte label:before,.mt-yesno-garden label:before,.mt-yesno label:after,.mt-yesno-blush label:after,.mt-yesno-fruit label:after,.mt-yesno-matte label:after,.mt-yesno-garden label:after{content:"";font-family:sans-serif;font-size:1.2em;font-weight:700;transition:all .3s;display:block;position:absolute}.mt-yesno label:before,.mt-yesno-blush label:before,.mt-yesno-fruit label:before,.mt-yesno-matte label:before,.mt-yesno-garden label:before{content:"";content:"Yes";color:#0003;display:block;position:absolute;top:.75em;left:.6em}.mt-yesno label:after,.mt-yesno-blush label:after,.mt-yesno-fruit label:after,.mt-yesno-matte label:after,.mt-yesno-garden label:after{content:"";content:"No";color:#fff;display:block;position:absolute;top:.75em;left:5.3em}.mt-yesno input,.mt-yesno-blush input,.mt-yesno-fruit input,.mt-yesno-matte input,.mt-yesno-garden input{box-sizing:border-box;width:0;height:0;font-size:inherit;z-index:1;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;border:none;margin:0;position:absolute}.mt-yesno input:focus,.mt-yesno-blush input:focus,.mt-yesno-fruit input:focus,.mt-yesno-matte input:focus,.mt-yesno-garden input:focus{outline:none}.mt-yesno input:before,.mt-yesno-blush input:before,.mt-yesno-fruit input:before,.mt-yesno-matte input:before,.mt-yesno-garden input:before,.mt-yesno input:after,.mt-yesno-blush input:after,.mt-yesno-fruit input:after,.mt-yesno-matte input:after,.mt-yesno-garden input:after{content:"";background:#fff;border-radius:.125em;height:.25em;transition:all .3s;display:block;position:absolute}.mt-yesno input:before,.mt-yesno-blush input:before,.mt-yesno-fruit input:before,.mt-yesno-matte input:before,.mt-yesno-garden input:before{width:1.3875em;transform:rotate(-45deg)translate(1.575em,3.825em)}.mt-yesno input:after,.mt-yesno-blush input:after,.mt-yesno-fruit input:after,.mt-yesno-matte input:after,.mt-yesno-garden input:after{width:1.3875em;transform:rotate(45deg)translate(3.825em,-1.575em)}.mt-yesno input:checked:before,.mt-yesno-blush input:checked:before,.mt-yesno-fruit input:checked:before,.mt-yesno-matte input:checked:before,.mt-yesno-garden input:checked:before{width:1.3625em;transform:rotate(-45deg)translate(1.7375em,4.05em)}.mt-yesno input:checked:after,.mt-yesno-blush input:checked:after,.mt-yesno-fruit input:checked:after,.mt-yesno-matte input:checked:after,.mt-yesno-garden input:checked:after{width:.63em;transform:rotate(45deg)translate(3.95em,-1.4625em)}.mt-yesno input:checked+label,.mt-yesno-blush input:checked+label,.mt-yesno-fruit input:checked+label,.mt-yesno-matte input:checked+label,.mt-yesno-garden input:checked+label{background:#40bfc1}.mt-yesno input:checked+label:before,.mt-yesno-blush input:checked+label:before,.mt-yesno-fruit input:checked+label:before,.mt-yesno-matte input:checked+label:before,.mt-yesno-garden input:checked+label:before{color:#fff}.mt-yesno input:checked+label:after,.mt-yesno-blush input:checked+label:after,.mt-yesno-fruit input:checked+label:after,.mt-yesno-matte input:checked+label:after,.mt-yesno-garden input:checked+label:after{color:#0003}.mt-yesno input:disabled,.mt-yesno-blush input:disabled,.mt-yesno-fruit input:disabled,.mt-yesno-matte input:disabled,.mt-yesno-garden input:disabled{cursor:not-allowed!important}.mt-yesno input:disabled+label,.mt-yesno-blush input:disabled+label,.mt-yesno-fruit input:disabled+label,.mt-yesno-matte input:disabled+label,.mt-yesno-garden input:disabled+label{cursor:not-allowed!important;background:#ccc!important}.mt-yesno-garden label{background:#ff2e63}.mt-yesno-garden input:checked+label{background:#21bf73}.mt-yesno-matte label{background:#c9485b}.mt-yesno-matte input:checked+label{background:#75b79e}.mt-yesno-fruit label{background:#ff8364}.mt-yesno-fruit input:checked+label{background:#5f6caf}.mt-yesno-blush label{background:#ff677d}.mt-yesno-blush input:checked+label{background:#9399ff}html,body{background:var(--bg);width:100%;height:100%;color:var(--text)}.wrapper,#app{background:var(--bg);color:var(--text)}hr,.border,.card,input,textarea,select{border-color:var(--border)}.card,.panel,.dropdown,.popover,.kbd,.tag,.badge{background:var(--card);box-shadow:var(--shadow)}input,textarea,select,.surface{background:var(--surface);color:var(--text)}.navbar{background:var(--header);color:var(--text);flex:none}main{flex:auto;place-items:stretch stretch;min-height:0;display:grid}body{background:var(--bg);font-family:Roboto Flex,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol}body.disable-scrolling{overflow:hidden}body #app{flex-direction:column;min-height:100svh;display:flex}body #app .wrapper{flex-direction:column;flex:1 0 auto;min-width:0;display:flex}body #app .wrapper .Container404{box-sizing:border-box;grid-auto-rows:max-content;align-content:center;justify-items:center;gap:clamp(8px,2vh,20px);height:100%;min-height:0;padding:12vh 4vh 2vh;display:grid;overflow:auto}body #app .wrapper .Container404 svg{fill:var(--text)}body #app .wrapper .Container404 h1{color:var(--text);text-align:center;margin:1rem 0 3rem;font-size:3rem;font-weight:400}body #app .wrapper .Container404 a,body #app .wrapper .Container404 a:link{color:var(--link);text-underline-offset:.175em;text-decoration-skip:none;text-decoration:underline #5f5f5f80;text-decoration-thickness:1px}body #app .wrapper .Container404 a:active,body #app .wrapper .Container404 a:hover{color:var(--link-hover);text-underline-offset:.175em;text-decoration-skip:none;text-decoration:underline #5f5f5f;text-decoration-thickness:1px}body #app .errorcode{font-family:Roboto Serif,Georgia,serif;font-size:4rem!important;font-weight:900!important}body #app .link404home{margin-top:2rem;color:#0380f4!important;text-underline-offset:.175em!important;text-decoration:underline!important;text-decoration-thickness:1px!important;text-decoration-color:color-mix(in srgb,currentColor,transparent 80%)!important;text-decoration-skip:none!important;text-decoration-skip-ink:none!important}body #app .link404home:hover{color:var(--link-hover)!important;text-decoration-color:currentColor!important}body #app footer{background:var(--footer);box-sizing:border-box;width:100%;color:var(--text);flex:none;padding:8px 16px}body #app footer .footer-inner{text-align:center;max-width:1200px;color:var(--footertext);word-wrap:break-word;margin:0 auto;font-size:.75rem;line-height:1.5}body #app footer pre{white-space:pre-wrap;word-wrap:break-word;padding:0 18px}body #app footer pre:first-child{margin-right:0}body #app footer p{text-align:center;line-height:18px}body #app footer .footer-copyright{margin-top:10px}body #app footer .footer-inspirer{border-top:1px solid #dedede;margin-top:10px;margin-bottom:0;padding-top:12px}body #app footer .footer-inspirer svg,body #app footer .footer-info svg{margin-left:2px;position:relative;top:3px}body #app footer .footer-info a svg{fill:var(--footertext-link);margin-left:0;margin-right:2px;position:relative;top:3px}body #app footer .footer-social{text-align:center;justify-content:center;gap:20px;margin-top:10px;margin-bottom:15px;display:flex}body #app footer .footer-social .link-telegram{text-decoration:none!important}body #app footer .footer-social .link-telegram svg{fill:#fff;border-radius:6px;padding:3px 5px;position:relative;top:4px;background:#08c!important}body #app footer .footer-social .link-telegram svg:hover{background:#069!important}body #app footer .footer-social .link-telegram:hover{color:#069!important;text-decoration:underline!important}body #app footer .footer-social .link-vkontakte{color:#07f!important;text-decoration:none!important}body #app footer .footer-social .link-vkontakte svg{width:26px;height:26px;margin-right:0;position:relative;top:4px}body #app footer .footer-social .link-vkontakte svg:hover{fill:#0053b3!important;stroke:#0053b3!important}body #app footer .footer-social .link-vkontakte:hover{color:#0053b3!important;text-decoration:underline!important}body #app footer a,body #app footer a:link{color:var(--footertext-link);text-underline-offset:.175em;text-decoration:underline;text-decoration-thickness:1px;text-decoration-color:var(--footertext-link-border);text-decoration-skip:none}body #app footer a:active,body #app footer a:hover{color:var(--link-hover);text-underline-offset:.175em;text-decoration:underline;text-decoration-thickness:1px;text-decoration-color:var(--link-hover);text-decoration-skip:none}body #app footer a.no-decoration{text-decoration:none}body #app footer b{font-weight:700}@media (width<=768px){body #app .wrapper{min-height:calc(90vh - 96px)}body #app .menu li:hover{font-weight:400;border-bottom:0!important}body #app .Container404 .errorcode{font-size:4rem!important}body #app .Container404 h1{font-size:2rem!important}}@font-face{font-family:Helsinki;src:url(HelsinkiStd.3d336667.woff2)format("woff2"),url(HelsinkiStd.ca5f87f6.woff)format("woff"),url(HelsinkiStd.bcd973a2.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}
/*# sourceMappingURL=samesound-pianochords.dad07ad6.css.map */