@font-face{font-family:thesans;font-weight:300;font-style:italic;src:url(fonts/TheSansB_300i.eot);src:url(fonts/TheSansB_300i.eot?#iefix) format("embedded-opentype"),url(fonts/TheSansB_300i.woff2) format("woff2"),url(fonts/TheSansB_300i.woff) format("woff"),url(fonts/TheSansB_300i.svg#TheSansB_300i) format("svg")}@font-face{font-family:thesans;font-weight:400;font-style:normal;src:url(fonts/TheSansB_500_.eot);src:url(fonts/TheSansB_500_.eot?#iefix) format("embedded-opentype"),url(fonts/TheSansB_500_.woff2) format("woff2"),url(fonts/TheSansB_500_.woff) format("woff"),url(fonts/TheSansB_500_.svg#TheSansB_500_) format("svg")}@font-face{font-family:thesans;font-weight:700;font-style:normal;src:url(fonts/TheSansB_700_.eot);src:url(fonts/TheSansB_700_.eot?#iefix) format("embedded-opentype"),url(fonts/TheSansB_700_.woff2) format("woff2"),url(fonts/TheSansB_700_.woff) format("woff"),url(fonts/TheSansB_700_.svg#TheSansB_700_) format("svg")}@font-face{font-family:thesans;font-weight:700;font-style:italic;src:url(fonts/TheSansB_700i.eot);src:url(fonts/TheSansB_700i.eot?#iefix) format("embedded-opentype"),url(fonts/TheSansB_700i.woff2) format("woff2"),url(fonts/TheSansB_700i.woff) format("woff"),url(fonts/TheSansB_700i.svg#TheSansB_700i) format("svg")}::-webkit-input-placeholder{color:#666}::-moz-placeholder{color:#666}::-ms-clear{width:0;height:0}input:focus::-webkit-input-placeholder{color:#999}input:focus::-moz-placeholder{color:#999}::selection,input::selection{background:#699;color:#fff}::-moz-selection,input::-moz-selection{background:#699;color:#fff}button::-moz-focus-inner{padding:0;border:0}html,body{margin:0}body{font:11pt thesans,Arial,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-min-device-pixel-ratio:1.5;cursor:default;color:#333;overflow-y:auto;overflow-x:hidden}button{font:9pt thesans,Arial,sans-serif;outline:0}html,body{background:#fff}#background,#bgDefault{-webkit-transform:translateZ(0);transform:translateZ(0)}#main{z-index:1}#youtube.youtube-consent{background:#000;color:#fff;text-align:center;padding:20px;box-sizing:border-box}#content{max-width:970px;margin:75px auto 0;position:relative;padding:0 6px 6px;z-index:1;background:#fff;overflow-anchor:none}.songpage #content{background:0 0;margin-top:45px;padding:0;transition:margin 100ms ease-in}.song-offline{position:absolute;background:rgba(0,0,0,.7);color:#fff;font-size:22px;padding:80px 20px;text-align:center;top:60px;bottom:0;left:0;right:0;z-index:9}h1,h2,h3,h4{font-family:thesans,arial narrow,sans-serif;font-weight:400;color:inherit}h1,h2{font-size:15pt}hr{border:1px solid #ccc;border-bottom:0}nav ul{list-style-type:none;padding:0;margin:0}.small{font-size:10pt}.logo a{text-align:center;text-decoration:none;margin:-5px auto 0;display:block;width:123px}.logo .icon-logo{font-size:48px}.logo img{width:107px;height:32px;display:block;border:0;margin:0 auto}#background{position:fixed;top:45px;left:0;bottom:0;right:0;z-index:0;vertical-align:middle;overflow:hidden}.songpage #background{background:#eee}#background a{margin:0 auto;text-decoration:none;width:100%;position:absolute;top:45px;left:0;right:0;bottom:0;z-index:1;background-size:cover;background-position:50% top}#bgDefault{background:url(/img/backgrounds/Chordify_discovery_backgrounds1.jpg) 50% top no-repeat;background-size:cover!important;position:fixed;top:0;left:0;right:0;bottom:0}.songpage #bgDefault{display:none;background:0 0}.loogpage #bgDefault{background-image:url(/img/backgrounds/Loog_Landingpage_design2.jpg)}.ad-wallpaper.songpage #content{margin-top:200px}#mm{height:1px;overflow:hidden;transition:all 300ms ease-in;text-align:center}.ad-banner #mm{height:auto;padding-top:6px}.ad-wallpaper #mm,.ad-wallpaper #mm iframe,.ad-wallpaper #mm a{position:fixed;top:45px;left:0;right:0;bottom:0;width:100%;height:100%}.ad-wallpaper #mm a{background-size:cover;background-position:50% top}.profilepage #background,.archiveaction #background,.artistaction #background{background:#fff}#background iframe{margin:0 auto;max-width:100%}.ad-banner #background iframe{margin-top:26px}#background a img{width:100%;height:auto}#background a.active{z-index:3;display:block}.searchpage #bgDefault,.profilepage #bgDefault,.homepage #bgDefault{background:#f8f8f8}.exit-popup{background:#000}.popup{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1337;background:rgba(0,0,0,.4)}.popup .box-content{margin:0 auto;max-width:500px;background:#fff;border-radius:2px;overflow:auto;padding:5px 10px 10px}.popup .icon-close{float:left;margin:0 -9px 0 -7px;font-size:16px}.popup.fillcontent .box-content{padding:0}.popup.fillcontent .icon-close{position:absolute;margin:0;font-size:32px;color:#fff;z-index:1}.box-content h2{font-size:14pt;margin:12px 0 5px}.app-banner{display:none;background-color:#96918e;background-size:cover;background-position:50% 70%;text-align:center;text-decoration:none;color:#fff!important;font-weight:700;box-shadow:0 0 7px rgba(0,0,0,.2);margin:45px 0}#popup .app-banner{display:block;background-image:url(/img/ios-promotion-banner.jpg)}.app-banner-inner{background:rgba(0,0,0,.2);padding:50px 12px}.smartbanner-stars-image{width:88px;height:15px;margin:0 auto;background-repeat:no-repeat;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFgAAAAPCAQAAADKF8DwAAABcUlEQVRIx9WVMW7DMAxFc4QcQUfR2DFjRh8hY0cdwUfwEXyBwkGBAt1qoOjUxWOnwkMLxNPrECUWHYpyx3wNQZIHiqQ+pc3mvoWnLTIVTZEJhCLTUBWZV5wNtFAM0q9gRsYiA32RObEvBaFUNwDeJByA3Rs8lAqnBvOkzkHsuqkBbOPQANjGoQWgNplPINwUjiPEdVETv1dJKTnGG0zIMo3B1HR0dLwwxf99XNu0r5r6RV81HVcw1z5yXMG8i99Dspz03FJBsctSB8HsVGYnmIPKiJmgY1IS3kpjHK0Q19mXcsq4SWZUGalRvTq/RcJVbvrV7v6HWZyEz9zSiTI7PacJlzfqM09Gqta4RW6cqdwQF6nXKB8A/C7cqwQZ8nXTx2O2mCFGiZ/GOQ3RPnpzfoCJp5jwXg9SJ72uMhuFZLxchjnM45V9VnazOTLn9HXOgQcCj9pGXoxgrSbjRL8rxTT9zOAYdEamrzr4Tb4Um3vVH7zbSh5eTN0FAAAAAElFTkSuQmCC)}.smart-banner{position:fixed;bottom:0;left:0;right:0;height:40px;padding:12px 6px;z-index:6;background-color:#142db7;color:#fff}.smart-banner-gray{background-color:#eee;color:#444}.smart-banner a,.smart-banner a:hover{text-decoration:none;display:block;margin-left:28px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff}.smart-banner-gray a,.smart-banner-gray a:hover{color:#444}.smart-banner img.icon{float:left;margin:3px 10px 0 0;overflow:hidden;width:17px;height:31px}.smart-banner-gray img.icon{width:40px;height:40px;margin-top:0}.smart-banner .download{float:right;border-radius:3px;border:2px solid;font-weight:700;padding:3px 6px;text-transform:uppercase;margin:5px 10px 0 0}.smart-banner-gray .download{color:#18a9c8;border:0;padding:0;margin:11px 3px 0 0}.smart-banner .icon-close{float:left;margin:9px 0 0;opacity:.5;font-size:20px!important}.loader,.loader:before,.loader:after{border-radius:50%;width:2.5em;height:2.5em;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation:load7 1.8s infinite ease-in-out;animation:load7 1.8s infinite ease-in-out}.loader{color:#fff;font-size:10px;margin:80px auto;position:relative;text-indent:-9999em;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);-webkit-animation-delay:-.16s;animation-delay:-.16s}.loader:before,.loader:after{content:'';position:absolute;top:0}.loader:before{left:-3.5em;-webkit-animation-delay:-.32s;animation-delay:-.32s}.loader:after{left:3.5em}@-webkit-keyframes load7{0%,80%,100%{box-shadow:0 2.5em 0 -1.3em}40%{box-shadow:0 2.5em 0 0}}@keyframes load7{0%,80%,100%{box-shadow:0 2.5em 0 -1.3em}40%{box-shadow:0 2.5em 0 0}}.popup-content .loader,.chords .loader{top:-10px;font-size:4px;margin:0 auto;color:#555}#youtube .loader{margin-top:0}.chords.loading{font-size:12pt;font-weight:700;color:#555;line-height:2em;text-align:center;padding:30px}@keyframes indeterminate{0%{left:-35%;right:100%}60%{left:100%;right:-90%}100%{left:100%;right:-90%}}@keyframes indeterminate-short{0%{left:-200%;right:100%}60%{left:107%;right:-8%}100%{left:107%;right:-8%}}.chords.loading{padding:70px 0 30px}.view-diagrams .chords.loading{padding:8px 0}form p{padding:0;font:11pt thesans,Arial,sans-serif}input[type=text],input[type=url],input[type=email],input[type=password],input[type=button],input[type=submit],input[realType=password],textarea,.input-lookalike{outline:none;border:0;margin:0;padding:9px;font-size:11pt;border-radius:3px;background-color:#fff;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-appearance:none}textarea{border:1px solid #ddd;margin:6px 0}form input[type=text],form input[type=url],form input[type=password],form input[type=email]{border-radius:0;padding:12px 8px;border-bottom:1px solid #ddd}a,a:visited{color:inherit}input[type=submit],input[type=button],.button-premium{background:#34cc99;border:0;cursor:pointer;border-radius:3px;color:#fff!important;font:14px thesans,Arial,sans-serif;font-weight:700;text-transform:uppercase;text-decoration:none}.button-premium,input.button-premium{text-align:center;margin:12px auto;float:none;display:inline-block;background:#009dc6;padding:10px 30px;box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;text-transform:uppercase}.or{text-transform:uppercase;font-weight:700;position:relative;text-align:center;color:inherit;margin:10px 0}.or:before,.or:after{content:"";position:absolute;height:1px;border-bottom:1px solid;border-color:inherit;opacity:.5;width:60px;top:44%}.or:before{margin-left:-65px}.or:after{margin-left:5px}iframe{display:block;border:none}#mm{overflow:hidden;z-index:-1}#mm iframe,#mm div,#mm a{margin:0 auto;max-width:100%}#mm img{border:none;display:block}header h1,header h2,header h3{margin:0}.songpage.user-free #mm{transition:opacity 500ms ease-in;-webkit-transition:opacity 500ms ease-in;-moz-transition:opacity 500ms ease-in;opacity:0}.songpage.user-free.has-ad #mm{opacity:1}.loogpage #content{background:0 0}a:hover,.function-edit button:hover{color:#699}.toolbar-center{text-align:center;display:flex}.toolbar-center>div{flex-grow:1;padding:0 4px;height:45px}.max-duration{padding:4px;position:absolute;top:20px;z-index:1;overflow:hidden;left:20px;font:11pt thesans;background:#fff;border-radius:3px;text-align:center}#deezerNotification{z-index:2}.max-duration .button-premium,.max-duration p{margin:4px auto}.view-diagrams .max-duration{left:3px;top:3px;width:707px!important}.view-diagrams .max-duration .button-premium{float:right;margin:4px auto}.view-diagrams .max-duration p{float:left;margin:12px 0}.view-diagrams #deezerNotification .icon-deezer{float:left}.view-diagrams #deezerNotification p{float:right;margin:3px 12px}.view-chords .instruments,.view-edit .instruments{display:none}.tooltip{position:absolute;padding:8px 14px;width:auto;max-width:161px;border-radius:3px;box-shadow:0 5px 15px rgba(0,0,0,.3);color:#fff;background:#009dc6;font-family:thesans,Arial,sans-serif;font-size:11pt;font-weight:700;z-index:1338;opacity:0}.tooltip-sticky{pointer-events:all}.tooltip .icon-up,.tooltip .icon-down{width:27px;height:21px;text-indent:-12px;font-size:50px;line-height:20px;color:#009dc6;pointer-events:none}.tooltip .icon-up{margin:-23px auto 0}.tooltip .icon-down,.tooltip-above .icon-up{display:none}.tooltip-above .icon-down{display:block;margin:5px auto -32px;height:27px}.tooltip h6{text-transform:uppercase;margin:10px 0;font-size:12pt}.tooltip a:focus{color:#fff}.view-diagrams .chord{float:none;display:inline-block;vertical-align:bottom}.view-diagrams #diagrams .chord{background:0 0;font-size:15px}.view-diagrams #diagrams .label-wrapper>span:first-child{float:left}.view-diagrams .chords{white-space:nowrap;min-height:0;overflow-x:scroll;overflow-y:hidden}.view-diagrams .chords::-webkit-scrollbar,#diagrams::-webkit-scrollbar{-webkit-appearance:none}.view-diagrams .chords::-webkit-scrollbar:vertical,#diagrams::-webkit-scrollbar:vertical{background:0 0;width:0}.view-diagrams .chords::-webkit-scrollbar-thumb,#diagrams::-webkit-scrollbar-thumb{background-color:#18a9c8;border:1px solid #ddd;border-radius:50px;min-width:40px}.view-diagrams .chords::-webkit-scrollbar:horizontal,#diagrams::-webkit-scrollbar:horizontal{height:15px}.view-diagrams .chords{scrollbar-color:#18a9c8 transparent}#diagrams{width:100%;white-space:nowrap;overflow:hidden;display:none;margin:0;padding:5px 0 0 170px;min-height:255px}.view-diagrams #diagrams{display:block}.diagram{display:inline-block;margin:30px;text-align:center;transition:transform ease-in 200ms;vertical-align:top}.diagram .icon-rest{font-size:70px;color:#444;line-height:170px}.diagram img{display:block;height:140px;padding:10px 0 15px;width:141px}.diagram [class^=label-],.label [class*=" label-"]{color:#555}#diagrams.diagrams-overview{padding-left:0;padding-bottom:100px}#diagrams.diagrams-overview .diagram{float:left;margin:30px 3px 0!important;transition:none;display:none}#diagrams.diagrams-overview .diagram-in-overview{display:inline-block}#diagrams.diagrams-ukulele .diagram img{margin:0 19px;width:105px}#diagrams.diagrams-piano .diagram img{height:97px;margin:10px 13px;width:212px}#diagrams:not(.diagrams-overview) .diagram-current{transform:scale(1.4)}.chords{padding:1px 2px 0;min-height:400px;margin:0;background-color:#ddd}.chord{background-color:#fafafa;border-radius:3px;box-sizing:border-box;color:#555;float:left;margin:1px;position:relative;text-indent:2px;user-select:none;-webkit-user-select:none;-moz-user-select:none}.chord:hover{background-color:#eee;cursor:pointer}.barlength-4 .chord{font-size:2.1vw;padding-top:calc(6.25% - 3.5px);width:calc(6.25% - 3.5px)}.barlength-3 .chord{font-size:2.3vw;padding-top:calc(8.33% - 4.5px);width:calc(8.33% - 4.5px)}.chordlang-latin .barlength-4 .chord{font-size:1.8vw}.chordlang-latin .barlength-3>.chord{font-size:2.1vw}.chords>.chord>.label-wrapper,.chords>.chord>.label-wrapper span{background:inherit;border-radius:4px;position:relative;top:38%;z-index:1}.chords .label-wrapper .chord-label{background:0 0}div.chord-edit.overflow .label-wrapper,div.currentChord.overflow .label-wrapper,div.chord.overflow:hover .label-wrapper{z-index:2}.nolabel>.label-wrapper{display:none}.chords>.chord>.label-wrapper{bottom:0;height:100%;left:0;pointer-events:none;position:absolute;right:0;top:0;white-space:nowrap}.chord.overflow:not(.currentChord):not(.chord-edit):hover>.label-wrapper{z-index:3}.chord .bass-label[class*=' label-'],.chord .bass-label[class^=label-]{padding:4px 2px 4px 0}.chord.hidden-overflow:not(.currentChord):not(.chord-edit):not(:hover) .bass-label{background:0 0;position:absolute;right:1px;padding:0}.chord.hidden-overflow .bass-label::before{display:none;margin-left:-2px;background:0 0}.chord.hidden-overflow:not(.currentChord):not(.chord-edit):not(:hover) .bass-label::after{content:'..';font-size:16px;vertical-align:bottom}.currentChord.hidden-overflow .bass-label::before,.chord-edit.hidden-overflow .bass-label::before,.chord.hidden-overflow:hover .bass-label::before{display:inline-block}.currentChord.overflow>.label-wrapper,.chord-edit.overflow>.label-wrapper,.chord.overflow:hover>.label-wrapper{box-shadow:2px 0 5px -1px rgba(0,0,0,.3);padding-right:4px;max-width:fit-content;min-width:fit-content;width:calc(150% + 6px)}#song:not(.view-diagrams) .barlength-4 .overflow.currentChord:nth-child(16n)>.label-wrapper,#song:not(.view-diagrams) .barlength-4 .overflow.chord-edit:nth-child(16n)>.label-wrapper,#song:not(.view-diagrams) .barlength-4 .chord.hidden-overflow:hover:nth-child(16n)>.label-wrapper,#song:not(.view-diagrams) .barlength-3 .overflow.currentChord:nth-child(12n)>.label-wrapper,#song:not(.view-diagrams) .barlength-3 .overflow.chord-edit:nth-child(12n)>.label-wrapper,#song:not(.view-diagrams) .barlength-3 .chord.hidden-overflow:hover:nth-child(12n)>.label-wrapper,.chord:nth-last-child(2).hidden-overflow:hover>.label-wrapper,.overflow.currentChord:nth-last-child(2)>.label-wrapper,.overflow.chord-edit:nth-last-child(2)>.label-wrapper{box-shadow:-2px 0 5px -1px rgba(0,0,0,.3);left:auto;padding-right:2px;text-align:right}.chordlang-latin .currentChord.overflow>.label-wrapper,.chordlang-latin .chord-edit.overflow>.label-wrapper,.chordlang-latin .chord.hidden-overflow:hover>.label-wrapper{width:calc(164% + 6px)}.chord.icon-rest{text-indent:-.2em}.function-select button,.function-select span,.function-select{color:#555!important}.function-select button.active,.function-select button.active span{color:#f07e32!important}.function-select span{color:inherit!important}.chord .icon-rest{font-family:icons!important;font-size:inherit;background:0 0}nav .active,.function-edit .active{color:#009dc6}.chord.loop{background:#d2ebf0}.chord.loop.hidden-overflow:not(.currentChord):not(.chord-edit):hover>.label-wrapper{background:inherit}@keyframes border-pulsate{0%{box-shadow:inset 0 0 0 3px #00a8ca}100%{box-shadow:inset 0 0 0 3px rgba(0,168,202,.1)}}#song:not(.playing) .chords .chord.loop-first,#song:not(.playing) .chords .chord.loop-first .label-wrapper,#song:not(.playing) .chords .chord.loop-last,#song:not(.playing) .chords .chord.loop-last .label-wrapper{box-shadow:inset 0 0 0 3px #00a8ca;animation:border-pulsate .5s linear infinite;animation-direction:alternate;background:#d2ebf0!important;color:#555!important}.nolabel.loop-first:before{display:block}.loop{position:relative}.loop-options{font:11pt thesans;text-indent:initial;position:absolute;z-index:3;bottom:-28px;right:0;border-radius:2px;padding:3px;background:#92ced6;color:#555;box-shadow:0 1px 3px rgba(0,0,0,.5);white-space:nowrap}.loop-options a.edit-only{display:none;border-right:2px solid #777}.loop-options a,.chords-edit .loop-options a.edit-only{text-decoration:none;display:inline-block}.loop-options a.icon-close,.loop-options a.icon-delete{font-size:25px;line-height:21px;height:21px;vertical-align:bottom}body.loop-options a.icon-close,body.view-diagrams .loop-options,body.view-chords .loop-options{display:none}#countoff-counter{align-items:center;background:rgba(51,51,51,.7);border-radius:3px;color:#fff;display:flex;font-size:50px;height:150px;width:150px;justify-content:center;margin:auto;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2}.currentChord{color:#eee}.currentChord,.currentChord.loop,.chords.ignoreLoop .currentChord{background-color:#333!important}.chords:after{content:'';display:block;clear:both}.barlength-4>.chord:nth-child(4n+1){margin-left:9px}.barlength-3>.chord:nth-child(3n+1){margin-left:11px}.barlength-3>.chord-paste-hint-first:nth-child(3n+1),.barlength-4>.chord-paste-hint-first:nth-child(4n+1){margin-left:7px}.view-edit .barlength-4>div.chord-paste-hint-first:nth-child(16n+1),.view-edit .barlength-3>div.chord-paste-hint-first:nth-child(12n+1){margin-left:-1px}.barlength-4>.chord:nth-child(4n+1):after,.barlength-3>.chord:nth-child(3n+1):after,.chords>.chord:last-child:before,.chords>.chord:last-child:after{content:'';margin:0;display:block;position:absolute;top:0;bottom:0;left:-7px;background:#555;border-radius:4px;width:4px}.barlength-3>.chord:nth-child(3n+1):after{left:-8px}.chords>.chord:last-child:before{right:-6px;left:auto}.chords>.chord:last-child:after{right:-13px;left:auto}.chords>.chord:last-child{width:0;padding:0;margin:0}.view-diagrams .chords .chord:last-child{display:none}.errormsg{font-size:12pt;padding:50px 0 44px;margin:0 auto;text-align:center}.errormsg .errorimg{background:#fff url(/img/chordify-404-1.jpg) 50% top no-repeat;background-size:100%;display:inline-block;width:230px;height:146px;border-radius:20px;text-align:right;padding:10px 20px 10px 0;color:#fff;font-size:26pt;font-weight:700}.errormsg .notfoundimg{background:#fff url(/img/chordifrog.png) 50% top no-repeat;background-size:cover;padding:0;border-radius:0;height:233px}.errormsg h3{color:#333;font-size:32px;font-weight:700;line-height:1.375;margin-top:15px}.errormsg ul{list-style-type:none;padding:0;margin:0}.userpage .page{padding:0 6px}h2 a{text-decoration:none;color:#333}.icon-close.hidden{display:none}.alignc{text-align:center!important}.clearb{clear:both}.floatr,.alignright{float:right!important}.floatl{float:left}#exitPopup{z-index:1000;position:absolute;right:0;bottom:0;width:90px;height:90px;border:3000px solid rgba(0,0,0,.7);border-radius:3200px}#exitPopup.variation-2{border:none;background:rgba(0,0,0,.7);left:0;top:0;position:fixed;bottom:0;width:auto;height:auto;border-radius:0}.exit-container{color:#fff;margin:-203px -710px 0 0;width:640px;float:right}#exitPopup h1{font:24pt thesans;line-height:1.03}#exitPopup .thumbnails{margin:50px -200px 0 10px}#exitPopup.variation-1{padding-left:300px}@media all and (max-width:1035px){#diagrams{padding-left:0}}@media all and (max-width:930px){.ad-banner #mm{margin-bottom:5px}}@media all and (min-width:990px),screen and (min-height:590px) and (min-width:600px){#suggestions-portal-mobile{padding-top:20px;clear:both}}@media screen and (max-width:599px),screen and (max-height:590px) and (max-width:989px){.box-content h2.consent-title{font-size:24px}#exitPopup .thumbnails{margin-left:-20px}.chords{padding-top:2px}.barlength-3>.chord{font-size:3vw}.chordlang-latin .barlength-3>.chord{font-size:2.6vw}.song-offline{top:45px}#diagrams{padding-top:15px}.view-diagrams .chords.loading{padding:3px;font-size:9pt}.ad-size-320-50 #playOverlay{margin-top:60px}}@media screen and (orientation:landscape) and (max-height:590px) and (max-width:990px) and (min-width:475px){#content{max-width:none;padding:0 12px}.songpage #content{margin-top:45px}.barlength-4 .chord{font-size:1.8vw}.chordlang-latin .barlength-4>.chord{font-size:1.6vw}.barlength-3 .chord{font-size:2.4vw}.chordlang-latin .barlength-3>.chord{font-size:2.1vw}.user-premium .toolbar-center{width:auto}#diagrams{margin-top:20px}#song #diagrams:not(.diagrams-overview) .diagram-current{transform:scale(1.2)}}@media screen and (max-width:720px),screen and (orientation:landscape) and (max-width:850px) and (max-height:590px){.barlength-4>.chord{font-size:4vw;padding-top:calc(12.5% - 3px);width:calc(12.5% - 3px)}.chordlang-latin .barlength-4>.chord{font-size:3.5vw}#song:not(.view-diagrams) .barlength-4 .chord:nth-child(8n+9){margin-left:1px}#song:not(.view-diagrams) .barlength-4 .chord:nth-child(8n+9):after{display:none}#song:not(.view-diagrams) .barlength-4 .currentChord.overflow:nth-child(8n)>.label-wrapper,#song:not(.view-diagrams) .barlength-4 .chord-edit.overflow:nth-child(8n)>.label-wrapper,#song:not(.view-diagrams) .barlength-4 .chord.hidden-overflow:hover:nth-child(8n)>.label-wrapper{margin-left:-70%;text-align:right;padding-right:2px;box-shadow:-2px 0 5px -1px rgba(0,0,0,.3)}}@media screen and (orientation:landscape) and (max-width:850px) and (max-height:590px){.barlength-4>.chord{font-size:3vw}.chordlang-latin .barlength-4>.chord{font-size:2.8vw}}@media all and (max-width:599px) and (max-height:590px){.chord.hidden-overflow .bass-label::after{font-size:inherit}}@media all and (max-width:498px),screen and (orientation:landscape) and (max-width:630px){.barlength-3>.chord{font-size:4.4vw;line-height:normal!important;padding-top:calc(16.6% - 3.5px);width:calc(16.6% - 3.5px)}.chordlang-latin .barlength-3>.chord{font-size:3.9vw}#song:not(.view-diagrams) .barlength-3 .chord:nth-child(6n+7){margin-left:1px}#song:not(.view-diagrams) .barlength-3 .chord:nth-child(6n+7):after{display:none}#song:not(.view-diagrams) .barlength-3 .currentChord.overflow:nth-child(6n)>.label-wrapper,#song:not(.view-diagrams) .barlength-3 .chord-edit.overflow:nth-child(6n)>.label-wrapper,#song:not(.view-diagrams) .barlength-3 .chord.hidden-overflow:hover:nth-child(6n)>.label-wrapper{float:right;text-align:right;padding-right:2px;box-shadow:-2px 0 5px -1px rgba(0,0,0,.3)}}@media screen and (orientation:landscape) and (max-width:630px){.barlength-3>.chord{font-size:3.9vw}.chordlang-latin .barlength-4>.chord{font-size:3.4vw}}@media all and (max-width:415px){.barlength-4>.chord{font-size:4.4vw}.chordlang-latin .barlength-4>.chord{font-size:3.9vw}.barlength-3>.chord{font-size:5.1vw}.chordlang-latin .barlength-4>.chord{font-size:4.3vw}}@media all and (max-height:670px),(max-width:599px){.diagram .icon-rest{height:80px;width:105px;line-height:130px;font-size:40px}#diagrams:not(.diagrams-overview) .diagram{opacity:.6}#diagrams:not(.diagrams-overview) .diagram-current{transform:none;opacity:1}#diagrams.diagrams-ukulele .diagram,#diagrams.diagrams-guitar .diagram{margin-top:8px}#diagrams{min-height:180px}#diagrams .diagram img{height:103px;width:104px}#diagrams.diagrams-ukulele .diagram img{margin:0 18px 0 17px;width:77px}#diagrams.diagrams-piano .diagram{margin-right:10px;margin-left:10px}#diagrams.diagrams-piano .diagram img{height:50px;width:109px}}@media all and (min-width:990px) and (max-height:570px){#diagrams.diagrams-ukulele .diagram,#diagrams.diagrams-guitar .diagram{margin-top:11px}}.view-chords .barlength-4>.chord:nth-child(16n+1):after,.view-chords .barlength-3>.chord:nth-child(12n+1):after,.view-edit .barlength-4>.chord:nth-child(16n+1):after,.view-edit .barlength-3>.chord:nth-child(12n+1):after{display:none}.view-chords .barlength-4>.chord:nth-child(16n+1),.view-chords .barlength-3>.chord:nth-child(12n+1),.view-edit .barlength-4>.chord:nth-child(16n+1),.view-edit .barlength-3>.chord:nth-child(12n+1){margin-left:1px}.view-diagrams .chord:first-child:after{display:none}.view-diagrams .chord:first-child{margin-left:1px}.view-chords .barlength-4>.chord:nth-child(16n+1):after,.view-chords .barlength-3>.chord:nth-child(12n+1):after{display:none}.view-chords .barlength-4>.chord:nth-child(16n+1),.view-chords .barlength-3>.chord:nth-child(12n+1){margin-left:1px}@media all and (min-width:768px){#content{margin-top:45px}}@media screen and (min-width:990px){#content{max-width:976px}}@media all and (min-width:1038px){#content{max-width:1026px}}@media all and (min-width:1097px){#content{max-width:1077px}.barlength-4 .chord{font-size:21px}.chordlang-latin .barlength-4 .chord{font-size:19px}.barlength-3 .chord{font-size:23px}.chordlang-latin .barlength-3 .chord{font-size:20px}}@media screen and (min-width:1200px){#content{max-width:1192px}}@media screen and (min-width:1350px){#content{max-width:1300px}}