@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../../../fonts/jetbrains-mono-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../../../fonts/jetbrains-mono-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg: #FAFAFA;--bg-alt: #F0F0F0;--bg-card: #FFFFFF;--bg-hover: rgba(0, 0, 0, .03);--bg-active: rgba(0, 0, 0, .06);--fg: #111111;--fg-2: #555555;--fg-3: #595959;--fg-4: #6B6B6B;--border: #E5E5E5;--border-2: #CCCCCC;--border-focus: #111111;--r-sm: 4px;--r: 6px;--r-lg: 10px;--shadow-xs: 0 1px 2px rgba(0,0,0,.04);--shadow-sm: 0 1px 3px rgba(0,0,0,.06);--shadow-md: 0 4px 12px rgba(0,0,0,.06);--shadow-lg: 0 8px 24px rgba(0,0,0,.08);--font: "JetBrains Mono", "SF Mono", "Fira Code", ui-monospace, monospace;--c-drums: #E91E63;--c-bass: #2196F3;--c-other: #4CAF50;--c-vocals: #FFB300;--transition-fast: 80ms ease;--transition-normal: .15s ease}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{font-family:var(--font);background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%;overflow-x:hidden;font-size:13px;line-height:1.5}::selection{background:var(--fg);color:var(--bg)}:focus-visible{outline:2px solid var(--fg);outline-offset:2px}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--fg);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition-duration:.01ms!important}}