.staff[data-v-e8a78484]{display:flex;justify-content:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:150px;height:150px;background:hsla(0,0%,100%,.6274509803921569);box-shadow:2px 2px 5px #ccc;border-radius:5px;transform:translate(10%);transition:all .06s ease-in-out}.symbol[data-v-49cd25c9]:not(.staff){position:relative;background:hsla(0,0%,98%,.2);border:2px dashed transparent;flex-direction:row;flex-wrap:nowrap;padding:6px;letter-spacing:-.03rem;white-space:nowrap;border-radius:3px;font-size:max(30px,2rem);--mygap:inherit;overflow:visible;height:160px}.symbol-container[data-v-49cd25c9]{align-items:center;gap:1%;display:flex;min-height:35px}.symbol[data-v-49cd25c9]:not(.staff):hover{background:hsla(0,0%,83.1%,.6274509803921569);outline:none}.symbol:not(.staff).selected[data-v-49cd25c9]{background:hsla(0,0%,77.3%,.3764705882352941);border:2px dashed #00f;outline:none}.symbol[data-v-49cd25c9]:not(.staff):focus{outline:none}.accidental[data-v-49cd25c9]{font-size:.6em}.bass[data-v-49cd25c9],.component[data-v-49cd25c9],.slash[data-v-49cd25c9]{display:block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;user-focus:none;overflow:visible;position:relative;text-wrap:avoid;z-index:-1}.chord_type[data-v-49cd25c9]{transform:translateY(-15%);font-size:.7em}.extension[data-v-49cd25c9]{font-size:.6em;padding:2%;border:.09rem solid #000;border-bottom:none;border-top:none;border-radius:30%}.bass[data-v-49cd25c9],.slash[data-v-49cd25c9]{transform:translateY(15%)}.bass[data-v-49cd25c9]{font-size:.6em}sup [data-v-49cd25c9]{font-size:20px}.remove[data-v-49cd25c9]{position:absolute;font-size:.8em;text-align:center;justify-content:center;align-content:center;padding:1px;margin-top:3px;margin-right:3px;height:6px;width:12px;background:grey;right:0;top:0;outline:none;flex:0;border-radius:var(--mygap);border:0;color:grey}.remove[data-v-49cd25c9]:active{filter:brightness(140%)}.remove[data-v-49cd25c9]:before{content:"";width:6px;height:3px;right:3px;top:1px;position:absolute;box-shadow:0 0 0 4px #fafafa;border-radius:3px}.remove[data-v-49cd25c9]:before:hover{background:#fafafa}.symbol .staff[data-v-49cd25c9]{position:absolute;z-index:2}.symbol:hover .staff[data-v-49cd25c9]{visibility:visible}#chordTable[data-v-3b781ea3]{display:table;background:#e3e3e3;width:100%;border-collapse:separate;border-spacing:3px;position:relative;table-layout:fixed;z-index:0;justify-self:flex-start}.container[data-v-3b781ea3]{display:flex;flex-direction:column}.row[data-v-3b781ea3]{line-height:35px!important;height:35px;min-height:35px}.clear-btn[data-v-3b781ea3]{margin-left:10px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.clear-btn[data-v-3b781ea3]:hover{background:#fafafa;cursor:pointer}.modal[data-v-b8f3cab0]{width:100%;left:0;top:0;background:rgba(0,0,0,.6);z-index:10}.close[data-v-b8f3cab0],.modal[data-v-b8f3cab0]{position:absolute;height:100%;display:flex;align-items:center;justify-content:center}.close[data-v-b8f3cab0]{right:0;top:50%;width:30px;background:#ddd;transform:translateY(-50%);border-left:2px solid #ccc}.close[data-v-b8f3cab0]:hover{background:#ccc;cursor:pointer}.panel[data-v-b8f3cab0]{position:absolute;height:80vh;width:70vw;background:#fff;text-align:center;border-radius:2px}.setting-item-container[data-v-b8f3cab0]{padding:5px;display:flex;flex-direction:column;place-content:start;text-align:left}.setting-item[data-v-b8f3cab0]{display:flex;justify-content:space-between;margin:10px}.field-label[data-v-b8f3cab0]{display:inline-block;width:33%;color:#666;font-size:90%}.midi-input-item[data-v-b8f3cab0]{text-align:right;margin-bottom:10px}.chords[data-v-5a0a670b]{display:flex;flex-direction:column;height:250px;width:100%;margin-bottom:30px}.current-chords[data-v-5a0a670b]{justify-content:space-between}.hold[data-v-5a0a670b]{width:100%;transition:all 1s ease-in-out}#chord-typer{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;display:flex;height:100vh;flex-direction:column;justify-content:space-between;margin:5px}#chord-typer,body{font-family:Avenir,Helvetica,Arial,sans-serif}body{height:100%;padding:5px}header{height:30px;min-height:30px;display:flex;justify-content:left;align-items:center;background:#ddd;position:relative;padding:3px;border-radius:3px}.menu{display:flex;justify-content:start;padding:5px}.menu div{padding:5px;margin-right:5px;border-radius:3px;background:#eee;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.menu div:hover{background:#ddd;cursor:pointer}