*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;padding:20px;transition:background-color .3s ease,color .3s ease}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{scroll-behavior:smooth}:focus-visible{outline:2px solid currentColor;outline-offset:2px}.container{align-items:baseline;display:flex;flex-direction:column;justify-content:space-evenly}.item-r1{flex:1 1;flex-direction:row}.item-c1{flex:1 1;flex-direction:col}.item1{flex:1 1}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#fff;color:#fff;font-size:calc(10px + 2vmin);min-height:100vh}.App-link{color:inherit;text-decoration:none;transition:opacity .2s ease}.App-link:hover{opacity:.8;text-decoration:underline}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.carousel-inner img{margin:auto}.container{margin-left:auto;margin-right:auto;padding-left:0;padding-right:0}.side{padding-left:5px;padding-right:5px}.fret,.side{margin-left:5px;margin-right:5px}.fret{padding:5px}.boxit{align-items:center;background:#ffffff0d;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:inline-flex;gap:8px;margin:8px 10px;padding:12px 18px;transition:all .3s ease}.boxit:hover{background:#ffffff14;box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}select{background-color:#ffffff1a;border:2px solid #8080804d;border-radius:6px;color:inherit;cursor:pointer;font-size:14px;min-width:120px;outline:none;padding:8px 12px;transition:all .2s ease}select:hover{border-color:#80808080;box-shadow:0 2px 6px #0000001a}select:focus,select:hover{background-color:#ffffff26}select:focus{border-color:#6eb6ffcc;box-shadow:0 0 0 3px #6eb6ff33}select option{background-color:#fff;color:#000;padding:8px}select.select-key{min-width:75px}select.select-sharp-flat{min-width:60px}label{font-size:14px;font-weight:500;margin-right:8px;-webkit-user-select:none;user-select:none}input[type=color]{border:2px solid #8080804d!important;border-radius:6px!important;cursor:pointer!important;height:32px!important;outline:none;padding:2px!important;transition:all .2s ease;width:50px!important}input[type=color]:hover{border-color:#80808080!important;box-shadow:0 2px 6px #0000001a;transform:scale(1.05)}input[type=color]:focus{border-color:#6eb6ffcc!important;box-shadow:0 0 0 3px #6eb6ff33}canvas{background-color:#fff;border:3px solid #8080804d;border-radius:12px;box-shadow:0 4px 16px #00000026;height:auto;max-width:100%;transition:box-shadow .3s ease}canvas:hover{box-shadow:0 6px 20px #0003}a{color:inherit;font-weight:500;text-decoration:none;transition:all .2s ease}a:hover{opacity:.8;text-decoration:underline}@media (max-width:768px){.boxit{margin:6px 5px;padding:10px 14px}select{font-size:13px;min-width:100px;padding:6px 10px}select.select-key{min-width:70px}select.select-sharp-flat{min-width:55px}label{font-size:13px}canvas{border-radius:8px;border-width:2px}input[type=color]{height:28px!important;width:40px!important}}@media (max-width:480px){body{padding:10px}.boxit{font-size:13px;margin:4px 2px;padding:8px 12px}select{font-size:12px;min-width:80px;padding:5px 8px}select.select-key{min-width:65px}select.select-sharp-flat{min-width:50px}label{font-size:12px;margin-right:5px}canvas{border-radius:6px;border-width:2px}}
/*# sourceMappingURL=main.59b8e811.css.map*/