.guitar-neck[data-v-31d783e5]{margin:auto;width:1000px}.neck-container[data-v-31d783e5]{background-color:#f5616c;border-top:3px solid #aa530e;border-bottom:3px solid #aa530e;border-right:1px solid #aa530e;border-left:3px solid #aa530e;border-radius:5px;display:inline-block}.neck-string[data-v-31d783e5]{display:flex;flex-direction:row}.neck-freat[data-v-31d783e5]{padding:10px;width:30px;text-align:center;border-right:2px solid #aa530e}.neck-string .neck-freat[data-v-31d783e5]:first-of-type{background-color:#fff}div.neck-string div.neck-freat.in-mask[data-v-31d783e5]{background-color:#df1903}div.neck-string.freat-mark[data-v-31d783e5],div.neck-string.freat-mark div.neck-freat[data-v-31d783e5]:first-of-type{background-color:#d19c3a}div.neck-string.freat-mark .neck-freat[data-v-31d783e5]{padding-top:unset;padding-bottom:unset}div.neck-container.scale .neck-freat:not(:first-of-type) span[data-v-31d783e5]{opacity:.3}div.neck-container.scale .neck-freat:not(:first-of-type) span.in-scale[data-v-31d783e5]{opacity:1}div.neck-container.scale .neck-freat span.is-tonic[data-v-31d783e5]{font-weight:bolder}.scale-filter[data-v-52a15750]{max-width:1000px;margin:auto}form>div[data-v-52a15750]{display:flex}ul.result-scale[data-v-52a15750]{padding:9px 0;margin:0}ul.result-scale li[data-v-52a15750]{display:inline;list-style:none;padding:5px 10px;border-right:1px solid #000}ul.result-scale li[data-v-52a15750]:last-of-type{border-right:unset}form[data-v-52a15750]{position:relative}div.form-control[data-v-52a15750]{margin-right:20px}div.form-control[data-v-52a15750]:last-of-type{margin-right:0}div.form-control button[data-v-52a15750]{position:absolute;bottom:16px;height:36px;background-color:#e6e6e6;color:#7b7b7b;border:1px solid;border-radius:4px;display:flex;align-items:center}div.form-control button img[data-v-52a15750]{width:20px;margin-right:5px}div.form-control button[data-v-52a15750]:hover{cursor:pointer;background-color:#ccc}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}ul{list-style-type:none}.select{position:relative;margin-bottom:15px}.select,.select select{display:inline-block;width:100%}.select select{font-family:Arial;cursor:pointer;padding:10px 30px 10px 15px;outline:0;border:1px solid #7b7b7b;border-radius:4px;background:#e6e6e6;color:#7b7b7b;appearance:none;-webkit-appearance:none;-moz-appearance:none}.select select::-ms-expand{display:none}.select select:focus,.select select:hover{color:#000;background:#ccc}.select select:disabled{opacity:.5;pointer-events:none}.select_arrow{position:absolute;top:16px;right:15px;pointer-events:none;border-style:solid;border-width:8px 5px 0 5px;border-color:#7b7b7b transparent transparent transparent}.select select:focus~.select_arrow,.select select:hover~.select_arrow{border-top-color:#000}.select select:disabled~.select_arrow{border-top-color:#ccc}