: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;--app-gutter-160: 10rem;--app-gutter-240: 15rem;--app-gutter-320: 20rem;--app-gutter-400: 25rem;--app-gutter-480: 30rem;--app-gutter-560: 35rem;--app-gutter-640: 40rem;--app-gutter-720: 45rem;--app-gutter-800: 50rem;--app-gutter-960: 60rem;--app-gutter-1120: 70rem;--app-gutter-1280: 80rem;--app-gutter-1600: 100rem}.compact{--app-gutter-2: .0875rem;--app-gutter-4: .175rem;--app-gutter-6: .2625rem;--app-gutter-8: .35rem;--app-gutter-10: .4375rem;--app-gutter-12: .525rem;--app-gutter-14: .6125rem;--app-gutter-16: .7rem;--app-gutter-18: .7875rem;--app-gutter-20: .875rem;--app-gutter-22: .9625rem;--app-gutter-24: 1.05rem;--app-gutter-28: 1.225rem;--app-gutter-32: 1.4rem;--app-gutter-36: 1.575rem;--app-gutter-40: 1.75rem;--app-gutter-44: 1.925rem;--app-gutter-48: 2.1rem;--app-gutter-56: 2.45rem;--app-gutter-64: 2.8rem;--app-gutter-72: 3.15rem;--app-gutter-80: 3.5rem;--app-gutter-96: 4.2rem;--app-gutter-112: 4.9rem;--app-gutter-128: 5.6rem;--app-gutter-144: 6.3rem;--app-gutter-160: 7rem;--app-gutter-240: 10.5rem;--app-gutter-320: 14rem;--app-gutter-400: 17.5rem;--app-gutter-480: 21rem;--app-gutter-560: 24.5rem;--app-gutter-640: 28rem;--app-gutter-720: 31.5rem;--app-gutter-800: 35rem;--app-gutter-960: 42rem;--app-gutter-1120: 49rem;--app-gutter-1280: 56rem;--app-gutter-1600: 70rem}.spacious{--app-gutter-2: .1625rem;--app-gutter-4: .325rem;--app-gutter-6: .4875rem;--app-gutter-8: .65rem;--app-gutter-10: .8125rem;--app-gutter-12: .975rem;--app-gutter-14: 1.1375rem;--app-gutter-16: 1.3rem;--app-gutter-18: 1.4625rem;--app-gutter-20: 1.625rem;--app-gutter-22: 1.7875rem;--app-gutter-24: 1.95rem;--app-gutter-28: 2.275rem;--app-gutter-32: 2.6rem;--app-gutter-36: 2.925rem;--app-gutter-40: 3.25rem;--app-gutter-44: 3.575rem;--app-gutter-48: 3.9rem;--app-gutter-56: 4.55rem;--app-gutter-64: 5.2rem;--app-gutter-72: 5.85rem;--app-gutter-80: 6.5rem;--app-gutter-96: 7.8rem;--app-gutter-112: 9.1rem;--app-gutter-128: 10.4rem;--app-gutter-144: 11.7rem;--app-gutter-160: 13rem;--app-gutter-240: 19.5rem;--app-gutter-320: 26rem;--app-gutter-400: 32.5rem;--app-gutter-480: 39rem;--app-gutter-560: 45.5rem;--app-gutter-640: 52rem;--app-gutter-720: 58.5rem;--app-gutter-800: 65rem;--app-gutter-960: 78rem;--app-gutter-1120: 91rem;--app-gutter-1280: 104rem;--app-gutter-1600: 130rem}:root,:host{--app-layout-2: .125rem;--app-layout-4: .25rem;--app-layout-6: .375rem;--app-layout-8: .5rem;--app-layout-10: .625rem;--app-layout-12: .75rem;--app-layout-14: .875rem;--app-layout-16: 1rem;--app-layout-18: 1.125rem;--app-layout-20: 1.25rem;--app-layout-22: 1.375rem;--app-layout-24: 1.5rem;--app-layout-28: 1.75rem;--app-layout-32: 2rem;--app-layout-36: 2.25rem;--app-layout-40: 2.5rem;--app-layout-44: 2.75rem;--app-layout-48: 3rem;--app-layout-56: 3.5rem;--app-layout-64: 4rem;--app-layout-72: 4.5rem;--app-layout-80: 5rem;--app-layout-96: 6rem;--app-layout-112: 7rem;--app-layout-128: 8rem;--app-layout-144: 9rem;--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-640: 40rem;--app-layout-720: 45rem;--app-layout-800: 50rem;--app-layout-960: 60rem;--app-layout-1120: 70rem;--app-layout-1280: 80rem;--app-layout-1600: 100rem}.compact{--app-layout-2: .1rem;--app-layout-4: .2rem;--app-layout-6: .3rem;--app-layout-8: .4rem;--app-layout-10: .5rem;--app-layout-12: .6rem;--app-layout-14: .7rem;--app-layout-16: .8rem;--app-layout-18: .9rem;--app-layout-20: 1rem;--app-layout-22: 1.1rem;--app-layout-24: 1.2rem;--app-layout-28: 1.4rem;--app-layout-32: 1.6rem;--app-layout-36: 1.8rem;--app-layout-40: 2rem;--app-layout-44: 2.2rem;--app-layout-48: 2.4rem;--app-layout-56: 2.8rem;--app-layout-64: 3.2rem;--app-layout-72: 3.6rem;--app-layout-80: 4rem;--app-layout-96: 4.8rem;--app-layout-112: 5.6rem;--app-layout-128: 6.4rem;--app-layout-144: 7.2rem;--app-layout-160: 8rem;--app-layout-240: 12rem;--app-layout-320: 16rem;--app-layout-400: 20rem;--app-layout-480: 24rem;--app-layout-560: 28rem;--app-layout-640: 32rem;--app-layout-720: 36rem;--app-layout-800: 40rem;--app-layout-960: 48rem;--app-layout-1120: 56rem;--app-layout-1280: 64rem;--app-layout-1600: 80rem}.spacious{--app-layout-2: .15rem;--app-layout-4: .3rem;--app-layout-6: .45rem;--app-layout-8: .6rem;--app-layout-10: .75rem;--app-layout-12: .9rem;--app-layout-14: 1.05rem;--app-layout-16: 1.2rem;--app-layout-18: 1.35rem;--app-layout-20: 1.5rem;--app-layout-22: 1.65rem;--app-layout-24: 1.8rem;--app-layout-28: 2.1rem;--app-layout-32: 2.4rem;--app-layout-36: 2.7rem;--app-layout-40: 3rem;--app-layout-44: 3.3rem;--app-layout-48: 3.6rem;--app-layout-56: 4.2rem;--app-layout-64: 4.8rem;--app-layout-72: 5.4rem;--app-layout-80: 6rem;--app-layout-96: 7.2rem;--app-layout-112: 8.4rem;--app-layout-128: 9.6rem;--app-layout-144: 10.8rem;--app-layout-160: 12rem;--app-layout-240: 18rem;--app-layout-320: 24rem;--app-layout-400: 30rem;--app-layout-480: 36rem;--app-layout-560: 42rem;--app-layout-640: 48rem;--app-layout-720: 54rem;--app-layout-800: 60rem;--app-layout-960: 72rem;--app-layout-1120: 84rem;--app-layout-1280: 96rem;--app-layout-1600: 120rem}:root,:host{--app-font-2: .125rem;--app-font-4: .25rem;--app-font-6: .375rem;--app-font-8: .5rem;--app-font-10: .625rem;--app-font-12: .75rem;--app-font-14: .875rem;--app-font-16: 1rem;--app-font-18: 1.125rem;--app-font-20: 1.25rem;--app-font-22: 1.375rem;--app-font-24: 1.5rem;--app-font-28: 1.75rem;--app-font-32: 2rem;--app-font-36: 2.25rem;--app-font-40: 2.5rem;--app-font-44: 2.75rem;--app-font-48: 3rem;--app-font-56: 3.5rem;--app-font-64: 4rem;--app-font-72: 4.5rem;--app-font-80: 5rem;--app-font-96: 6rem;--app-font-112: 7rem;--app-font-128: 8rem;--app-font-144: 9rem;--app-font-160: 10rem;--app-font-240: 15rem;--app-font-320: 20rem;--app-font-400: 25rem;--app-font-480: 30rem;--app-font-560: 35rem;--app-font-640: 40rem;--app-font-720: 45rem;--app-font-800: 50rem;--app-font-960: 60rem;--app-font-1120: 70rem;--app-font-1280: 80rem;--app-font-1600: 100rem}.compact{--app-font-2: .1125rem;--app-font-4: .225rem;--app-font-6: .3375rem;--app-font-8: .45rem;--app-font-10: .5625rem;--app-font-12: .675rem;--app-font-14: .7875rem;--app-font-16: .9rem;--app-font-18: 1.0125rem;--app-font-20: 1.125rem;--app-font-22: 1.2375rem;--app-font-24: 1.35rem;--app-font-28: 1.575rem;--app-font-32: 1.8rem;--app-font-36: 2.025rem;--app-font-40: 2.25rem;--app-font-44: 2.475rem;--app-font-48: 2.7rem;--app-font-56: 3.15rem;--app-font-64: 3.6rem;--app-font-72: 4.05rem;--app-font-80: 4.5rem;--app-font-96: 5.4rem;--app-font-112: 6.3rem;--app-font-128: 7.2rem;--app-font-144: 8.1rem;--app-font-160: 9rem;--app-font-240: 13.5rem;--app-font-320: 18rem;--app-font-400: 22.5rem;--app-font-480: 27rem;--app-font-560: 31.5rem;--app-font-640: 36rem;--app-font-720: 40.5rem;--app-font-800: 45rem;--app-font-960: 54rem;--app-font-1120: 63rem;--app-font-1280: 72rem;--app-font-1600: 90rem}.spacious{--app-font-2: .1375rem;--app-font-4: .275rem;--app-font-6: .4125rem;--app-font-8: .55rem;--app-font-10: .6875rem;--app-font-12: .825rem;--app-font-14: .9625rem;--app-font-16: 1.1rem;--app-font-18: 1.2375rem;--app-font-20: 1.375rem;--app-font-22: 1.5125rem;--app-font-24: 1.65rem;--app-font-28: 1.925rem;--app-font-32: 2.2rem;--app-font-36: 2.475rem;--app-font-40: 2.75rem;--app-font-44: 3.025rem;--app-font-48: 3.3rem;--app-font-56: 3.85rem;--app-font-64: 4.4rem;--app-font-72: 4.95rem;--app-font-80: 5.5rem;--app-font-96: 6.6rem;--app-font-112: 7.7rem;--app-font-128: 8.8rem;--app-font-144: 9.9rem;--app-font-160: 11rem;--app-font-240: 16.5rem;--app-font-320: 22rem;--app-font-400: 27.5rem;--app-font-480: 33rem;--app-font-560: 38.5rem;--app-font-640: 44rem;--app-font-720: 49.5rem;--app-font-800: 55rem;--app-font-960: 66rem;--app-font-1120: 77rem;--app-font-1280: 88rem;--app-font-1600: 110rem}:root{--app-border: solid 1px var(--app-color-neutral-300);--app-border-variant: solid 1px var(--sl-color-neutral-500);--app-border-radius: 6px;--app-color-error: var(--sl-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-400)}*,*:before,*:after{box-sizing:border-box;-webkit-user-select:none;user-select:none}h1{line-height:var(--app-font-48);font-size:var(--app-font-40);font-weight:400;margin-block-start:var(--app-gutter-28);margin-block-end:var(--app-gutter-28)}h2{line-height:var(--app-gutter-36);font-size:var(--app-font-28);font-weight:400;margin-block-start:var(--app-gutter-18);margin-block-end:var(--app-gutter-18)}h3{line-height:var(--app-gutter-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-gutter-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-font-16);margin-block-end:var(--app-font-16)}blockquote{margin-block-start:var(--app-font-16);margin-block-end:var(--app-font-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}body>#root>main{line-height:var(--app-font-28);font-size:var(--app-font-16);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:12px;height:12px}*::-webkit-scrollbar-thumb{background-color:var(--sl-color-neutral-100);border-radius:100px;margin:1px;border:1px solid var(--sl-color-neutral-400)}.spacer{flex:1}@keyframes fadeIn{to{opacity:1}}:root{--app-color-gray-50: hsl(0, 0%, 97.5%);--sl-color-gray-50: hsl(0, 0%, 97.5%);--app-color-gray-100: hsl(240, 4.8%, 95.9%);--sl-color-gray-100: hsl(240, 4.8%, 95.9%);--app-color-gray-200: hsl(240, 5.9%, 90%);--sl-color-gray-200: hsl(240, 5.9%, 90%);--app-color-gray-300: hsl(240, 4.9%, 83.9%);--sl-color-gray-300: hsl(240, 4.9%, 83.9%);--app-color-gray-400: hsl(240, 5%, 64.9%);--sl-color-gray-400: hsl(240, 5%, 64.9%);--app-color-gray-500: hsl(240, 3.8%, 46.1%);--sl-color-gray-500: hsl(240, 3.8%, 46.1%);--app-color-gray-600: hsl(240, 5.2%, 33.9%);--sl-color-gray-600: hsl(240, 5.2%, 33.9%);--app-color-gray-700: hsl(240, 5.3%, 26.1%);--sl-color-gray-700: hsl(240, 5.3%, 26.1%);--app-color-gray-800: hsl(240, 3.7%, 15.9%);--sl-color-gray-800: hsl(240, 3.7%, 15.9%);--app-color-gray-900: hsl(240, 5.9%, 10%);--sl-color-gray-900: hsl(240, 5.9%, 10%);--app-color-gray-950: hsl(240, 7.3%, 8%);--sl-color-gray-950: hsl(240, 7.3%, 8%);--app-color-success-50: var(--sl-color-green-50);--sl-color-success-50: var(--sl-color-green-50);--app-color-success-100: var(--sl-color-green-100);--sl-color-success-100: var(--sl-color-green-100);--app-color-success-200: var(--sl-color-green-200);--sl-color-success-200: var(--sl-color-green-200);--app-color-success-300: var(--sl-color-green-300);--sl-color-success-300: var(--sl-color-green-300);--app-color-success-400: var(--sl-color-green-400);--sl-color-success-400: var(--sl-color-green-400);--app-color-success-500: var(--sl-color-green-500);--sl-color-success-500: var(--sl-color-green-500);--app-color-success-600: var(--sl-color-green-600);--sl-color-success-600: var(--sl-color-green-600);--app-color-success-700: var(--sl-color-green-700);--sl-color-success-700: var(--sl-color-green-700);--app-color-success-800: var(--sl-color-green-800);--sl-color-success-800: var(--sl-color-green-800);--app-color-success-900: var(--sl-color-green-900);--sl-color-success-900: var(--sl-color-green-900);--app-color-success-950: var(--sl-color-green-950);--sl-color-success-950: var(--sl-color-green-950);--app-color-warning-50: var(--sl-color-amber-50);--sl-color-warning-50: var(--sl-color-amber-50);--app-color-warning-100: var(--sl-color-amber-100);--sl-color-warning-100: var(--sl-color-amber-100);--app-color-warning-200: var(--sl-color-amber-200);--sl-color-warning-200: var(--sl-color-amber-200);--app-color-warning-300: var(--sl-color-amber-300);--sl-color-warning-300: var(--sl-color-amber-300);--app-color-warning-400: var(--sl-color-amber-400);--sl-color-warning-400: var(--sl-color-amber-400);--app-color-warning-500: var(--sl-color-amber-500);--sl-color-warning-500: var(--sl-color-amber-500);--app-color-warning-600: var(--sl-color-amber-600);--sl-color-warning-600: var(--sl-color-amber-600);--app-color-warning-700: var(--sl-color-amber-700);--sl-color-warning-700: var(--sl-color-amber-700);--app-color-warning-800: var(--sl-color-amber-800);--sl-color-warning-800: var(--sl-color-amber-800);--app-color-warning-900: var(--sl-color-amber-900);--sl-color-warning-900: var(--sl-color-amber-900);--app-color-warning-950: var(--sl-color-amber-950);--sl-color-warning-950: var(--sl-color-amber-950);--app-color-danger-50: var(--sl-color-red-50);--sl-color-danger-50: var(--sl-color-red-50);--app-color-danger-100: var(--sl-color-red-100);--sl-color-danger-100: var(--sl-color-red-100);--app-color-danger-200: var(--sl-color-red-200);--sl-color-danger-200: var(--sl-color-red-200);--app-color-danger-300: var(--sl-color-red-300);--sl-color-danger-300: var(--sl-color-red-300);--app-color-danger-400: var(--sl-color-red-400);--sl-color-danger-400: var(--sl-color-red-400);--app-color-danger-500: var(--sl-color-red-500);--sl-color-danger-500: var(--sl-color-red-500);--app-color-danger-600: var(--sl-color-red-600);--sl-color-danger-600: var(--sl-color-red-600);--app-color-danger-700: var(--sl-color-red-700);--sl-color-danger-700: var(--sl-color-red-700);--app-color-danger-800: var(--sl-color-red-800);--sl-color-danger-800: var(--sl-color-red-800);--app-color-danger-900: var(--sl-color-red-900);--sl-color-danger-900: var(--sl-color-red-900);--app-color-danger-950: var(--sl-color-red-950);--sl-color-danger-950: var(--sl-color-red-950);--app-color-neutral-50: var(--sl-color-gray-50);--sl-color-neutral-50: var(--sl-color-gray-50);--app-color-neutral-100: var(--sl-color-gray-100);--sl-color-neutral-100: var(--sl-color-gray-100);--app-color-neutral-200: var(--sl-color-gray-200);--sl-color-neutral-200: var(--sl-color-gray-200);--app-color-neutral-300: var(--sl-color-gray-300);--sl-color-neutral-300: var(--sl-color-gray-300);--app-color-neutral-400: var(--sl-color-gray-400);--sl-color-neutral-400: var(--sl-color-gray-400);--app-color-neutral-500: var(--sl-color-gray-500);--sl-color-neutral-500: var(--sl-color-gray-500);--app-color-neutral-600: var(--sl-color-gray-600);--sl-color-neutral-600: var(--sl-color-gray-600);--app-color-neutral-700: var(--sl-color-gray-700);--sl-color-neutral-700: var(--sl-color-gray-700);--app-color-neutral-800: var(--sl-color-gray-800);--sl-color-neutral-800: var(--sl-color-gray-800);--app-color-neutral-900: var(--sl-color-gray-900);--sl-color-neutral-900: var(--sl-color-gray-900);--app-color-neutral-950: var(--sl-color-gray-950);--sl-color-neutral-950: var(--sl-color-gray-950);--app-color-neutral-0: hsl(0, 0%, 100%);--sl-color-neutral-0: hsl(0, 0%, 100%);--app-color-neutral-1000: hsl(0, 0%, 0%);--sl-color-neutral-1000: hsl(0, 0%, 0%);--app-border-radius-small: .1875rem;--sl-border-radius-small: .1875rem;--app-border-radius-medium: .25rem;--sl-border-radius-medium: .25rem;--app-border-radius-large: .5rem;--sl-border-radius-large: .5rem;--app-border-radius-x-large: 1rem;--sl-border-radius-x-large: 1rem;--app-border-radius-circle: 50%;--sl-border-radius-circle: 50%;--app-border-radius-pill: 9999px;--sl-border-radius-pill: 9999px;--app-shadow-x-small: 0 1px 2px hsla(240, 3.8%, 46.1%, .06);--sl-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);--sl-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);--sl-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);--sl-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);--sl-shadow-x-large: 0 4px 16px hsla(240, 3.8%, 46.1%, .12);--app-spacing-3x-small: var(--app-gutter-2);--sl-spacing-3x-small: var(--app-gutter-2);--app-spacing-2x-small: var(--app-gutter-4);--sl-spacing-2x-small: var(--app-gutter-4);--app-spacing-x-small: var(--app-gutter-8);--sl-spacing-x-small: var(--app-gutter-8);--app-spacing-small: var(--app-gutter-12);--sl-spacing-small: var(--app-gutter-12);--app-spacing-medium: var(--app-gutter-16);--sl-spacing-medium: var(--app-gutter-16);--app-spacing-large: var(--app-gutter-20);--sl-spacing-large: var(--app-gutter-20);--app-spacing-x-large: var(--app-gutter-28);--sl-spacing-x-large: var(--app-gutter-28);--app-spacing-2x-large: var(--app-gutter-36);--sl-spacing-2x-large: var(--app-gutter-36);--app-spacing-3x-large: var(--app-gutter-48);--sl-spacing-3x-large: var(--app-gutter-48);--app-spacing-4x-large: var(--app-gutter-72);--sl-spacing-4x-large: var(--app-gutter-72);--app-transition-x-slow: 1s;--sl-transition-x-slow: 1s;--app-transition-slow: .5s;--sl-transition-slow: .5s;--app-transition-medium: .25s;--sl-transition-medium: .25s;--app-transition-fast: .15s;--sl-transition-fast: .15s;--app-transition-x-fast: 50ms;--sl-transition-x-fast: 50ms;--app-font-size-2x-small: var(--app-font-10);--sl-font-size-2x-small: var(--app-font-10);--app-font-size-x-small: var(--app-font-12);--sl-font-size-x-small: var(--app-font-12);--app-font-size-small: var(--app-font-14);--sl-font-size-small: var(--app-font-14);--app-font-size-medium: var(--app-font-16);--sl-font-size-medium: var(--app-font-16);--app-font-size-large: var(--app-font-20);--sl-font-size-large: var(--app-font-20);--app-font-size-x-large: var(--app-font-24);--sl-font-size-x-large: var(--app-font-24);--app-font-size-2x-large: var(--app-font-36);--sl-font-size-2x-large: var(--app-font-36);--app-font-size-3x-large: var(--app-font-48);--sl-font-size-3x-large: var(--app-font-48);--app-font-size-4x-large: var(--app-font-72);--sl-font-size-4x-large: var(--app-font-72);--app-font-weight-light: 300;--sl-font-weight-light: 300;--app-font-weight-normal: 400;--sl-font-weight-normal: 400;--app-font-weight-semibold: 500;--sl-font-weight-semibold: 500;--app-font-weight-bold: 700;--sl-font-weight-bold: 700;--app-letter-spacing-denser: -.03em;--sl-letter-spacing-denser: -.03em;--app-letter-spacing-dense: -.015em;--sl-letter-spacing-dense: -.015em;--app-letter-spacing-normal: normal;--sl-letter-spacing-normal: normal;--app-letter-spacing-loose: .075em;--sl-letter-spacing-loose: .075em;--app-letter-spacing-looser: .15em;--sl-letter-spacing-looser: .15em;--app-line-height-denser: 1;--sl-line-height-denser: 1;--app-line-height-dense: 1.4;--sl-line-height-dense: 1.4;--app-line-height-normal: 1.8;--sl-line-height-normal: 1.8;--app-line-height-loose: 2.2;--sl-line-height-loose: 2.2;--app-line-height-looser: 2.6;--sl-line-height-looser: 2.6;--app-focus-ring-color: var(--sl-color-primary-600);--sl-focus-ring-color: var(--sl-color-primary-600);--app-focus-ring-style: solid;--sl-focus-ring-style: solid;--app-focus-ring-width: 3px;--sl-focus-ring-width: 3px;--app-focus-ring: var(--sl-focus-ring-style) var(--sl-focus-ring-width) var(--sl-focus-ring-color);--sl-focus-ring: var(--sl-focus-ring-style) var(--sl-focus-ring-width) var(--sl-focus-ring-color);--app-focus-ring-offset: 1px;--sl-focus-ring-offset: 1px;--app-button-font-size-small: var(--sl-font-size-x-small);--sl-button-font-size-small: var(--sl-font-size-x-small);--app-button-font-size-medium: var(--sl-font-size-small);--sl-button-font-size-medium: var(--sl-font-size-small);--app-button-font-size-large: var(--sl-font-size-medium);--sl-button-font-size-large: var(--sl-font-size-medium);--app-input-height-small: 1.875rem;--sl-input-height-small: 1.875rem;--app-input-height-medium: 2.5rem;--sl-input-height-medium: 2.5rem;--app-input-height-large: 3.125rem;--sl-input-height-large: 3.125rem;--app-input-background-color: var(--sl-color-neutral-0);--sl-input-background-color: var(--sl-color-neutral-0);--app-input-background-color-hover: var(--sl-input-background-color);--sl-input-background-color-hover: var(--sl-input-background-color);--app-input-background-color-focus: var(--sl-input-background-color);--sl-input-background-color-focus: var(--sl-input-background-color);--app-input-background-color-disabled: var(--sl-color-neutral-100);--sl-input-background-color-disabled: var(--sl-color-neutral-100);--app-input-border-color: var(--sl-color-neutral-300);--sl-input-border-color: var(--sl-color-neutral-300);--app-input-border-color-hover: var(--sl-color-neutral-400);--sl-input-border-color-hover: var(--sl-color-neutral-400);--app-input-border-color-focus: var(--sl-color-primary-500);--sl-input-border-color-focus: var(--sl-color-primary-500);--app-input-border-color-disabled: var(--sl-color-neutral-300);--sl-input-border-color-disabled: var(--sl-color-neutral-300);--app-input-border-width: 1px;--sl-input-border-width: 1px;--app-input-required-content: *;--sl-input-required-content: *;--app-input-required-content-offset: -2px;--sl-input-required-content-offset: -2px;--app-input-required-content-color: var(--sl-input-label-color);--sl-input-required-content-color: var(--sl-input-label-color);--app-input-border-radius-small: var(--sl-border-radius-medium);--sl-input-border-radius-small: var(--sl-border-radius-medium);--app-input-border-radius-medium: var(--sl-border-radius-medium);--sl-input-border-radius-medium: var(--sl-border-radius-medium);--app-input-border-radius-large: var(--sl-border-radius-medium);--sl-input-border-radius-large: var(--sl-border-radius-medium);--app-input-font-family: var(--sl-font-sans);--sl-input-font-family: var(--sl-font-sans);--app-input-font-weight: var(--sl-font-weight-normal);--sl-input-font-weight: var(--sl-font-weight-normal);--app-input-font-size-small: var(--sl-font-size-small);--sl-input-font-size-small: var(--sl-font-size-small);--app-input-font-size-medium: var(--sl-font-size-medium);--sl-input-font-size-medium: var(--sl-font-size-medium);--app-input-font-size-large: var(--sl-font-size-large);--sl-input-font-size-large: var(--sl-font-size-large);--app-input-letter-spacing: var(--sl-letter-spacing-normal);--sl-input-letter-spacing: var(--sl-letter-spacing-normal);--app-input-color: var(--sl-color-neutral-700);--sl-input-color: var(--sl-color-neutral-700);--app-input-color-hover: var(--sl-color-neutral-700);--sl-input-color-hover: var(--sl-color-neutral-700);--app-input-color-focus: var(--sl-color-neutral-700);--sl-input-color-focus: var(--sl-color-neutral-700);--app-input-color-disabled: var(--sl-color-neutral-900);--sl-input-color-disabled: var(--sl-color-neutral-900);--app-input-icon-color: var(--sl-color-neutral-500);--sl-input-icon-color: var(--sl-color-neutral-500);--app-input-icon-color-hover: var(--sl-color-neutral-600);--sl-input-icon-color-hover: var(--sl-color-neutral-600);--app-input-icon-color-focus: var(--sl-color-neutral-600);--sl-input-icon-color-focus: var(--sl-color-neutral-600);--app-input-placeholder-color: var(--sl-color-neutral-500);--sl-input-placeholder-color: var(--sl-color-neutral-500);--app-input-placeholder-color-disabled: var(--sl-color-neutral-600);--sl-input-placeholder-color-disabled: var(--sl-color-neutral-600);--app-input-spacing-small: var(--sl-spacing-small);--sl-input-spacing-small: var(--sl-spacing-small);--app-input-spacing-medium: var(--sl-spacing-medium);--sl-input-spacing-medium: var(--sl-spacing-medium);--app-input-spacing-large: var(--sl-spacing-large);--sl-input-spacing-large: var(--sl-spacing-large);--app-input-focus-ring-color: var(--sl-color-primary-200);--sl-input-focus-ring-color: var(--sl-color-primary-200);--app-input-focus-ring-offset: 0;--sl-input-focus-ring-offset: 0;--app-input-filled-background-color: var(--sl-color-neutral-100);--sl-input-filled-background-color: var(--sl-color-neutral-100);--app-input-filled-background-color-hover: var(--sl-color-neutral-100);--sl-input-filled-background-color-hover: var(--sl-color-neutral-100);--app-input-filled-background-color-focus: var(--sl-color-neutral-100);--sl-input-filled-background-color-focus: var(--sl-color-neutral-100);--app-input-filled-background-color-disabled: var(--sl-color-neutral-100);--sl-input-filled-background-color-disabled: var(--sl-color-neutral-100);--app-input-filled-color: var(--sl-color-neutral-800);--sl-input-filled-color: var(--sl-color-neutral-800);--app-input-filled-color-hover: var(--sl-color-neutral-800);--sl-input-filled-color-hover: var(--sl-color-neutral-800);--app-input-filled-color-focus: var(--sl-color-neutral-700);--sl-input-filled-color-focus: var(--sl-color-neutral-700);--app-input-filled-color-disabled: var(--sl-color-neutral-800);--sl-input-filled-color-disabled: var(--sl-color-neutral-800);--app-input-label-font-size-small: var(--sl-font-size-small);--sl-input-label-font-size-small: var(--sl-font-size-small);--app-input-label-font-size-medium: var(--sl-font-size-medium);--sl-input-label-font-size-medium: var(--sl-font-size-medium);--app-input-label-font-size-large: var(--sl-font-size-large);--sl-input-label-font-size-large: var(--sl-font-size-large);--app-input-label-color: inherit;--sl-input-label-color: inherit;--app-input-help-text-font-size-small: var(--sl-font-size-x-small);--sl-input-help-text-font-size-small: var(--sl-font-size-x-small);--app-input-help-text-font-size-medium: var(--sl-font-size-small);--sl-input-help-text-font-size-medium: var(--sl-font-size-small);--app-input-help-text-font-size-large: var(--sl-font-size-medium);--sl-input-help-text-font-size-large: var(--sl-font-size-medium);--app-input-help-text-color: var(--sl-color-neutral-500);--sl-input-help-text-color: var(--sl-color-neutral-500);--app-toggle-size-small: var(--app-layout-14);--sl-toggle-size-small: var(--app-layout-14);--app-toggle-size-medium: var(--app-layout-18);--sl-toggle-size-medium: var(--app-layout-18);--app-toggle-size-large: var(--app-layout-22);--sl-toggle-size-large: var(--app-layout-22);--app-overlay-background-color: hsla(240, 3.8%, 46.1%, .33);--sl-overlay-background-color: hsla(240, 3.8%, 46.1%, .33);--app-panel-background-color: var(--sl-color-neutral-0);--sl-panel-background-color: var(--sl-color-neutral-0);--app-panel-border-color: var(--sl-color-neutral-200);--sl-panel-border-color: var(--sl-color-neutral-200);--app-panel-border-width: 1px;--sl-panel-border-width: 1px;--app-tooltip-border-radius: var(--sl-border-radius-medium);--sl-tooltip-border-radius: var(--sl-border-radius-medium);--app-tooltip-background-color: var(--sl-color-neutral-800);--sl-tooltip-background-color: var(--sl-color-neutral-800);--app-tooltip-color: var(--sl-color-neutral-0);--sl-tooltip-color: var(--sl-color-neutral-0);--app-tooltip-font-family: var(--sl-font-sans);--sl-tooltip-font-family: var(--sl-font-sans);--app-tooltip-font-weight: var(--sl-font-weight-normal);--sl-tooltip-font-weight: var(--sl-font-weight-normal);--app-tooltip-font-size: var(--sl-font-size-small);--sl-tooltip-font-size: var(--sl-font-size-small);--app-tooltip-line-height: var(--sl-line-height-dense);--sl-tooltip-line-height: var(--sl-line-height-dense);--app-tooltip-padding: var(--sl-spacing-2x-small) var(--sl-spacing-x-small);--sl-tooltip-padding: var(--sl-spacing-2x-small) var(--sl-spacing-x-small);--app-tooltip-arrow-size: 6px;--sl-tooltip-arrow-size: 6px;--app-color-primary-50: rgb(240.147525, 251.5203975, 253.022475);--sl-color-primary-50: rgb(240.147525, 251.5203975, 253.022475);--app-color-primary-100: rgb(216.1327725, 233.12585775, 235.3702275);--sl-color-primary-100: rgb(216.1327725, 233.12585775, 235.3702275);--app-color-primary-200: rgb(192.11802, 214.731318, 217.71798);--sl-color-primary-200: rgb(192.11802, 214.731318, 217.71798);--app-color-primary-300: rgb(168.1032675, 196.33677825, 200.0657325);--sl-color-primary-300: rgb(168.1032675, 196.33677825, 200.0657325);--app-color-primary-400: rgb(144.088515, 177.9422385, 182.413485);--sl-color-primary-400: rgb(144.088515, 177.9422385, 182.413485);--app-color-primary-500: rgb(120.0737625, 159.54769875, 164.7612375);--sl-color-primary-500: rgb(120.0737625, 159.54769875, 164.7612375);--app-color-primary-600: rgb(96.05901, 141.153159, 147.10899);--sl-color-primary-600: rgb(96.05901, 141.153159, 147.10899);--app-color-primary-700: rgb(72.0442575, 122.75861925, 129.4567425);--sl-color-primary-700: rgb(72.0442575, 122.75861925, 129.4567425);--app-color-primary-800: rgb(48.029505, 104.3640795, 111.804495);--sl-color-primary-800: rgb(48.029505, 104.3640795, 111.804495);--app-color-primary-900: rgb(24.0147525, 85.96953975, 94.1522475);--sl-color-primary-900: rgb(24.0147525, 85.96953975, 94.1522475);--app-color-primary-950: rgb(0, 67.575, 76.5);--sl-color-primary-950: rgb(0, 67.575, 76.5)}:root{--app-font-monospace: "Noto Sans Mono", monospace;--app-color-score-on-line: var(--app-color-neutral-500);--app-color-score-on-part: var(--app-color-primary-800);--app-color-score-chord: var(--app-color-primary-600);--app-color-score-on-chord: var(--app-color-primary-100);--app-color-score-on-lyric: var(--app-color-neutral-900);--app-color-score-on-alt: var(--app-color-primary-900)}