.bg-1{background-image:url(/assets/bg-1.1b92c414.jpg)}.bg-2{background-image:url(/assets/bg-2.0d9c20f4.jpg)}.bg-3{background-image:url(/assets/bg-3.38a71a15.jpg)}.bg-4{background-image:url(/assets/bg-4.0affad99.jpg)}.bg-5{background-image:url(/assets/bg-5.eac55f45.jpg)}.bg-6{background-image:url(/assets/bg-6.57ec8beb.jpg)}.bg-7{background-image:url(/assets/bg-7.84999200.jpg)}*{box-sizing:border-box;margin:0;padding:0}html{position:relative}body{font-family:Helvetica,sans-serif;background:no-repeat center center fixed #333;background-size:cover;font-size:16px;color:#333;text-align:center}a{color:#fff}main{font-family:Monserrat,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:5vh auto;padding:15px;max-width:480px;width:calc(100% - 40px);height:90vh;background-color:#ffffff4d;box-shadow:8px 8px 15px #0006;border-radius:5px;backdrop-filter:blur(5px)}footer{position:absolute;bottom:0;left:0;width:100%;font-size:.8em;text-align:center;padding:10px;color:#fff}h1[data-v-165789b6]{padding:10px 0}.chord-selector>*[data-v-165789b6]{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;margin:15px 0}.chord-selector>* .disabled[data-v-165789b6]{opacity:0;pointer-events:none}.chord-selector .color-selector[data-v-165789b6]{flex-wrap:wrap}.chord-selector .color-selector>*[data-v-165789b6]{font-size:1em;width:60px;height:60px;line-height:60px}.card[data-v-165789b6]{margin:5px;height:40px;width:40px;line-height:40px;border-radius:50%;border:1px solid #333;font-size:1.5em;transition:all .25s ease;cursor:pointer}.card.selected[data-v-165789b6]{background-color:#333;color:#fff}.card[data-v-165789b6]:hover{transition:all .1s ease;transform:scale(1.2)}.chord-visual[data-v-165789b6]{margin:0 auto}.fretboard[data-v-165789b6]{display:flex;flex-direction:row;margin:0 auto;margin-top:4rem;position:relative;max-width:200px}.xLine[data-v-165789b6]{border-top:5px solid #333;display:flex;flex-direction:column}.xLine[data-v-165789b6]:last-child{border-top:0}.xLine:last-child .fret[data-v-165789b6]{border:0;border-left:1px solid #333}.xLine:first-child .fret[data-v-165789b6]{border-left:2px solid #333}.fret[data-v-165789b6]{height:80px;width:40px;border:1px solid #333}.fret[data-v-165789b6]:last-child{border-bottom:2px solid #333}.fingerPos[data-v-165789b6]{top:0;left:0;position:absolute;background:#333;color:#fff;border-radius:50%;padding:1rem;height:25px;display:flex;justify-content:center;align-items:center;width:25px;opacity:0;transform:translateY(-30px);animation:fadeIn-165789b6 .15s 0s ease forwards}.chordName[data-v-165789b6]{margin:15px 0}@keyframes fadeIn-165789b6{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}