:root{--bg-mobile-bar:#fff;--border-color:#d1d5db;--default-gray:#d9d9d9;--primary-color:#7008d2;--text-main-color:#1d1d1d}.cifra-descktop{color:var(--text-main-color);white-space:pre-wrap;width:fit-content;font-family:Roboto Mono,monospace;line-height:1.4em;position:relative}.cifra-descktop b{color:var(--primary-color);z-index:1;position:relative;bottom:0}.cifra-descktop b:hover{cursor:pointer;background-color:var(--primary-color);color:#fff;position:relative}.cifra-descktop b:hover:before{content:"  ";background-color:var(--primary-color);z-index:-1;border-radius:3px 0 0 3px;height:100%;position:absolute;top:0;left:-9px}.cifra-descktop b:hover:after{content:"  ";background-color:var(--primary-color);z-index:-1;border-radius:0 3px 3px 0;height:100%;position:absolute;top:0;right:-9px}.cifra-descktop b:hover:active{background-color:#639}.cifra-descktop pre{letter-spacing:1px}.cifra-descktop strong{font-weight:700;position:relative;top:10px;left:25px}.cifra-descktop strong b{font-weight:700}.cifra-descktop.refrao:before{content:"Refrão";background-color:var(--default-gray);border-radius:3px;padding:2px;font-size:12px;font-weight:400;position:relative;top:0}.cifra-descktop.final:before{content:"Final";background-color:var(--default-gray);border-radius:3px;padding:2px;font-size:12px;font-weight:400;position:relative;top:7px}.cifra-descktop.coro:before{content:"Coro";background-color:var(--default-gray);border-radius:3px;padding:2px;font-size:12px;font-weight:400;position:relative;top:7px}.cifra-inline{color:var(--text-main-color);white-space:pre-wrap;width:fit-content;padding-top:15px;font-family:Roboto Mono,monospace;line-height:2.8em;position:relative}.cifra-inline .chord-box{background-color:red;position:relative}.cifra-inline .chord-box b{cursor:pointer;height:1.3em;color:var(--primary-color);border-radius:3px;padding:0 8px;line-height:1.3em;transition:all .2s ease-in-out;position:absolute;top:-1.1em;left:-8px}.cifra-inline .chord-box b:hover{color:#fff;background-color:#7008d2}.cifra-inline .blank-line{width:100%;height:5px;margin-bottom:-1.5em;display:block}.cifra-inline strong{margin-bottom:10px;margin-left:25px;font-weight:700;display:inline-block;top:10px}.cifra-inline strong b{font-weight:700}.cifra-inline strong.refrao:before{content:"Refrão";background-color:var(--default-gray);border-radius:3px;padding:2px;font-size:12px;font-weight:400;position:relative;top:0}.cifra-inline strong.final:before{content:"Final";background-color:var(--default-gray);border-radius:3px;padding:2px;font-size:12px;font-weight:400;position:relative;top:7px}.cifra-inline strong.coro:before{content:"Coro";background-color:var(--default-gray);border-radius:3px;padding:2px;font-size:12px;font-weight:400;position:relative;top:7px}.letter{line-height:1.6em}.cifra-options-bar{z-index:5;background-color:var(--bg-mobile-bar);border-top:1px solid var(--border-color);border-radius:8px;flex-direction:row;justify-content:center;align-items:center;gap:.25rem;width:95%;height:3.5rem;display:flex;position:fixed;bottom:10px;left:2.5%;overflow:hidden;box-shadow:0 -2px 12px 5px #00000025}.cifra-options-bar .options-bar-button{border-right:1px solid var(--border-color);justify-content:center;align-items:center;gap:.1rem;width:33vw;height:3.5rem;padding:0 .5rem;font-size:.75rem;display:flex}@media only screen and (min-width:640px){.cifra{max-width:500px}.cifra-options-bar{z-index:5;width:7.5rem;height:fit-content;box-shadow:none;background-color:#fff;border:none;flex-direction:column;justify-content:space-around;align-items:center;padding:.5rem;display:flex;position:relative;left:0}.cifra-options-bar .options-bar-button{border:1px solid var(--border-color);cursor:pointer;border-radius:.375rem;justify-content:space-between;gap:0;width:7rem;height:2rem;padding:.5rem}}
.neck-1{background-image:url(/guitar-neck.svg);background-position:7px -35px;background-repeat:no-repeat;background-size:305px}.neck-2{background-image:url(/guitar-neck.svg);background-position:-124px -2px;background-repeat:no-repeat;background-size:306px}.chord-draw{position:relative}.chord-draw .nut-box{flex-direction:row;justify-content:space-between;align-items:center;gap:4px;width:141px;height:fit-content;display:flex;position:absolute;left:-13px}.chord-draw .nut-box .nut{background:#474747;border-radius:8px;height:13px;display:block;position:relative}.chord-draw .note{color:#fff;text-align:center;background:#474747;border-radius:100%;width:20px;height:20px;font-size:12px;line-height:21px;display:block;position:absolute}.chord-draw .fret-1{top:5px}.chord-draw .fret-2{top:32.5px}.chord-draw .fret-3{top:59px}.chord-draw .fret-4{top:87px}.chord-draw .fret-5{top:117px}.chord-draw .string-1{left:107px}.chord-draw .string-2{left:86px}.chord-draw .string-3{left:64px}.chord-draw .string-4{left:42px}.chord-draw .string-5{left:20px}.chord-draw .string-6{left:-2px}.chord-strings{flex-direction:row;justify-content:space-around;margin-top:-20px;display:flex;position:relative}.chord-strings .stringPM{border-radius:100%;width:10px;height:10px;display:block;position:absolute;top:0}.chord-strings .stringPM:first-child{left:3px}.chord-strings .stringPM:nth-child(2){left:23.5px}.chord-strings .stringPM:nth-child(3){left:46px}.chord-strings .stringPM:nth-child(4){left:68px}.chord-strings .stringPM:nth-child(5){left:90px}.chord-strings .stringPM:nth-child(6){left:112px}.chord-strings .string-played-start{background-color:#474747}.chord-strings .string-played{background-color:#fff;border:1px solid #8d8d8d}.chord-strings .string-muted{margin-top:-7px}.chord-strings .string-muted:after{content:"x";font-weight:700}.capo-neck{background-image:url(/guitar-neck.svg);background-position:2px -2px;background-repeat:no-repeat;background-size:306px}