:root{--bg-neutral-1-rest: #292929;--bg-neutral-1-hover: #3d3d3d;--bg-neutral-1-pressed: #1f1f1f;--bg-neutral-1-selected: #383838;--bg-neutral-2-rest: #1f1f1f;--bg-neutral-2-hover: #333333;--bg-neutral-2-pressed: #141414;--bg-neutral-2-selected: #2e2e2e;--bg-neutral-3-rest: #141414;--bg-neutral-3-hover: #292929;--bg-neutral-3-pressed: #0a0a0a;--bg-neutral-3-selected: #242424;--bg-neutral-4-rest: #0a0a0a;--bg-neutral-4-hover: #1f1f1f;--bg-neutral-4-pressed: #000000;--bg-neutral-4-selected: #1a1a1a;--bg-neutral-5-rest: #000000;--bg-neutral-5-hover: #141414;--bg-neutral-5-pressed: #050505;--bg-neutral-5-selected: #0f0f0f;--bg-neutral-6-rest: #333333;--bg-neutral-7: rgba(0, 0, 0, .3);--bg-neutral-overlay: rgba(0, 0, 0, .5);--bg-neutral-inverted-rest: #ffffff;--bg-neutral-inverted-hover: #ffffff;--bg-neutral-inverted-pressed: #ffffff;--bg-neutral-inverted-selected: #ffffff;--bg-neutral-static: #3d3d3d;--bg-neutral-alpha: rgba(26, 26, 26, .5);--bg-neutral-alpha-2: rgba(31, 31, 31, .7);--bg-subtle-rest: #00000000;--bg-subtle-hover: #383838;--bg-subtle-pressed: #2e2e2e;--bg-subtle-selected: #333333;--bg-subtle-inverted-rest: #00000000;--bg-subtle-inverted-hover: rgba(0, 0, 0, .1);--bg-subtle-inverted-pressed: rgba(0, 0, 0, .3);--bg-subtle-inverted-selected: rgba(0, 0, 0, .2);--bg-status-danger-1: #3b0509;--bg-status-danger-2: #6e0811;--bg-status-danger-3-rest: #c50f1f;--bg-status-danger-3-hover: #b10e1c;--bg-status-danger-3-pressed: #960b18;--bg-status-success-1: #052505;--bg-status-success-2: #094509;--bg-status-success-3: #107c10;--bg-status-warning-1: #4a1e04;--bg-status-warning-2: #8a3707;--bg-status-warning-3: #f7630c;--bg-brand-rest: #0055d4;--bg-brand-hover: #005eeb;--bg-brand-pressed: #00398d;--bg-brand-selected: #004cbc;--bg-brand-compound-rest: #2a7fff;--bg-brand-compound-hover: #4a92ff;--bg-brand-compound-pressed: #0b6dff;--bg-brand-static: #005eeb;--bg-brand-2-rest: #00265e;--bg-brand-2-hover: #00398d;--bg-brand-2-pressed: #001c47;--fg-neutral-1-rest: #ffffff;--fg-neutral-1-hover: #fff;--fg-neutral-1-pressed: #fff;--fg-neutral-1-selected: #fff;--fg-neutral-2-rest: #d6d6d6;--fg-neutral-2-hover: #fff;--fg-neutral-2-pressed: #fff;--fg-neutral-2-selected: #fff;--fg-neutral-3-rest: #adadad;--fg-neutral-3-hover: #d6d6d6;--fg-neutral-3-pressed: #d6d6d6;--fg-neutral-3-selected: #d6d6d6;--fg-neutral-4-rest: #999999;--fg-neutral-5-rest: #707070;--fg-neutral-6-rest: #5c5c5c;--fg-neutral-disabled-1-rest: #5c5c5c;--fg-neutral-1-static: #242424;--fg-neutral-static-inverted: #ffffff;--fg-neutral-inverted-rest: #242424;--fg-neutral-inverted-hover: #242424;--fg-neutral-inverted-pressed: #242424;--fg-neutral-inverted-selected: #242424;--fg-neutral-on-brand: #ffffff;--fg-brand-1-rest: #2A7FFF;--fg-brand-2-hover: #2A7FFF;--fg-brand-2-pressed: #0B6DFF;--fg-brand-2-selected: #2A7FFF;--fg-brand-compound-rest: #2A7FFF;--fg-brand-compound-hover: #4A92FF;--fg-brand-compound-pressed: #0B6DFF;--fg-brand-compound-selected: #2A7FFF;--fg-status-success-1: #54b054;--fg-status-success-2: #9fd89f;--fg-status-success-3: #9fd89f;--fg-status-success-inverted: #0e700e;--fg-status-warning-1: #faa06b;--fg-status-warning-2: #fdcfb4;--fg-status-warning-3: #f98845;--fg-status-warning-inverted: #bc4b09;--fg-status-danger-1: #dc626d;--fg-status-danger-2: #eeacb2;--fg-status-danger-3: #eeacb2;--fg-status-danger-inverted: #b10e1c;--stroke-neutral-1-rest: #666666;--stroke-neutral-1-hover: #757575;--stroke-neutral-1-pressed: #6b6b6b;--stroke-neutral-1-selected: #707070;--stroke-neutral-2-rest: #525252;--stroke-neutral-3-rest: #3a3a3a;--stroke-neutral-4-rest: #3a3a3a;--stroke-neutral-4-hover: #2e2e2e;--stroke-neutral-4-pressed: #242424;--stroke-neutral-4-selected: #3d3d3d;--stroke-neutral-subtle-rest: #0a0a0a;--stroke-neutral-alpha-1-rest: rgba(255, 255, 255, .1);--stroke-neutral-alpha-2-rest: rgba(255, 255, 255, .2);--stroke-neutral-disabled-rest: #424242;--stroke-badge: rgba(14, 14, 14, .7);--stroke-neutral-on-brand-1: #292929;--stroke-neutral-on-brand-2-rest: #ffffff;--stroke-neutral-on-brand-2-hover: #ffffff;--stroke-neutral-on-brand-2-pressed: #ffffff;--stroke-neutral-on-brand-2-selected: #ffffff;--stroke-brand-1-rest: #2A7FFF;--stroke-brand-2-rest: #0042A5;--stroke-brand-2-hover: #0042A5;--stroke-brand-2-pressed: #003076;--stroke-compound-brand-rest: #2A7FFF;--stroke-compound-brand-hover: #4A92FF;--stroke-compound-brand-pressed: #0B6DFF;--stroke-focus-1: #000000;--stroke-focus-2: #ffffff;--focus-clip-pill: inset(calc(-1 * var(--size-60)) round var(--radius-circular));--stroke-status-danger-1: #c50f1f;--stroke-status-danger-2: #dc626d;--stroke-status-danger-active: #dc626d;--stroke-status-warning-1: #f7630c;--stroke-status-warning-2: #f98845;--stroke-status-warning-active: #faa06b;--stroke-status-success-1: #107c10;--stroke-status-success-2: #9fd89f;--stroke-status-success-active: #54b054;--surface-background: rgba(31, 31, 31, .8);--actionbar-glow-background: linear-gradient(233deg, rgba(74, 146, 255, .3) 19.36%, rgba(147, 84, 255, .3) 71.28%);--searchinput-background-rest: rgba(0, 0, 0, .7);--searchinput-background-hover: rgba(0, 0, 0, .9);--searchinput-background-pressed: rgba(0, 0, 0, .8);--overlay-background: rgba(0, 0, 0, .5);--button-background-1-rest: linear-gradient(226deg, rgba(11, 109, 255, .9) 2.62%, rgba(130, 48, 255, .9) 93.76%);--button-background-1-hover: linear-gradient(226deg, rgba(0, 85, 212, .9) 2.62%, rgba(117, 32, 245, .9) 93.76%);--button-background-1-pressed: linear-gradient(226deg, rgba(0, 66, 165, .9) 2.62%, rgba(86, 15, 191, .9) 93.76%);--button-background-2-rest: rgba(255, 255, 255, .05);--button-background-2-hover: rgba(0, 0, 0, .5);--button-background-2-pressed: rgba(0, 0, 0, .8);--button-background-2-selected: rgba(0, 0, 0, .8);--button-background-2-disabled: rgba(255, 255, 255, .05);--button-floating-background-rest: rgba(31, 31, 31, .8);--button-floating-background-hover: rgba(0, 0, 0, .92);--button-floating-background-pressed: rgba(0, 0, 0, .84);--button-floating-background-selected: rgba(0, 0, 0, .92);--button-floating-background-disabled: rgba(31, 31, 31, .8);--card-empty-background: rgba(163, 117, 255, .24);--card-overlay-background-1: radial-gradient(129.19% 103.21% at 0% 122.09%, rgba(0, 0, 0, .5) 40.33%, rgba(31, 31, 31, 0) 98.77%);--card-overlay-background-2: radial-gradient(152.06% 121.49% at 49.89% 138.76%, rgba(0, 0, 0, .7) 33.17%, rgba(31, 31, 31, 0) 98.77%);--tile-overlay-background: linear-gradient(178deg, rgba(0,0,0,0) 40%, rgba(0,0,0,.3) 64%, rgba(0,0,0,.5) 98%);--tile-background-selected: linear-gradient(249deg, rgba(74, 146, 255, .2) 21.43%, rgba(163, 117, 255, .2) 90.25%);--badge-background: rgba(14, 14, 14, .4);--bg-brand-button-hover: #252535;--icon-foreground-selected: linear-gradient(243deg, #4A92FF 21.43%, #A375FF 90.25%);--icon-grad-stop-1: #A375FF;--icon-grad-stop-2: #4A92FF;--surface-stroke-1: rgba(255, 255, 255, .1);--surface-stroke-2: rgba(255, 255, 255, .2);--button-floating-stroke: rgba(255, 255, 255, .12);--folder-stroke: linear-gradient(158deg, rgba(255, 255, 255, .1) 6.84%, rgba(31, 31, 31, .01) 20.61%);--pill-stroke-1: linear-gradient(246deg, rgba(74, 146, 255, .9) 42.54%, rgba(147, 84, 255, .9) 61.67%);--pill-stroke-2-rest: rgba(255, 255, 255, .2);--pill-stroke-2-hover: rgba(255, 255, 255, .3);--pill-stroke-2-pressed: rgba(255, 255, 255, .3);--sync-pill-progress-1: #5b7bf7;--sync-pill-progress-2: #9b59f5;--sync-pill-complete-1: #10b981;--sync-pill-complete-2: #34d399;--effect-surface-background-shadow: 0 12px 24px 0 rgba(0, 0, 0, .44);--effect-surface-background-blur: blur(30px);--effect-floating-background-blur: blur(20px);--effect-floating-background-shadow: 0px 4px 20px 0px rgba(0, 0, 0, .4);--shadow-neg-1: 0 .75px 2.5px 0 rgba(0, 0, 0, .32) inset;--shadow-2: 0 .75px 3px 0 rgba(0, 0, 0, .36);--shadow-4: 0 1.5px 6px 0 rgba(0, 0, 0, .36);--shadow-8: 0 3px 12px 0 rgba(0, 0, 0, .36);--shadow-16: 0 6px 24px 0 rgba(0, 0, 0, .4);--shadow-28: 0 0 3px 0 rgba(0, 0, 0, .06), 0 12px 48px 0 rgba(0, 0, 0, .48);--shadow-64: 0 0 4px 0 rgba(0, 0, 0, .12), 0 24px 96px 0 rgba(0, 0, 0, .72);--text-shadow-2: 0 .75px 3px rgba(0, 0, 0, .36);--text-shadow-4: 0 1.5px 6px rgba(0, 0, 0, .36);--text-shadow-8: 0 3px 12px rgba(0, 0, 0, .36);--text-shadow-16: 0 6px 24px rgba(0, 0, 0, .4);--text-shadow-28: 0 0 3px rgba(0, 0, 0, .06), 0 12px 48px rgba(0, 0, 0, .48);--z-content: 1;--z-scrim: 21;--z-hover-chrome: 60;--z-sticky: 100;--z-picker: 9100;--z-drop-overlay: 9600;--z-floating: 9999;--z-overlay: 99999;--z-fluent-portal: 1000000;--z-toast: 1000001;--radius-none: 0px;--radius-small: 2px;--radius-medium: 4px;--radius-large: 6px;--radius-xlarge: 8px;--radius-2xlarge: 12px;--radius-3xlarge: 16px;--radius-4xlarge: 28px;--radius-5xlarge: 32px;--radius-6xlarge: 40px;--radius-circular: 9999px;--spacing-20: 2px;--spacing-40: 4px;--spacing-80: 8px;--spacing-100: 10px;--spacing-120: 12px;--spacing-160: 16px;--spacing-200: 20px;--spacing-240: 24px;--spacing-320: 32px;--size-none: 0px;--size-20: 2px;--size-40: 4px;--size-60: 6px;--size-80: 8px;--size-100: 10px;--size-120: 12px;--size-140: 14px;--size-160: 16px;--size-200: 20px;--size-240: 24px;--size-280: 28px;--size-320: 32px;--size-360: 36px;--size-400: 40px;--size-480: 48px;--size-520: 52px;--size-560: 56px;--size-640: 64px;--icon-size-sm: 16px;--icon-size-md: 20px;--icon-size-lg: 24px;--icon-size-xl: 32px}