:root{--surface-1:var(--gray-1);--surface-2:#fff;--surface-3:#fff;--surface-4:#fff;--surface-5:#fff;--surface-6:#fff;--surface-7:#fff;--surface-8:#fff;--surface-shadow-1:0 1px 2px 0 #0000000a;--surface-shadow-2:0 1px 2px 0 #0000000f, 0 0 0 .5px #0000000a;--surface-shadow-3:0 1px 3px 0 #00000014, 0 1px 2px 0 #0000000d;--surface-shadow-4:0 2px 4px 0 #00000017, 0 1px 2px 0 #0000000f, 0 0 0 .5px #0000000a;--surface-shadow-5:0 4px 8px -1px #0000001a, 0 1px 3px 0 #0000000f;--surface-shadow-6:0 8px 16px -2px #0000001f, 0 2px 4px 0 #0000000f;--surface-shadow-7:0 12px 24px -4px #00000024, 0 3px 6px 0 #00000012;--surface-shadow-8:0 20px 40px -8px #00000029, 0 4px 8px 0 #00000014;--focus-ring:var(--bg-interactive);--overlay:24 24 27;--rail-fade-start:var(--surface-2);--rail-fade-end:#fff0}.dark{--surface-1:var(--gray-2);--surface-2:var(--gray-3);--surface-3:var(--gray-4);--surface-4:var(--gray-4);--surface-5:var(--gray-5);--surface-6:var(--gray-5);--surface-7:var(--gray-6);--surface-8:var(--gray-6);--surface-shadow-1:0 1px 2px 0 #0000004d;--surface-shadow-2:0 1px 2px 0 #0006, 0 0 0 .5px #ffffff0f;--surface-shadow-3:0 1px 3px 0 #00000073, 0 0 0 .5px #ffffff0f;--surface-shadow-4:0 2px 4px 0 #00000080, 0 0 0 .5px #ffffff14;--surface-shadow-5:0 4px 8px -1px #00000080;--surface-shadow-6:0 8px 16px -2px #0000008c;--surface-shadow-7:0 12px 24px -4px #0009;--surface-shadow-8:0 20px 40px -8px #000000a6;--overlay:255 255 255;--rail-fade-end:#0000}