body{color:#fff;margin:0;font-family:monospace}:root{--logo-red:#c45646;--logo-yellow:#e29f53;--logo-blue:#475b7e}html,body{background:#1a1a1a}.vi-page{background:#1a1a1a;grid-template-columns:220px 1fr;align-items:start;gap:20px;padding:16px;display:grid}.vi-sidebar{gap:36px;align-items:flex-center;flex-direction:column;display:flex}.vi-logo{background:#1a1a1a;width:400px;height:auto;display:block}#notesGrid,#intervals{flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;display:flex}#notesGrid>div{grid-template-columns:60px 20px;place-items:center;column-gap:8px;display:grid}.note-input{color:#fff;text-align:center;background:#181818;border:1px solid #444;width:60px;padding:6px}.chord-input{color:#fff;text-align:center;background:#181818;border:1px solid #444;width:100%;padding:6px}.note-check{margin-top:2px}.cell{grid-template-columns:34px 34px auto;align-items:center;gap:10px;display:grid}.lbl{text-align:right;color:#ddd;width:34px}input[type=color]{background:0 0;border:none;width:34px;height:26px;padding:0}input[type=checkbox]{accent-color:var(--logo-blue);margin-left:15px}label{color:#bbb;-webkit-user-select:none;user-select:none;font-size:12px}.header{background:#1a1a1a;flex-direction:row;align-items:center;gap:2px;margin:12px;display:flex}.header .apps-back-button{z-index:auto;cursor:pointer;justify-content:center;align-items:center;width:32px;height:48px;display:flex;position:static;inset:auto}.vi-main{background:#1a1a1a;justify-content:center;align-items:center;width:100%;height:100%;min-height:calc(100vh - 120px);display:flex}.vi-main canvas{background:0 0;display:block}.vi-logo-wrap{flex:none;justify-content:flex-start;display:flex;position:relative}.vi-hotkeys-popover{z-index:50;opacity:0;visibility:hidden;pointer-events:none;background:#0a0a0af2;border:1px solid #333;border-radius:10px;min-width:280px;max-width:420px;margin-top:10px;padding:10px 12px;position:absolute;top:100%;left:50%;transform:translate(-50%)}.vi-logo-wrap:hover .vi-hotkeys-popover{opacity:1;visibility:visible;pointer-events:auto}.vi-hotkeys-title{color:#ddd;margin-bottom:8px;font-size:12px}.vi-hotkeys-grid{gap:6px;display:grid}.vi-hotkeys-row{grid-template-columns:110px 1fr;align-items:center;gap:10px;display:grid}.vi-kbd{color:#fff;text-align:center;background:#151515;border:1px solid #444;border-radius:6px;padding:3px 6px;font-size:12px;display:inline-block}.vi-hotkeys-label{color:#bbb;font-size:12px}.vi-interval-icons-row{flex-direction:row;justify-content:center;align-items:center;gap:12px;width:100%;padding-left:108px;display:flex}
/*# sourceMappingURL=5567c11eae6517e8.css.map*/