:root,:host{--app-gutter-2: .125rem;--app-gutter-4: .25rem;--app-gutter-6: .375rem;--app-gutter-8: .5rem;--app-gutter-10: .625rem;--app-gutter-12: .75rem;--app-gutter-14: .875rem;--app-gutter-16: 1rem;--app-gutter-18: 1.125rem;--app-gutter-20: 1.25rem;--app-gutter-22: 1.375rem;--app-gutter-24: 1.5rem;--app-gutter-28: 1.75rem;--app-gutter-32: 2rem;--app-gutter-36: 2.25rem;--app-gutter-40: 2.5rem;--app-gutter-44: 2.75rem;--app-gutter-48: 3rem;--app-gutter-56: 3.5rem;--app-gutter-64: 4rem;--app-gutter-72: 4.5rem;--app-gutter-80: 5rem;--app-gutter-96: 6rem;--app-gutter-112: 7rem;--app-gutter-128: 8rem;--app-gutter-144: 9rem}:root,:host{--app-dyn-2: .125rem;--app-dyn-4: .25rem;--app-dyn-6: .375rem;--app-dyn-8: .5rem;--app-dyn-10: .625rem;--app-dyn-12: .75rem;--app-dyn-14: .875rem;--app-dyn-16: 1rem;--app-dyn-18: 1.125rem;--app-dyn-20: 1.25rem;--app-dyn-22: 1.375rem;--app-dyn-24: 1.5rem;--app-dyn-28: 1.75rem;--app-dyn-32: 2rem;--app-dyn-36: 2.25rem;--app-dyn-40: 2.5rem;--app-dyn-44: 2.75rem;--app-dyn-48: 3rem;--app-dyn-56: 3.5rem;--app-dyn-64: 4rem;--app-dyn-72: 4.5rem;--app-dyn-80: 5rem;--app-dyn-96: 6rem;--app-dyn-112: 7rem;--app-dyn-128: 8rem;--app-dyn-144: 9rem}.density-condensed{--app-dyn-2: .0875rem;--app-dyn-4: .175rem;--app-dyn-6: .2625rem;--app-dyn-8: .35rem;--app-dyn-10: .4375rem;--app-dyn-12: .525rem;--app-dyn-14: .6125rem;--app-dyn-16: .7rem;--app-dyn-18: .7875rem;--app-dyn-20: .875rem;--app-dyn-22: .9625rem;--app-dyn-24: 1.05rem;--app-dyn-28: 1.225rem;--app-dyn-32: 1.4rem;--app-dyn-36: 1.575rem;--app-dyn-40: 1.75rem;--app-dyn-44: 1.925rem;--app-dyn-48: 2.1rem;--app-dyn-56: 2.45rem;--app-dyn-64: 2.8rem;--app-dyn-72: 3.15rem;--app-dyn-80: 3.5rem;--app-dyn-96: 4.2rem;--app-dyn-112: 4.9rem;--app-dyn-128: 5.6rem;--app-dyn-144: 6.3rem}.density-regular{--app-dyn-2: .125rem;--app-dyn-4: .25rem;--app-dyn-6: .375rem;--app-dyn-8: .5rem;--app-dyn-10: .625rem;--app-dyn-12: .75rem;--app-dyn-14: .875rem;--app-dyn-16: 1rem;--app-dyn-18: 1.125rem;--app-dyn-20: 1.25rem;--app-dyn-22: 1.375rem;--app-dyn-24: 1.5rem;--app-dyn-28: 1.75rem;--app-dyn-32: 2rem;--app-dyn-36: 2.25rem;--app-dyn-40: 2.5rem;--app-dyn-44: 2.75rem;--app-dyn-48: 3rem;--app-dyn-56: 3.5rem;--app-dyn-64: 4rem;--app-dyn-72: 4.5rem;--app-dyn-80: 5rem;--app-dyn-96: 6rem;--app-dyn-112: 7rem;--app-dyn-128: 8rem;--app-dyn-144: 9rem}.density-spacious{--app-dyn-2: .1875rem;--app-dyn-4: .375rem;--app-dyn-6: .5625rem;--app-dyn-8: .75rem;--app-dyn-10: .9375rem;--app-dyn-12: 1.125rem;--app-dyn-14: 1.3125rem;--app-dyn-16: 1.5rem;--app-dyn-18: 1.6875rem;--app-dyn-20: 1.875rem;--app-dyn-22: 2.0625rem;--app-dyn-24: 2.25rem;--app-dyn-28: 2.625rem;--app-dyn-32: 3rem;--app-dyn-36: 3.375rem;--app-dyn-40: 3.75rem;--app-dyn-44: 4.125rem;--app-dyn-48: 4.5rem;--app-dyn-56: 5.25rem;--app-dyn-64: 6rem;--app-dyn-72: 6.75rem;--app-dyn-80: 7.5rem;--app-dyn-96: 9rem;--app-dyn-112: 10.5rem;--app-dyn-128: 12rem;--app-dyn-144: 13.5rem}:root,:host{--app-layout-160: 10rem;--app-layout-240: 15rem;--app-layout-320: 20rem;--app-layout-400: 25rem;--app-layout-480: 30rem;--app-layout-560: 35rem;--app-layout-600: 37.5rem;--app-layout-640: 40rem;--app-layout-720: 45rem;--app-layout-800: 50rem;--app-layout-960: 60rem;--app-layout-1120: 70rem;--app-layout-1280: 80rem;--app-layout-1440: 90rem;--app-layout-1600: 100rem}:root,:host{--app-font-6: .375rem;--app-font-7: .4375rem;--app-font-8: .5rem;--app-font-9: .5625rem;--app-font-10: .625rem;--app-font-11: .6875rem;--app-font-12: .75rem;--app-font-14: .875rem;--app-font-16: 1rem;--app-font-18: 1.125rem;--app-font-21: 1.3125rem;--app-font-24: 1.5rem;--app-font-30: 1.875rem;--app-font-36: 2.25rem;--app-font-48: 3rem;--app-font-60: 3.75rem;--app-font-72: 4.5rem}:root{--app-border: solid 1px var(--app-color-neutral-300);--app-border-strong: solid 1px var(--app-color-neutral-400);--app-border-variant: solid 1px var(--app-color-neutral-500);--app-border-radius: 6px;--app-color-danger-700: var(--app-color-danger-500);--app-bg-color-page-low: white;--app-bg-color-page-mid: var(--app-color-neutral-50);--app-bg-color-page-high: var(--app-color-neutral-100);--app-weight-300: 300;--app-weight-400: 400;--app-weight-500: 500;--app-weight-600: 600;--app-weight-700: 700;background-color:var(--app-color-neutral-50)}*,*:before,*:after{box-sizing:border-box;-webkit-user-select:none;user-select:none}h1{line-height:var(--app-font-60);font-size:var(--app-font-48);font-weight:400;margin-block-start:var(--app-gutter-28);margin-block-end:var(--app-gutter-28)}h2{line-height:var(--app-font-36);font-size:var(--app-font-30);font-weight:400;margin-block-start:var(--app-gutter-18);margin-block-end:var(--app-gutter-18)}h3{line-height:var(--app-font-24);font-size:var(--app-font-16);font-weight:600;margin-block-start:var(--app-gutter-16);margin-block-end:var(--app-gutter-16)}h4{line-height:var(--app-font-24);font-size:var(--app-font-16);font-weight:500;margin-block-start:var(--app-gutter-12);margin-block-end:var(--app-gutter-12)}p,ol,ul{margin-block-start:var(--app-gutter-16);margin-block-end:var(--app-gutter-16)}blockquote{margin-block-start:var(--app-gutter-16);margin-block-end:var(--app-gutter-16);margin-inline-start:var(--app-gutter-40);margin-inline-end:var(--app-gutter-40)}body{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;min-height:100vh;font-family:Roboto,sans-serif;scrollbar-color:var(--app-color-neutral-300) transparent}body>#root>main{line-height:var(--app-font-20);font-size:var(--app-font-14);font-weight:400;overflow-y:auto;overflow-x:hidden;min-width:var(--app-layout-320)}strong{font-weight:800}b{font-weight:600}a{text-decoration:none;color:inherit}*::-webkit-scrollbar{width:var(--app-gutter-12);height:var(--app-gutter-12)}.spacer{flex:1}@keyframes fadeIn{to{opacity:1}}:root{--app-color-gray-50: hsl(0, 0%, 97.5%);--app-color-gray-100: hsl(240, 4.8%, 95.9%);--app-color-gray-200: hsl(240, 5.9%, 90%);--app-color-gray-300: hsl(240, 4.9%, 83.9%);--app-color-gray-400: hsl(240, 5%, 64.9%);--app-color-gray-500: hsl(240, 3.8%, 46.1%);--app-color-gray-600: hsl(240, 5.2%, 33.9%);--app-color-gray-700: hsl(240, 5.3%, 26.1%);--app-color-gray-800: hsl(240, 3.7%, 15.9%);--app-color-gray-900: hsl(240, 5.9%, 10%);--app-color-gray-950: hsl(240, 7.3%, 8%);--app-color-red-50: hsl(0, 85.7%, 97.3%);--app-color-red-100: hsl(0, 93.3%, 94.1%);--app-color-red-200: hsl(0, 96.3%, 89.4%);--app-color-red-300: hsl(0, 93.5%, 81.8%);--app-color-red-400: hsl(0, 90.6%, 70.8%);--app-color-red-500: hsl(0, 84.2%, 60.2%);--app-color-red-600: hsl(0, 72.2%, 50.6%);--app-color-red-700: hsl(0, 73.7%, 41.8%);--app-color-red-800: hsl(0, 70%, 35.3%);--app-color-red-900: hsl(0, 62.8%, 30.6%);--app-color-red-950: hsl(0, 60%, 19.6%);--app-color-green-50: hsl(138.5, 76.5%, 96.7%);--app-color-green-100: hsl(140.6, 84.2%, 92.5%);--app-color-green-200: hsl(141, 78.9%, 85.1%);--app-color-green-300: hsl(141.7, 76.6%, 73.1%);--app-color-green-400: hsl(141.9, 69.2%, 58%);--app-color-green-500: hsl(142.1, 70.6%, 45.3%);--app-color-green-600: hsl(142.1, 76.2%, 36.3%);--app-color-green-700: hsl(142.4, 71.8%, 29.2%);--app-color-green-800: hsl(142.8, 64.2%, 24.1%);--app-color-green-900: hsl(143.8, 61.2%, 20.2%);--app-color-green-950: hsl(144.3, 60.7%, 12%);--app-color-amber-50: hsl(48, 100%, 96.1%);--app-color-amber-100: hsl(48, 96.5%, 88.8%);--app-color-amber-200: hsl(48, 96.6%, 76.7%);--app-color-amber-300: hsl(45.9, 96.7%, 64.5%);--app-color-amber-400: hsl(43.3, 96.4%, 56.3%);--app-color-amber-500: hsl(37.7, 92.1%, 50.2%);--app-color-amber-600: hsl(32.1, 94.6%, 43.7%);--app-color-amber-700: hsl(26, 90.5%, 37.1%);--app-color-amber-800: hsl(22.7, 82.5%, 31.4%);--app-color-amber-900: hsl(21.7, 77.8%, 26.5%);--app-color-amber-950: hsl(22.9, 74.1%, 16.7%);--app-color-sky-50: hsl(204, 100%, 97.1%);--app-color-sky-100: hsl(204, 93.8%, 93.7%);--app-color-sky-200: hsl(200.6, 94.4%, 86.1%);--app-color-sky-300: hsl(199.4, 95.5%, 73.9%);--app-color-sky-400: hsl(198.4, 93.2%, 59.6%);--app-color-sky-500: hsl(198.6, 88.7%, 48.4%);--app-color-sky-600: hsl(200.4, 98%, 39.4%);--app-color-sky-700: hsl(201.3, 96.3%, 32.2%);--app-color-sky-800: hsl(201, 90%, 27.5%);--app-color-sky-900: hsl(202, 80.3%, 23.9%);--app-color-sky-950: hsl(202.3, 73.8%, 16.5%);--app-color-success-50: var(--app-color-green-50);--app-color-success-100: var(--app-color-green-100);--app-color-success-200: var(--app-color-green-200);--app-color-success-300: var(--app-color-green-300);--app-color-success-400: var(--app-color-green-400);--app-color-success-500: var(--app-color-green-500);--app-color-success-600: var(--app-color-green-600);--app-color-success-700: var(--app-color-green-700);--app-color-success-800: var(--app-color-green-800);--app-color-success-900: var(--app-color-green-900);--app-color-success-950: var(--app-color-green-950);--app-color-warning-50: var(--app-color-amber-50);--app-color-warning-100: var(--app-color-amber-100);--app-color-warning-200: var(--app-color-amber-200);--app-color-warning-300: var(--app-color-amber-300);--app-color-warning-400: var(--app-color-amber-400);--app-color-warning-500: var(--app-color-amber-500);--app-color-warning-600: var(--app-color-amber-600);--app-color-warning-700: var(--app-color-amber-700);--app-color-warning-800: var(--app-color-amber-800);--app-color-warning-900: var(--app-color-amber-900);--app-color-warning-950: var(--app-color-amber-950);--app-color-danger-50: var(--app-color-red-50);--app-color-danger-100: var(--app-color-red-100);--app-color-danger-200: var(--app-color-red-200);--app-color-danger-300: var(--app-color-red-300);--app-color-danger-400: var(--app-color-red-400);--app-color-danger-500: var(--app-color-red-500);--app-color-danger-600: var(--app-color-red-600);--app-color-danger-700: var(--app-color-red-700);--app-color-danger-800: var(--app-color-red-800);--app-color-danger-900: var(--app-color-red-900);--app-color-danger-950: var(--app-color-red-950);--app-color-neutral-50: var(--app-color-gray-50);--app-color-neutral-100: var(--app-color-gray-100);--app-color-neutral-200: var(--app-color-gray-200);--app-color-neutral-300: var(--app-color-gray-300);--app-color-neutral-400: var(--app-color-gray-400);--app-color-neutral-500: var(--app-color-gray-500);--app-color-neutral-600: var(--app-color-gray-600);--app-color-neutral-700: var(--app-color-gray-700);--app-color-neutral-800: var(--app-color-gray-800);--app-color-neutral-900: var(--app-color-gray-900);--app-color-neutral-950: var(--app-color-gray-950);--app-color-neutral-0: hsl(0, 0%, 100%);--app-color-neutral-1000: hsl(0, 0%, 0%);--app-border-radius-small: .1875rem;--app-border-radius-medium: .25rem;--app-border-radius-large: .5rem;--app-border-radius-x-large: 1rem;--app-border-radius-circle: 50%;--app-border-radius-pill: 9999px;--app-shadow-x-small: 0 1px 2px hsla(240, 3.8%, 46.1%, .06);--app-shadow-small: 0 1px 2px hsla(240, 3.8%, 46.1%, .12);--app-shadow-medium: 0 2px 4px hsla(240, 3.8%, 46.1%, .12);--app-shadow-large: 0 2px 8px hsla(240, 3.8%, 46.1%, .12);--app-shadow-x-large: 0 4px 16px hsla(240, 3.8%, 46.1%, .12);--app-spacing-3x-small: var(--app-gutter-2);--app-spacing-2x-small: var(--app-gutter-4);--app-spacing-x-small: var(--app-gutter-8);--app-spacing-small: var(--app-gutter-12);--app-spacing-medium: var(--app-gutter-16);--app-spacing-large: var(--app-gutter-20);--app-spacing-x-large: var(--app-gutter-28);--app-spacing-2x-large: var(--app-gutter-36);--app-spacing-3x-large: var(--app-gutter-48);--app-spacing-4x-large: var(--app-gutter-72);--app-transition-x-slow: 1s;--app-transition-slow: .5s;--app-transition-medium: .25s;--app-transition-fast: .15s;--app-transition-x-fast: 50ms;--app-font-size-2x-small: var(--app-font-10);--app-font-size-x-small: var(--app-font-12);--app-font-size-small: var(--app-font-14);--app-font-size-medium: var(--app-font-16);--app-font-size-large: var(--app-font-18);--app-font-size-x-large: var(--app-font-24);--app-font-size-2x-large: var(--app-font-36);--app-font-size-3x-large: var(--app-font-48);--app-font-size-4x-large: var(--app-font-72);--app-font-weight-light: 300;--app-font-weight-normal: 400;--app-font-weight-semibold: 500;--app-font-weight-bold: 700;--app-letter-spacing-denser: -.03em;--app-letter-spacing-dense: -.015em;--app-letter-spacing-normal: normal;--app-letter-spacing-loose: .075em;--app-letter-spacing-looser: .15em;--app-line-height-denser: 1;--app-line-height-dense: 1.4;--app-line-height-normal: 1.8;--app-line-height-loose: 2.2;--app-line-height-looser: 2.6;--app-focus-ring-color: var(--app-color-primary-600);--app-focus-ring-style: solid;--app-focus-ring-width: 3px;--app-focus-ring: var(--app-focus-ring-style) var(--app-focus-ring-width) var(--app-focus-ring-color);--app-focus-ring-offset: 1px;--app-button-font-size-small: var(--app-font-size-x-small);--app-button-font-size-medium: var(--app-font-size-small);--app-button-font-size-large: var(--app-font-size-medium);--app-input-height-small: 1.875rem;--app-input-height-medium: 2.5rem;--app-input-height-large: 3.125rem;--app-input-background-color: var(--app-color-neutral-0);--app-input-background-color-hover: var(--app-input-background-color);--app-input-background-color-focus: var(--app-input-background-color);--app-input-background-color-disabled: var(--app-color-neutral-100);--app-input-border-color: var(--app-color-neutral-300);--app-input-border-color-hover: var(--app-color-neutral-400);--app-input-border-color-focus: var(--app-color-primary-500);--app-input-border-color-disabled: var(--app-color-neutral-300);--app-input-border-width: 1px;--app-input-required-content: *;--app-input-required-content-offset: -2px;--app-input-required-content-color: var(--app-input-label-color);--app-input-border-radius-small: var(--app-border-radius-medium);--app-input-border-radius-medium: var(--app-border-radius-medium);--app-input-border-radius-large: var(--app-border-radius-medium);--app-input-font-family: var(--app-font-sans);--app-input-font-weight: var(--app-font-weight-normal);--app-input-font-size-small: var(--app-font-size-small);--app-input-font-size-medium: var(--app-font-size-medium);--app-input-font-size-large: var(--app-font-size-large);--app-input-letter-spacing: var(--app-letter-spacing-normal);--app-input-color: var(--app-color-neutral-700);--app-input-color-hover: var(--app-color-neutral-700);--app-input-color-focus: var(--app-color-neutral-700);--app-input-color-disabled: var(--app-color-neutral-900);--app-input-icon-color: var(--app-color-neutral-500);--app-input-icon-color-hover: var(--app-color-neutral-600);--app-input-icon-color-focus: var(--app-color-neutral-600);--app-input-placeholder-color: var(--app-color-neutral-500);--app-input-placeholder-color-disabled: var(--app-color-neutral-600);--app-input-spacing-small: var(--app-spacing-small);--app-input-spacing-medium: var(--app-spacing-medium);--app-input-spacing-large: var(--app-spacing-large);--app-input-focus-ring-color: var(--app-color-primary-200);--app-input-focus-ring-offset: 0;--app-input-filled-background-color: var(--app-color-neutral-100);--app-input-filled-background-color-hover: var(--app-color-neutral-100);--app-input-filled-background-color-focus: var(--app-color-neutral-100);--app-input-filled-background-color-disabled: var(--app-color-neutral-100);--app-input-filled-color: var(--app-color-neutral-800);--app-input-filled-color-hover: var(--app-color-neutral-800);--app-input-filled-color-focus: var(--app-color-neutral-700);--app-input-filled-color-disabled: var(--app-color-neutral-800);--app-input-label-font-size-small: var(--app-font-size-small);--app-input-label-font-size-medium: var(--app-font-size-medium);--app-input-label-font-size-large: var(--app-font-size-large);--app-input-label-color: inherit;--app-input-help-text-font-size-small: var(--app-font-size-x-small);--app-input-help-text-font-size-medium: var(--app-font-size-small);--app-input-help-text-font-size-large: var(--app-font-size-medium);--app-input-help-text-color: var(--app-color-neutral-500);--app-toggle-size-small: var(--app-gutter-14);--app-toggle-size-medium: var(--app-gutter-18);--app-toggle-size-large: var(--app-gutter-22);--app-overlay-background-color: hsla(240, 3.8%, 46.1%, .33);--app-panel-background-color: var(--app-color-neutral-0);--app-panel-border-color: var(--app-color-neutral-200);--app-panel-border-width: 1px;--app-tooltip-border-radius: var(--app-border-radius-medium);--app-tooltip-background-color: var(--app-color-neutral-800);--app-tooltip-color: var(--app-color-neutral-0);--app-tooltip-font-family: var(--app-font-sans);--app-tooltip-font-weight: var(--app-font-weight-normal);--app-tooltip-font-size: var(--app-font-size-small);--app-tooltip-line-height: var(--app-line-height-dense);--app-tooltip-padding: var(--app-spacing-2x-small) var(--app-spacing-x-small);--app-tooltip-arrow-size: 6px;--app-color-primary-50: rgb(229.5, 251.6, 255);--app-color-primary-100: rgb(206.55, 235.977, 240.72);--app-color-primary-200: rgb(183.6, 220.354, 226.44);--app-color-primary-300: rgb(160.65, 204.731, 212.16);--app-color-primary-400: rgb(137.7, 189.108, 197.88);--app-color-primary-500: rgb(114.75, 173.485, 183.6);--app-color-primary-600: rgb(91.8, 157.862, 169.32);--app-color-primary-700: rgb(68.85, 142.239, 155.04);--app-color-primary-800: rgb(45.9, 126.616, 140.76);--app-color-primary-900: rgb(22.95, 110.993, 126.48);--app-color-primary-950: rgb(0, 95.37, 112.2)}:root{--app-font-monospace: "Noto Sans Mono", monospace;--app-color-score-on-line: var(--app-color-neutral-500);--app-color-score-part: var(--app-color-neutral-100);--app-color-score-on-part: var(--app-color-neutral-400);--app-color-score-chord: var(--app-color-primary-900);--app-color-score-on-chord: var(--app-color-neutral-0);--app-color-score-on-lyric: var(--app-color-neutral-900);--app-color-score-on-alt: var(--app-color-primary-900)}