: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}.narrow{--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}.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}.wide{--app-dyn-2: .1625rem;--app-dyn-4: .325rem;--app-dyn-6: .4875rem;--app-dyn-8: .65rem;--app-dyn-10: .8125rem;--app-dyn-12: .975rem;--app-dyn-14: 1.1375rem;--app-dyn-16: 1.3rem;--app-dyn-18: 1.4625rem;--app-dyn-20: 1.625rem;--app-dyn-22: 1.7875rem;--app-dyn-24: 1.95rem;--app-dyn-28: 2.275rem;--app-dyn-32: 2.6rem;--app-dyn-36: 2.925rem;--app-dyn-40: 3.25rem;--app-dyn-44: 3.575rem;--app-dyn-48: 3.9rem;--app-dyn-56: 4.55rem;--app-dyn-64: 5.2rem;--app-dyn-72: 5.85rem;--app-dyn-80: 6.5rem;--app-dyn-96: 7.8rem;--app-dyn-112: 9.1rem;--app-dyn-128: 10.4rem;--app-dyn-144: 11.7rem}: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-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-72);font-size:var(--app-font-60);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}body>#root>main{line-height:var(--app-font-24);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:var(--app-gutter-12);height:var(--app-gutter-12)}*::-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-18);--sl-font-size-large: var(--app-font-18);--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)}