.active-note{background-color:#bbf6cf!important}p.gridBlock,p.measureActionsBlock{margin-block-start:0;margin-block-end:0;height:100%;margin:0;box-sizing:border-box}p.gridBlock{padding:0;display:flex;align-items:center;justify-content:center;line-height:1.15;min-height:0;overflow:hidden}.item p.gridBlock{padding:0;line-height:1.15}p.gridBlock.accent-note,span.accent-note{-webkit-text-stroke:1px red;font-weight:900!important;font-size:1.2em!important;text-shadow:.3px 0px 0px currentColor,-.3px 0px 0px currentColor,0px .3px 0px currentColor,0px -.3px 0px currentColor}.circled-letter{display:inline-flex;align-items:center;justify-content:center;width:1.4em;height:1.4em;border:2px solid currentColor;border-radius:50%;padding:.3em;line-height:1;vertical-align:middle;margin:0 2px}p.measureActionBlock{padding:2px 20px;margin:0;outline:1px solid #999999}.beatToolbarHeader p.gridBlock{padding:0;width:100%;height:100%;line-height:1}.beatToolbarHeader p.gridBlock.beat-toolbar-subdivision-label{font-size:calc(12px * var(--lab-ui-scale, 1) * var(--lab-fit-text-scale, 1));line-height:1.15;padding:0}.beatToolbarHeader .header-item{background-color:var(--beat-toolbar-bg, #d0d0d0)!important;display:flex;align-items:center;justify-content:center;overflow:visible}.beatToolbarHeader .header-item>.MuiButton-root{height:100%;min-height:0;padding:0;line-height:1}.item{background-color:#fff;text-align:center;vertical-align:top;box-shadow:none;width:100%;height:calc(30px * var(--lab-ui-scale, 1) * var(--lab-row-scale, 1));border:1px solid #b2beb5;cursor:pointer;-webkit-user-select:none;user-select:none;display:inline-block;font-size:calc(16px * var(--lab-ui-scale, 1) * var(--lab-row-scale, 1) * var(--lab-fit-text-scale, 1));align-items:center;overflow:hidden}.note-item{white-space:nowrap;text-wrap:nowrap;color:#fff!important;border:0;min-width:calc(60px * var(--lab-ui-scale, 1));cursor:default}.header-item{background-color:#d0d0d0!important;text-align:center;vertical-align:top;box-shadow:none;width:100%;height:calc(25px * var(--lab-ui-scale, 1));cursor:pointer;-webkit-user-select:none;user-select:none;display:inline-block;border:1px solid #999999;padding:0;font-size:calc(16px * var(--lab-ui-scale, 1) * var(--lab-fit-text-scale, 1));overflow:hidden}.header-item-timing{background-color:#2e5090!important;border-color:#2e5090!important}.countToolbarHeader .header-item-count{background-color:var(--count-toolbar-bg, #5072a7)!important}.header-item-count{background-color:#5072a7!important;cursor:auto}.measureToolbarContainer .MuiPaper-root{background-color:var(--beat-toolbar-bg, #d0d0d0)!important}.measureRepeatContainer .header-item{background-color:var(--beat-toolbar-bg, #d0d0d0)!important;display:flex;align-items:center;justify-content:center;overflow:visible}.measureRepeatContainer .header-item>.MuiButton-root{height:100%;min-height:0;padding:0;line-height:1}.measureRepeatContainer p.gridBlock{height:100%;line-height:1}body{padding:0;margin:0;place-items:start!important;display:block;background-color:#313f57}#root{margin:0 auto;text-align:center;width:100%}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;place-items:center;min-width:320px;min-height:100vh}main{padding-top:20px;padding-left:0;padding-right:0}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@media (max-width: 768px){#termly-code-snippet-support .t-consentPrompt,#termly-code-snippet-support [class*=termly-styles-termly-banner]{padding:10px 12px 12px!important;box-sizing:border-box!important}#termly-code-snippet-support .t-consentPrompt [class*=termly-styles-main],#termly-code-snippet-support .t-consentPrompt [class*=termly-styles-content]{display:flex!important;flex-direction:column!important;gap:8px!important;height:auto!important;max-height:none!important}#termly-code-snippet-support .t-consentPrompt [class*=termly-styles-message]{font-size:11px!important;line-height:1.25!important;margin:0!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;overflow:hidden!important;max-height:2.7em!important}#termly-code-snippet-support .t-consentPrompt [class*=termly-styles-buttons]{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:stretch!important;gap:6px!important;padding:0!important;margin:0!important;height:auto!important}#termly-code-snippet-support .t-consentPrompt [class*=termly-styles-buttons] button{flex:1 1 0!important;width:auto!important;max-width:none!important;min-width:0!important;margin:0!important;padding:8px 4px!important;font-size:12px!important;line-height:1.2!important;white-space:nowrap!important}}