.containerWebApp:before{background-color:blue}.containerWebApp{background:image-set(url("/tuner/img/background.webp") type("image/webp"),url("/tuner/img/background.png") type("image/png")) no-repeat;border:.35em solid #000;border-radius:2.15em;color:#fff;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:none;-webkit-font-smoothing:antialiased;font-family:"Lato",sans-serif;font-weight:400;letter-spacing:.03em;box-shadow:0 0 0 .15em #fff}#superContainerWebApp{border:.5em solid #000;border-radius:2.55em}#superContainerWebApp a:link{color:#fff;text-decoration:none}#superContainerWebApp a:visited{color:#fff}#superContainerWebApp a:hover{color:green}#superContainerWebApp h1{font-weight:300;letter-spacing:.3vw}.aspectRatio{position:absolute;width:100%}.containerWebApp{position:relative;overflow:hidden;z-index:auto}#applicationContainer{background-size:cover;position:relative;overflow:hidden}#tunercontainer{position:relative;float:left;width:70%;overflow:hidden}.settingsView{margin-top:5%;margin-left:5%;overflow:scroll}.child,.settingsView{position:relative;width:100%;padding-bottom:75.82%;float:left}.child{margin-top:0}.child>div{margin-top:0;position:absolute;top:0;bottom:0;left:0;right:0}#fretboardContainer{position:absolute;right:0;top:6.5%;width:30%;height:87%;background:url(/tuner/img/fretboard.png) no-repeat;background:image-set(url("/tuner/img/fretboard.webp") type("image/webp"),url("/tuner/img/fretboard.png") type("image/png")) no-repeat;background-size:cover}#fretboardTextBack{position:absolute;margin-left:0;top:0;left:0;width:40%;height:100%;background:url(/tuner/img/fretboard_text_bg.png) no-repeat;background-size:contain;color:#111;cursor:pointer}#fretboardTextBack:hover{opacity:.8;filter:alpha(opacity=80)}#fretboardTextBack:active{opacity:1;filter:alpha(opacity=100);filter:sepia(100%);-webkit-filter:sepia(100%)}#settings{top:50%;margin-left:-30%;text-align:center;transform:rotate(-90deg);position:absolute;color:#111;width:100%;pointer-events:none}#settings table{position:relative;transform:translateX(-50%);-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);left:50%;text-align:center}.instrumentText{font-size:1.5em;font-style:italic}.instrumentText,.tuningText{overflow:hidden;white-space:nowrap}.tuningText{font-weight:700;font-size:2em}#stringContainer{position:absolute;height:100%;width:100%;display:flex;flex-direction:column;justify-content:space-between}.string{position:relative;height:12%;display:block;cursor:pointer}.string:hover{opacity:.8;filter:alpha(opacity=80)}.stringText{position:absolute;top:50%;transform:translateY(-50%);margin-left:51%;font-size:1.5em;color:#111;width:12.5%;text-align:center;pointer-events:none;letter-spacing:-.1vw}.stringClicked{filter:sepia(100%);-webkit-filter:sepia(100%)}.fretboard-string1,.fretboard-string2,.fretboard-string3,.fretboard-string4,.fretboard-string5,.fretboard-string6,.fretboard-string7,.fretboard-string8,.fretboard-string9,.fretboard-string10,.fretboard-string11{max-width:100%;background-image:url(/tuner/img/spriteWithMargin.png);background-image:image-set(url("/tuner/img/spriteWithMargin.webp") type("image/webp"),url("/tuner/img/spriteWithMargin.png") type("image/png"));background-size:cover}.fretboard-string1{background-position:0 0}.fretboard-string10{background-position:0 10%}.fretboard-string11,.fretboard-string12{background-position:0 20%}.fretboard-string2{background-position:0 30%}.fretboard-string3{background-position:0 40%}.fretboard-string4{background-position:0 50%}.fretboard-string5{background-position:0 60%}.fretboard-string6{background-position:0 70%}.fretboard-string7{background-position:0 80%}.fretboard-string8{background-position:0 90%}.fretboard-string9{background-position:0 100%}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.generalText{font-size:2vw;position:relative}.embedText,.generalText{width:100%;text-align:center}.embedText{font-size:2.1vw;position:absolute;color:#888;height:10%;margin-top:2%}.embedText a:link{color:#000}.embedText a:visited{color:green}.fiftyfifty{text-align:center;width:50%}.noAds{position:absolute;margin-top:8.5vw;height:10.5vw;color:#888;background-color:#fff;font-size:5vw;font-weight:300;letter-spacing:.6vw;border:.5vw double #000;padding-top:4vw}.embedForm,.noAds{display:block;width:100%;text-align:center}.embedForm{vertical-align:middle;margin:auto;font-size:1.8vw}.embedForm table{text-align:left;padding-left:2%}.formDescCol{width:7vw}.formInputCol{width:42vw}.embedForm h1{font-size:3vw}input[type=text],textarea[name=formEmbedComment],textarea[name=formEmbedSecurity]{float:left;height:2vw;width:40vw;font-size:1.8vw}input[type=text],textarea{resize:none;font-family:inherit;font-size:100%;border-radius:1vw;padding:.7vw}input[type=checkbox]{background-color:#000;width:1.8vw;height:1.8vw;font-weight:700;color:#fff;border:.2vw solid #fff;border-radius:1vw}.buttonDesign{cursor:pointer;background-color:#000;display:inline;height:4vw;font-size:2vw;font-weight:lighter;letter-spacing:.1vw;color:#fff;border:.2vw double #fff;box-shadow:0 0 .3vw #000;border-radius:1vw;margin:1vw}.buttonDesign:hover{border-color:red}.buttonDesign:active{border-color:green}textarea[name=formEmbedComment]{resize:none;height:10vw;font-family:inherit;font-size:100%;border-radius:1vw}textarea[name=formEmbedSecurity]{resize:none;height:5vw;font-family:inherit;font-size:100%;border-radius:1vw;position:relative}.formError{padding-left:0;vertical-align:middle;font-size:1.8vw;color:#ffcbb1}textarea[name=embedSnippet]{resize:none;height:6vw;width:50vw;font-family:inherit;font-size:100%;border-radius:1vw}.termLink:hover{cursor:pointer}#terms{display:none;color:#000}.errorAlert{position:relative;display:block;color:#000;background-color:#ffecec;border:.4vw solid #f9cbc8;border-radius:2vw;width:60vw;font-size:1.8vw}.errorAlertSign{position:absolute;float:left;margin-left:2vw;height:100%;text-align:center}.errorAlertImg{position:relative;height:1.8vw;width:1.8vw;background:url(/tuner/img/signNo.png) no-repeat;background-size:contain;top:50%;transform:translateY(-50%)}.errorAlertText{position:relative;margin-left:7vw;padding-top:2vw;padding-bottom:2vw}.alertBox{z-index:4;position:fixed;width:88vw;height:39vw;margin-left:3vw;background-color:green;border:1vw solid #000}.alertBoxText{height:75%;background-color:#fff;padding:3vw;overflow-y:scroll;cursor:default;text-align:left}.alertBoxText a:link,.alertBoxText a:visited{color:green}.alertBoxText a:hover{color:red}.alertBoxText .alertBoxFooter{height:12%;background-color:#000}.settingsDesign{z-index:-11;position:absolute;background-color:#ddd;filter:alpha(opacity=95);-moz-opacity:.95;opacity:.95;border:.5em double #000;border-radius:1.8em;overflow:hidden}.settingsDesign .settingsLeft{opacity:1;float:left;position:absolute;margin-top:0;width:15.71em;height:100%;color:#000;overflow-x:visible;overflow-y:scroll;cursor:default}.settingsDesign .settingsLeft table{border-spacing:0;overflow:visible;width:80%;margin-left:1.4em;margin-right:1.4em}.settingsDesign .settingsLeft table td[class=instrumentHeader]{background-color:transparent;border:none;height:2vw;padding:0}.settingsDesign .settingsLeft ._instrument{width:100%;padding-left:1em;height:2.8em;line-height:2.8;cursor:pointer;background-color:#eee}.settingsDesign .settingsLeft ._instrument:hover{background-color:#efeff0;font-weight:700;filter:sepia(25%);-webkit-filter:sepia(25%)}.settingsDesign .settingsLeft ._instrument:active{font-style:italic;filter:sepia(100%);-webkit-filter:sepia(100%)}.settingsDesign .settingsLeft .actualInstrument{position:relative;height:100%;width:14em;background-color:#efeff0;vertical-align:center;font-weight:700;border-top-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-left-radius:.7em;border-bottom-left-radius:.7em;border-color:#ddd;border-width:0}.settingsDesign .settingsLeft .actualInstrumentBorder{display:none;position:absolute;width:100%;margin-left:-1em;height:100%;border-top-style:solid;border-bottom-style:solid;border-left-style:solid;border-radius:inherit;border-color:#35477a;border-width:.12em;box-sizing:border-box}.settingsDesign .settingsLeft .border-space{height:.2em}@-moz-document url-prefix(){.settingsDesign .settingsLeft .actualInstrument{width:14.11em}}@media not all and (min-resolution:0.001dpcm){.settingsDesign .settingsLeft .actualInstrument{width:14.11em}}.settingsDesign .settingsLeft .instrumentHeader{text-align:center;color:#000;font-weight:700;font-size:1.8vw;padding:1vw}.settingsDesign .settingsLeft .instrumentTitle{text-align:center;color:#777;font-weight:300;font-size:1.2em}.settingsDesign .settingsRight{z-index:600;display:block;margin-top:0;height:100%;float:right;width:17.6em;color:#000;background-color:#efeff0;border-style:solid;border-color:#35477a;border-radius:1.3em;overflow-y:scroll;cursor:default}.settingsDesign .settingsRight table{margin-left:.5em;margin-right:.5em}.settingsDesign .settingsRight table td{display:flex;border-bottom-style:none;border-color:grey;background-color:#fff;border-width:.18vw}.settingsDesign table{display:block;margin-top:2em}.settingsDesign table tbody,.settingsDesign table td,.settingsDesign table tr{display:block}.settingsDesign table td[class=tuningHeader]{background-color:transparent;border:none;font-weight:300}.settingsDesign .tuningHeader{text-align:center;color:#555;font-weight:lighter;padding:1vw}.settingsDesign .starContainer{flex:0.18;text-align:center;display:inline-block;cursor:pointer;float:left}.settingsDesign .starImg{display:none;background:url(/tuner/img/settings_view_fav_star_off.png);background-size:cover;position:relative;width:2.5vw;height:2.5vw;top:50%;transform:translateX(50%) translateY(-50%)}.settingsDesign .tuningWrap{flex:1;float:left;cursor:pointer;font-size:.8em}.settingsDesign .tuningWrap:hover{background-color:#efeff0;filter:sepia(30%);-webkit-filter:sepia(30%)}.settingsDesign .tuningWrap:active{font-style:italic;filter:sepia(100%);-webkit-filter:sepia(100%)}.settingsDesign .tuningName{position:relative;float:left;padding-top:.5em;width:100%;font-weight:700}.settingsDesign ._tunings{float:left;position:relative;width:100%;color:#35477a;padding-bottom:.5em}.settingsDesign .tuningCheckMarkContainer{display:none;text-align:center;width:10%;height:100%;transform:translate(15em)}.settingsDesign .tuningCheckMarkImg{position:relative;background:url(/tuner/img/signYes.png);background-size:cover;width:1.2em;height:1.2em;top:50%;transform:translateY(-50%)}@-moz-document url-prefix(){.settingsRight{height:99.1%}}