@vireo-ai/trellis-ui 0.1.25 → 0.1.27
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/packages/client/src/styles/generated/theme-fonts.css +1 -1
- package/packages/client/src/styles/generated/theme-palette.css +7 -4
- package/packages/client/src/styles/generated/theme-runtime.css +1791 -452
- package/packages/client/src/styles/generated-sources.css +1 -1
- package/packages/client/src/styles/theme.css +112 -38
- package/packages/client/types/components/card/contract.d.ts +6 -3
- package/packages/client/types/components/checkbox/contract.d.ts +8 -8
- package/packages/client/types/components/radio/contract.d.ts +2 -2
- package/packages/server/trellis_ui/static/trellis_ui/assets/css/trellis.css +2267 -500
- package/packages/server/trellis_ui/static/trellis_ui/assets/css/trellis.min.css +1 -1
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/build-metadata.json +95 -95
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{entry.generated-De12QrT5.js → entry.generated-DzG9Lai4.js} +2 -2
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{entry.generated-De12QrT5.js.map → entry.generated-DzG9Lai4.js.map} +1 -1
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-wHjTggCn.js +2 -0
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-wHjTggCn.js.map +1 -0
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/checkbox.js +1 -1
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/index.js +1 -1
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/index.js +1 -1
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/logical-entry-manifest.json +5 -5
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/trellis.js +2 -2
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/trellis.min.js +2 -2
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-Dn6MRCe0.js +0 -2
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-Dn6MRCe0.js.map +0 -1
|
@@ -202,6 +202,7 @@
|
|
|
202
202
|
--text-13: 128px;
|
|
203
203
|
--text-13--line-height: 132px;
|
|
204
204
|
--text-13--letter-spacing: -0.045em;
|
|
205
|
+
--label-ink-emphasis: 35%;
|
|
205
206
|
--text-body: var(--text-2);
|
|
206
207
|
--text-body--line-height: var(--text-2--line-height);
|
|
207
208
|
--text-body--letter-spacing: var(--text-2--letter-spacing);
|
|
@@ -261,7 +262,7 @@
|
|
|
261
262
|
--text-label--line-height: var(--text-2--line-height);
|
|
262
263
|
--text-label--letter-spacing: var(--text-2--letter-spacing);
|
|
263
264
|
--font-label: var(--font-sans);
|
|
264
|
-
--font-weight-label: var(--font-weight-
|
|
265
|
+
--font-weight-label: var(--font-weight-normal);
|
|
265
266
|
--text-description: var(--text-2);
|
|
266
267
|
--text-description--line-height: var(--text-2--line-height);
|
|
267
268
|
--text-description--letter-spacing: var(--text-2--letter-spacing);
|
|
@@ -379,8 +380,7 @@
|
|
|
379
380
|
--spacing-panel-6: 640px;
|
|
380
381
|
--spacing-panel-6-max: 768px;
|
|
381
382
|
--spacing-icon: var(--spacing-icon-md);
|
|
382
|
-
--color-separator:
|
|
383
|
-
--color-separator-muted: transparent;
|
|
383
|
+
--color-separator: var(--ui-surface-separator);
|
|
384
384
|
--color-intent-accent-text: transparent;
|
|
385
385
|
--color-intent-accent-text-hover: transparent;
|
|
386
386
|
--color-intent-accent-soft: transparent;
|
|
@@ -412,7 +412,6 @@
|
|
|
412
412
|
--color-intent-danger-edge-strong: transparent;
|
|
413
413
|
--color-intent-danger-focus: transparent;
|
|
414
414
|
--color-intent-neutral-text: transparent;
|
|
415
|
-
--color-intent-neutral-text-hover: transparent;
|
|
416
415
|
--color-intent-neutral-soft: transparent;
|
|
417
416
|
--color-intent-neutral-soft-hover: transparent;
|
|
418
417
|
--color-intent-neutral-soft-pressed: transparent;
|
|
@@ -460,6 +459,8 @@
|
|
|
460
459
|
--color-interaction-pressed: transparent;
|
|
461
460
|
--color-interaction-selected: transparent;
|
|
462
461
|
--color-interaction-selected-hover: transparent;
|
|
462
|
+
--color-interaction-edge-selected: transparent;
|
|
463
|
+
--color-interaction-edge-selected-hover: transparent;
|
|
463
464
|
--color-interaction-disabled: transparent;
|
|
464
465
|
--color-interaction-disabled-edge: transparent;
|
|
465
466
|
--color-interaction-disabled-ink: transparent;
|
|
@@ -491,6 +492,60 @@
|
|
|
491
492
|
--color-surface-8: transparent;
|
|
492
493
|
--color-surface-8-ink: transparent;
|
|
493
494
|
--color-surface-8-ink-muted: transparent;
|
|
495
|
+
--color-surface-workspace-0: transparent;
|
|
496
|
+
--color-surface-workspace-0-ink: transparent;
|
|
497
|
+
--color-surface-workspace-0-ink-muted: transparent;
|
|
498
|
+
--color-surface-workspace-1: transparent;
|
|
499
|
+
--color-surface-workspace-1-ink: transparent;
|
|
500
|
+
--color-surface-workspace-1-ink-muted: transparent;
|
|
501
|
+
--color-surface-workspace-2: transparent;
|
|
502
|
+
--color-surface-workspace-2-ink: transparent;
|
|
503
|
+
--color-surface-workspace-2-ink-muted: transparent;
|
|
504
|
+
--color-surface-workspace-3: transparent;
|
|
505
|
+
--color-surface-workspace-3-ink: transparent;
|
|
506
|
+
--color-surface-workspace-3-ink-muted: transparent;
|
|
507
|
+
--color-surface-workspace-4: transparent;
|
|
508
|
+
--color-surface-workspace-4-ink: transparent;
|
|
509
|
+
--color-surface-workspace-4-ink-muted: transparent;
|
|
510
|
+
--color-surface-workspace-5: transparent;
|
|
511
|
+
--color-surface-workspace-5-ink: transparent;
|
|
512
|
+
--color-surface-workspace-5-ink-muted: transparent;
|
|
513
|
+
--color-surface-workspace-6: transparent;
|
|
514
|
+
--color-surface-workspace-6-ink: transparent;
|
|
515
|
+
--color-surface-workspace-6-ink-muted: transparent;
|
|
516
|
+
--color-surface-workspace-7: transparent;
|
|
517
|
+
--color-surface-workspace-7-ink: transparent;
|
|
518
|
+
--color-surface-workspace-7-ink-muted: transparent;
|
|
519
|
+
--color-surface-workspace-8: transparent;
|
|
520
|
+
--color-surface-workspace-8-ink: transparent;
|
|
521
|
+
--color-surface-workspace-8-ink-muted: transparent;
|
|
522
|
+
--color-surface-chrome-0: transparent;
|
|
523
|
+
--color-surface-chrome-0-ink: transparent;
|
|
524
|
+
--color-surface-chrome-0-ink-muted: transparent;
|
|
525
|
+
--color-surface-chrome-1: transparent;
|
|
526
|
+
--color-surface-chrome-1-ink: transparent;
|
|
527
|
+
--color-surface-chrome-1-ink-muted: transparent;
|
|
528
|
+
--color-surface-chrome-2: transparent;
|
|
529
|
+
--color-surface-chrome-2-ink: transparent;
|
|
530
|
+
--color-surface-chrome-2-ink-muted: transparent;
|
|
531
|
+
--color-surface-chrome-3: transparent;
|
|
532
|
+
--color-surface-chrome-3-ink: transparent;
|
|
533
|
+
--color-surface-chrome-3-ink-muted: transparent;
|
|
534
|
+
--color-surface-chrome-4: transparent;
|
|
535
|
+
--color-surface-chrome-4-ink: transparent;
|
|
536
|
+
--color-surface-chrome-4-ink-muted: transparent;
|
|
537
|
+
--color-surface-chrome-5: transparent;
|
|
538
|
+
--color-surface-chrome-5-ink: transparent;
|
|
539
|
+
--color-surface-chrome-5-ink-muted: transparent;
|
|
540
|
+
--color-surface-chrome-6: transparent;
|
|
541
|
+
--color-surface-chrome-6-ink: transparent;
|
|
542
|
+
--color-surface-chrome-6-ink-muted: transparent;
|
|
543
|
+
--color-surface-chrome-7: transparent;
|
|
544
|
+
--color-surface-chrome-7-ink: transparent;
|
|
545
|
+
--color-surface-chrome-7-ink-muted: transparent;
|
|
546
|
+
--color-surface-chrome-8: transparent;
|
|
547
|
+
--color-surface-chrome-8-ink: transparent;
|
|
548
|
+
--color-surface-chrome-8-ink-muted: transparent;
|
|
494
549
|
--shadow-elevation-0: none;
|
|
495
550
|
--shadow-elevation-1: none;
|
|
496
551
|
--shadow-elevation-2: none;
|
|
@@ -2597,7 +2652,7 @@
|
|
|
2597
2652
|
border-color: var(--color-neutral-a12);
|
|
2598
2653
|
}
|
|
2599
2654
|
.border-separator {
|
|
2600
|
-
border-color: var(--
|
|
2655
|
+
border-color: var(--ui-surface-separator);
|
|
2601
2656
|
}
|
|
2602
2657
|
.border-surface-0 {
|
|
2603
2658
|
border-color: var(--color-surface-0);
|
|
@@ -2786,13 +2841,13 @@
|
|
|
2786
2841
|
background-color: var(--color-scrim);
|
|
2787
2842
|
}
|
|
2788
2843
|
.bg-scrollbar-thumb {
|
|
2789
|
-
background-color: var(--
|
|
2844
|
+
background-color: var(--ui-surface-edge);
|
|
2790
2845
|
}
|
|
2791
2846
|
.bg-separator {
|
|
2792
|
-
background-color: var(--
|
|
2847
|
+
background-color: var(--ui-surface-separator);
|
|
2793
2848
|
}
|
|
2794
2849
|
.bg-separator-muted {
|
|
2795
|
-
background-color: var(--
|
|
2850
|
+
background-color: var(--ui-surface-separator-muted);
|
|
2796
2851
|
}
|
|
2797
2852
|
.bg-surface {
|
|
2798
2853
|
background-color: var(--ui-surface-color);
|
|
@@ -3385,6 +3440,9 @@
|
|
|
3385
3440
|
.px-sidebar-header-padding-inline {
|
|
3386
3441
|
padding-inline: var(--spacing-sidebar-header-padding-inline);
|
|
3387
3442
|
}
|
|
3443
|
+
.py-0 {
|
|
3444
|
+
padding-block: var(--spacing-0);
|
|
3445
|
+
}
|
|
3388
3446
|
.py-0\.5 {
|
|
3389
3447
|
padding-block: var(--spacing-0\.5);
|
|
3390
3448
|
}
|
|
@@ -3871,6 +3929,9 @@
|
|
|
3871
3929
|
.text-intent-danger-text {
|
|
3872
3930
|
color: var(--color-intent-danger-text);
|
|
3873
3931
|
}
|
|
3932
|
+
.text-label-ink {
|
|
3933
|
+
color: var(--ui-label-ink);
|
|
3934
|
+
}
|
|
3874
3935
|
.text-neutral-1 {
|
|
3875
3936
|
color: var(--color-neutral-1);
|
|
3876
3937
|
}
|
|
@@ -4022,6 +4083,10 @@
|
|
|
4022
4083
|
.opacity-75 {
|
|
4023
4084
|
opacity: 75%;
|
|
4024
4085
|
}
|
|
4086
|
+
.shadow-\[inset_0_0_0_var\(--border-width-edge-control\)_var\(--ui-surface-edge\)\] {
|
|
4087
|
+
--tw-shadow: inset 0 0 0 var(--border-width-edge-control) var(--ui-surface-edge);
|
|
4088
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
4089
|
+
}
|
|
4025
4090
|
.shadow-elevation-0 {
|
|
4026
4091
|
--tw-shadow: none;
|
|
4027
4092
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
@@ -4059,7 +4124,7 @@
|
|
|
4059
4124
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
4060
4125
|
}
|
|
4061
4126
|
.ui-edge {
|
|
4062
|
-
box-shadow: 0 0 0 var(--border-width-edge-control) var(--
|
|
4127
|
+
box-shadow: 0 0 0 var(--border-width-edge-control) var(--ui-surface-edge);
|
|
4063
4128
|
}
|
|
4064
4129
|
.ring-accent-1 {
|
|
4065
4130
|
--tw-ring-color: var(--color-accent-1);
|
|
@@ -4450,7 +4515,7 @@
|
|
|
4450
4515
|
.hover\:bg-scrollbar-thumb-hover {
|
|
4451
4516
|
&:hover {
|
|
4452
4517
|
@media (hover: hover) {
|
|
4453
|
-
background-color: var(--
|
|
4518
|
+
background-color: var(--ui-surface-edge-hover);
|
|
4454
4519
|
}
|
|
4455
4520
|
}
|
|
4456
4521
|
}
|
|
@@ -4461,6 +4526,14 @@
|
|
|
4461
4526
|
}
|
|
4462
4527
|
}
|
|
4463
4528
|
}
|
|
4529
|
+
.hover\:shadow-\[inset_0_0_0_var\(--border-width-edge-control\)_var\(--ui-surface-edge-hover\)\] {
|
|
4530
|
+
&:hover {
|
|
4531
|
+
@media (hover: hover) {
|
|
4532
|
+
--tw-shadow: inset 0 0 0 var(--border-width-edge-control) var(--ui-surface-edge-hover);
|
|
4533
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
4534
|
+
}
|
|
4535
|
+
}
|
|
4536
|
+
}
|
|
4464
4537
|
.focus-visible\:bg-intent-neutral-edge-hover {
|
|
4465
4538
|
&:focus-visible {
|
|
4466
4539
|
background-color: var(--color-intent-neutral-edge-hover);
|
|
@@ -4476,6 +4549,22 @@
|
|
|
4476
4549
|
box-shadow: inset 0 0 0 var(--color-intent-accent-focus-width) var(--color-intent-accent-focus);
|
|
4477
4550
|
}
|
|
4478
4551
|
}
|
|
4552
|
+
.active\:bg-interaction-pressed {
|
|
4553
|
+
&:active {
|
|
4554
|
+
background-color: var(--color-interaction-pressed);
|
|
4555
|
+
}
|
|
4556
|
+
}
|
|
4557
|
+
.active\:shadow-\[inset_0_0_0_var\(--border-width-edge-control\)_var\(--ui-surface-edge-strong\)\] {
|
|
4558
|
+
&:active {
|
|
4559
|
+
--tw-shadow: inset 0 0 0 var(--border-width-edge-control) var(--ui-surface-edge-strong);
|
|
4560
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
4561
|
+
}
|
|
4562
|
+
}
|
|
4563
|
+
.has-\[\:focus-visible\]\:ui-focus-ring {
|
|
4564
|
+
&:has(*:is(:focus-visible)) {
|
|
4565
|
+
box-shadow: 0 0 0 var(--color-intent-accent-focus-width) var(--color-intent-accent-focus);
|
|
4566
|
+
}
|
|
4567
|
+
}
|
|
4479
4568
|
.data-checked\:translate-x-switch-travel-lg {
|
|
4480
4569
|
&[data-checked] {
|
|
4481
4570
|
--tw-translate-x: var(--spacing-switch-travel-lg);
|
|
@@ -4506,11 +4595,41 @@
|
|
|
4506
4595
|
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
4507
4596
|
}
|
|
4508
4597
|
}
|
|
4598
|
+
.data-checked\:bg-interaction-selected {
|
|
4599
|
+
&[data-checked] {
|
|
4600
|
+
background-color: var(--color-interaction-selected);
|
|
4601
|
+
}
|
|
4602
|
+
}
|
|
4509
4603
|
.data-checked\:opacity-100 {
|
|
4510
4604
|
&[data-checked] {
|
|
4511
4605
|
opacity: 100%;
|
|
4512
4606
|
}
|
|
4513
4607
|
}
|
|
4608
|
+
.data-checked\:shadow-\[inset_0_0_0_var\(--border-width-edge-control\)_var\(--color-interaction-edge-selected\)\] {
|
|
4609
|
+
&[data-checked] {
|
|
4610
|
+
--tw-shadow: inset 0 0 0 var(--border-width-edge-control) var(--color-interaction-edge-selected);
|
|
4611
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
4612
|
+
}
|
|
4613
|
+
}
|
|
4614
|
+
.data-checked\:hover\:bg-interaction-selected-hover {
|
|
4615
|
+
&[data-checked] {
|
|
4616
|
+
&:hover {
|
|
4617
|
+
@media (hover: hover) {
|
|
4618
|
+
background-color: var(--color-interaction-selected-hover);
|
|
4619
|
+
}
|
|
4620
|
+
}
|
|
4621
|
+
}
|
|
4622
|
+
}
|
|
4623
|
+
.data-checked\:hover\:shadow-\[inset_0_0_0_var\(--border-width-edge-control\)_var\(--color-interaction-edge-selected-hover\)\] {
|
|
4624
|
+
&[data-checked] {
|
|
4625
|
+
&:hover {
|
|
4626
|
+
@media (hover: hover) {
|
|
4627
|
+
--tw-shadow: inset 0 0 0 var(--border-width-edge-control) var(--color-interaction-edge-selected-hover);
|
|
4628
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
4629
|
+
}
|
|
4630
|
+
}
|
|
4631
|
+
}
|
|
4632
|
+
}
|
|
4514
4633
|
.data-current\:border-transparent {
|
|
4515
4634
|
&[data-current] {
|
|
4516
4635
|
border-color: transparent;
|
|
@@ -4544,7 +4663,12 @@
|
|
|
4544
4663
|
}
|
|
4545
4664
|
.data-dragging\:bg-scrollbar-thumb-hover {
|
|
4546
4665
|
&[data-dragging] {
|
|
4547
|
-
background-color: var(--
|
|
4666
|
+
background-color: var(--ui-surface-edge-hover);
|
|
4667
|
+
}
|
|
4668
|
+
}
|
|
4669
|
+
.data-indeterminate\:bg-interaction-selected {
|
|
4670
|
+
&[data-indeterminate] {
|
|
4671
|
+
background-color: var(--color-interaction-selected);
|
|
4548
4672
|
}
|
|
4549
4673
|
}
|
|
4550
4674
|
.data-indeterminate\:opacity-100 {
|
|
@@ -4552,6 +4676,47 @@
|
|
|
4552
4676
|
opacity: 100%;
|
|
4553
4677
|
}
|
|
4554
4678
|
}
|
|
4679
|
+
.data-indeterminate\:shadow-\[inset_0_0_0_var\(--border-width-edge-control\)_var\(--color-interaction-edge-selected\)\] {
|
|
4680
|
+
&[data-indeterminate] {
|
|
4681
|
+
--tw-shadow: inset 0 0 0 var(--border-width-edge-control) var(--color-interaction-edge-selected);
|
|
4682
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
4683
|
+
}
|
|
4684
|
+
}
|
|
4685
|
+
.data-indeterminate\:hover\:bg-interaction-selected-hover {
|
|
4686
|
+
&[data-indeterminate] {
|
|
4687
|
+
&:hover {
|
|
4688
|
+
@media (hover: hover) {
|
|
4689
|
+
background-color: var(--color-interaction-selected-hover);
|
|
4690
|
+
}
|
|
4691
|
+
}
|
|
4692
|
+
}
|
|
4693
|
+
}
|
|
4694
|
+
.data-indeterminate\:hover\:shadow-\[inset_0_0_0_var\(--border-width-edge-control\)_var\(--color-interaction-edge-selected-hover\)\] {
|
|
4695
|
+
&[data-indeterminate] {
|
|
4696
|
+
&:hover {
|
|
4697
|
+
@media (hover: hover) {
|
|
4698
|
+
--tw-shadow: inset 0 0 0 var(--border-width-edge-control) var(--color-interaction-edge-selected-hover);
|
|
4699
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
4700
|
+
}
|
|
4701
|
+
}
|
|
4702
|
+
}
|
|
4703
|
+
}
|
|
4704
|
+
.data-invalid\:shadow-\[inset_0_0_0_var\(--border-width-edge-control\)_var\(--color-intent-danger-edge\)\] {
|
|
4705
|
+
&[data-invalid] {
|
|
4706
|
+
--tw-shadow: inset 0 0 0 var(--border-width-edge-control) var(--color-intent-danger-edge);
|
|
4707
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
4708
|
+
}
|
|
4709
|
+
}
|
|
4710
|
+
.data-invalid\:hover\:shadow-\[inset_0_0_0_var\(--border-width-edge-control\)_var\(--color-intent-danger-edge-hover\)\] {
|
|
4711
|
+
&[data-invalid] {
|
|
4712
|
+
&:hover {
|
|
4713
|
+
@media (hover: hover) {
|
|
4714
|
+
--tw-shadow: inset 0 0 0 var(--border-width-edge-control) var(--color-intent-danger-edge-hover);
|
|
4715
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
4716
|
+
}
|
|
4717
|
+
}
|
|
4718
|
+
}
|
|
4719
|
+
}
|
|
4555
4720
|
.data-resizing\:border-intent-neutral-edge-strong {
|
|
4556
4721
|
&[data-resizing] {
|
|
4557
4722
|
border-color: var(--color-intent-neutral-edge-strong);
|
|
@@ -4932,6 +5097,16 @@
|
|
|
4932
5097
|
}
|
|
4933
5098
|
}
|
|
4934
5099
|
}
|
|
5100
|
+
.\[\&_\[data-ui-checkbox-icon\]\]\:mt-0 {
|
|
5101
|
+
& [data-ui-checkbox-icon] {
|
|
5102
|
+
margin-top: var(--spacing-0);
|
|
5103
|
+
}
|
|
5104
|
+
}
|
|
5105
|
+
.\[\&_\[data-ui-checkbox-indicator\]\]\:hidden {
|
|
5106
|
+
& [data-ui-checkbox-indicator] {
|
|
5107
|
+
display: none;
|
|
5108
|
+
}
|
|
5109
|
+
}
|
|
4935
5110
|
.data-\[placement\=top\]\:data-\[responsive-mode\=desktop\]\:\[\&_\[data-ui-sidebar-content-inner\]\]\:flex {
|
|
4936
5111
|
&[data-placement="top"] {
|
|
4937
5112
|
&[data-responsive-mode="desktop"] {
|
|
@@ -5193,7 +5368,7 @@
|
|
|
5193
5368
|
}
|
|
5194
5369
|
.\[\&_\[data-ui-table-row\]\>\*\]\:border-separator {
|
|
5195
5370
|
& [data-ui-table-row]>* {
|
|
5196
|
-
border-color: var(--
|
|
5371
|
+
border-color: var(--ui-surface-separator);
|
|
5197
5372
|
}
|
|
5198
5373
|
}
|
|
5199
5374
|
.\[\&_\[data-ui-table-row\]\>\*\+\*\]\:border-l-edge-separator {
|
|
@@ -5526,6 +5701,7 @@
|
|
|
5526
5701
|
--font-weight-medium: 500;
|
|
5527
5702
|
--font-weight-semibold: 600;
|
|
5528
5703
|
--font-weight-bold: 700;
|
|
5704
|
+
--label-ink-emphasis: 35%;
|
|
5529
5705
|
--text-body: var(--text-2);
|
|
5530
5706
|
--text-body--line-height: var(--text-2--line-height);
|
|
5531
5707
|
--text-body--letter-spacing: var(--text-2--letter-spacing);
|
|
@@ -5587,7 +5763,7 @@
|
|
|
5587
5763
|
--text-label--line-height: var(--text-2--line-height);
|
|
5588
5764
|
--text-label--letter-spacing: var(--text-2--letter-spacing);
|
|
5589
5765
|
--font-label: var(--font-sans);
|
|
5590
|
-
--font-weight-label: var(--font-weight-
|
|
5766
|
+
--font-weight-label: var(--font-weight-normal);
|
|
5591
5767
|
--text-description: var(--text-2);
|
|
5592
5768
|
--text-description--line-height: var(--text-2--line-height);
|
|
5593
5769
|
--text-description--letter-spacing: var(--text-2--letter-spacing);
|
|
@@ -5918,6 +6094,7 @@
|
|
|
5918
6094
|
--font-weight-medium: 500;
|
|
5919
6095
|
--font-weight-semibold: 600;
|
|
5920
6096
|
--font-weight-bold: 700;
|
|
6097
|
+
--label-ink-emphasis: 35%;
|
|
5921
6098
|
--text-body: var(--text-2);
|
|
5922
6099
|
--text-body--line-height: var(--text-2--line-height);
|
|
5923
6100
|
--text-body--letter-spacing: var(--text-2--letter-spacing);
|
|
@@ -5979,7 +6156,7 @@
|
|
|
5979
6156
|
--text-label--line-height: var(--text-2--line-height);
|
|
5980
6157
|
--text-label--letter-spacing: var(--text-2--letter-spacing);
|
|
5981
6158
|
--font-label: var(--font-sans);
|
|
5982
|
-
--font-weight-label: var(--font-weight-
|
|
6159
|
+
--font-weight-label: var(--font-weight-normal);
|
|
5983
6160
|
--text-description: var(--text-2);
|
|
5984
6161
|
--text-description--line-height: var(--text-2--line-height);
|
|
5985
6162
|
--text-description--letter-spacing: var(--text-2--letter-spacing);
|
|
@@ -7476,6 +7653,7 @@
|
|
|
7476
7653
|
--font-weight-medium: 500;
|
|
7477
7654
|
--font-weight-semibold: 600;
|
|
7478
7655
|
--font-weight-bold: 700;
|
|
7656
|
+
--label-ink-emphasis: 35%;
|
|
7479
7657
|
--text-body: var(--text-2);
|
|
7480
7658
|
--text-body--line-height: var(--text-2--line-height);
|
|
7481
7659
|
--text-body--letter-spacing: var(--text-2--letter-spacing);
|
|
@@ -7537,7 +7715,7 @@
|
|
|
7537
7715
|
--text-label--line-height: var(--text-2--line-height);
|
|
7538
7716
|
--text-label--letter-spacing: var(--text-2--letter-spacing);
|
|
7539
7717
|
--font-label: var(--font-sans);
|
|
7540
|
-
--font-weight-label: var(--font-weight-
|
|
7718
|
+
--font-weight-label: var(--font-weight-normal);
|
|
7541
7719
|
--text-description: var(--text-2);
|
|
7542
7720
|
--text-description--line-height: var(--text-2--line-height);
|
|
7543
7721
|
--text-description--letter-spacing: var(--text-2--letter-spacing);
|
|
@@ -7868,6 +8046,7 @@
|
|
|
7868
8046
|
--font-weight-medium: 500;
|
|
7869
8047
|
--font-weight-semibold: 600;
|
|
7870
8048
|
--font-weight-bold: 700;
|
|
8049
|
+
--label-ink-emphasis: 35%;
|
|
7871
8050
|
--text-body: var(--text-2);
|
|
7872
8051
|
--text-body--line-height: var(--text-2--line-height);
|
|
7873
8052
|
--text-body--letter-spacing: var(--text-2--letter-spacing);
|
|
@@ -7929,7 +8108,7 @@
|
|
|
7929
8108
|
--text-label--line-height: var(--text-2--line-height);
|
|
7930
8109
|
--text-label--letter-spacing: var(--text-2--letter-spacing);
|
|
7931
8110
|
--font-label: var(--font-sans);
|
|
7932
|
-
--font-weight-label: var(--font-weight-
|
|
8111
|
+
--font-weight-label: var(--font-weight-normal);
|
|
7933
8112
|
--text-description: var(--text-2);
|
|
7934
8113
|
--text-description--line-height: var(--text-2--line-height);
|
|
7935
8114
|
--text-description--letter-spacing: var(--text-2--letter-spacing);
|
|
@@ -8164,69 +8343,205 @@
|
|
|
8164
8343
|
--color-intent-warning-edge-strong: oklch(49.23687% 0.104461 73.787219 / 0.469);
|
|
8165
8344
|
--color-intent-warning-focus: oklch(71.848357% 0.119477 84.129977 / 0.42);
|
|
8166
8345
|
--color-intent-warning-focus-width: 3px;
|
|
8167
|
-
--background-interaction-selection-accent: oklch(50.756307% 0.185449 257.696372 / 0.
|
|
8168
|
-
--background-interaction-selection-accent-hover: oklch(50.756307% 0.185449 257.696372 / 0.
|
|
8346
|
+
--background-interaction-selection-accent: oklch(50.756307% 0.185449 257.696372 / 0.118811);
|
|
8347
|
+
--background-interaction-selection-accent-hover: oklch(50.756307% 0.185449 257.696372 / 0.167052);
|
|
8169
8348
|
--color-interaction-selection-accent-ink: oklch(55.25987% 0.16965 252.857709 / 1);
|
|
8170
|
-
--background-interaction-selection-danger: oklch(50.734487% 0.20819 29.23388 / 0.
|
|
8171
|
-
--background-interaction-selection-danger-hover: oklch(50.734487% 0.20819 29.23388 / 0.
|
|
8349
|
+
--background-interaction-selection-danger: oklch(50.734487% 0.20819 29.23388 / 0.120444);
|
|
8350
|
+
--background-interaction-selection-danger-hover: oklch(50.734487% 0.20819 29.23388 / 0.169286);
|
|
8172
8351
|
--color-interaction-selection-danger-ink: oklch(56.831333% 0.171879 23.02606 / 1);
|
|
8173
|
-
--background-interaction-selection-information: oklch(50.756307% 0.185449 257.696372 / 0.
|
|
8174
|
-
--background-interaction-selection-information-hover: oklch(50.756307% 0.185449 257.696372 / 0.
|
|
8352
|
+
--background-interaction-selection-information: oklch(50.756307% 0.185449 257.696372 / 0.118811);
|
|
8353
|
+
--background-interaction-selection-information-hover: oklch(50.756307% 0.185449 257.696372 / 0.167052);
|
|
8175
8354
|
--color-interaction-selection-information-ink: oklch(55.25987% 0.16965 252.857709 / 1);
|
|
8176
|
-
--background-interaction-selection-neutral: oklch(0% 0 none / 0.
|
|
8177
|
-
--background-interaction-selection-neutral-hover: oklch(0% 0 none / 0.
|
|
8355
|
+
--background-interaction-selection-neutral: oklch(0% 0 none / 0.0761);
|
|
8356
|
+
--background-interaction-selection-neutral-hover: oklch(0% 0 none / 0.119852);
|
|
8178
8357
|
--color-interaction-selection-neutral-ink: oklch(18% 0 none / 1);
|
|
8179
|
-
--background-interaction-selection-success: oklch(48.174496% 0.14582 146.334155 / 0.
|
|
8180
|
-
--background-interaction-selection-success-hover: oklch(48.174496% 0.14582 146.334155 / 0.
|
|
8358
|
+
--background-interaction-selection-success: oklch(48.174496% 0.14582 146.334155 / 0.119873);
|
|
8359
|
+
--background-interaction-selection-success-hover: oklch(48.174496% 0.14582 146.334155 / 0.168532);
|
|
8181
8360
|
--color-interaction-selection-success-ink: oklch(53.50073% 0.118126 157.679534 / 1);
|
|
8182
|
-
--background-interaction-selection-warning: oklch(51.857569% 0.108211 77.702583 / 0.
|
|
8183
|
-
--background-interaction-selection-warning-hover: oklch(51.857569% 0.108211 77.702583 / 0.
|
|
8361
|
+
--background-interaction-selection-warning: oklch(51.857569% 0.108211 77.702583 / 0.124597);
|
|
8362
|
+
--background-interaction-selection-warning-hover: oklch(51.857569% 0.108211 77.702583 / 0.175179);
|
|
8184
8363
|
--color-interaction-selection-warning-ink: oklch(55.666518% 0.115491 79.432947 / 1);
|
|
8185
8364
|
--color-interaction-hover: oklch(75.985345% 0.0417 42.653991 / 0.035);
|
|
8186
8365
|
--color-interaction-pressed: oklch(61.752131% 0.03464 319.944721 / 0.055);
|
|
8187
|
-
--color-interaction-selected: oklch(50.756307% 0.185449 257.696372 / 0.
|
|
8188
|
-
--color-interaction-selected-hover: oklch(50.756307% 0.185449 257.696372 / 0.
|
|
8366
|
+
--color-interaction-selected: oklch(50.756307% 0.185449 257.696372 / 0.118811);
|
|
8367
|
+
--color-interaction-selected-hover: oklch(50.756307% 0.185449 257.696372 / 0.167052);
|
|
8368
|
+
--color-interaction-edge-hover: oklch(75.985345% 0.0417 42.653991 / 0.035);
|
|
8369
|
+
--color-interaction-edge-pressed: oklch(61.752131% 0.03464 319.944721 / 0.055);
|
|
8370
|
+
--color-interaction-edge-selected: oklch(50.756307% 0.185449 257.696372 / 0.118811);
|
|
8371
|
+
--color-interaction-edge-selected-hover: oklch(50.756307% 0.185449 257.696372 / 0.167052);
|
|
8189
8372
|
--opacity-interaction-disabled: 0.5;
|
|
8190
8373
|
--color-interaction-disabled: oklch(75.985345% 0.0417 42.653991 / 0.043);
|
|
8191
8374
|
--color-interaction-disabled-edge: oklch(0% 0 none / 0.294);
|
|
8192
8375
|
--color-interaction-disabled-ink: var(--ui-surface-ink-muted);
|
|
8193
8376
|
--color-scrim: oklch(12.382253% 0 none / 0.35);
|
|
8377
|
+
--color-substrate-workspace: oklch(98.510365% 0 none / 1);
|
|
8378
|
+
--color-substrate-workspace-ink: oklch(20.93472% 0 none / 1);
|
|
8379
|
+
--color-substrate-workspace-ink-muted: oklch(55.779494% 0 none / 1);
|
|
8380
|
+
--color-surface-workspace-0: oklch(98.510365% 0 none / 1);
|
|
8381
|
+
--color-surface-workspace-0-ink: oklch(20.93472% 0 none / 1);
|
|
8382
|
+
--color-surface-workspace-0-ink-muted: oklch(55.779494% 0 none / 1);
|
|
8383
|
+
--color-surface-workspace-0-edge: oklch(95.51204% 0.001003 48.821037 / 1);
|
|
8384
|
+
--color-surface-workspace-0-edge-hover: oklch(94.010893% 0.000706 226.904518 / 1);
|
|
8385
|
+
--color-surface-workspace-0-edge-strong: oklch(92.510344% 0 none / 1);
|
|
8386
|
+
--shadow-depth-workspace-0: 0 0 0 0 transparent;
|
|
8387
|
+
--color-surface-workspace-1: oklch(99.110365% 0 none / 1);
|
|
8388
|
+
--color-surface-workspace-1-ink: oklch(21.693184% 0 none / 1);
|
|
8389
|
+
--color-surface-workspace-1-ink-muted: oklch(56.194798% 0 none / 1);
|
|
8390
|
+
--color-surface-workspace-1-edge: oklch(96.111969% 0.000982 48.819123 / 1);
|
|
8391
|
+
--color-surface-workspace-1-edge-hover: oklch(94.610885% 0.000692 226.905723 / 1);
|
|
8392
|
+
--color-surface-workspace-1-edge-strong: oklch(93.110343% 0 none / 1);
|
|
8393
|
+
--shadow-depth-workspace-1: 0 0 0 0 transparent;
|
|
8394
|
+
--color-surface-workspace-2: oklch(100% 0 none / 1);
|
|
8395
|
+
--color-surface-workspace-2-ink: oklch(22.74366% 0 none / 1);
|
|
8396
|
+
--color-surface-workspace-2-ink-muted: oklch(56.808564% 0 none / 1);
|
|
8397
|
+
--color-surface-workspace-2-edge: oklch(97.001505% 0.000951 48.81641 / 1);
|
|
8398
|
+
--color-surface-workspace-2-edge-hover: oklch(95.500495% 0.000673 226.90744 / 1);
|
|
8399
|
+
--color-surface-workspace-2-edge-strong: oklch(93.999998% 0 none / 1);
|
|
8400
|
+
--shadow-depth-workspace-2: 0px 1px 1px -0.5px oklch(0% 0 none / 0.06);
|
|
8401
|
+
--color-surface-workspace-3: oklch(100% 0 none / 1);
|
|
8402
|
+
--color-surface-workspace-3-ink: oklch(22.74366% 0 none / 1);
|
|
8403
|
+
--color-surface-workspace-3-ink-muted: oklch(56.808564% 0 none / 1);
|
|
8404
|
+
--color-surface-workspace-3-edge: oklch(97.001505% 0.000951 48.81641 / 1);
|
|
8405
|
+
--color-surface-workspace-3-edge-hover: oklch(95.500495% 0.000673 226.90744 / 1);
|
|
8406
|
+
--color-surface-workspace-3-edge-strong: oklch(93.999998% 0 none / 1);
|
|
8407
|
+
--shadow-depth-workspace-3: 0px 1px 1px -0.5px oklch(0% 0 none / 0.06), 0px 3px 3px -1.5px oklch(0% 0 none / 0.06);
|
|
8408
|
+
--color-surface-workspace-4: oklch(100% 0 none / 1);
|
|
8409
|
+
--color-surface-workspace-4-ink: oklch(22.74366% 0 none / 1);
|
|
8410
|
+
--color-surface-workspace-4-ink-muted: oklch(56.808564% 0 none / 1);
|
|
8411
|
+
--color-surface-workspace-4-edge: oklch(97.001505% 0.000951 48.81641 / 1);
|
|
8412
|
+
--color-surface-workspace-4-edge-hover: oklch(95.500495% 0.000673 226.90744 / 1);
|
|
8413
|
+
--color-surface-workspace-4-edge-strong: oklch(93.999998% 0 none / 1);
|
|
8414
|
+
--shadow-depth-workspace-4: 0px 1px 1px -0.5px oklch(0% 0 none / 0.06), 0px 3px 3px -1.5px oklch(0% 0 none / 0.06), 0px 6px 6px -3px oklch(0% 0 none / 0.06);
|
|
8415
|
+
--color-surface-workspace-5: oklch(100% 0 none / 1);
|
|
8416
|
+
--color-surface-workspace-5-ink: oklch(22.74366% 0 none / 1);
|
|
8417
|
+
--color-surface-workspace-5-ink-muted: oklch(56.808564% 0 none / 1);
|
|
8418
|
+
--color-surface-workspace-5-edge: oklch(97.001505% 0.000951 48.81641 / 1);
|
|
8419
|
+
--color-surface-workspace-5-edge-hover: oklch(95.500495% 0.000673 226.90744 / 1);
|
|
8420
|
+
--color-surface-workspace-5-edge-strong: oklch(93.999998% 0 none / 1);
|
|
8421
|
+
--shadow-depth-workspace-5: 0px 1px 1px -0.5px oklch(0% 0 none / 0.06), 0px 3px 3px -1.5px oklch(0% 0 none / 0.06), 0px 6px 6px -3px oklch(0% 0 none / 0.06), 0px 12px 12px -6px oklch(0% 0 none / 0.06);
|
|
8422
|
+
--color-surface-workspace-6: oklch(100% 0 none / 1);
|
|
8423
|
+
--color-surface-workspace-6-ink: oklch(22.74366% 0 none / 1);
|
|
8424
|
+
--color-surface-workspace-6-ink-muted: oklch(56.808564% 0 none / 1);
|
|
8425
|
+
--color-surface-workspace-6-edge: oklch(97.001505% 0.000951 48.81641 / 1);
|
|
8426
|
+
--color-surface-workspace-6-edge-hover: oklch(95.500495% 0.000673 226.90744 / 1);
|
|
8427
|
+
--color-surface-workspace-6-edge-strong: oklch(93.999998% 0 none / 1);
|
|
8428
|
+
--shadow-depth-workspace-6: 0px 1px 1px -0.5px oklch(0% 0 none / 0.06), 0px 3px 3px -1.5px oklch(0% 0 none / 0.06), 0px 6px 6px -3px oklch(0% 0 none / 0.06), 0px 12px 12px -6px oklch(0% 0 none / 0.06), 0px 24px 24px -12px oklch(0% 0 none / 0.06);
|
|
8429
|
+
--color-surface-workspace-7: oklch(100% 0 none / 1);
|
|
8430
|
+
--color-surface-workspace-7-ink: oklch(22.74366% 0 none / 1);
|
|
8431
|
+
--color-surface-workspace-7-ink-muted: oklch(56.808564% 0 none / 1);
|
|
8432
|
+
--color-surface-workspace-7-edge: oklch(97.001505% 0.000951 48.81641 / 1);
|
|
8433
|
+
--color-surface-workspace-7-edge-hover: oklch(95.500495% 0.000673 226.90744 / 1);
|
|
8434
|
+
--color-surface-workspace-7-edge-strong: oklch(93.999998% 0 none / 1);
|
|
8435
|
+
--shadow-depth-workspace-7: 0px 1px 1px -0.5px oklch(0% 0 none / 0.06), 0px 3px 3px -1.5px oklch(0% 0 none / 0.06), 0px 6px 6px -3px oklch(0% 0 none / 0.06), 0px 12px 12px -6px oklch(0% 0 none / 0.06), 0px 24px 24px -12px oklch(0% 0 none / 0.06), 0px 48px 48px -24px oklch(0% 0 none / 0.06);
|
|
8436
|
+
--color-surface-workspace-8: oklch(100% 0 none / 1);
|
|
8437
|
+
--color-surface-workspace-8-ink: oklch(22.74366% 0 none / 1);
|
|
8438
|
+
--color-surface-workspace-8-ink-muted: oklch(56.808564% 0 none / 1);
|
|
8439
|
+
--color-surface-workspace-8-edge: oklch(97.001505% 0.000951 48.81641 / 1);
|
|
8440
|
+
--color-surface-workspace-8-edge-hover: oklch(95.500495% 0.000673 226.90744 / 1);
|
|
8441
|
+
--color-surface-workspace-8-edge-strong: oklch(93.999998% 0 none / 1);
|
|
8442
|
+
--shadow-depth-workspace-8: 0px 1px 1px -0.5px oklch(0% 0 none / 0.06), 0px 3px 3px -1.5px oklch(0% 0 none / 0.06), 0px 6px 6px -3px oklch(0% 0 none / 0.06), 0px 12px 12px -6px oklch(0% 0 none / 0.06), 0px 24px 24px -12px oklch(0% 0 none / 0.06), 0px 48px 48px -24px oklch(0% 0 none / 0.06), 0px 96px 96px -48px oklch(0% 0 none / 0.06);
|
|
8443
|
+
--color-substrate-chrome: oklch(96.010365% 0 none / 1);
|
|
8444
|
+
--color-substrate-chrome-ink: oklch(17.101275% 0 none / 1);
|
|
8445
|
+
--color-substrate-chrome-ink-muted: oklch(54.036418% 0 none / 1);
|
|
8446
|
+
--color-surface-chrome-0: oklch(96.010365% 0 none / 1);
|
|
8447
|
+
--color-surface-chrome-0-ink: oklch(17.101275% 0 none / 1);
|
|
8448
|
+
--color-surface-chrome-0-ink-muted: oklch(54.036418% 0 none / 1);
|
|
8449
|
+
--color-surface-chrome-0-edge: oklch(93.012377% 0.0011 48.82982 / 1);
|
|
8450
|
+
--color-surface-chrome-0-edge-hover: oklch(91.511% 0.000765 226.899059 / 1);
|
|
8451
|
+
--color-surface-chrome-0-edge-strong: oklch(90.010356% 0 none / 1);
|
|
8452
|
+
--shadow-depth-chrome-0: 0 0 0 0 transparent;
|
|
8453
|
+
--color-surface-chrome-1: oklch(96.610365% 0 none / 1);
|
|
8454
|
+
--color-surface-chrome-1-ink: oklch(18.154498% 0 none / 1);
|
|
8455
|
+
--color-surface-chrome-1-ink-muted: oklch(54.456699% 0 none / 1);
|
|
8456
|
+
--color-surface-chrome-1-edge: oklch(93.61229% 0.001076 48.827585 / 1);
|
|
8457
|
+
--color-surface-chrome-1-edge-hover: oklch(92.11098% 0.00075 226.900438 / 1);
|
|
8458
|
+
--color-surface-chrome-1-edge-strong: oklch(90.610362% 0 none / 1);
|
|
8459
|
+
--shadow-depth-chrome-1: 0 0 0 0 transparent;
|
|
8460
|
+
--color-surface-chrome-2: oklch(100% 0 none / 1);
|
|
8461
|
+
--color-surface-chrome-2-ink: oklch(22.74366% 0 none / 1);
|
|
8462
|
+
--color-surface-chrome-2-ink-muted: oklch(56.808564% 0 none / 1);
|
|
8463
|
+
--color-surface-chrome-2-edge: oklch(97.001505% 0.000951 48.81641 / 1);
|
|
8464
|
+
--color-surface-chrome-2-edge-hover: oklch(95.500495% 0.000673 226.90744 / 1);
|
|
8465
|
+
--color-surface-chrome-2-edge-strong: oklch(93.999998% 0 none / 1);
|
|
8466
|
+
--shadow-depth-chrome-2: 0px 1px 1px -0.5px oklch(0% 0 none / 0.06);
|
|
8467
|
+
--color-surface-chrome-3: oklch(100% 0 none / 1);
|
|
8468
|
+
--color-surface-chrome-3-ink: oklch(22.74366% 0 none / 1);
|
|
8469
|
+
--color-surface-chrome-3-ink-muted: oklch(56.808564% 0 none / 1);
|
|
8470
|
+
--color-surface-chrome-3-edge: oklch(97.001505% 0.000951 48.81641 / 1);
|
|
8471
|
+
--color-surface-chrome-3-edge-hover: oklch(95.500495% 0.000673 226.90744 / 1);
|
|
8472
|
+
--color-surface-chrome-3-edge-strong: oklch(93.999998% 0 none / 1);
|
|
8473
|
+
--shadow-depth-chrome-3: 0px 1px 1px -0.5px oklch(0% 0 none / 0.06), 0px 3px 3px -1.5px oklch(0% 0 none / 0.06);
|
|
8474
|
+
--color-surface-chrome-4: oklch(100% 0 none / 1);
|
|
8475
|
+
--color-surface-chrome-4-ink: oklch(22.74366% 0 none / 1);
|
|
8476
|
+
--color-surface-chrome-4-ink-muted: oklch(56.808564% 0 none / 1);
|
|
8477
|
+
--color-surface-chrome-4-edge: oklch(97.001505% 0.000951 48.81641 / 1);
|
|
8478
|
+
--color-surface-chrome-4-edge-hover: oklch(95.500495% 0.000673 226.90744 / 1);
|
|
8479
|
+
--color-surface-chrome-4-edge-strong: oklch(93.999998% 0 none / 1);
|
|
8480
|
+
--shadow-depth-chrome-4: 0px 1px 1px -0.5px oklch(0% 0 none / 0.06), 0px 3px 3px -1.5px oklch(0% 0 none / 0.06), 0px 6px 6px -3px oklch(0% 0 none / 0.06);
|
|
8481
|
+
--color-surface-chrome-5: oklch(100% 0 none / 1);
|
|
8482
|
+
--color-surface-chrome-5-ink: oklch(22.74366% 0 none / 1);
|
|
8483
|
+
--color-surface-chrome-5-ink-muted: oklch(56.808564% 0 none / 1);
|
|
8484
|
+
--color-surface-chrome-5-edge: oklch(97.001505% 0.000951 48.81641 / 1);
|
|
8485
|
+
--color-surface-chrome-5-edge-hover: oklch(95.500495% 0.000673 226.90744 / 1);
|
|
8486
|
+
--color-surface-chrome-5-edge-strong: oklch(93.999998% 0 none / 1);
|
|
8487
|
+
--shadow-depth-chrome-5: 0px 1px 1px -0.5px oklch(0% 0 none / 0.06), 0px 3px 3px -1.5px oklch(0% 0 none / 0.06), 0px 6px 6px -3px oklch(0% 0 none / 0.06), 0px 12px 12px -6px oklch(0% 0 none / 0.06);
|
|
8488
|
+
--color-surface-chrome-6: oklch(100% 0 none / 1);
|
|
8489
|
+
--color-surface-chrome-6-ink: oklch(22.74366% 0 none / 1);
|
|
8490
|
+
--color-surface-chrome-6-ink-muted: oklch(56.808564% 0 none / 1);
|
|
8491
|
+
--color-surface-chrome-6-edge: oklch(97.001505% 0.000951 48.81641 / 1);
|
|
8492
|
+
--color-surface-chrome-6-edge-hover: oklch(95.500495% 0.000673 226.90744 / 1);
|
|
8493
|
+
--color-surface-chrome-6-edge-strong: oklch(93.999998% 0 none / 1);
|
|
8494
|
+
--shadow-depth-chrome-6: 0px 1px 1px -0.5px oklch(0% 0 none / 0.06), 0px 3px 3px -1.5px oklch(0% 0 none / 0.06), 0px 6px 6px -3px oklch(0% 0 none / 0.06), 0px 12px 12px -6px oklch(0% 0 none / 0.06), 0px 24px 24px -12px oklch(0% 0 none / 0.06);
|
|
8495
|
+
--color-surface-chrome-7: oklch(100% 0 none / 1);
|
|
8496
|
+
--color-surface-chrome-7-ink: oklch(22.74366% 0 none / 1);
|
|
8497
|
+
--color-surface-chrome-7-ink-muted: oklch(56.808564% 0 none / 1);
|
|
8498
|
+
--color-surface-chrome-7-edge: oklch(97.001505% 0.000951 48.81641 / 1);
|
|
8499
|
+
--color-surface-chrome-7-edge-hover: oklch(95.500495% 0.000673 226.90744 / 1);
|
|
8500
|
+
--color-surface-chrome-7-edge-strong: oklch(93.999998% 0 none / 1);
|
|
8501
|
+
--shadow-depth-chrome-7: 0px 1px 1px -0.5px oklch(0% 0 none / 0.06), 0px 3px 3px -1.5px oklch(0% 0 none / 0.06), 0px 6px 6px -3px oklch(0% 0 none / 0.06), 0px 12px 12px -6px oklch(0% 0 none / 0.06), 0px 24px 24px -12px oklch(0% 0 none / 0.06), 0px 48px 48px -24px oklch(0% 0 none / 0.06);
|
|
8502
|
+
--color-surface-chrome-8: oklch(100% 0 none / 1);
|
|
8503
|
+
--color-surface-chrome-8-ink: oklch(22.74366% 0 none / 1);
|
|
8504
|
+
--color-surface-chrome-8-ink-muted: oklch(56.808564% 0 none / 1);
|
|
8505
|
+
--color-surface-chrome-8-edge: oklch(97.001505% 0.000951 48.81641 / 1);
|
|
8506
|
+
--color-surface-chrome-8-edge-hover: oklch(95.500495% 0.000673 226.90744 / 1);
|
|
8507
|
+
--color-surface-chrome-8-edge-strong: oklch(93.999998% 0 none / 1);
|
|
8508
|
+
--shadow-depth-chrome-8: 0px 1px 1px -0.5px oklch(0% 0 none / 0.06), 0px 3px 3px -1.5px oklch(0% 0 none / 0.06), 0px 6px 6px -3px oklch(0% 0 none / 0.06), 0px 12px 12px -6px oklch(0% 0 none / 0.06), 0px 24px 24px -12px oklch(0% 0 none / 0.06), 0px 48px 48px -24px oklch(0% 0 none / 0.06), 0px 96px 96px -48px oklch(0% 0 none / 0.06);
|
|
8194
8509
|
--color-surface-0: oklch(98.510365% 0 none / 1);
|
|
8195
8510
|
--color-surface-0-ink: oklch(20.93472% 0 none / 1);
|
|
8196
8511
|
--color-surface-0-ink-muted: oklch(55.779494% 0 none / 1);
|
|
8197
|
-
--shadow-elevation-0: 0
|
|
8512
|
+
--shadow-elevation-0: var(--ui-local-elevation-0);
|
|
8198
8513
|
--color-surface-1: oklch(99.110365% 0 none / 1);
|
|
8199
8514
|
--color-surface-1-ink: oklch(21.693184% 0 none / 1);
|
|
8200
8515
|
--color-surface-1-ink-muted: oklch(56.194798% 0 none / 1);
|
|
8201
|
-
--shadow-elevation-1:
|
|
8516
|
+
--shadow-elevation-1: var(--ui-local-elevation-1);
|
|
8202
8517
|
--color-surface-2: oklch(100% 0 none / 1);
|
|
8203
8518
|
--color-surface-2-ink: oklch(22.74366% 0 none / 1);
|
|
8204
8519
|
--color-surface-2-ink-muted: oklch(56.808564% 0 none / 1);
|
|
8205
|
-
--shadow-elevation-2:
|
|
8520
|
+
--shadow-elevation-2: var(--ui-local-elevation-2);
|
|
8206
8521
|
--color-surface-3: oklch(100% 0 none / 1);
|
|
8207
8522
|
--color-surface-3-ink: oklch(22.74366% 0 none / 1);
|
|
8208
8523
|
--color-surface-3-ink-muted: oklch(56.808564% 0 none / 1);
|
|
8209
|
-
--shadow-elevation-3:
|
|
8524
|
+
--shadow-elevation-3: var(--ui-local-elevation-3);
|
|
8210
8525
|
--color-surface-4: oklch(100% 0 none / 1);
|
|
8211
8526
|
--color-surface-4-ink: oklch(22.74366% 0 none / 1);
|
|
8212
8527
|
--color-surface-4-ink-muted: oklch(56.808564% 0 none / 1);
|
|
8213
|
-
--shadow-elevation-4:
|
|
8528
|
+
--shadow-elevation-4: var(--ui-local-elevation-4);
|
|
8214
8529
|
--color-surface-5: oklch(100% 0 none / 1);
|
|
8215
8530
|
--color-surface-5-ink: oklch(22.74366% 0 none / 1);
|
|
8216
8531
|
--color-surface-5-ink-muted: oklch(56.808564% 0 none / 1);
|
|
8217
|
-
--shadow-elevation-5:
|
|
8532
|
+
--shadow-elevation-5: var(--ui-local-elevation-5);
|
|
8218
8533
|
--color-surface-6: oklch(100% 0 none / 1);
|
|
8219
8534
|
--color-surface-6-ink: oklch(22.74366% 0 none / 1);
|
|
8220
8535
|
--color-surface-6-ink-muted: oklch(56.808564% 0 none / 1);
|
|
8221
|
-
--shadow-elevation-6:
|
|
8536
|
+
--shadow-elevation-6: var(--ui-local-elevation-6);
|
|
8222
8537
|
--color-surface-7: oklch(100% 0 none / 1);
|
|
8223
8538
|
--color-surface-7-ink: oklch(22.74366% 0 none / 1);
|
|
8224
8539
|
--color-surface-7-ink-muted: oklch(56.808564% 0 none / 1);
|
|
8225
|
-
--shadow-elevation-7:
|
|
8540
|
+
--shadow-elevation-7: var(--ui-local-elevation-7);
|
|
8226
8541
|
--color-surface-8: oklch(100% 0 none / 1);
|
|
8227
8542
|
--color-surface-8-ink: oklch(22.74366% 0 none / 1);
|
|
8228
8543
|
--color-surface-8-ink-muted: oklch(56.808564% 0 none / 1);
|
|
8229
|
-
--shadow-elevation-8:
|
|
8544
|
+
--shadow-elevation-8: var(--ui-local-elevation-8);
|
|
8230
8545
|
}
|
|
8231
8546
|
.dark {
|
|
8232
8547
|
--color-separator: oklch(46.196358% 0.002178 197.081633 / 0.125);
|
|
@@ -8327,69 +8642,205 @@
|
|
|
8327
8642
|
--color-intent-warning-edge-strong: oklch(65.04112% 0.133369 84.629105 / 0.373);
|
|
8328
8643
|
--color-intent-warning-focus: oklch(56.020502% 0.113818 84.129977 / 0.42);
|
|
8329
8644
|
--color-intent-warning-focus-width: 3px;
|
|
8330
|
-
--background-interaction-selection-accent: oklch(77.631661% 0.121666 245.605952 / 0.
|
|
8331
|
-
--background-interaction-selection-accent-hover: oklch(77.631661% 0.121666 245.605952 / 0.
|
|
8645
|
+
--background-interaction-selection-accent: oklch(77.631661% 0.121666 245.605952 / 0.058873);
|
|
8646
|
+
--background-interaction-selection-accent-hover: oklch(77.631661% 0.121666 245.605952 / 0.087255);
|
|
8332
8647
|
--color-interaction-selection-accent-ink: oklch(75.932957% 0.129993 247.644507 / 1);
|
|
8333
|
-
--background-interaction-selection-danger: oklch(78.425088% 0.125337 22.763785 / 0.
|
|
8334
|
-
--background-interaction-selection-danger-hover: oklch(78.425088% 0.125337 22.763785 / 0.
|
|
8648
|
+
--background-interaction-selection-danger: oklch(78.425088% 0.125337 22.763785 / 0.056177);
|
|
8649
|
+
--background-interaction-selection-danger-hover: oklch(78.425088% 0.125337 22.763785 / 0.083144);
|
|
8335
8650
|
--color-interaction-selection-danger-ink: oklch(76.851326% 0.136711 22.908814 / 1);
|
|
8336
|
-
--background-interaction-selection-information: oklch(77.631661% 0.121666 245.605952 / 0.
|
|
8337
|
-
--background-interaction-selection-information-hover: oklch(77.631661% 0.121666 245.605952 / 0.
|
|
8651
|
+
--background-interaction-selection-information: oklch(77.631661% 0.121666 245.605952 / 0.058873);
|
|
8652
|
+
--background-interaction-selection-information-hover: oklch(77.631661% 0.121666 245.605952 / 0.087255);
|
|
8338
8653
|
--color-interaction-selection-information-ink: oklch(75.932957% 0.129993 247.644507 / 1);
|
|
8339
|
-
--background-interaction-selection-neutral: oklch(89.093811% 0 none / 0.
|
|
8340
|
-
--background-interaction-selection-neutral-hover: oklch(89.093811% 0 none / 0.
|
|
8654
|
+
--background-interaction-selection-neutral: oklch(89.093811% 0 none / 0.029342);
|
|
8655
|
+
--background-interaction-selection-neutral-hover: oklch(89.093811% 0 none / 0.048426);
|
|
8341
8656
|
--color-interaction-selection-neutral-ink: oklch(86% 0 none / 1);
|
|
8342
|
-
--background-interaction-selection-success: oklch(78.22263% 0.109703 157.679229 / 0.
|
|
8343
|
-
--background-interaction-selection-success-hover: oklch(78.22263% 0.109703 157.679229 / 0.
|
|
8657
|
+
--background-interaction-selection-success: oklch(78.22263% 0.109703 157.679229 / 0.060166);
|
|
8658
|
+
--background-interaction-selection-success-hover: oklch(78.22263% 0.109703 157.679229 / 0.088788);
|
|
8344
8659
|
--color-interaction-selection-success-ink: oklch(75.524628% 0.105769 157.679534 / 1);
|
|
8345
|
-
--background-interaction-selection-warning: oklch(79.718501% 0.129813 84.141302 / 0.
|
|
8346
|
-
--background-interaction-selection-warning-hover: oklch(79.718501% 0.129813 84.141302 / 0.
|
|
8660
|
+
--background-interaction-selection-warning: oklch(79.718501% 0.129813 84.141302 / 0.055716);
|
|
8661
|
+
--background-interaction-selection-warning-hover: oklch(79.718501% 0.129813 84.141302 / 0.082057);
|
|
8347
8662
|
--color-interaction-selection-warning-ink: oklch(76.965573% 0.125137 84.129977 / 1);
|
|
8348
8663
|
--color-interaction-hover: oklch(34.3079% 0.016055 196.427263 / 0.035);
|
|
8349
8664
|
--color-interaction-pressed: oklch(46.196358% 0.002178 197.081633 / 0.055);
|
|
8350
|
-
--color-interaction-selected: oklch(77.631661% 0.121666 245.605952 / 0.
|
|
8351
|
-
--color-interaction-selected-hover: oklch(77.631661% 0.121666 245.605952 / 0.
|
|
8665
|
+
--color-interaction-selected: oklch(77.631661% 0.121666 245.605952 / 0.058873);
|
|
8666
|
+
--color-interaction-selected-hover: oklch(77.631661% 0.121666 245.605952 / 0.087255);
|
|
8667
|
+
--color-interaction-edge-hover: oklch(34.3079% 0.016055 196.427263 / 0.035);
|
|
8668
|
+
--color-interaction-edge-pressed: oklch(46.196358% 0.002178 197.081633 / 0.055);
|
|
8669
|
+
--color-interaction-edge-selected: oklch(77.631661% 0.121666 245.605952 / 0.058873);
|
|
8670
|
+
--color-interaction-edge-selected-hover: oklch(77.631661% 0.121666 245.605952 / 0.087255);
|
|
8352
8671
|
--opacity-interaction-disabled: 0.5;
|
|
8353
8672
|
--color-interaction-disabled: oklch(34.3079% 0.016055 196.427263 / 0.047);
|
|
8354
8673
|
--color-interaction-disabled-edge: oklch(56.829515% 0.000719 197.137733 / 0.294);
|
|
8355
8674
|
--color-interaction-disabled-ink: var(--ui-surface-ink-muted);
|
|
8356
8675
|
--color-scrim: oklch(20.962653% 0 none / 0.55);
|
|
8676
|
+
--color-substrate-workspace: oklch(20.462653% 0 none / 1);
|
|
8677
|
+
--color-substrate-workspace-ink: oklch(92.184718% 0 none / 1);
|
|
8678
|
+
--color-substrate-workspace-ink-muted: oklch(76.561054% 0 none / 1);
|
|
8679
|
+
--color-surface-workspace-0: oklch(20.462653% 0 none / 1);
|
|
8680
|
+
--color-surface-workspace-0-ink: oklch(92.184718% 0 none / 1);
|
|
8681
|
+
--color-surface-workspace-0-ink-muted: oklch(76.561054% 0 none / 1);
|
|
8682
|
+
--color-surface-workspace-0-edge: oklch(23.462529% 0.000305 197.137169 / 1);
|
|
8683
|
+
--color-surface-workspace-0-edge-hover: oklch(24.962499% 0.000387 197.133078 / 1);
|
|
8684
|
+
--color-surface-workspace-0-edge-strong: oklch(26.462687% 0.000189 none / 1);
|
|
8685
|
+
--shadow-depth-workspace-0: 0 0 0 0 transparent;
|
|
8686
|
+
--color-surface-workspace-1: oklch(22.962653% 0 none / 1);
|
|
8687
|
+
--color-surface-workspace-1-ink: oklch(92.501588% 0 none / 1);
|
|
8688
|
+
--color-surface-workspace-1-ink-muted: oklch(76.93548% 0 none / 1);
|
|
8689
|
+
--color-surface-workspace-1-edge: oklch(25.962493% 0.000318 197.138375 / 1);
|
|
8690
|
+
--color-surface-workspace-1-edge-hover: oklch(27.462498% 0.000404 197.134346 / 1);
|
|
8691
|
+
--color-surface-workspace-1-edge-strong: oklch(28.962633% 0.000197 none / 1);
|
|
8692
|
+
--shadow-depth-workspace-1: 0 0 0 0 transparent;
|
|
8693
|
+
--color-surface-workspace-2: oklch(25.462653% 0.000386 251.779887 / 1);
|
|
8694
|
+
--color-surface-workspace-2-ink: oklch(92.908812% 0.000077 251.779887 / 1);
|
|
8695
|
+
--color-surface-workspace-2-ink-muted: oklch(77.415975% 0.000077 251.779887 / 1);
|
|
8696
|
+
--color-surface-workspace-2-edge: oklch(28.462523% 0.000556 222.391942 / 1);
|
|
8697
|
+
--color-surface-workspace-2-edge-hover: oklch(29.962519% 0.00061 217.143283 / 1);
|
|
8698
|
+
--color-surface-workspace-2-edge-strong: oklch(31.462634% 0.000388 226.187054 / 1);
|
|
8699
|
+
--shadow-depth-workspace-2: 0px 1px 1px -0.5px oklch(0% 0 none / 0.18), inset 0px 1px 0px 0px oklch(100% 0 none / 0.01);
|
|
8700
|
+
--color-surface-workspace-3: oklch(28.262653% 0.000579 251.779887 / 1);
|
|
8701
|
+
--color-surface-workspace-3-ink: oklch(93.477871% 0.000116 251.779887 / 1);
|
|
8702
|
+
--color-surface-workspace-3-ink-muted: oklch(78.08603% 0.000116 251.779887 / 1);
|
|
8703
|
+
--color-surface-workspace-3-edge: oklch(31.26252% 0.000707 227.458527 / 1);
|
|
8704
|
+
--color-surface-workspace-3-edge-hover: oklch(32.7625% 0.000745 222.113099 / 1);
|
|
8705
|
+
--color-surface-workspace-3-edge-strong: oklch(34.262654% 0.000508 231.447284 / 1);
|
|
8706
|
+
--shadow-depth-workspace-3: 0px 1px 1px -0.5px oklch(0% 0 none / 0.18), 0px 3px 3px -1.5px oklch(0% 0 none / 0.18), inset 0px 1px 0px 0px oklch(100% 0 none / 0.02);
|
|
8707
|
+
--color-surface-workspace-4: oklch(31.262653% 0.000965 251.779887 / 1);
|
|
8708
|
+
--color-surface-workspace-4-ink: oklch(94.237603% 0.000193 251.779887 / 1);
|
|
8709
|
+
--color-surface-workspace-4-ink-muted: oklch(78.978204% 0.000193 251.779887 / 1);
|
|
8710
|
+
--color-surface-workspace-4-edge: oklch(34.262495% 0.001001 233.303998 / 1);
|
|
8711
|
+
--color-surface-workspace-4-edge-hover: oklch(35.76248% 0.001005 228.347129 / 1);
|
|
8712
|
+
--color-surface-workspace-4-edge-strong: oklch(37.262601% 0.000744 237.136646 / 1);
|
|
8713
|
+
--shadow-depth-workspace-4: 0px 1px 1px -0.5px oklch(0% 0 none / 0.18), 0px 3px 3px -1.5px oklch(0% 0 none / 0.18), 0px 6px 6px -3px oklch(0% 0 none / 0.18), inset 0px 1px 0px 0px oklch(100% 0 none / 0.02);
|
|
8714
|
+
--color-surface-workspace-5: oklch(34.462653% 0.001351 251.779887 / 1);
|
|
8715
|
+
--color-surface-workspace-5-ink: oklch(95.30435% 0.00027 251.779887 / 1);
|
|
8716
|
+
--color-surface-workspace-5-ink-muted: oklch(80.226419% 0.00027 251.779887 / 1);
|
|
8717
|
+
--color-surface-workspace-5-edge: oklch(37.462422% 0.001296 235.782492 / 1);
|
|
8718
|
+
--color-surface-workspace-5-edge-hover: oklch(38.962419% 0.001266 231.218628 / 1);
|
|
8719
|
+
--color-surface-workspace-5-edge-strong: oklch(40.462488% 0.000975 239.703581 / 1);
|
|
8720
|
+
--shadow-depth-workspace-5: 0px 1px 1px -0.5px oklch(0% 0 none / 0.18), 0px 3px 3px -1.5px oklch(0% 0 none / 0.18), 0px 6px 6px -3px oklch(0% 0 none / 0.18), 0px 12px 12px -6px oklch(0% 0 none / 0.18), inset 0px 1px 0px 0px oklch(100% 0 none / 0.04);
|
|
8721
|
+
--color-surface-workspace-6: oklch(37.862653% 0.001737 251.779887 / 1);
|
|
8722
|
+
--color-surface-workspace-6-ink: oklch(96.597068% 0.000347 251.779887 / 1);
|
|
8723
|
+
--color-surface-workspace-6-ink-muted: oklch(81.732335% 0.000347 251.779887 / 1);
|
|
8724
|
+
--color-surface-workspace-6-edge: oklch(40.862272% 0.001573 236.149111 / 1);
|
|
8725
|
+
--color-surface-workspace-6-edge-hover: oklch(42.362252% 0.001507 231.763263 / 1);
|
|
8726
|
+
--color-surface-workspace-6-edge-strong: oklch(43.862347% 0.00118 240.680589 / 1);
|
|
8727
|
+
--shadow-depth-workspace-6: 0px 1px 1px -0.5px oklch(0% 0 none / 0.18), 0px 3px 3px -1.5px oklch(0% 0 none / 0.18), 0px 6px 6px -3px oklch(0% 0 none / 0.18), 0px 12px 12px -6px oklch(0% 0 none / 0.18), 0px 24px 24px -12px oklch(0% 0 none / 0.18), inset 0px 1px 0px 0px oklch(100% 0 none / 0.04);
|
|
8728
|
+
--color-surface-workspace-7: oklch(41.462653% 0.002316 251.779887 / 1);
|
|
8729
|
+
--color-surface-workspace-7-ink: oklch(98.092835% 0.000463 251.779887 / 1);
|
|
8730
|
+
--color-surface-workspace-7-ink-muted: oklch(83.46613% 0.000463 251.779887 / 1);
|
|
8731
|
+
--color-surface-workspace-7-edge: oklch(44.461748% 0.001909 234.987041 / 1);
|
|
8732
|
+
--color-surface-workspace-7-edge-hover: oklch(45.961728% 0.001786 230.699768 / 1);
|
|
8733
|
+
--color-surface-workspace-7-edge-strong: oklch(47.461907% 0.001423 241.125315 / 1);
|
|
8734
|
+
--shadow-depth-workspace-7: 0px 1px 1px -0.5px oklch(0% 0 none / 0.18), 0px 3px 3px -1.5px oklch(0% 0 none / 0.18), 0px 6px 6px -3px oklch(0% 0 none / 0.18), 0px 12px 12px -6px oklch(0% 0 none / 0.18), 0px 24px 24px -12px oklch(0% 0 none / 0.18), 0px 48px 48px -24px oklch(0% 0 none / 0.18), inset 0px 1px 0px 0px oklch(100% 0 none / 0.06);
|
|
8735
|
+
--color-surface-workspace-8: oklch(45.262653% 0.002896 251.779887 / 1);
|
|
8736
|
+
--color-surface-workspace-8-ink: oklch(99.80618% 0.000579 251.779887 / 1);
|
|
8737
|
+
--color-surface-workspace-8-ink-muted: oklch(85.441382% 0.000579 251.779887 / 1);
|
|
8738
|
+
--color-surface-workspace-8-edge: oklch(48.259319% 0.001997 225.532443 / 1);
|
|
8739
|
+
--color-surface-workspace-8-edge-hover: oklch(49.759858% 0.001852 221.880992 / 1);
|
|
8740
|
+
--color-surface-workspace-8-edge-strong: oklch(51.26084% 0.001491 239.070665 / 1);
|
|
8741
|
+
--shadow-depth-workspace-8: 0px 1px 1px -0.5px oklch(0% 0 none / 0.18), 0px 3px 3px -1.5px oklch(0% 0 none / 0.18), 0px 6px 6px -3px oklch(0% 0 none / 0.18), 0px 12px 12px -6px oklch(0% 0 none / 0.18), 0px 24px 24px -12px oklch(0% 0 none / 0.18), 0px 48px 48px -24px oklch(0% 0 none / 0.18), 0px 96px 96px -48px oklch(0% 0 none / 0.18), inset 0px 1px 0px 0px oklch(100% 0 none / 0.06);
|
|
8742
|
+
--color-substrate-chrome: oklch(22.462653% 0 none / 1);
|
|
8743
|
+
--color-substrate-chrome-ink: oklch(92.431093% 0 none / 1);
|
|
8744
|
+
--color-substrate-chrome-ink-muted: oklch(76.852224% 0 none / 1);
|
|
8745
|
+
--color-surface-chrome-0: oklch(22.462653% 0 none / 1);
|
|
8746
|
+
--color-surface-chrome-0-ink: oklch(92.431093% 0 none / 1);
|
|
8747
|
+
--color-surface-chrome-0-ink-muted: oklch(76.852224% 0 none / 1);
|
|
8748
|
+
--color-surface-chrome-0-edge: oklch(25.462509% 0.000315 197.138165 / 1);
|
|
8749
|
+
--color-surface-chrome-0-edge-hover: oklch(26.962476% 0.000401 197.134123 / 1);
|
|
8750
|
+
--color-surface-chrome-0-edge-strong: oklch(28.462668% 0.000195 none / 1);
|
|
8751
|
+
--shadow-depth-chrome-0: 0 0 0 0 transparent;
|
|
8752
|
+
--color-surface-chrome-1: oklch(24.962653% 0 none / 1);
|
|
8753
|
+
--color-surface-chrome-1-ink: oklch(92.819977% 0 none / 1);
|
|
8754
|
+
--color-surface-chrome-1-ink-muted: oklch(77.311197% 0 none / 1);
|
|
8755
|
+
--color-surface-chrome-1-edge: oklch(27.962487% 0.000331 197.139076 / 1);
|
|
8756
|
+
--color-surface-chrome-1-edge-hover: oklch(29.462476% 0.00042 197.135101 / 1);
|
|
8757
|
+
--color-surface-chrome-1-edge-strong: oklch(30.96262% 0.000204 none / 1);
|
|
8758
|
+
--shadow-depth-chrome-1: 0 0 0 0 transparent;
|
|
8759
|
+
--color-surface-chrome-2: oklch(27.462653% 0.000386 251.779887 / 1);
|
|
8760
|
+
--color-surface-chrome-2-ink: oklch(93.302555% 0.000077 251.779887 / 1);
|
|
8761
|
+
--color-surface-chrome-2-ink-muted: oklch(77.879753% 0.000077 251.779887 / 1);
|
|
8762
|
+
--color-surface-chrome-2-edge: oklch(30.462513% 0.000571 221.77183 / 1);
|
|
8763
|
+
--color-surface-chrome-2-edge-hover: oklch(31.962502% 0.000628 216.618278 / 1);
|
|
8764
|
+
--color-surface-chrome-2-edge-strong: oklch(33.462647% 0.000397 225.793124 / 1);
|
|
8765
|
+
--shadow-depth-chrome-2: 0px 1px 1px -0.5px oklch(0% 0 none / 0.18), inset 0px 1px 0px 0px oklch(100% 0 none / 0.01);
|
|
8766
|
+
--color-surface-chrome-3: oklch(30.262653% 0.000579 251.779887 / 1);
|
|
8767
|
+
--color-surface-chrome-3-ink: oklch(93.964672% 0.000116 251.779887 / 1);
|
|
8768
|
+
--color-surface-chrome-3-ink-muted: oklch(78.657981% 0.000116 251.779887 / 1);
|
|
8769
|
+
--color-surface-chrome-3-edge: oklch(33.262492% 0.000723 226.594365 / 1);
|
|
8770
|
+
--color-surface-chrome-3-edge-hover: oklch(34.762482% 0.000766 221.2992 / 1);
|
|
8771
|
+
--color-surface-chrome-3-edge-strong: oklch(36.262627% 0.000517 230.883702 / 1);
|
|
8772
|
+
--shadow-depth-chrome-3: 0px 1px 1px -0.5px oklch(0% 0 none / 0.18), 0px 3px 3px -1.5px oklch(0% 0 none / 0.18), inset 0px 1px 0px 0px oklch(100% 0 none / 0.02);
|
|
8773
|
+
--color-surface-chrome-4: oklch(33.262653% 0.000965 251.779887 / 1);
|
|
8774
|
+
--color-surface-chrome-4-ink: oklch(94.876877% 0.000193 251.779887 / 1);
|
|
8775
|
+
--color-surface-chrome-4-ink-muted: oklch(79.72682% 0.000193 251.779887 / 1);
|
|
8776
|
+
--color-surface-chrome-4-edge: oklch(36.26246% 0.001017 232.202687 / 1);
|
|
8777
|
+
--color-surface-chrome-4-edge-hover: oklch(37.762464% 0.001024 227.196654 / 1);
|
|
8778
|
+
--color-surface-chrome-4-edge-strong: oklch(39.262572% 0.000749 236.454555 / 1);
|
|
8779
|
+
--shadow-depth-chrome-4: 0px 1px 1px -0.5px oklch(0% 0 none / 0.18), 0px 3px 3px -1.5px oklch(0% 0 none / 0.18), 0px 6px 6px -3px oklch(0% 0 none / 0.18), inset 0px 1px 0px 0px oklch(100% 0 none / 0.02);
|
|
8780
|
+
--color-surface-chrome-5: oklch(36.462653% 0.001351 251.779887 / 1);
|
|
8781
|
+
--color-surface-chrome-5-ink: oklch(96.050221% 0.00027 251.779887 / 1);
|
|
8782
|
+
--color-surface-chrome-5-ink-muted: oklch(81.096153% 0.00027 251.779887 / 1);
|
|
8783
|
+
--color-surface-chrome-5-edge: oklch(39.462383% 0.001307 234.298071 / 1);
|
|
8784
|
+
--color-surface-chrome-5-edge-hover: oklch(40.962375% 0.001279 229.607436 / 1);
|
|
8785
|
+
--color-surface-chrome-5-edge-strong: oklch(42.462487% 0.00097 238.845262 / 1);
|
|
8786
|
+
--shadow-depth-chrome-5: 0px 1px 1px -0.5px oklch(0% 0 none / 0.18), 0px 3px 3px -1.5px oklch(0% 0 none / 0.18), 0px 6px 6px -3px oklch(0% 0 none / 0.18), 0px 12px 12px -6px oklch(0% 0 none / 0.18), inset 0px 1px 0px 0px oklch(100% 0 none / 0.04);
|
|
8787
|
+
--color-surface-chrome-6: oklch(39.862653% 0.001737 251.779887 / 1);
|
|
8788
|
+
--color-surface-chrome-6-ink: oklch(97.412147% 0.000347 251.779887 / 1);
|
|
8789
|
+
--color-surface-chrome-6-ink-muted: oklch(82.678213% 0.000347 251.779887 / 1);
|
|
8790
|
+
--color-surface-chrome-6-edge: oklch(42.862164% 0.001571 233.821318 / 1);
|
|
8791
|
+
--color-surface-chrome-6-edge-hover: oklch(44.362153% 0.001508 229.256581 / 1);
|
|
8792
|
+
--color-surface-chrome-6-edge-strong: oklch(45.862305% 0.001155 239.47996 / 1);
|
|
8793
|
+
--shadow-depth-chrome-6: 0px 1px 1px -0.5px oklch(0% 0 none / 0.18), 0px 3px 3px -1.5px oklch(0% 0 none / 0.18), 0px 6px 6px -3px oklch(0% 0 none / 0.18), 0px 12px 12px -6px oklch(0% 0 none / 0.18), 0px 24px 24px -12px oklch(0% 0 none / 0.18), inset 0px 1px 0px 0px oklch(100% 0 none / 0.04);
|
|
8794
|
+
--color-surface-chrome-7: oklch(43.462653% 0.002316 251.779887 / 1);
|
|
8795
|
+
--color-surface-chrome-7-ink: oklch(98.977631% 0.000463 251.779887 / 1);
|
|
8796
|
+
--color-surface-chrome-7-ink-muted: oklch(84.487538% 0.000463 251.779887 / 1);
|
|
8797
|
+
--color-surface-chrome-7-edge: oklch(46.461298% 0.001854 230.212094 / 1);
|
|
8798
|
+
--color-surface-chrome-7-edge-hover: oklch(47.961383% 0.001739 225.859971 / 1);
|
|
8799
|
+
--color-surface-chrome-7-edge-strong: oklch(49.461752% 0.001348 239.206648 / 1);
|
|
8800
|
+
--shadow-depth-chrome-7: 0px 1px 1px -0.5px oklch(0% 0 none / 0.18), 0px 3px 3px -1.5px oklch(0% 0 none / 0.18), 0px 6px 6px -3px oklch(0% 0 none / 0.18), 0px 12px 12px -6px oklch(0% 0 none / 0.18), 0px 24px 24px -12px oklch(0% 0 none / 0.18), 0px 48px 48px -24px oklch(0% 0 none / 0.18), inset 0px 1px 0px 0px oklch(100% 0 none / 0.06);
|
|
8801
|
+
--color-surface-chrome-8: oklch(47.262653% 0.002896 251.779887 / 1);
|
|
8802
|
+
--color-surface-chrome-8-ink: oklch(100% 0 none / 1);
|
|
8803
|
+
--color-surface-chrome-8-ink-muted: oklch(86.636302% 0.000579 251.779887 / 1);
|
|
8804
|
+
--color-surface-chrome-8-edge: oklch(50.262655% 0.002731 251.779887 / 1);
|
|
8805
|
+
--color-surface-chrome-8-edge-hover: oklch(51.762631% 0.002649 251.779887 / 1);
|
|
8806
|
+
--color-surface-chrome-8-edge-strong: oklch(53.260215% 0.001288 234.367506 / 1);
|
|
8807
|
+
--shadow-depth-chrome-8: 0px 1px 1px -0.5px oklch(0% 0 none / 0.18), 0px 3px 3px -1.5px oklch(0% 0 none / 0.18), 0px 6px 6px -3px oklch(0% 0 none / 0.18), 0px 12px 12px -6px oklch(0% 0 none / 0.18), 0px 24px 24px -12px oklch(0% 0 none / 0.18), 0px 48px 48px -24px oklch(0% 0 none / 0.18), 0px 96px 96px -48px oklch(0% 0 none / 0.18), inset 0px 1px 0px 0px oklch(100% 0 none / 0.06);
|
|
8357
8808
|
--color-surface-0: oklch(20.462653% 0 none / 1);
|
|
8358
8809
|
--color-surface-0-ink: oklch(92.184718% 0 none / 1);
|
|
8359
8810
|
--color-surface-0-ink-muted: oklch(76.561054% 0 none / 1);
|
|
8360
|
-
--shadow-elevation-0: 0
|
|
8811
|
+
--shadow-elevation-0: var(--ui-local-elevation-0);
|
|
8361
8812
|
--color-surface-1: oklch(22.962653% 0 none / 1);
|
|
8362
8813
|
--color-surface-1-ink: oklch(92.501588% 0 none / 1);
|
|
8363
8814
|
--color-surface-1-ink-muted: oklch(76.93548% 0 none / 1);
|
|
8364
|
-
--shadow-elevation-1:
|
|
8815
|
+
--shadow-elevation-1: var(--ui-local-elevation-1);
|
|
8365
8816
|
--color-surface-2: oklch(25.462653% 0.000386 251.779887 / 1);
|
|
8366
8817
|
--color-surface-2-ink: oklch(92.908812% 0.000077 251.779887 / 1);
|
|
8367
8818
|
--color-surface-2-ink-muted: oklch(77.415975% 0.000077 251.779887 / 1);
|
|
8368
|
-
--shadow-elevation-2:
|
|
8819
|
+
--shadow-elevation-2: var(--ui-local-elevation-2);
|
|
8369
8820
|
--color-surface-3: oklch(28.262653% 0.000579 251.779887 / 1);
|
|
8370
8821
|
--color-surface-3-ink: oklch(93.477871% 0.000116 251.779887 / 1);
|
|
8371
8822
|
--color-surface-3-ink-muted: oklch(78.08603% 0.000116 251.779887 / 1);
|
|
8372
|
-
--shadow-elevation-3:
|
|
8823
|
+
--shadow-elevation-3: var(--ui-local-elevation-3);
|
|
8373
8824
|
--color-surface-4: oklch(31.262653% 0.000965 251.779887 / 1);
|
|
8374
8825
|
--color-surface-4-ink: oklch(94.237603% 0.000193 251.779887 / 1);
|
|
8375
8826
|
--color-surface-4-ink-muted: oklch(78.978204% 0.000193 251.779887 / 1);
|
|
8376
|
-
--shadow-elevation-4:
|
|
8827
|
+
--shadow-elevation-4: var(--ui-local-elevation-4);
|
|
8377
8828
|
--color-surface-5: oklch(34.462653% 0.001351 251.779887 / 1);
|
|
8378
8829
|
--color-surface-5-ink: oklch(95.30435% 0.00027 251.779887 / 1);
|
|
8379
8830
|
--color-surface-5-ink-muted: oklch(80.226419% 0.00027 251.779887 / 1);
|
|
8380
|
-
--shadow-elevation-5:
|
|
8831
|
+
--shadow-elevation-5: var(--ui-local-elevation-5);
|
|
8381
8832
|
--color-surface-6: oklch(37.862653% 0.001737 251.779887 / 1);
|
|
8382
8833
|
--color-surface-6-ink: oklch(96.597068% 0.000347 251.779887 / 1);
|
|
8383
8834
|
--color-surface-6-ink-muted: oklch(81.732335% 0.000347 251.779887 / 1);
|
|
8384
|
-
--shadow-elevation-6:
|
|
8835
|
+
--shadow-elevation-6: var(--ui-local-elevation-6);
|
|
8385
8836
|
--color-surface-7: oklch(41.462653% 0.002316 251.779887 / 1);
|
|
8386
8837
|
--color-surface-7-ink: oklch(98.092835% 0.000463 251.779887 / 1);
|
|
8387
8838
|
--color-surface-7-ink-muted: oklch(83.46613% 0.000463 251.779887 / 1);
|
|
8388
|
-
--shadow-elevation-7:
|
|
8839
|
+
--shadow-elevation-7: var(--ui-local-elevation-7);
|
|
8389
8840
|
--color-surface-8: oklch(45.262653% 0.002896 251.779887 / 1);
|
|
8390
8841
|
--color-surface-8-ink: oklch(99.80618% 0.000579 251.779887 / 1);
|
|
8391
8842
|
--color-surface-8-ink-muted: oklch(85.441382% 0.000579 251.779887 / 1);
|
|
8392
|
-
--shadow-elevation-8:
|
|
8843
|
+
--shadow-elevation-8: var(--ui-local-elevation-8);
|
|
8393
8844
|
}
|
|
8394
8845
|
@media (color-gamut: p3) {
|
|
8395
8846
|
:root, .light {
|
|
@@ -8491,69 +8942,205 @@
|
|
|
8491
8942
|
--color-intent-warning-edge-strong: oklch(52.159903% 0.123347 84.243859 / 0.469);
|
|
8492
8943
|
--color-intent-warning-focus: oklch(71.848357% 0.119477 84.129977 / 0.42);
|
|
8493
8944
|
--color-intent-warning-focus-width: 3px;
|
|
8494
|
-
--background-interaction-selection-accent: oklch(50.510829% 0.192884 251.700212 / 0.
|
|
8495
|
-
--background-interaction-selection-accent-hover: oklch(50.510829% 0.192884 251.700212 / 0.
|
|
8945
|
+
--background-interaction-selection-accent: oklch(50.510829% 0.192884 251.700212 / 0.118507);
|
|
8946
|
+
--background-interaction-selection-accent-hover: oklch(50.510829% 0.192884 251.700212 / 0.166624);
|
|
8496
8947
|
--color-interaction-selection-accent-ink: oklch(55.080786% 0.171613 251.779887 / 1);
|
|
8497
|
-
--background-interaction-selection-danger: oklch(49.039211% 0.226443 28.958133 / 0.
|
|
8498
|
-
--background-interaction-selection-danger-hover: oklch(49.039211% 0.226443 28.958133 / 0.
|
|
8948
|
+
--background-interaction-selection-danger: oklch(49.039211% 0.226443 28.958133 / 0.118374);
|
|
8949
|
+
--background-interaction-selection-danger-hover: oklch(49.039211% 0.226443 28.958133 / 0.166375);
|
|
8499
8950
|
--color-interaction-selection-danger-ink: oklch(56.831333% 0.171879 23.02606 / 1);
|
|
8500
|
-
--background-interaction-selection-information: oklch(50.510829% 0.192884 251.700212 / 0.
|
|
8501
|
-
--background-interaction-selection-information-hover: oklch(50.510829% 0.192884 251.700212 / 0.
|
|
8951
|
+
--background-interaction-selection-information: oklch(50.510829% 0.192884 251.700212 / 0.118507);
|
|
8952
|
+
--background-interaction-selection-information-hover: oklch(50.510829% 0.192884 251.700212 / 0.166624);
|
|
8502
8953
|
--color-interaction-selection-information-ink: oklch(55.080786% 0.171613 251.779887 / 1);
|
|
8503
|
-
--background-interaction-selection-neutral: oklch(0% 0 none / 0.
|
|
8504
|
-
--background-interaction-selection-neutral-hover: oklch(0% 0 none / 0.
|
|
8954
|
+
--background-interaction-selection-neutral: oklch(0% 0 none / 0.0761);
|
|
8955
|
+
--background-interaction-selection-neutral-hover: oklch(0% 0 none / 0.119852);
|
|
8505
8956
|
--color-interaction-selection-neutral-ink: oklch(18% 0 none / 1);
|
|
8506
|
-
--background-interaction-selection-success: oklch(45.368413% 0.179612 148.854702 / 0.
|
|
8507
|
-
--background-interaction-selection-success-hover: oklch(45.368413% 0.179612 148.854702 / 0.
|
|
8957
|
+
--background-interaction-selection-success: oklch(45.368413% 0.179612 148.854702 / 0.117039);
|
|
8958
|
+
--background-interaction-selection-success-hover: oklch(45.368413% 0.179612 148.854702 / 0.164546);
|
|
8508
8959
|
--color-interaction-selection-success-ink: oklch(53.50073% 0.118126 157.679534 / 1);
|
|
8509
|
-
--background-interaction-selection-warning: oklch(52.264559% 0.123557 84.489733 / 0.
|
|
8510
|
-
--background-interaction-selection-warning-hover: oklch(52.264559% 0.123557 84.489733 / 0.
|
|
8960
|
+
--background-interaction-selection-warning: oklch(52.264559% 0.123557 84.489733 / 0.125041);
|
|
8961
|
+
--background-interaction-selection-warning-hover: oklch(52.264559% 0.123557 84.489733 / 0.1758);
|
|
8511
8962
|
--color-interaction-selection-warning-ink: oklch(55.558425% 0.131808 82.201817 / 1);
|
|
8512
8963
|
--color-interaction-hover: oklch(75.896553% 0.058885 301.418569 / 0.035);
|
|
8513
8964
|
--color-interaction-pressed: oklch(61.543431% 0.02801 347.674878 / 0.055);
|
|
8514
|
-
--color-interaction-selected: oklch(50.510829% 0.192884 251.700212 / 0.
|
|
8515
|
-
--color-interaction-selected-hover: oklch(50.510829% 0.192884 251.700212 / 0.
|
|
8965
|
+
--color-interaction-selected: oklch(50.510829% 0.192884 251.700212 / 0.118507);
|
|
8966
|
+
--color-interaction-selected-hover: oklch(50.510829% 0.192884 251.700212 / 0.166624);
|
|
8967
|
+
--color-interaction-edge-hover: oklch(75.896553% 0.058885 301.418569 / 0.035);
|
|
8968
|
+
--color-interaction-edge-pressed: oklch(61.543431% 0.02801 347.674878 / 0.055);
|
|
8969
|
+
--color-interaction-edge-selected: oklch(50.510829% 0.192884 251.700212 / 0.118507);
|
|
8970
|
+
--color-interaction-edge-selected-hover: oklch(50.510829% 0.192884 251.700212 / 0.166624);
|
|
8516
8971
|
--opacity-interaction-disabled: 0.5;
|
|
8517
8972
|
--color-interaction-disabled: oklch(75.896553% 0.058885 301.418569 / 0.043);
|
|
8518
8973
|
--color-interaction-disabled-edge: oklch(0% 0 none / 0.294);
|
|
8519
8974
|
--color-interaction-disabled-ink: var(--ui-surface-ink-muted);
|
|
8520
8975
|
--color-scrim: oklch(12.382253% 0 none / 0.35);
|
|
8976
|
+
--color-substrate-workspace: oklch(98.510365% 0 none / 1);
|
|
8977
|
+
--color-substrate-workspace-ink: oklch(20.93472% 0 none / 1);
|
|
8978
|
+
--color-substrate-workspace-ink-muted: oklch(55.779494% 0 none / 1);
|
|
8979
|
+
--color-surface-workspace-0: oklch(98.510365% 0 none / 1);
|
|
8980
|
+
--color-surface-workspace-0-ink: oklch(20.93472% 0 none / 1);
|
|
8981
|
+
--color-surface-workspace-0-ink-muted: oklch(55.779494% 0 none / 1);
|
|
8982
|
+
--color-surface-workspace-0-edge: oklch(95.511403% 0.000791 329.098761 / 1);
|
|
8983
|
+
--color-surface-workspace-0-edge-hover: oklch(94.011169% 0.000857 222.520688 / 1);
|
|
8984
|
+
--color-surface-workspace-0-edge-strong: oklch(92.510344% 0 none / 1);
|
|
8985
|
+
--shadow-depth-workspace-0: 0 0 0 0 transparent;
|
|
8986
|
+
--color-surface-workspace-1: oklch(99.110365% 0 none / 1);
|
|
8987
|
+
--color-surface-workspace-1-ink: oklch(21.693184% 0 none / 1);
|
|
8988
|
+
--color-surface-workspace-1-ink-muted: oklch(56.194798% 0 none / 1);
|
|
8989
|
+
--color-surface-workspace-1-edge: oklch(96.111346% 0.000774 329.098622 / 1);
|
|
8990
|
+
--color-surface-workspace-1-edge-hover: oklch(94.611135% 0.000841 222.522014 / 1);
|
|
8991
|
+
--color-surface-workspace-1-edge-strong: oklch(93.110343% 0 none / 1);
|
|
8992
|
+
--shadow-depth-workspace-1: 0 0 0 0 transparent;
|
|
8993
|
+
--color-surface-workspace-2: oklch(100% 0 none / 1);
|
|
8994
|
+
--color-surface-workspace-2-ink: oklch(22.74366% 0 none / 1);
|
|
8995
|
+
--color-surface-workspace-2-ink-muted: oklch(56.808564% 0 none / 1);
|
|
8996
|
+
--color-surface-workspace-2-edge: oklch(97.000922% 0.00075 329.098426 / 1);
|
|
8997
|
+
--color-surface-workspace-2-edge-hover: oklch(95.500737% 0.000818 222.523904 / 1);
|
|
8998
|
+
--color-surface-workspace-2-edge-strong: oklch(93.999998% 0 none / 1);
|
|
8999
|
+
--shadow-depth-workspace-2: 0px 1px 1px -0.5px oklch(0% 0 none / 0.06);
|
|
9000
|
+
--color-surface-workspace-3: oklch(100% 0 none / 1);
|
|
9001
|
+
--color-surface-workspace-3-ink: oklch(22.74366% 0 none / 1);
|
|
9002
|
+
--color-surface-workspace-3-ink-muted: oklch(56.808564% 0 none / 1);
|
|
9003
|
+
--color-surface-workspace-3-edge: oklch(97.000922% 0.00075 329.098426 / 1);
|
|
9004
|
+
--color-surface-workspace-3-edge-hover: oklch(95.500737% 0.000818 222.523904 / 1);
|
|
9005
|
+
--color-surface-workspace-3-edge-strong: oklch(93.999998% 0 none / 1);
|
|
9006
|
+
--shadow-depth-workspace-3: 0px 1px 1px -0.5px oklch(0% 0 none / 0.06), 0px 3px 3px -1.5px oklch(0% 0 none / 0.06);
|
|
9007
|
+
--color-surface-workspace-4: oklch(100% 0 none / 1);
|
|
9008
|
+
--color-surface-workspace-4-ink: oklch(22.74366% 0 none / 1);
|
|
9009
|
+
--color-surface-workspace-4-ink-muted: oklch(56.808564% 0 none / 1);
|
|
9010
|
+
--color-surface-workspace-4-edge: oklch(97.000922% 0.00075 329.098426 / 1);
|
|
9011
|
+
--color-surface-workspace-4-edge-hover: oklch(95.500737% 0.000818 222.523904 / 1);
|
|
9012
|
+
--color-surface-workspace-4-edge-strong: oklch(93.999998% 0 none / 1);
|
|
9013
|
+
--shadow-depth-workspace-4: 0px 1px 1px -0.5px oklch(0% 0 none / 0.06), 0px 3px 3px -1.5px oklch(0% 0 none / 0.06), 0px 6px 6px -3px oklch(0% 0 none / 0.06);
|
|
9014
|
+
--color-surface-workspace-5: oklch(100% 0 none / 1);
|
|
9015
|
+
--color-surface-workspace-5-ink: oklch(22.74366% 0 none / 1);
|
|
9016
|
+
--color-surface-workspace-5-ink-muted: oklch(56.808564% 0 none / 1);
|
|
9017
|
+
--color-surface-workspace-5-edge: oklch(97.000922% 0.00075 329.098426 / 1);
|
|
9018
|
+
--color-surface-workspace-5-edge-hover: oklch(95.500737% 0.000818 222.523904 / 1);
|
|
9019
|
+
--color-surface-workspace-5-edge-strong: oklch(93.999998% 0 none / 1);
|
|
9020
|
+
--shadow-depth-workspace-5: 0px 1px 1px -0.5px oklch(0% 0 none / 0.06), 0px 3px 3px -1.5px oklch(0% 0 none / 0.06), 0px 6px 6px -3px oklch(0% 0 none / 0.06), 0px 12px 12px -6px oklch(0% 0 none / 0.06);
|
|
9021
|
+
--color-surface-workspace-6: oklch(100% 0 none / 1);
|
|
9022
|
+
--color-surface-workspace-6-ink: oklch(22.74366% 0 none / 1);
|
|
9023
|
+
--color-surface-workspace-6-ink-muted: oklch(56.808564% 0 none / 1);
|
|
9024
|
+
--color-surface-workspace-6-edge: oklch(97.000922% 0.00075 329.098426 / 1);
|
|
9025
|
+
--color-surface-workspace-6-edge-hover: oklch(95.500737% 0.000818 222.523904 / 1);
|
|
9026
|
+
--color-surface-workspace-6-edge-strong: oklch(93.999998% 0 none / 1);
|
|
9027
|
+
--shadow-depth-workspace-6: 0px 1px 1px -0.5px oklch(0% 0 none / 0.06), 0px 3px 3px -1.5px oklch(0% 0 none / 0.06), 0px 6px 6px -3px oklch(0% 0 none / 0.06), 0px 12px 12px -6px oklch(0% 0 none / 0.06), 0px 24px 24px -12px oklch(0% 0 none / 0.06);
|
|
9028
|
+
--color-surface-workspace-7: oklch(100% 0 none / 1);
|
|
9029
|
+
--color-surface-workspace-7-ink: oklch(22.74366% 0 none / 1);
|
|
9030
|
+
--color-surface-workspace-7-ink-muted: oklch(56.808564% 0 none / 1);
|
|
9031
|
+
--color-surface-workspace-7-edge: oklch(97.000922% 0.00075 329.098426 / 1);
|
|
9032
|
+
--color-surface-workspace-7-edge-hover: oklch(95.500737% 0.000818 222.523904 / 1);
|
|
9033
|
+
--color-surface-workspace-7-edge-strong: oklch(93.999998% 0 none / 1);
|
|
9034
|
+
--shadow-depth-workspace-7: 0px 1px 1px -0.5px oklch(0% 0 none / 0.06), 0px 3px 3px -1.5px oklch(0% 0 none / 0.06), 0px 6px 6px -3px oklch(0% 0 none / 0.06), 0px 12px 12px -6px oklch(0% 0 none / 0.06), 0px 24px 24px -12px oklch(0% 0 none / 0.06), 0px 48px 48px -24px oklch(0% 0 none / 0.06);
|
|
9035
|
+
--color-surface-workspace-8: oklch(100% 0 none / 1);
|
|
9036
|
+
--color-surface-workspace-8-ink: oklch(22.74366% 0 none / 1);
|
|
9037
|
+
--color-surface-workspace-8-ink-muted: oklch(56.808564% 0 none / 1);
|
|
9038
|
+
--color-surface-workspace-8-edge: oklch(97.000922% 0.00075 329.098426 / 1);
|
|
9039
|
+
--color-surface-workspace-8-edge-hover: oklch(95.500737% 0.000818 222.523904 / 1);
|
|
9040
|
+
--color-surface-workspace-8-edge-strong: oklch(93.999998% 0 none / 1);
|
|
9041
|
+
--shadow-depth-workspace-8: 0px 1px 1px -0.5px oklch(0% 0 none / 0.06), 0px 3px 3px -1.5px oklch(0% 0 none / 0.06), 0px 6px 6px -3px oklch(0% 0 none / 0.06), 0px 12px 12px -6px oklch(0% 0 none / 0.06), 0px 24px 24px -12px oklch(0% 0 none / 0.06), 0px 48px 48px -24px oklch(0% 0 none / 0.06), 0px 96px 96px -48px oklch(0% 0 none / 0.06);
|
|
9042
|
+
--color-substrate-chrome: oklch(96.010365% 0 none / 1);
|
|
9043
|
+
--color-substrate-chrome-ink: oklch(17.101275% 0 none / 1);
|
|
9044
|
+
--color-substrate-chrome-ink-muted: oklch(54.036418% 0 none / 1);
|
|
9045
|
+
--color-surface-chrome-0: oklch(96.010365% 0 none / 1);
|
|
9046
|
+
--color-surface-chrome-0-ink: oklch(17.101275% 0 none / 1);
|
|
9047
|
+
--color-surface-chrome-0-ink-muted: oklch(54.036418% 0 none / 1);
|
|
9048
|
+
--color-surface-chrome-0-edge: oklch(93.011603% 0.000867 329.099395 / 1);
|
|
9049
|
+
--color-surface-chrome-0-edge-hover: oklch(91.511323% 0.000929 222.51468 / 1);
|
|
9050
|
+
--color-surface-chrome-0-edge-strong: oklch(90.010356% 0 none / 1);
|
|
9051
|
+
--shadow-depth-chrome-0: 0 0 0 0 transparent;
|
|
9052
|
+
--color-surface-chrome-1: oklch(96.610365% 0 none / 1);
|
|
9053
|
+
--color-surface-chrome-1-ink: oklch(18.154498% 0 none / 1);
|
|
9054
|
+
--color-surface-chrome-1-ink-muted: oklch(54.456699% 0 none / 1);
|
|
9055
|
+
--color-surface-chrome-1-edge: oklch(93.611548% 0.000848 329.099234 / 1);
|
|
9056
|
+
--color-surface-chrome-1-edge-hover: oklch(92.111267% 0.000911 222.516197 / 1);
|
|
9057
|
+
--color-surface-chrome-1-edge-strong: oklch(90.610362% 0 none / 1);
|
|
9058
|
+
--shadow-depth-chrome-1: 0 0 0 0 transparent;
|
|
9059
|
+
--color-surface-chrome-2: oklch(100% 0 none / 1);
|
|
9060
|
+
--color-surface-chrome-2-ink: oklch(22.74366% 0 none / 1);
|
|
9061
|
+
--color-surface-chrome-2-ink-muted: oklch(56.808564% 0 none / 1);
|
|
9062
|
+
--color-surface-chrome-2-edge: oklch(97.000922% 0.00075 329.098426 / 1);
|
|
9063
|
+
--color-surface-chrome-2-edge-hover: oklch(95.500737% 0.000818 222.523904 / 1);
|
|
9064
|
+
--color-surface-chrome-2-edge-strong: oklch(93.999998% 0 none / 1);
|
|
9065
|
+
--shadow-depth-chrome-2: 0px 1px 1px -0.5px oklch(0% 0 none / 0.06);
|
|
9066
|
+
--color-surface-chrome-3: oklch(100% 0 none / 1);
|
|
9067
|
+
--color-surface-chrome-3-ink: oklch(22.74366% 0 none / 1);
|
|
9068
|
+
--color-surface-chrome-3-ink-muted: oklch(56.808564% 0 none / 1);
|
|
9069
|
+
--color-surface-chrome-3-edge: oklch(97.000922% 0.00075 329.098426 / 1);
|
|
9070
|
+
--color-surface-chrome-3-edge-hover: oklch(95.500737% 0.000818 222.523904 / 1);
|
|
9071
|
+
--color-surface-chrome-3-edge-strong: oklch(93.999998% 0 none / 1);
|
|
9072
|
+
--shadow-depth-chrome-3: 0px 1px 1px -0.5px oklch(0% 0 none / 0.06), 0px 3px 3px -1.5px oklch(0% 0 none / 0.06);
|
|
9073
|
+
--color-surface-chrome-4: oklch(100% 0 none / 1);
|
|
9074
|
+
--color-surface-chrome-4-ink: oklch(22.74366% 0 none / 1);
|
|
9075
|
+
--color-surface-chrome-4-ink-muted: oklch(56.808564% 0 none / 1);
|
|
9076
|
+
--color-surface-chrome-4-edge: oklch(97.000922% 0.00075 329.098426 / 1);
|
|
9077
|
+
--color-surface-chrome-4-edge-hover: oklch(95.500737% 0.000818 222.523904 / 1);
|
|
9078
|
+
--color-surface-chrome-4-edge-strong: oklch(93.999998% 0 none / 1);
|
|
9079
|
+
--shadow-depth-chrome-4: 0px 1px 1px -0.5px oklch(0% 0 none / 0.06), 0px 3px 3px -1.5px oklch(0% 0 none / 0.06), 0px 6px 6px -3px oklch(0% 0 none / 0.06);
|
|
9080
|
+
--color-surface-chrome-5: oklch(100% 0 none / 1);
|
|
9081
|
+
--color-surface-chrome-5-ink: oklch(22.74366% 0 none / 1);
|
|
9082
|
+
--color-surface-chrome-5-ink-muted: oklch(56.808564% 0 none / 1);
|
|
9083
|
+
--color-surface-chrome-5-edge: oklch(97.000922% 0.00075 329.098426 / 1);
|
|
9084
|
+
--color-surface-chrome-5-edge-hover: oklch(95.500737% 0.000818 222.523904 / 1);
|
|
9085
|
+
--color-surface-chrome-5-edge-strong: oklch(93.999998% 0 none / 1);
|
|
9086
|
+
--shadow-depth-chrome-5: 0px 1px 1px -0.5px oklch(0% 0 none / 0.06), 0px 3px 3px -1.5px oklch(0% 0 none / 0.06), 0px 6px 6px -3px oklch(0% 0 none / 0.06), 0px 12px 12px -6px oklch(0% 0 none / 0.06);
|
|
9087
|
+
--color-surface-chrome-6: oklch(100% 0 none / 1);
|
|
9088
|
+
--color-surface-chrome-6-ink: oklch(22.74366% 0 none / 1);
|
|
9089
|
+
--color-surface-chrome-6-ink-muted: oklch(56.808564% 0 none / 1);
|
|
9090
|
+
--color-surface-chrome-6-edge: oklch(97.000922% 0.00075 329.098426 / 1);
|
|
9091
|
+
--color-surface-chrome-6-edge-hover: oklch(95.500737% 0.000818 222.523904 / 1);
|
|
9092
|
+
--color-surface-chrome-6-edge-strong: oklch(93.999998% 0 none / 1);
|
|
9093
|
+
--shadow-depth-chrome-6: 0px 1px 1px -0.5px oklch(0% 0 none / 0.06), 0px 3px 3px -1.5px oklch(0% 0 none / 0.06), 0px 6px 6px -3px oklch(0% 0 none / 0.06), 0px 12px 12px -6px oklch(0% 0 none / 0.06), 0px 24px 24px -12px oklch(0% 0 none / 0.06);
|
|
9094
|
+
--color-surface-chrome-7: oklch(100% 0 none / 1);
|
|
9095
|
+
--color-surface-chrome-7-ink: oklch(22.74366% 0 none / 1);
|
|
9096
|
+
--color-surface-chrome-7-ink-muted: oklch(56.808564% 0 none / 1);
|
|
9097
|
+
--color-surface-chrome-7-edge: oklch(97.000922% 0.00075 329.098426 / 1);
|
|
9098
|
+
--color-surface-chrome-7-edge-hover: oklch(95.500737% 0.000818 222.523904 / 1);
|
|
9099
|
+
--color-surface-chrome-7-edge-strong: oklch(93.999998% 0 none / 1);
|
|
9100
|
+
--shadow-depth-chrome-7: 0px 1px 1px -0.5px oklch(0% 0 none / 0.06), 0px 3px 3px -1.5px oklch(0% 0 none / 0.06), 0px 6px 6px -3px oklch(0% 0 none / 0.06), 0px 12px 12px -6px oklch(0% 0 none / 0.06), 0px 24px 24px -12px oklch(0% 0 none / 0.06), 0px 48px 48px -24px oklch(0% 0 none / 0.06);
|
|
9101
|
+
--color-surface-chrome-8: oklch(100% 0 none / 1);
|
|
9102
|
+
--color-surface-chrome-8-ink: oklch(22.74366% 0 none / 1);
|
|
9103
|
+
--color-surface-chrome-8-ink-muted: oklch(56.808564% 0 none / 1);
|
|
9104
|
+
--color-surface-chrome-8-edge: oklch(97.000922% 0.00075 329.098426 / 1);
|
|
9105
|
+
--color-surface-chrome-8-edge-hover: oklch(95.500737% 0.000818 222.523904 / 1);
|
|
9106
|
+
--color-surface-chrome-8-edge-strong: oklch(93.999998% 0 none / 1);
|
|
9107
|
+
--shadow-depth-chrome-8: 0px 1px 1px -0.5px oklch(0% 0 none / 0.06), 0px 3px 3px -1.5px oklch(0% 0 none / 0.06), 0px 6px 6px -3px oklch(0% 0 none / 0.06), 0px 12px 12px -6px oklch(0% 0 none / 0.06), 0px 24px 24px -12px oklch(0% 0 none / 0.06), 0px 48px 48px -24px oklch(0% 0 none / 0.06), 0px 96px 96px -48px oklch(0% 0 none / 0.06);
|
|
8521
9108
|
--color-surface-0: oklch(98.510365% 0 none / 1);
|
|
8522
9109
|
--color-surface-0-ink: oklch(20.93472% 0 none / 1);
|
|
8523
9110
|
--color-surface-0-ink-muted: oklch(55.779494% 0 none / 1);
|
|
8524
|
-
--shadow-elevation-0: 0
|
|
9111
|
+
--shadow-elevation-0: var(--ui-local-elevation-0);
|
|
8525
9112
|
--color-surface-1: oklch(99.110365% 0 none / 1);
|
|
8526
9113
|
--color-surface-1-ink: oklch(21.693184% 0 none / 1);
|
|
8527
9114
|
--color-surface-1-ink-muted: oklch(56.194798% 0 none / 1);
|
|
8528
|
-
--shadow-elevation-1:
|
|
9115
|
+
--shadow-elevation-1: var(--ui-local-elevation-1);
|
|
8529
9116
|
--color-surface-2: oklch(100% 0 none / 1);
|
|
8530
9117
|
--color-surface-2-ink: oklch(22.74366% 0 none / 1);
|
|
8531
9118
|
--color-surface-2-ink-muted: oklch(56.808564% 0 none / 1);
|
|
8532
|
-
--shadow-elevation-2:
|
|
9119
|
+
--shadow-elevation-2: var(--ui-local-elevation-2);
|
|
8533
9120
|
--color-surface-3: oklch(100% 0 none / 1);
|
|
8534
9121
|
--color-surface-3-ink: oklch(22.74366% 0 none / 1);
|
|
8535
9122
|
--color-surface-3-ink-muted: oklch(56.808564% 0 none / 1);
|
|
8536
|
-
--shadow-elevation-3:
|
|
9123
|
+
--shadow-elevation-3: var(--ui-local-elevation-3);
|
|
8537
9124
|
--color-surface-4: oklch(100% 0 none / 1);
|
|
8538
9125
|
--color-surface-4-ink: oklch(22.74366% 0 none / 1);
|
|
8539
9126
|
--color-surface-4-ink-muted: oklch(56.808564% 0 none / 1);
|
|
8540
|
-
--shadow-elevation-4:
|
|
9127
|
+
--shadow-elevation-4: var(--ui-local-elevation-4);
|
|
8541
9128
|
--color-surface-5: oklch(100% 0 none / 1);
|
|
8542
9129
|
--color-surface-5-ink: oklch(22.74366% 0 none / 1);
|
|
8543
9130
|
--color-surface-5-ink-muted: oklch(56.808564% 0 none / 1);
|
|
8544
|
-
--shadow-elevation-5:
|
|
9131
|
+
--shadow-elevation-5: var(--ui-local-elevation-5);
|
|
8545
9132
|
--color-surface-6: oklch(100% 0 none / 1);
|
|
8546
9133
|
--color-surface-6-ink: oklch(22.74366% 0 none / 1);
|
|
8547
9134
|
--color-surface-6-ink-muted: oklch(56.808564% 0 none / 1);
|
|
8548
|
-
--shadow-elevation-6:
|
|
9135
|
+
--shadow-elevation-6: var(--ui-local-elevation-6);
|
|
8549
9136
|
--color-surface-7: oklch(100% 0 none / 1);
|
|
8550
9137
|
--color-surface-7-ink: oklch(22.74366% 0 none / 1);
|
|
8551
9138
|
--color-surface-7-ink-muted: oklch(56.808564% 0 none / 1);
|
|
8552
|
-
--shadow-elevation-7:
|
|
9139
|
+
--shadow-elevation-7: var(--ui-local-elevation-7);
|
|
8553
9140
|
--color-surface-8: oklch(100% 0 none / 1);
|
|
8554
9141
|
--color-surface-8-ink: oklch(22.74366% 0 none / 1);
|
|
8555
9142
|
--color-surface-8-ink-muted: oklch(56.808564% 0 none / 1);
|
|
8556
|
-
--shadow-elevation-8:
|
|
9143
|
+
--shadow-elevation-8: var(--ui-local-elevation-8);
|
|
8557
9144
|
}
|
|
8558
9145
|
.dark {
|
|
8559
9146
|
--color-separator: oklch(46.131669% 0.007996 241.953581 / 0.125);
|
|
@@ -8654,232 +9241,795 @@
|
|
|
8654
9241
|
--color-intent-warning-edge-strong: oklch(65.085666% 0.133373 84.363137 / 0.373);
|
|
8655
9242
|
--color-intent-warning-focus: oklch(56.020502% 0.113818 84.129977 / 0.42);
|
|
8656
9243
|
--color-intent-warning-focus-width: 3px;
|
|
8657
|
-
--background-interaction-selection-accent: oklch(77.965918% 0.129595 246.066304 / 0.
|
|
8658
|
-
--background-interaction-selection-accent-hover: oklch(77.965918% 0.129595 246.066304 / 0.
|
|
9244
|
+
--background-interaction-selection-accent: oklch(77.965918% 0.129595 246.066304 / 0.056763);
|
|
9245
|
+
--background-interaction-selection-accent-hover: oklch(77.965918% 0.129595 246.066304 / 0.084192);
|
|
8659
9246
|
--color-interaction-selection-accent-ink: oklch(76.009909% 0.139824 248.518651 / 1);
|
|
8660
|
-
--background-interaction-selection-danger: oklch(80.016885% 0.147187 22.589407 / 0.
|
|
8661
|
-
--background-interaction-selection-danger-hover: oklch(80.016885% 0.147187 22.589407 / 0.
|
|
9247
|
+
--background-interaction-selection-danger: oklch(80.016885% 0.147187 22.589407 / 0.049833);
|
|
9248
|
+
--background-interaction-selection-danger-hover: oklch(80.016885% 0.147187 22.589407 / 0.073809);
|
|
8662
9249
|
--color-interaction-selection-danger-ink: oklch(78.331653% 0.153899 23.02606 / 1);
|
|
8663
|
-
--background-interaction-selection-information: oklch(77.965918% 0.129595 246.066304 / 0.
|
|
8664
|
-
--background-interaction-selection-information-hover: oklch(77.965918% 0.129595 246.066304 / 0.
|
|
9250
|
+
--background-interaction-selection-information: oklch(77.965918% 0.129595 246.066304 / 0.056763);
|
|
9251
|
+
--background-interaction-selection-information-hover: oklch(77.965918% 0.129595 246.066304 / 0.084192);
|
|
8665
9252
|
--color-interaction-selection-information-ink: oklch(76.009909% 0.139824 248.518651 / 1);
|
|
8666
|
-
--background-interaction-selection-neutral: oklch(89.093811% 0 none / 0.
|
|
8667
|
-
--background-interaction-selection-neutral-hover: oklch(89.093811% 0 none / 0.
|
|
9253
|
+
--background-interaction-selection-neutral: oklch(89.093811% 0 none / 0.029342);
|
|
9254
|
+
--background-interaction-selection-neutral-hover: oklch(89.093811% 0 none / 0.048426);
|
|
8668
9255
|
--color-interaction-selection-neutral-ink: oklch(86% 0 none / 1);
|
|
8669
|
-
--background-interaction-selection-success: oklch(78.22263% 0.109703 157.679229 / 0.
|
|
8670
|
-
--background-interaction-selection-success-hover: oklch(78.22263% 0.109703 157.679229 / 0.
|
|
9256
|
+
--background-interaction-selection-success: oklch(78.22263% 0.109703 157.679229 / 0.060166);
|
|
9257
|
+
--background-interaction-selection-success-hover: oklch(78.22263% 0.109703 157.679229 / 0.088788);
|
|
8671
9258
|
--color-interaction-selection-success-ink: oklch(75.524628% 0.105769 157.679534 / 1);
|
|
8672
|
-
--background-interaction-selection-warning: oklch(79.687573% 0.12976 84.141183 / 0.
|
|
8673
|
-
--background-interaction-selection-warning-hover: oklch(79.687573% 0.12976 84.141183 / 0.
|
|
9259
|
+
--background-interaction-selection-warning: oklch(79.687573% 0.12976 84.141183 / 0.055794);
|
|
9260
|
+
--background-interaction-selection-warning-hover: oklch(79.687573% 0.12976 84.141183 / 0.082172);
|
|
8674
9261
|
--color-interaction-selection-warning-ink: oklch(76.965573% 0.125137 84.129977 / 1);
|
|
8675
9262
|
--color-interaction-hover: oklch(34.407394% 0.022601 220.579947 / 0.035);
|
|
8676
9263
|
--color-interaction-pressed: oklch(46.131669% 0.007996 241.953581 / 0.055);
|
|
8677
|
-
--color-interaction-selected: oklch(77.965918% 0.129595 246.066304 / 0.
|
|
8678
|
-
--color-interaction-selected-hover: oklch(77.965918% 0.129595 246.066304 / 0.
|
|
9264
|
+
--color-interaction-selected: oklch(77.965918% 0.129595 246.066304 / 0.056763);
|
|
9265
|
+
--color-interaction-selected-hover: oklch(77.965918% 0.129595 246.066304 / 0.084192);
|
|
9266
|
+
--color-interaction-edge-hover: oklch(34.407394% 0.022601 220.579947 / 0.035);
|
|
9267
|
+
--color-interaction-edge-pressed: oklch(46.131669% 0.007996 241.953581 / 0.055);
|
|
9268
|
+
--color-interaction-edge-selected: oklch(77.965918% 0.129595 246.066304 / 0.056763);
|
|
9269
|
+
--color-interaction-edge-selected-hover: oklch(77.965918% 0.129595 246.066304 / 0.084192);
|
|
8679
9270
|
--opacity-interaction-disabled: 0.5;
|
|
8680
9271
|
--color-interaction-disabled: oklch(34.407394% 0.022601 220.579947 / 0.047);
|
|
8681
9272
|
--color-interaction-disabled-edge: oklch(56.823866% 0.000911 195.877546 / 0.294);
|
|
8682
9273
|
--color-interaction-disabled-ink: var(--ui-surface-ink-muted);
|
|
8683
9274
|
--color-scrim: oklch(20.962653% 0 none / 0.55);
|
|
9275
|
+
--color-substrate-workspace: oklch(20.462653% 0 none / 1);
|
|
9276
|
+
--color-substrate-workspace-ink: oklch(92.184718% 0 none / 1);
|
|
9277
|
+
--color-substrate-workspace-ink-muted: oklch(76.561054% 0 none / 1);
|
|
9278
|
+
--color-surface-workspace-0: oklch(20.462653% 0 none / 1);
|
|
9279
|
+
--color-surface-workspace-0-ink: oklch(92.184718% 0 none / 1);
|
|
9280
|
+
--color-surface-workspace-0-ink-muted: oklch(76.561054% 0 none / 1);
|
|
9281
|
+
--color-surface-workspace-0-edge: oklch(23.462413% 0.000387 195.876895 / 1);
|
|
9282
|
+
--color-surface-workspace-0-edge-hover: oklch(24.962429% 0.000491 195.872274 / 1);
|
|
9283
|
+
--color-surface-workspace-0-edge-strong: oklch(26.462633% 0.000239 195.887719 / 1);
|
|
9284
|
+
--shadow-depth-workspace-0: 0 0 0 0 transparent;
|
|
9285
|
+
--color-surface-workspace-1: oklch(22.962653% 0 none / 1);
|
|
9286
|
+
--color-surface-workspace-1-ink: oklch(92.501588% 0 none / 1);
|
|
9287
|
+
--color-surface-workspace-1-ink-muted: oklch(76.93548% 0 none / 1);
|
|
9288
|
+
--color-surface-workspace-1-edge: oklch(25.962414% 0.000403 195.878259 / 1);
|
|
9289
|
+
--color-surface-workspace-1-edge-hover: oklch(27.462382% 0.000513 195.873707 / 1);
|
|
9290
|
+
--color-surface-workspace-1-edge-strong: oklch(28.962607% 0.000249 195.888347 / 1);
|
|
9291
|
+
--shadow-depth-workspace-1: 0 0 0 0 transparent;
|
|
9292
|
+
--color-surface-workspace-2: oklch(25.462653% 0.000386 251.779887 / 1);
|
|
9293
|
+
--color-surface-workspace-2-ink: oklch(92.908812% 0.000077 251.779887 / 1);
|
|
9294
|
+
--color-surface-workspace-2-ink-muted: oklch(77.415975% 0.000077 251.779887 / 1);
|
|
9295
|
+
--color-surface-workspace-2-edge: oklch(28.462436% 0.000635 218.168381 / 1);
|
|
9296
|
+
--color-surface-workspace-2-edge-hover: oklch(29.962417% 0.000714 213.116559 / 1);
|
|
9297
|
+
--color-surface-workspace-2-edge-strong: oklch(31.46266% 0.000434 222.000893 / 1);
|
|
9298
|
+
--shadow-depth-workspace-2: 0px 1px 1px -0.5px oklch(0% 0 none / 0.18), inset 0px 1px 0px 0px oklch(100% 0 none / 0.01);
|
|
9299
|
+
--color-surface-workspace-3: oklch(28.262653% 0.000579 251.779887 / 1);
|
|
9300
|
+
--color-surface-workspace-3-ink: oklch(93.477871% 0.000116 251.779887 / 1);
|
|
9301
|
+
--color-surface-workspace-3-ink-muted: oklch(78.08603% 0.000116 251.779887 / 1);
|
|
9302
|
+
--color-surface-workspace-3-edge: oklch(31.262414% 0.000786 223.30192 / 1);
|
|
9303
|
+
--color-surface-workspace-3-edge-hover: oklch(32.76239% 0.000852 217.890449 / 1);
|
|
9304
|
+
--color-surface-workspace-3-edge-strong: oklch(34.262637% 0.000554 227.546102 / 1);
|
|
9305
|
+
--shadow-depth-workspace-3: 0px 1px 1px -0.5px oklch(0% 0 none / 0.18), 0px 3px 3px -1.5px oklch(0% 0 none / 0.18), inset 0px 1px 0px 0px oklch(100% 0 none / 0.02);
|
|
9306
|
+
--color-surface-workspace-4: oklch(31.262653% 0.000965 251.779887 / 1);
|
|
9307
|
+
--color-surface-workspace-4-ink: oklch(94.237603% 0.000193 251.779887 / 1);
|
|
9308
|
+
--color-surface-workspace-4-ink-muted: oklch(78.978204% 0.000193 251.779887 / 1);
|
|
9309
|
+
--color-surface-workspace-4-edge: oklch(34.262388% 0.001081 229.562549 / 1);
|
|
9310
|
+
--color-surface-workspace-4-edge-hover: oklch(35.762368% 0.001113 224.223973 / 1);
|
|
9311
|
+
--color-surface-workspace-4-edge-strong: oklch(37.262577% 0.000789 233.88028 / 1);
|
|
9312
|
+
--shadow-depth-workspace-4: 0px 1px 1px -0.5px oklch(0% 0 none / 0.18), 0px 3px 3px -1.5px oklch(0% 0 none / 0.18), 0px 6px 6px -3px oklch(0% 0 none / 0.18), inset 0px 1px 0px 0px oklch(100% 0 none / 0.02);
|
|
9313
|
+
--color-surface-workspace-5: oklch(34.462653% 0.001351 251.779887 / 1);
|
|
9314
|
+
--color-surface-workspace-5-ink: oklch(95.30435% 0.00027 251.779887 / 1);
|
|
9315
|
+
--color-surface-workspace-5-ink-muted: oklch(80.226419% 0.00027 251.779887 / 1);
|
|
9316
|
+
--color-surface-workspace-5-edge: oklch(37.462306% 0.001383 232.326593 / 1);
|
|
9317
|
+
--color-surface-workspace-5-edge-hover: oklch(38.962289% 0.001381 227.27596 / 1);
|
|
9318
|
+
--color-surface-workspace-5-edge-strong: oklch(40.462502% 0.001021 236.850623 / 1);
|
|
9319
|
+
--shadow-depth-workspace-5: 0px 1px 1px -0.5px oklch(0% 0 none / 0.18), 0px 3px 3px -1.5px oklch(0% 0 none / 0.18), 0px 6px 6px -3px oklch(0% 0 none / 0.18), 0px 12px 12px -6px oklch(0% 0 none / 0.18), inset 0px 1px 0px 0px oklch(100% 0 none / 0.04);
|
|
9320
|
+
--color-surface-workspace-6: oklch(37.862653% 0.001737 251.779887 / 1);
|
|
9321
|
+
--color-surface-workspace-6-ink: oklch(96.597068% 0.000347 251.779887 / 1);
|
|
9322
|
+
--color-surface-workspace-6-ink-muted: oklch(81.732335% 0.000347 251.779887 / 1);
|
|
9323
|
+
--color-surface-workspace-6-edge: oklch(40.862119% 0.001675 232.73309 / 1);
|
|
9324
|
+
--color-surface-workspace-6-edge-hover: oklch(42.362109% 0.00164 227.857087 / 1);
|
|
9325
|
+
--color-surface-workspace-6-edge-strong: oklch(43.862347% 0.00123 237.995612 / 1);
|
|
9326
|
+
--shadow-depth-workspace-6: 0px 1px 1px -0.5px oklch(0% 0 none / 0.18), 0px 3px 3px -1.5px oklch(0% 0 none / 0.18), 0px 6px 6px -3px oklch(0% 0 none / 0.18), 0px 12px 12px -6px oklch(0% 0 none / 0.18), 0px 24px 24px -12px oklch(0% 0 none / 0.18), inset 0px 1px 0px 0px oklch(100% 0 none / 0.04);
|
|
9327
|
+
--color-surface-workspace-7: oklch(41.462653% 0.002316 251.779887 / 1);
|
|
9328
|
+
--color-surface-workspace-7-ink: oklch(98.092835% 0.000463 251.779887 / 1);
|
|
9329
|
+
--color-surface-workspace-7-ink-muted: oklch(83.46613% 0.000463 251.779887 / 1);
|
|
9330
|
+
--color-surface-workspace-7-edge: oklch(44.461544% 0.002044 231.400626 / 1);
|
|
9331
|
+
--color-surface-workspace-7-edge-hover: oklch(45.96156% 0.001955 226.688651 / 1);
|
|
9332
|
+
--color-surface-workspace-7-edge-strong: oklch(47.461928% 0.001481 238.511019 / 1);
|
|
9333
|
+
--shadow-depth-workspace-7: 0px 1px 1px -0.5px oklch(0% 0 none / 0.18), 0px 3px 3px -1.5px oklch(0% 0 none / 0.18), 0px 6px 6px -3px oklch(0% 0 none / 0.18), 0px 12px 12px -6px oklch(0% 0 none / 0.18), 0px 24px 24px -12px oklch(0% 0 none / 0.18), 0px 48px 48px -24px oklch(0% 0 none / 0.18), inset 0px 1px 0px 0px oklch(100% 0 none / 0.06);
|
|
9334
|
+
--color-surface-workspace-8: oklch(45.262653% 0.002896 251.779887 / 1);
|
|
9335
|
+
--color-surface-workspace-8-ink: oklch(99.80618% 0.000579 251.779887 / 1);
|
|
9336
|
+
--color-surface-workspace-8-ink-muted: oklch(85.441382% 0.000579 251.779887 / 1);
|
|
9337
|
+
--color-surface-workspace-8-edge: oklch(48.258936% 0.002244 221.21104 / 1);
|
|
9338
|
+
--color-surface-workspace-8-edge-hover: oklch(49.759627% 0.00212 217.57581 / 1);
|
|
9339
|
+
--color-surface-workspace-8-edge-strong: oklch(51.260901% 0.001566 236.07467 / 1);
|
|
9340
|
+
--shadow-depth-workspace-8: 0px 1px 1px -0.5px oklch(0% 0 none / 0.18), 0px 3px 3px -1.5px oklch(0% 0 none / 0.18), 0px 6px 6px -3px oklch(0% 0 none / 0.18), 0px 12px 12px -6px oklch(0% 0 none / 0.18), 0px 24px 24px -12px oklch(0% 0 none / 0.18), 0px 48px 48px -24px oklch(0% 0 none / 0.18), 0px 96px 96px -48px oklch(0% 0 none / 0.18), inset 0px 1px 0px 0px oklch(100% 0 none / 0.06);
|
|
9341
|
+
--color-substrate-chrome: oklch(22.462653% 0 none / 1);
|
|
9342
|
+
--color-substrate-chrome-ink: oklch(92.431093% 0 none / 1);
|
|
9343
|
+
--color-substrate-chrome-ink-muted: oklch(76.852224% 0 none / 1);
|
|
9344
|
+
--color-surface-chrome-0: oklch(22.462653% 0 none / 1);
|
|
9345
|
+
--color-surface-chrome-0-ink: oklch(92.431093% 0 none / 1);
|
|
9346
|
+
--color-surface-chrome-0-ink-muted: oklch(76.852224% 0 none / 1);
|
|
9347
|
+
--color-surface-chrome-0-edge: oklch(25.462422% 0.0004 195.87802 / 1);
|
|
9348
|
+
--color-surface-chrome-0-edge-hover: oklch(26.96239% 0.000508 195.873454 / 1);
|
|
9349
|
+
--color-surface-chrome-0-edge-strong: oklch(28.462655% 0.000247 195.888233 / 1);
|
|
9350
|
+
--shadow-depth-chrome-0: 0 0 0 0 transparent;
|
|
9351
|
+
--color-surface-chrome-1: oklch(24.962653% 0 none / 1);
|
|
9352
|
+
--color-surface-chrome-1-ink: oklch(92.819977% 0 none / 1);
|
|
9353
|
+
--color-surface-chrome-1-ink-muted: oklch(77.311197% 0 none / 1);
|
|
9354
|
+
--color-surface-chrome-1-edge: oklch(27.962371% 0.000419 195.87905 / 1);
|
|
9355
|
+
--color-surface-chrome-1-edge-hover: oklch(29.462366% 0.000533 195.87456 / 1);
|
|
9356
|
+
--color-surface-chrome-1-edge-strong: oklch(30.962624% 0.000258 195.888744 / 1);
|
|
9357
|
+
--shadow-depth-chrome-1: 0 0 0 0 transparent;
|
|
9358
|
+
--color-surface-chrome-2: oklch(27.462653% 0.000386 251.779887 / 1);
|
|
9359
|
+
--color-surface-chrome-2-ink: oklch(93.302555% 0.000077 251.779887 / 1);
|
|
9360
|
+
--color-surface-chrome-2-ink-muted: oklch(77.879753% 0.000077 251.779887 / 1);
|
|
9361
|
+
--color-surface-chrome-2-edge: oklch(30.462404% 0.000653 217.55758 / 1);
|
|
9362
|
+
--color-surface-chrome-2-edge-hover: oklch(31.9624% 0.000738 212.625245 / 1);
|
|
9363
|
+
--color-surface-chrome-2-edge-strong: oklch(33.462634% 0.000445 221.597802 / 1);
|
|
9364
|
+
--shadow-depth-chrome-2: 0px 1px 1px -0.5px oklch(0% 0 none / 0.18), inset 0px 1px 0px 0px oklch(100% 0 none / 0.01);
|
|
9365
|
+
--color-surface-chrome-3: oklch(30.262653% 0.000579 251.779887 / 1);
|
|
9366
|
+
--color-surface-chrome-3-ink: oklch(93.964672% 0.000116 251.779887 / 1);
|
|
9367
|
+
--color-surface-chrome-3-ink-muted: oklch(78.657981% 0.000116 251.779887 / 1);
|
|
9368
|
+
--color-surface-chrome-3-edge: oklch(33.262372% 0.000808 222.406407 / 1);
|
|
9369
|
+
--color-surface-chrome-3-edge-hover: oklch(34.762359% 0.000879 217.091644 / 1);
|
|
9370
|
+
--color-surface-chrome-3-edge-strong: oklch(36.262611% 0.000565 226.937884 / 1);
|
|
9371
|
+
--shadow-depth-chrome-3: 0px 1px 1px -0.5px oklch(0% 0 none / 0.18), 0px 3px 3px -1.5px oklch(0% 0 none / 0.18), inset 0px 1px 0px 0px oklch(100% 0 none / 0.02);
|
|
9372
|
+
--color-surface-chrome-4: oklch(33.262653% 0.000965 251.779887 / 1);
|
|
9373
|
+
--color-surface-chrome-4-ink: oklch(94.876877% 0.000193 251.779887 / 1);
|
|
9374
|
+
--color-surface-chrome-4-ink-muted: oklch(79.72682% 0.000193 251.779887 / 1);
|
|
9375
|
+
--color-surface-chrome-4-edge: oklch(36.262334% 0.001104 228.352324 / 1);
|
|
9376
|
+
--color-surface-chrome-4-edge-hover: oklch(37.762335% 0.001141 223.022717 / 1);
|
|
9377
|
+
--color-surface-chrome-4-edge-strong: oklch(39.262565% 0.000796 233.102098 / 1);
|
|
9378
|
+
--shadow-depth-chrome-4: 0px 1px 1px -0.5px oklch(0% 0 none / 0.18), 0px 3px 3px -1.5px oklch(0% 0 none / 0.18), 0px 6px 6px -3px oklch(0% 0 none / 0.18), inset 0px 1px 0px 0px oklch(100% 0 none / 0.02);
|
|
9379
|
+
--color-surface-chrome-5: oklch(36.462653% 0.001351 251.779887 / 1);
|
|
9380
|
+
--color-surface-chrome-5-ink: oklch(96.050221% 0.00027 251.779887 / 1);
|
|
9381
|
+
--color-surface-chrome-5-ink-muted: oklch(81.096153% 0.00027 251.779887 / 1);
|
|
9382
|
+
--color-surface-chrome-5-edge: oklch(39.462225% 0.001404 230.65698 / 1);
|
|
9383
|
+
--color-surface-chrome-5-edge-hover: oklch(40.962223% 0.001408 225.546896 / 1);
|
|
9384
|
+
--color-surface-chrome-5-edge-strong: oklch(42.462481% 0.00102 235.848082 / 1);
|
|
9385
|
+
--shadow-depth-chrome-5: 0px 1px 1px -0.5px oklch(0% 0 none / 0.18), 0px 3px 3px -1.5px oklch(0% 0 none / 0.18), 0px 6px 6px -3px oklch(0% 0 none / 0.18), 0px 12px 12px -6px oklch(0% 0 none / 0.18), inset 0px 1px 0px 0px oklch(100% 0 none / 0.04);
|
|
9386
|
+
--color-surface-chrome-6: oklch(39.862653% 0.001737 251.779887 / 1);
|
|
9387
|
+
--color-surface-chrome-6-ink: oklch(97.412147% 0.000347 251.779887 / 1);
|
|
9388
|
+
--color-surface-chrome-6-ink-muted: oklch(82.678213% 0.000347 251.779887 / 1);
|
|
9389
|
+
--color-surface-chrome-6-edge: oklch(42.86196% 0.001692 230.11409 / 1);
|
|
9390
|
+
--color-surface-chrome-6-edge-hover: oklch(44.361968% 0.001662 225.16279 / 1);
|
|
9391
|
+
--color-surface-chrome-6-edge-strong: oklch(45.8623% 0.001211 236.581901 / 1);
|
|
9392
|
+
--shadow-depth-chrome-6: 0px 1px 1px -0.5px oklch(0% 0 none / 0.18), 0px 3px 3px -1.5px oklch(0% 0 none / 0.18), 0px 6px 6px -3px oklch(0% 0 none / 0.18), 0px 12px 12px -6px oklch(0% 0 none / 0.18), 0px 24px 24px -12px oklch(0% 0 none / 0.18), inset 0px 1px 0px 0px oklch(100% 0 none / 0.04);
|
|
9393
|
+
--color-surface-chrome-7: oklch(43.462653% 0.002316 251.779887 / 1);
|
|
9394
|
+
--color-surface-chrome-7-ink: oklch(98.977631% 0.000463 251.779887 / 1);
|
|
9395
|
+
--color-surface-chrome-7-ink-muted: oklch(84.487538% 0.000463 251.779887 / 1);
|
|
9396
|
+
--color-surface-chrome-7-edge: oklch(46.460978% 0.002034 226.147767 / 1);
|
|
9397
|
+
--color-surface-chrome-7-edge-hover: oklch(47.961145% 0.001951 221.599303 / 1);
|
|
9398
|
+
--color-surface-chrome-7-edge-strong: oklch(49.461784% 0.001415 236.248506 / 1);
|
|
9399
|
+
--shadow-depth-chrome-7: 0px 1px 1px -0.5px oklch(0% 0 none / 0.18), 0px 3px 3px -1.5px oklch(0% 0 none / 0.18), 0px 6px 6px -3px oklch(0% 0 none / 0.18), 0px 12px 12px -6px oklch(0% 0 none / 0.18), 0px 24px 24px -12px oklch(0% 0 none / 0.18), 0px 48px 48px -24px oklch(0% 0 none / 0.18), inset 0px 1px 0px 0px oklch(100% 0 none / 0.06);
|
|
9400
|
+
--color-surface-chrome-8: oklch(47.262653% 0.002896 251.779887 / 1);
|
|
9401
|
+
--color-surface-chrome-8-ink: oklch(100% 0 none / 1);
|
|
9402
|
+
--color-surface-chrome-8-ink-muted: oklch(86.636302% 0.000579 251.779887 / 1);
|
|
9403
|
+
--color-surface-chrome-8-edge: oklch(50.262655% 0.002731 251.779887 / 1);
|
|
9404
|
+
--color-surface-chrome-8-edge-hover: oklch(51.762631% 0.002649 251.779887 / 1);
|
|
9405
|
+
--color-surface-chrome-8-edge-strong: oklch(53.260302% 0.001384 230.701407 / 1);
|
|
9406
|
+
--shadow-depth-chrome-8: 0px 1px 1px -0.5px oklch(0% 0 none / 0.18), 0px 3px 3px -1.5px oklch(0% 0 none / 0.18), 0px 6px 6px -3px oklch(0% 0 none / 0.18), 0px 12px 12px -6px oklch(0% 0 none / 0.18), 0px 24px 24px -12px oklch(0% 0 none / 0.18), 0px 48px 48px -24px oklch(0% 0 none / 0.18), 0px 96px 96px -48px oklch(0% 0 none / 0.18), inset 0px 1px 0px 0px oklch(100% 0 none / 0.06);
|
|
8684
9407
|
--color-surface-0: oklch(20.462653% 0 none / 1);
|
|
8685
9408
|
--color-surface-0-ink: oklch(92.184718% 0 none / 1);
|
|
8686
9409
|
--color-surface-0-ink-muted: oklch(76.561054% 0 none / 1);
|
|
8687
|
-
--shadow-elevation-0: 0
|
|
9410
|
+
--shadow-elevation-0: var(--ui-local-elevation-0);
|
|
8688
9411
|
--color-surface-1: oklch(22.962653% 0 none / 1);
|
|
8689
9412
|
--color-surface-1-ink: oklch(92.501588% 0 none / 1);
|
|
8690
9413
|
--color-surface-1-ink-muted: oklch(76.93548% 0 none / 1);
|
|
8691
|
-
--shadow-elevation-1:
|
|
9414
|
+
--shadow-elevation-1: var(--ui-local-elevation-1);
|
|
8692
9415
|
--color-surface-2: oklch(25.462653% 0.000386 251.779887 / 1);
|
|
8693
9416
|
--color-surface-2-ink: oklch(92.908812% 0.000077 251.779887 / 1);
|
|
8694
9417
|
--color-surface-2-ink-muted: oklch(77.415975% 0.000077 251.779887 / 1);
|
|
8695
|
-
--shadow-elevation-2:
|
|
9418
|
+
--shadow-elevation-2: var(--ui-local-elevation-2);
|
|
8696
9419
|
--color-surface-3: oklch(28.262653% 0.000579 251.779887 / 1);
|
|
8697
9420
|
--color-surface-3-ink: oklch(93.477871% 0.000116 251.779887 / 1);
|
|
8698
9421
|
--color-surface-3-ink-muted: oklch(78.08603% 0.000116 251.779887 / 1);
|
|
8699
|
-
--shadow-elevation-3:
|
|
9422
|
+
--shadow-elevation-3: var(--ui-local-elevation-3);
|
|
8700
9423
|
--color-surface-4: oklch(31.262653% 0.000965 251.779887 / 1);
|
|
8701
9424
|
--color-surface-4-ink: oklch(94.237603% 0.000193 251.779887 / 1);
|
|
8702
9425
|
--color-surface-4-ink-muted: oklch(78.978204% 0.000193 251.779887 / 1);
|
|
8703
|
-
--shadow-elevation-4:
|
|
9426
|
+
--shadow-elevation-4: var(--ui-local-elevation-4);
|
|
8704
9427
|
--color-surface-5: oklch(34.462653% 0.001351 251.779887 / 1);
|
|
8705
9428
|
--color-surface-5-ink: oklch(95.30435% 0.00027 251.779887 / 1);
|
|
8706
9429
|
--color-surface-5-ink-muted: oklch(80.226419% 0.00027 251.779887 / 1);
|
|
8707
|
-
--shadow-elevation-5:
|
|
9430
|
+
--shadow-elevation-5: var(--ui-local-elevation-5);
|
|
8708
9431
|
--color-surface-6: oklch(37.862653% 0.001737 251.779887 / 1);
|
|
8709
9432
|
--color-surface-6-ink: oklch(96.597068% 0.000347 251.779887 / 1);
|
|
8710
9433
|
--color-surface-6-ink-muted: oklch(81.732335% 0.000347 251.779887 / 1);
|
|
8711
|
-
--shadow-elevation-6:
|
|
9434
|
+
--shadow-elevation-6: var(--ui-local-elevation-6);
|
|
8712
9435
|
--color-surface-7: oklch(41.462653% 0.002316 251.779887 / 1);
|
|
8713
9436
|
--color-surface-7-ink: oklch(98.092835% 0.000463 251.779887 / 1);
|
|
8714
9437
|
--color-surface-7-ink-muted: oklch(83.46613% 0.000463 251.779887 / 1);
|
|
8715
|
-
--shadow-elevation-7:
|
|
9438
|
+
--shadow-elevation-7: var(--ui-local-elevation-7);
|
|
8716
9439
|
--color-surface-8: oklch(45.262653% 0.002896 251.779887 / 1);
|
|
8717
9440
|
--color-surface-8-ink: oklch(99.80618% 0.000579 251.779887 / 1);
|
|
8718
9441
|
--color-surface-8-ink-muted: oklch(85.441382% 0.000579 251.779887 / 1);
|
|
8719
|
-
--shadow-elevation-8:
|
|
9442
|
+
--shadow-elevation-8: var(--ui-local-elevation-8);
|
|
8720
9443
|
}
|
|
8721
9444
|
}
|
|
8722
9445
|
:root {
|
|
9446
|
+
--ui-local-surface-0: var(--color-surface-workspace-0);
|
|
9447
|
+
--ui-local-surface-0-ink: var(--color-surface-workspace-0-ink);
|
|
9448
|
+
--ui-local-surface-0-ink-muted: var(--color-surface-workspace-0-ink-muted);
|
|
9449
|
+
--ui-local-surface-0-edge: var(--color-surface-workspace-0-edge);
|
|
9450
|
+
--ui-local-surface-0-edge-hover: var(--color-surface-workspace-0-edge-hover);
|
|
9451
|
+
--ui-local-surface-0-edge-strong: var(--color-surface-workspace-0-edge-strong);
|
|
9452
|
+
--ui-local-surface-1: var(--color-surface-workspace-1);
|
|
9453
|
+
--ui-local-surface-1-ink: var(--color-surface-workspace-1-ink);
|
|
9454
|
+
--ui-local-surface-1-ink-muted: var(--color-surface-workspace-1-ink-muted);
|
|
9455
|
+
--ui-local-surface-1-edge: var(--color-surface-workspace-1-edge);
|
|
9456
|
+
--ui-local-surface-1-edge-hover: var(--color-surface-workspace-1-edge-hover);
|
|
9457
|
+
--ui-local-surface-1-edge-strong: var(--color-surface-workspace-1-edge-strong);
|
|
9458
|
+
--ui-local-surface-2: var(--color-surface-workspace-2);
|
|
9459
|
+
--ui-local-surface-2-ink: var(--color-surface-workspace-2-ink);
|
|
9460
|
+
--ui-local-surface-2-ink-muted: var(--color-surface-workspace-2-ink-muted);
|
|
9461
|
+
--ui-local-surface-2-edge: var(--color-surface-workspace-2-edge);
|
|
9462
|
+
--ui-local-surface-2-edge-hover: var(--color-surface-workspace-2-edge-hover);
|
|
9463
|
+
--ui-local-surface-2-edge-strong: var(--color-surface-workspace-2-edge-strong);
|
|
9464
|
+
--ui-local-surface-3: var(--color-surface-workspace-3);
|
|
9465
|
+
--ui-local-surface-3-ink: var(--color-surface-workspace-3-ink);
|
|
9466
|
+
--ui-local-surface-3-ink-muted: var(--color-surface-workspace-3-ink-muted);
|
|
9467
|
+
--ui-local-surface-3-edge: var(--color-surface-workspace-3-edge);
|
|
9468
|
+
--ui-local-surface-3-edge-hover: var(--color-surface-workspace-3-edge-hover);
|
|
9469
|
+
--ui-local-surface-3-edge-strong: var(--color-surface-workspace-3-edge-strong);
|
|
9470
|
+
--ui-local-surface-4: var(--color-surface-workspace-4);
|
|
9471
|
+
--ui-local-surface-4-ink: var(--color-surface-workspace-4-ink);
|
|
9472
|
+
--ui-local-surface-4-ink-muted: var(--color-surface-workspace-4-ink-muted);
|
|
9473
|
+
--ui-local-surface-4-edge: var(--color-surface-workspace-4-edge);
|
|
9474
|
+
--ui-local-surface-4-edge-hover: var(--color-surface-workspace-4-edge-hover);
|
|
9475
|
+
--ui-local-surface-4-edge-strong: var(--color-surface-workspace-4-edge-strong);
|
|
9476
|
+
--ui-local-surface-5: var(--color-surface-workspace-5);
|
|
9477
|
+
--ui-local-surface-5-ink: var(--color-surface-workspace-5-ink);
|
|
9478
|
+
--ui-local-surface-5-ink-muted: var(--color-surface-workspace-5-ink-muted);
|
|
9479
|
+
--ui-local-surface-5-edge: var(--color-surface-workspace-5-edge);
|
|
9480
|
+
--ui-local-surface-5-edge-hover: var(--color-surface-workspace-5-edge-hover);
|
|
9481
|
+
--ui-local-surface-5-edge-strong: var(--color-surface-workspace-5-edge-strong);
|
|
9482
|
+
--ui-local-surface-6: var(--color-surface-workspace-6);
|
|
9483
|
+
--ui-local-surface-6-ink: var(--color-surface-workspace-6-ink);
|
|
9484
|
+
--ui-local-surface-6-ink-muted: var(--color-surface-workspace-6-ink-muted);
|
|
9485
|
+
--ui-local-surface-6-edge: var(--color-surface-workspace-6-edge);
|
|
9486
|
+
--ui-local-surface-6-edge-hover: var(--color-surface-workspace-6-edge-hover);
|
|
9487
|
+
--ui-local-surface-6-edge-strong: var(--color-surface-workspace-6-edge-strong);
|
|
9488
|
+
--ui-local-surface-7: var(--color-surface-workspace-7);
|
|
9489
|
+
--ui-local-surface-7-ink: var(--color-surface-workspace-7-ink);
|
|
9490
|
+
--ui-local-surface-7-ink-muted: var(--color-surface-workspace-7-ink-muted);
|
|
9491
|
+
--ui-local-surface-7-edge: var(--color-surface-workspace-7-edge);
|
|
9492
|
+
--ui-local-surface-7-edge-hover: var(--color-surface-workspace-7-edge-hover);
|
|
9493
|
+
--ui-local-surface-7-edge-strong: var(--color-surface-workspace-7-edge-strong);
|
|
9494
|
+
--ui-local-surface-8: var(--color-surface-workspace-8);
|
|
9495
|
+
--ui-local-surface-8-ink: var(--color-surface-workspace-8-ink);
|
|
9496
|
+
--ui-local-surface-8-ink-muted: var(--color-surface-workspace-8-ink-muted);
|
|
9497
|
+
--ui-local-surface-8-edge: var(--color-surface-workspace-8-edge);
|
|
9498
|
+
--ui-local-surface-8-edge-hover: var(--color-surface-workspace-8-edge-hover);
|
|
9499
|
+
--ui-local-surface-8-edge-strong: var(--color-surface-workspace-8-edge-strong);
|
|
9500
|
+
--ui-local-elevation-0: 0 0 0 0 transparent;
|
|
9501
|
+
--ui-local-elevation-1: 0 0 0 var(--border-width-edge-perimeter) var(--ui-surface-edge), var(--shadow-depth-workspace-1);
|
|
9502
|
+
--ui-local-elevation-2: 0 0 0 var(--border-width-edge-perimeter) var(--ui-surface-edge), var(--shadow-depth-workspace-2);
|
|
9503
|
+
--ui-local-elevation-3: 0 0 0 var(--border-width-edge-perimeter) var(--ui-surface-edge), var(--shadow-depth-workspace-3);
|
|
9504
|
+
--ui-local-elevation-4: 0 0 0 var(--border-width-edge-perimeter) var(--ui-surface-edge), var(--shadow-depth-workspace-4);
|
|
9505
|
+
--ui-local-elevation-5: 0 0 0 var(--border-width-edge-perimeter) var(--ui-surface-edge), var(--shadow-depth-workspace-5);
|
|
9506
|
+
--ui-local-elevation-6: 0 0 0 var(--border-width-edge-perimeter) var(--ui-surface-edge), var(--shadow-depth-workspace-6);
|
|
9507
|
+
--ui-local-elevation-7: 0 0 0 var(--border-width-edge-perimeter) var(--ui-surface-edge), var(--shadow-depth-workspace-7);
|
|
9508
|
+
--ui-local-elevation-8: 0 0 0 var(--border-width-edge-perimeter) var(--ui-surface-edge), var(--shadow-depth-workspace-8);
|
|
8723
9509
|
--ui-surface-level: 0;
|
|
8724
9510
|
--ui-surface-color: var(--color-surface-0);
|
|
8725
9511
|
--ui-surface-ink: var(--color-surface-0-ink);
|
|
8726
9512
|
--ui-surface-ink-muted: var(--color-surface-0-ink-muted);
|
|
8727
|
-
--ui-
|
|
9513
|
+
--ui-surface-edge: var(--ui-local-surface-0-edge);
|
|
9514
|
+
--ui-surface-edge-hover: var(--ui-local-surface-0-edge-hover);
|
|
9515
|
+
--ui-surface-edge-strong: var(--ui-local-surface-0-edge-strong);
|
|
9516
|
+
--ui-matched-elevation: var(--ui-local-elevation-0);
|
|
8728
9517
|
background-color: var(--ui-surface-color);
|
|
8729
9518
|
color: var(--ui-surface-ink);
|
|
8730
9519
|
--ui-elevation-shadow-layers: var(--shadow-elevation-0);
|
|
8731
9520
|
--ui-state-shadow-layers: var(--shadow-elevation-0);
|
|
8732
9521
|
}
|
|
9522
|
+
:where(.light, .dark) {
|
|
9523
|
+
--ui-local-surface-0: var(--color-surface-workspace-0);
|
|
9524
|
+
--ui-local-surface-0-ink: var(--color-surface-workspace-0-ink);
|
|
9525
|
+
--ui-local-surface-0-ink-muted: var(--color-surface-workspace-0-ink-muted);
|
|
9526
|
+
--ui-local-surface-0-edge: var(--color-surface-workspace-0-edge);
|
|
9527
|
+
--ui-local-surface-0-edge-hover: var(--color-surface-workspace-0-edge-hover);
|
|
9528
|
+
--ui-local-surface-0-edge-strong: var(--color-surface-workspace-0-edge-strong);
|
|
9529
|
+
--ui-local-surface-1: var(--color-surface-workspace-1);
|
|
9530
|
+
--ui-local-surface-1-ink: var(--color-surface-workspace-1-ink);
|
|
9531
|
+
--ui-local-surface-1-ink-muted: var(--color-surface-workspace-1-ink-muted);
|
|
9532
|
+
--ui-local-surface-1-edge: var(--color-surface-workspace-1-edge);
|
|
9533
|
+
--ui-local-surface-1-edge-hover: var(--color-surface-workspace-1-edge-hover);
|
|
9534
|
+
--ui-local-surface-1-edge-strong: var(--color-surface-workspace-1-edge-strong);
|
|
9535
|
+
--ui-local-surface-2: var(--color-surface-workspace-2);
|
|
9536
|
+
--ui-local-surface-2-ink: var(--color-surface-workspace-2-ink);
|
|
9537
|
+
--ui-local-surface-2-ink-muted: var(--color-surface-workspace-2-ink-muted);
|
|
9538
|
+
--ui-local-surface-2-edge: var(--color-surface-workspace-2-edge);
|
|
9539
|
+
--ui-local-surface-2-edge-hover: var(--color-surface-workspace-2-edge-hover);
|
|
9540
|
+
--ui-local-surface-2-edge-strong: var(--color-surface-workspace-2-edge-strong);
|
|
9541
|
+
--ui-local-surface-3: var(--color-surface-workspace-3);
|
|
9542
|
+
--ui-local-surface-3-ink: var(--color-surface-workspace-3-ink);
|
|
9543
|
+
--ui-local-surface-3-ink-muted: var(--color-surface-workspace-3-ink-muted);
|
|
9544
|
+
--ui-local-surface-3-edge: var(--color-surface-workspace-3-edge);
|
|
9545
|
+
--ui-local-surface-3-edge-hover: var(--color-surface-workspace-3-edge-hover);
|
|
9546
|
+
--ui-local-surface-3-edge-strong: var(--color-surface-workspace-3-edge-strong);
|
|
9547
|
+
--ui-local-surface-4: var(--color-surface-workspace-4);
|
|
9548
|
+
--ui-local-surface-4-ink: var(--color-surface-workspace-4-ink);
|
|
9549
|
+
--ui-local-surface-4-ink-muted: var(--color-surface-workspace-4-ink-muted);
|
|
9550
|
+
--ui-local-surface-4-edge: var(--color-surface-workspace-4-edge);
|
|
9551
|
+
--ui-local-surface-4-edge-hover: var(--color-surface-workspace-4-edge-hover);
|
|
9552
|
+
--ui-local-surface-4-edge-strong: var(--color-surface-workspace-4-edge-strong);
|
|
9553
|
+
--ui-local-surface-5: var(--color-surface-workspace-5);
|
|
9554
|
+
--ui-local-surface-5-ink: var(--color-surface-workspace-5-ink);
|
|
9555
|
+
--ui-local-surface-5-ink-muted: var(--color-surface-workspace-5-ink-muted);
|
|
9556
|
+
--ui-local-surface-5-edge: var(--color-surface-workspace-5-edge);
|
|
9557
|
+
--ui-local-surface-5-edge-hover: var(--color-surface-workspace-5-edge-hover);
|
|
9558
|
+
--ui-local-surface-5-edge-strong: var(--color-surface-workspace-5-edge-strong);
|
|
9559
|
+
--ui-local-surface-6: var(--color-surface-workspace-6);
|
|
9560
|
+
--ui-local-surface-6-ink: var(--color-surface-workspace-6-ink);
|
|
9561
|
+
--ui-local-surface-6-ink-muted: var(--color-surface-workspace-6-ink-muted);
|
|
9562
|
+
--ui-local-surface-6-edge: var(--color-surface-workspace-6-edge);
|
|
9563
|
+
--ui-local-surface-6-edge-hover: var(--color-surface-workspace-6-edge-hover);
|
|
9564
|
+
--ui-local-surface-6-edge-strong: var(--color-surface-workspace-6-edge-strong);
|
|
9565
|
+
--ui-local-surface-7: var(--color-surface-workspace-7);
|
|
9566
|
+
--ui-local-surface-7-ink: var(--color-surface-workspace-7-ink);
|
|
9567
|
+
--ui-local-surface-7-ink-muted: var(--color-surface-workspace-7-ink-muted);
|
|
9568
|
+
--ui-local-surface-7-edge: var(--color-surface-workspace-7-edge);
|
|
9569
|
+
--ui-local-surface-7-edge-hover: var(--color-surface-workspace-7-edge-hover);
|
|
9570
|
+
--ui-local-surface-7-edge-strong: var(--color-surface-workspace-7-edge-strong);
|
|
9571
|
+
--ui-local-surface-8: var(--color-surface-workspace-8);
|
|
9572
|
+
--ui-local-surface-8-ink: var(--color-surface-workspace-8-ink);
|
|
9573
|
+
--ui-local-surface-8-ink-muted: var(--color-surface-workspace-8-ink-muted);
|
|
9574
|
+
--ui-local-surface-8-edge: var(--color-surface-workspace-8-edge);
|
|
9575
|
+
--ui-local-surface-8-edge-hover: var(--color-surface-workspace-8-edge-hover);
|
|
9576
|
+
--ui-local-surface-8-edge-strong: var(--color-surface-workspace-8-edge-strong);
|
|
9577
|
+
--ui-local-elevation-0: 0 0 0 0 transparent;
|
|
9578
|
+
--ui-local-elevation-1: 0 0 0 var(--border-width-edge-perimeter) var(--ui-surface-edge), var(--shadow-depth-workspace-1);
|
|
9579
|
+
--ui-local-elevation-2: 0 0 0 var(--border-width-edge-perimeter) var(--ui-surface-edge), var(--shadow-depth-workspace-2);
|
|
9580
|
+
--ui-local-elevation-3: 0 0 0 var(--border-width-edge-perimeter) var(--ui-surface-edge), var(--shadow-depth-workspace-3);
|
|
9581
|
+
--ui-local-elevation-4: 0 0 0 var(--border-width-edge-perimeter) var(--ui-surface-edge), var(--shadow-depth-workspace-4);
|
|
9582
|
+
--ui-local-elevation-5: 0 0 0 var(--border-width-edge-perimeter) var(--ui-surface-edge), var(--shadow-depth-workspace-5);
|
|
9583
|
+
--ui-local-elevation-6: 0 0 0 var(--border-width-edge-perimeter) var(--ui-surface-edge), var(--shadow-depth-workspace-6);
|
|
9584
|
+
--ui-local-elevation-7: 0 0 0 var(--border-width-edge-perimeter) var(--ui-surface-edge), var(--shadow-depth-workspace-7);
|
|
9585
|
+
--ui-local-elevation-8: 0 0 0 var(--border-width-edge-perimeter) var(--ui-surface-edge), var(--shadow-depth-workspace-8);
|
|
9586
|
+
}
|
|
9587
|
+
:where([data-ui-substrate="workspace"]) {
|
|
9588
|
+
--ui-local-surface-0: var(--color-surface-workspace-0);
|
|
9589
|
+
--ui-local-surface-0-ink: var(--color-surface-workspace-0-ink);
|
|
9590
|
+
--ui-local-surface-0-ink-muted: var(--color-surface-workspace-0-ink-muted);
|
|
9591
|
+
--ui-local-surface-0-edge: var(--color-surface-workspace-0-edge);
|
|
9592
|
+
--ui-local-surface-0-edge-hover: var(--color-surface-workspace-0-edge-hover);
|
|
9593
|
+
--ui-local-surface-0-edge-strong: var(--color-surface-workspace-0-edge-strong);
|
|
9594
|
+
--ui-local-surface-1: var(--color-surface-workspace-1);
|
|
9595
|
+
--ui-local-surface-1-ink: var(--color-surface-workspace-1-ink);
|
|
9596
|
+
--ui-local-surface-1-ink-muted: var(--color-surface-workspace-1-ink-muted);
|
|
9597
|
+
--ui-local-surface-1-edge: var(--color-surface-workspace-1-edge);
|
|
9598
|
+
--ui-local-surface-1-edge-hover: var(--color-surface-workspace-1-edge-hover);
|
|
9599
|
+
--ui-local-surface-1-edge-strong: var(--color-surface-workspace-1-edge-strong);
|
|
9600
|
+
--ui-local-surface-2: var(--color-surface-workspace-2);
|
|
9601
|
+
--ui-local-surface-2-ink: var(--color-surface-workspace-2-ink);
|
|
9602
|
+
--ui-local-surface-2-ink-muted: var(--color-surface-workspace-2-ink-muted);
|
|
9603
|
+
--ui-local-surface-2-edge: var(--color-surface-workspace-2-edge);
|
|
9604
|
+
--ui-local-surface-2-edge-hover: var(--color-surface-workspace-2-edge-hover);
|
|
9605
|
+
--ui-local-surface-2-edge-strong: var(--color-surface-workspace-2-edge-strong);
|
|
9606
|
+
--ui-local-surface-3: var(--color-surface-workspace-3);
|
|
9607
|
+
--ui-local-surface-3-ink: var(--color-surface-workspace-3-ink);
|
|
9608
|
+
--ui-local-surface-3-ink-muted: var(--color-surface-workspace-3-ink-muted);
|
|
9609
|
+
--ui-local-surface-3-edge: var(--color-surface-workspace-3-edge);
|
|
9610
|
+
--ui-local-surface-3-edge-hover: var(--color-surface-workspace-3-edge-hover);
|
|
9611
|
+
--ui-local-surface-3-edge-strong: var(--color-surface-workspace-3-edge-strong);
|
|
9612
|
+
--ui-local-surface-4: var(--color-surface-workspace-4);
|
|
9613
|
+
--ui-local-surface-4-ink: var(--color-surface-workspace-4-ink);
|
|
9614
|
+
--ui-local-surface-4-ink-muted: var(--color-surface-workspace-4-ink-muted);
|
|
9615
|
+
--ui-local-surface-4-edge: var(--color-surface-workspace-4-edge);
|
|
9616
|
+
--ui-local-surface-4-edge-hover: var(--color-surface-workspace-4-edge-hover);
|
|
9617
|
+
--ui-local-surface-4-edge-strong: var(--color-surface-workspace-4-edge-strong);
|
|
9618
|
+
--ui-local-surface-5: var(--color-surface-workspace-5);
|
|
9619
|
+
--ui-local-surface-5-ink: var(--color-surface-workspace-5-ink);
|
|
9620
|
+
--ui-local-surface-5-ink-muted: var(--color-surface-workspace-5-ink-muted);
|
|
9621
|
+
--ui-local-surface-5-edge: var(--color-surface-workspace-5-edge);
|
|
9622
|
+
--ui-local-surface-5-edge-hover: var(--color-surface-workspace-5-edge-hover);
|
|
9623
|
+
--ui-local-surface-5-edge-strong: var(--color-surface-workspace-5-edge-strong);
|
|
9624
|
+
--ui-local-surface-6: var(--color-surface-workspace-6);
|
|
9625
|
+
--ui-local-surface-6-ink: var(--color-surface-workspace-6-ink);
|
|
9626
|
+
--ui-local-surface-6-ink-muted: var(--color-surface-workspace-6-ink-muted);
|
|
9627
|
+
--ui-local-surface-6-edge: var(--color-surface-workspace-6-edge);
|
|
9628
|
+
--ui-local-surface-6-edge-hover: var(--color-surface-workspace-6-edge-hover);
|
|
9629
|
+
--ui-local-surface-6-edge-strong: var(--color-surface-workspace-6-edge-strong);
|
|
9630
|
+
--ui-local-surface-7: var(--color-surface-workspace-7);
|
|
9631
|
+
--ui-local-surface-7-ink: var(--color-surface-workspace-7-ink);
|
|
9632
|
+
--ui-local-surface-7-ink-muted: var(--color-surface-workspace-7-ink-muted);
|
|
9633
|
+
--ui-local-surface-7-edge: var(--color-surface-workspace-7-edge);
|
|
9634
|
+
--ui-local-surface-7-edge-hover: var(--color-surface-workspace-7-edge-hover);
|
|
9635
|
+
--ui-local-surface-7-edge-strong: var(--color-surface-workspace-7-edge-strong);
|
|
9636
|
+
--ui-local-surface-8: var(--color-surface-workspace-8);
|
|
9637
|
+
--ui-local-surface-8-ink: var(--color-surface-workspace-8-ink);
|
|
9638
|
+
--ui-local-surface-8-ink-muted: var(--color-surface-workspace-8-ink-muted);
|
|
9639
|
+
--ui-local-surface-8-edge: var(--color-surface-workspace-8-edge);
|
|
9640
|
+
--ui-local-surface-8-edge-hover: var(--color-surface-workspace-8-edge-hover);
|
|
9641
|
+
--ui-local-surface-8-edge-strong: var(--color-surface-workspace-8-edge-strong);
|
|
9642
|
+
--ui-local-elevation-0: 0 0 0 0 transparent;
|
|
9643
|
+
--ui-local-elevation-1: 0 0 0 var(--border-width-edge-perimeter) var(--ui-surface-edge), var(--shadow-depth-workspace-1);
|
|
9644
|
+
--ui-local-elevation-2: 0 0 0 var(--border-width-edge-perimeter) var(--ui-surface-edge), var(--shadow-depth-workspace-2);
|
|
9645
|
+
--ui-local-elevation-3: 0 0 0 var(--border-width-edge-perimeter) var(--ui-surface-edge), var(--shadow-depth-workspace-3);
|
|
9646
|
+
--ui-local-elevation-4: 0 0 0 var(--border-width-edge-perimeter) var(--ui-surface-edge), var(--shadow-depth-workspace-4);
|
|
9647
|
+
--ui-local-elevation-5: 0 0 0 var(--border-width-edge-perimeter) var(--ui-surface-edge), var(--shadow-depth-workspace-5);
|
|
9648
|
+
--ui-local-elevation-6: 0 0 0 var(--border-width-edge-perimeter) var(--ui-surface-edge), var(--shadow-depth-workspace-6);
|
|
9649
|
+
--ui-local-elevation-7: 0 0 0 var(--border-width-edge-perimeter) var(--ui-surface-edge), var(--shadow-depth-workspace-7);
|
|
9650
|
+
--ui-local-elevation-8: 0 0 0 var(--border-width-edge-perimeter) var(--ui-surface-edge), var(--shadow-depth-workspace-8);
|
|
9651
|
+
--ui-surface-level: 0;
|
|
9652
|
+
--ui-surface-color: var(--ui-local-surface-0);
|
|
9653
|
+
--ui-surface-ink: var(--ui-local-surface-0-ink);
|
|
9654
|
+
--ui-surface-ink-muted: var(--ui-local-surface-0-ink-muted);
|
|
9655
|
+
--ui-surface-edge: var(--ui-local-surface-0-edge);
|
|
9656
|
+
--ui-surface-edge-hover: var(--ui-local-surface-0-edge-hover);
|
|
9657
|
+
--ui-surface-edge-strong: var(--ui-local-surface-0-edge-strong);
|
|
9658
|
+
--ui-surface-separator: var(--ui-surface-edge);
|
|
9659
|
+
--ui-surface-separator-muted: var(--ui-surface-edge);
|
|
9660
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
9661
|
+
--ui-surface-separator-muted: color-mix(in oklab, var(--ui-surface-edge) 60%, transparent);
|
|
9662
|
+
}
|
|
9663
|
+
--ui-matched-elevation: var(--ui-local-elevation-0);
|
|
9664
|
+
background-color: var(--ui-surface-color);
|
|
9665
|
+
color: var(--ui-surface-ink);
|
|
9666
|
+
}
|
|
9667
|
+
:where([data-ui-substrate="chrome"]) {
|
|
9668
|
+
--ui-local-surface-0: var(--color-surface-chrome-0);
|
|
9669
|
+
--ui-local-surface-0-ink: var(--color-surface-chrome-0-ink);
|
|
9670
|
+
--ui-local-surface-0-ink-muted: var(--color-surface-chrome-0-ink-muted);
|
|
9671
|
+
--ui-local-surface-0-edge: var(--color-surface-chrome-0-edge);
|
|
9672
|
+
--ui-local-surface-0-edge-hover: var(--color-surface-chrome-0-edge-hover);
|
|
9673
|
+
--ui-local-surface-0-edge-strong: var(--color-surface-chrome-0-edge-strong);
|
|
9674
|
+
--ui-local-surface-1: var(--color-surface-chrome-1);
|
|
9675
|
+
--ui-local-surface-1-ink: var(--color-surface-chrome-1-ink);
|
|
9676
|
+
--ui-local-surface-1-ink-muted: var(--color-surface-chrome-1-ink-muted);
|
|
9677
|
+
--ui-local-surface-1-edge: var(--color-surface-chrome-1-edge);
|
|
9678
|
+
--ui-local-surface-1-edge-hover: var(--color-surface-chrome-1-edge-hover);
|
|
9679
|
+
--ui-local-surface-1-edge-strong: var(--color-surface-chrome-1-edge-strong);
|
|
9680
|
+
--ui-local-surface-2: var(--color-surface-chrome-2);
|
|
9681
|
+
--ui-local-surface-2-ink: var(--color-surface-chrome-2-ink);
|
|
9682
|
+
--ui-local-surface-2-ink-muted: var(--color-surface-chrome-2-ink-muted);
|
|
9683
|
+
--ui-local-surface-2-edge: var(--color-surface-chrome-2-edge);
|
|
9684
|
+
--ui-local-surface-2-edge-hover: var(--color-surface-chrome-2-edge-hover);
|
|
9685
|
+
--ui-local-surface-2-edge-strong: var(--color-surface-chrome-2-edge-strong);
|
|
9686
|
+
--ui-local-surface-3: var(--color-surface-chrome-3);
|
|
9687
|
+
--ui-local-surface-3-ink: var(--color-surface-chrome-3-ink);
|
|
9688
|
+
--ui-local-surface-3-ink-muted: var(--color-surface-chrome-3-ink-muted);
|
|
9689
|
+
--ui-local-surface-3-edge: var(--color-surface-chrome-3-edge);
|
|
9690
|
+
--ui-local-surface-3-edge-hover: var(--color-surface-chrome-3-edge-hover);
|
|
9691
|
+
--ui-local-surface-3-edge-strong: var(--color-surface-chrome-3-edge-strong);
|
|
9692
|
+
--ui-local-surface-4: var(--color-surface-chrome-4);
|
|
9693
|
+
--ui-local-surface-4-ink: var(--color-surface-chrome-4-ink);
|
|
9694
|
+
--ui-local-surface-4-ink-muted: var(--color-surface-chrome-4-ink-muted);
|
|
9695
|
+
--ui-local-surface-4-edge: var(--color-surface-chrome-4-edge);
|
|
9696
|
+
--ui-local-surface-4-edge-hover: var(--color-surface-chrome-4-edge-hover);
|
|
9697
|
+
--ui-local-surface-4-edge-strong: var(--color-surface-chrome-4-edge-strong);
|
|
9698
|
+
--ui-local-surface-5: var(--color-surface-chrome-5);
|
|
9699
|
+
--ui-local-surface-5-ink: var(--color-surface-chrome-5-ink);
|
|
9700
|
+
--ui-local-surface-5-ink-muted: var(--color-surface-chrome-5-ink-muted);
|
|
9701
|
+
--ui-local-surface-5-edge: var(--color-surface-chrome-5-edge);
|
|
9702
|
+
--ui-local-surface-5-edge-hover: var(--color-surface-chrome-5-edge-hover);
|
|
9703
|
+
--ui-local-surface-5-edge-strong: var(--color-surface-chrome-5-edge-strong);
|
|
9704
|
+
--ui-local-surface-6: var(--color-surface-chrome-6);
|
|
9705
|
+
--ui-local-surface-6-ink: var(--color-surface-chrome-6-ink);
|
|
9706
|
+
--ui-local-surface-6-ink-muted: var(--color-surface-chrome-6-ink-muted);
|
|
9707
|
+
--ui-local-surface-6-edge: var(--color-surface-chrome-6-edge);
|
|
9708
|
+
--ui-local-surface-6-edge-hover: var(--color-surface-chrome-6-edge-hover);
|
|
9709
|
+
--ui-local-surface-6-edge-strong: var(--color-surface-chrome-6-edge-strong);
|
|
9710
|
+
--ui-local-surface-7: var(--color-surface-chrome-7);
|
|
9711
|
+
--ui-local-surface-7-ink: var(--color-surface-chrome-7-ink);
|
|
9712
|
+
--ui-local-surface-7-ink-muted: var(--color-surface-chrome-7-ink-muted);
|
|
9713
|
+
--ui-local-surface-7-edge: var(--color-surface-chrome-7-edge);
|
|
9714
|
+
--ui-local-surface-7-edge-hover: var(--color-surface-chrome-7-edge-hover);
|
|
9715
|
+
--ui-local-surface-7-edge-strong: var(--color-surface-chrome-7-edge-strong);
|
|
9716
|
+
--ui-local-surface-8: var(--color-surface-chrome-8);
|
|
9717
|
+
--ui-local-surface-8-ink: var(--color-surface-chrome-8-ink);
|
|
9718
|
+
--ui-local-surface-8-ink-muted: var(--color-surface-chrome-8-ink-muted);
|
|
9719
|
+
--ui-local-surface-8-edge: var(--color-surface-chrome-8-edge);
|
|
9720
|
+
--ui-local-surface-8-edge-hover: var(--color-surface-chrome-8-edge-hover);
|
|
9721
|
+
--ui-local-surface-8-edge-strong: var(--color-surface-chrome-8-edge-strong);
|
|
9722
|
+
--ui-local-elevation-0: 0 0 0 0 transparent;
|
|
9723
|
+
--ui-local-elevation-1: 0 0 0 var(--border-width-edge-perimeter) var(--ui-surface-edge), var(--shadow-depth-chrome-1);
|
|
9724
|
+
--ui-local-elevation-2: 0 0 0 var(--border-width-edge-perimeter) var(--ui-surface-edge), var(--shadow-depth-chrome-2);
|
|
9725
|
+
--ui-local-elevation-3: 0 0 0 var(--border-width-edge-perimeter) var(--ui-surface-edge), var(--shadow-depth-chrome-3);
|
|
9726
|
+
--ui-local-elevation-4: 0 0 0 var(--border-width-edge-perimeter) var(--ui-surface-edge), var(--shadow-depth-chrome-4);
|
|
9727
|
+
--ui-local-elevation-5: 0 0 0 var(--border-width-edge-perimeter) var(--ui-surface-edge), var(--shadow-depth-chrome-5);
|
|
9728
|
+
--ui-local-elevation-6: 0 0 0 var(--border-width-edge-perimeter) var(--ui-surface-edge), var(--shadow-depth-chrome-6);
|
|
9729
|
+
--ui-local-elevation-7: 0 0 0 var(--border-width-edge-perimeter) var(--ui-surface-edge), var(--shadow-depth-chrome-7);
|
|
9730
|
+
--ui-local-elevation-8: 0 0 0 var(--border-width-edge-perimeter) var(--ui-surface-edge), var(--shadow-depth-chrome-8);
|
|
9731
|
+
--ui-surface-level: 0;
|
|
9732
|
+
--ui-surface-color: var(--ui-local-surface-0);
|
|
9733
|
+
--ui-surface-ink: var(--ui-local-surface-0-ink);
|
|
9734
|
+
--ui-surface-ink-muted: var(--ui-local-surface-0-ink-muted);
|
|
9735
|
+
--ui-surface-edge: var(--ui-local-surface-0-edge);
|
|
9736
|
+
--ui-surface-edge-hover: var(--ui-local-surface-0-edge-hover);
|
|
9737
|
+
--ui-surface-edge-strong: var(--ui-local-surface-0-edge-strong);
|
|
9738
|
+
--ui-surface-separator: var(--ui-surface-edge);
|
|
9739
|
+
--ui-surface-separator-muted: var(--ui-surface-edge);
|
|
9740
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
9741
|
+
--ui-surface-separator-muted: color-mix(in oklab, var(--ui-surface-edge) 60%, transparent);
|
|
9742
|
+
}
|
|
9743
|
+
--ui-matched-elevation: var(--ui-local-elevation-0);
|
|
9744
|
+
background-color: var(--ui-surface-color);
|
|
9745
|
+
color: var(--ui-surface-ink);
|
|
9746
|
+
}
|
|
8733
9747
|
:where([data-ui-surface="0"]) {
|
|
8734
9748
|
--ui-surface-level: 0;
|
|
8735
|
-
--ui-surface-color: var(--
|
|
8736
|
-
--ui-surface-ink: var(--
|
|
8737
|
-
--ui-surface-ink-muted: var(--
|
|
8738
|
-
--ui-
|
|
9749
|
+
--ui-surface-color: var(--ui-local-surface-0);
|
|
9750
|
+
--ui-surface-ink: var(--ui-local-surface-0-ink);
|
|
9751
|
+
--ui-surface-ink-muted: var(--ui-local-surface-0-ink-muted);
|
|
9752
|
+
--ui-surface-edge: var(--ui-local-surface-0-edge);
|
|
9753
|
+
--ui-surface-edge-hover: var(--ui-local-surface-0-edge-hover);
|
|
9754
|
+
--ui-surface-edge-strong: var(--ui-local-surface-0-edge-strong);
|
|
9755
|
+
--ui-surface-separator: var(--ui-surface-edge);
|
|
9756
|
+
--ui-surface-separator-muted: var(--ui-surface-edge);
|
|
9757
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
9758
|
+
--ui-surface-separator-muted: color-mix(in oklab, var(--ui-surface-edge) 60%, transparent);
|
|
9759
|
+
}
|
|
9760
|
+
--ui-matched-elevation: var(--ui-local-elevation-0);
|
|
8739
9761
|
background-color: var(--ui-surface-color);
|
|
8740
9762
|
color: var(--ui-surface-ink);
|
|
8741
9763
|
}
|
|
8742
9764
|
:where([data-ui-surface="1"]) {
|
|
8743
9765
|
--ui-surface-level: 1;
|
|
8744
|
-
--ui-surface-color: var(--
|
|
8745
|
-
--ui-surface-ink: var(--
|
|
8746
|
-
--ui-surface-ink-muted: var(--
|
|
8747
|
-
--ui-
|
|
9766
|
+
--ui-surface-color: var(--ui-local-surface-1);
|
|
9767
|
+
--ui-surface-ink: var(--ui-local-surface-1-ink);
|
|
9768
|
+
--ui-surface-ink-muted: var(--ui-local-surface-1-ink-muted);
|
|
9769
|
+
--ui-surface-edge: var(--ui-local-surface-1-edge);
|
|
9770
|
+
--ui-surface-edge-hover: var(--ui-local-surface-1-edge-hover);
|
|
9771
|
+
--ui-surface-edge-strong: var(--ui-local-surface-1-edge-strong);
|
|
9772
|
+
--ui-surface-separator: var(--ui-surface-edge);
|
|
9773
|
+
--ui-surface-separator-muted: var(--ui-surface-edge);
|
|
9774
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
9775
|
+
--ui-surface-separator-muted: color-mix(in oklab, var(--ui-surface-edge) 60%, transparent);
|
|
9776
|
+
}
|
|
9777
|
+
--ui-matched-elevation: var(--ui-local-elevation-1);
|
|
8748
9778
|
background-color: var(--ui-surface-color);
|
|
8749
9779
|
color: var(--ui-surface-ink);
|
|
8750
9780
|
}
|
|
8751
9781
|
:where([data-ui-surface="2"]) {
|
|
8752
9782
|
--ui-surface-level: 2;
|
|
8753
|
-
--ui-surface-color: var(--
|
|
8754
|
-
--ui-surface-ink: var(--
|
|
8755
|
-
--ui-surface-ink-muted: var(--
|
|
8756
|
-
--ui-
|
|
9783
|
+
--ui-surface-color: var(--ui-local-surface-2);
|
|
9784
|
+
--ui-surface-ink: var(--ui-local-surface-2-ink);
|
|
9785
|
+
--ui-surface-ink-muted: var(--ui-local-surface-2-ink-muted);
|
|
9786
|
+
--ui-surface-edge: var(--ui-local-surface-2-edge);
|
|
9787
|
+
--ui-surface-edge-hover: var(--ui-local-surface-2-edge-hover);
|
|
9788
|
+
--ui-surface-edge-strong: var(--ui-local-surface-2-edge-strong);
|
|
9789
|
+
--ui-surface-separator: var(--ui-surface-edge);
|
|
9790
|
+
--ui-surface-separator-muted: var(--ui-surface-edge);
|
|
9791
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
9792
|
+
--ui-surface-separator-muted: color-mix(in oklab, var(--ui-surface-edge) 60%, transparent);
|
|
9793
|
+
}
|
|
9794
|
+
--ui-matched-elevation: var(--ui-local-elevation-2);
|
|
8757
9795
|
background-color: var(--ui-surface-color);
|
|
8758
9796
|
color: var(--ui-surface-ink);
|
|
8759
9797
|
}
|
|
8760
9798
|
:where([data-ui-surface="3"]) {
|
|
8761
9799
|
--ui-surface-level: 3;
|
|
8762
|
-
--ui-surface-color: var(--
|
|
8763
|
-
--ui-surface-ink: var(--
|
|
8764
|
-
--ui-surface-ink-muted: var(--
|
|
8765
|
-
--ui-
|
|
9800
|
+
--ui-surface-color: var(--ui-local-surface-3);
|
|
9801
|
+
--ui-surface-ink: var(--ui-local-surface-3-ink);
|
|
9802
|
+
--ui-surface-ink-muted: var(--ui-local-surface-3-ink-muted);
|
|
9803
|
+
--ui-surface-edge: var(--ui-local-surface-3-edge);
|
|
9804
|
+
--ui-surface-edge-hover: var(--ui-local-surface-3-edge-hover);
|
|
9805
|
+
--ui-surface-edge-strong: var(--ui-local-surface-3-edge-strong);
|
|
9806
|
+
--ui-surface-separator: var(--ui-surface-edge);
|
|
9807
|
+
--ui-surface-separator-muted: var(--ui-surface-edge);
|
|
9808
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
9809
|
+
--ui-surface-separator-muted: color-mix(in oklab, var(--ui-surface-edge) 60%, transparent);
|
|
9810
|
+
}
|
|
9811
|
+
--ui-matched-elevation: var(--ui-local-elevation-3);
|
|
8766
9812
|
background-color: var(--ui-surface-color);
|
|
8767
9813
|
color: var(--ui-surface-ink);
|
|
8768
9814
|
}
|
|
8769
9815
|
:where([data-ui-surface="4"]) {
|
|
8770
9816
|
--ui-surface-level: 4;
|
|
8771
|
-
--ui-surface-color: var(--
|
|
8772
|
-
--ui-surface-ink: var(--
|
|
8773
|
-
--ui-surface-ink-muted: var(--
|
|
8774
|
-
--ui-
|
|
9817
|
+
--ui-surface-color: var(--ui-local-surface-4);
|
|
9818
|
+
--ui-surface-ink: var(--ui-local-surface-4-ink);
|
|
9819
|
+
--ui-surface-ink-muted: var(--ui-local-surface-4-ink-muted);
|
|
9820
|
+
--ui-surface-edge: var(--ui-local-surface-4-edge);
|
|
9821
|
+
--ui-surface-edge-hover: var(--ui-local-surface-4-edge-hover);
|
|
9822
|
+
--ui-surface-edge-strong: var(--ui-local-surface-4-edge-strong);
|
|
9823
|
+
--ui-surface-separator: var(--ui-surface-edge);
|
|
9824
|
+
--ui-surface-separator-muted: var(--ui-surface-edge);
|
|
9825
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
9826
|
+
--ui-surface-separator-muted: color-mix(in oklab, var(--ui-surface-edge) 60%, transparent);
|
|
9827
|
+
}
|
|
9828
|
+
--ui-matched-elevation: var(--ui-local-elevation-4);
|
|
8775
9829
|
background-color: var(--ui-surface-color);
|
|
8776
9830
|
color: var(--ui-surface-ink);
|
|
8777
9831
|
}
|
|
8778
9832
|
:where([data-ui-surface="5"]) {
|
|
8779
9833
|
--ui-surface-level: 5;
|
|
8780
|
-
--ui-surface-color: var(--
|
|
8781
|
-
--ui-surface-ink: var(--
|
|
8782
|
-
--ui-surface-ink-muted: var(--
|
|
8783
|
-
--ui-
|
|
9834
|
+
--ui-surface-color: var(--ui-local-surface-5);
|
|
9835
|
+
--ui-surface-ink: var(--ui-local-surface-5-ink);
|
|
9836
|
+
--ui-surface-ink-muted: var(--ui-local-surface-5-ink-muted);
|
|
9837
|
+
--ui-surface-edge: var(--ui-local-surface-5-edge);
|
|
9838
|
+
--ui-surface-edge-hover: var(--ui-local-surface-5-edge-hover);
|
|
9839
|
+
--ui-surface-edge-strong: var(--ui-local-surface-5-edge-strong);
|
|
9840
|
+
--ui-surface-separator: var(--ui-surface-edge);
|
|
9841
|
+
--ui-surface-separator-muted: var(--ui-surface-edge);
|
|
9842
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
9843
|
+
--ui-surface-separator-muted: color-mix(in oklab, var(--ui-surface-edge) 60%, transparent);
|
|
9844
|
+
}
|
|
9845
|
+
--ui-matched-elevation: var(--ui-local-elevation-5);
|
|
8784
9846
|
background-color: var(--ui-surface-color);
|
|
8785
9847
|
color: var(--ui-surface-ink);
|
|
8786
9848
|
}
|
|
8787
9849
|
:where([data-ui-surface="6"]) {
|
|
8788
9850
|
--ui-surface-level: 6;
|
|
8789
|
-
--ui-surface-color: var(--
|
|
8790
|
-
--ui-surface-ink: var(--
|
|
8791
|
-
--ui-surface-ink-muted: var(--
|
|
8792
|
-
--ui-
|
|
9851
|
+
--ui-surface-color: var(--ui-local-surface-6);
|
|
9852
|
+
--ui-surface-ink: var(--ui-local-surface-6-ink);
|
|
9853
|
+
--ui-surface-ink-muted: var(--ui-local-surface-6-ink-muted);
|
|
9854
|
+
--ui-surface-edge: var(--ui-local-surface-6-edge);
|
|
9855
|
+
--ui-surface-edge-hover: var(--ui-local-surface-6-edge-hover);
|
|
9856
|
+
--ui-surface-edge-strong: var(--ui-local-surface-6-edge-strong);
|
|
9857
|
+
--ui-surface-separator: var(--ui-surface-edge);
|
|
9858
|
+
--ui-surface-separator-muted: var(--ui-surface-edge);
|
|
9859
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
9860
|
+
--ui-surface-separator-muted: color-mix(in oklab, var(--ui-surface-edge) 60%, transparent);
|
|
9861
|
+
}
|
|
9862
|
+
--ui-matched-elevation: var(--ui-local-elevation-6);
|
|
8793
9863
|
background-color: var(--ui-surface-color);
|
|
8794
9864
|
color: var(--ui-surface-ink);
|
|
8795
9865
|
}
|
|
8796
9866
|
:where([data-ui-surface="7"]) {
|
|
8797
9867
|
--ui-surface-level: 7;
|
|
8798
|
-
--ui-surface-color: var(--
|
|
8799
|
-
--ui-surface-ink: var(--
|
|
8800
|
-
--ui-surface-ink-muted: var(--
|
|
8801
|
-
--ui-
|
|
9868
|
+
--ui-surface-color: var(--ui-local-surface-7);
|
|
9869
|
+
--ui-surface-ink: var(--ui-local-surface-7-ink);
|
|
9870
|
+
--ui-surface-ink-muted: var(--ui-local-surface-7-ink-muted);
|
|
9871
|
+
--ui-surface-edge: var(--ui-local-surface-7-edge);
|
|
9872
|
+
--ui-surface-edge-hover: var(--ui-local-surface-7-edge-hover);
|
|
9873
|
+
--ui-surface-edge-strong: var(--ui-local-surface-7-edge-strong);
|
|
9874
|
+
--ui-surface-separator: var(--ui-surface-edge);
|
|
9875
|
+
--ui-surface-separator-muted: var(--ui-surface-edge);
|
|
9876
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
9877
|
+
--ui-surface-separator-muted: color-mix(in oklab, var(--ui-surface-edge) 60%, transparent);
|
|
9878
|
+
}
|
|
9879
|
+
--ui-matched-elevation: var(--ui-local-elevation-7);
|
|
8802
9880
|
background-color: var(--ui-surface-color);
|
|
8803
9881
|
color: var(--ui-surface-ink);
|
|
8804
9882
|
}
|
|
8805
9883
|
:where([data-ui-surface="8"]) {
|
|
8806
9884
|
--ui-surface-level: 8;
|
|
8807
|
-
--ui-surface-color: var(--
|
|
8808
|
-
--ui-surface-ink: var(--
|
|
8809
|
-
--ui-surface-ink-muted: var(--
|
|
8810
|
-
--ui-
|
|
9885
|
+
--ui-surface-color: var(--ui-local-surface-8);
|
|
9886
|
+
--ui-surface-ink: var(--ui-local-surface-8-ink);
|
|
9887
|
+
--ui-surface-ink-muted: var(--ui-local-surface-8-ink-muted);
|
|
9888
|
+
--ui-surface-edge: var(--ui-local-surface-8-edge);
|
|
9889
|
+
--ui-surface-edge-hover: var(--ui-local-surface-8-edge-hover);
|
|
9890
|
+
--ui-surface-edge-strong: var(--ui-local-surface-8-edge-strong);
|
|
9891
|
+
--ui-surface-separator: var(--ui-surface-edge);
|
|
9892
|
+
--ui-surface-separator-muted: var(--ui-surface-edge);
|
|
9893
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
9894
|
+
--ui-surface-separator-muted: color-mix(in oklab, var(--ui-surface-edge) 60%, transparent);
|
|
9895
|
+
}
|
|
9896
|
+
--ui-matched-elevation: var(--ui-local-elevation-8);
|
|
8811
9897
|
background-color: var(--ui-surface-color);
|
|
8812
9898
|
color: var(--ui-surface-ink);
|
|
8813
9899
|
}
|
|
8814
9900
|
:where([data-ui-surface="+1"]) {
|
|
8815
9901
|
--ui-surface-level: 1;
|
|
8816
|
-
--ui-surface-color: var(--
|
|
8817
|
-
--ui-surface-ink: var(--
|
|
8818
|
-
--ui-surface-ink-muted: var(--
|
|
8819
|
-
--ui-
|
|
9902
|
+
--ui-surface-color: var(--ui-local-surface-1);
|
|
9903
|
+
--ui-surface-ink: var(--ui-local-surface-1-ink);
|
|
9904
|
+
--ui-surface-ink-muted: var(--ui-local-surface-1-ink-muted);
|
|
9905
|
+
--ui-surface-edge: var(--ui-local-surface-1-edge);
|
|
9906
|
+
--ui-surface-edge-hover: var(--ui-local-surface-1-edge-hover);
|
|
9907
|
+
--ui-surface-edge-strong: var(--ui-local-surface-1-edge-strong);
|
|
9908
|
+
--ui-surface-separator: var(--ui-surface-edge);
|
|
9909
|
+
--ui-surface-separator-muted: var(--ui-surface-edge);
|
|
9910
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
9911
|
+
--ui-surface-separator-muted: color-mix(in oklab, var(--ui-surface-edge) 60%, transparent);
|
|
9912
|
+
}
|
|
9913
|
+
--ui-matched-elevation: var(--ui-local-elevation-1);
|
|
8820
9914
|
background-color: var(--ui-surface-color);
|
|
8821
9915
|
color: var(--ui-surface-ink);
|
|
8822
9916
|
}
|
|
8823
9917
|
:where([data-ui-surface="+2"]) {
|
|
8824
9918
|
--ui-surface-level: 2;
|
|
8825
|
-
--ui-surface-color: var(--
|
|
8826
|
-
--ui-surface-ink: var(--
|
|
8827
|
-
--ui-surface-ink-muted: var(--
|
|
8828
|
-
--ui-
|
|
9919
|
+
--ui-surface-color: var(--ui-local-surface-2);
|
|
9920
|
+
--ui-surface-ink: var(--ui-local-surface-2-ink);
|
|
9921
|
+
--ui-surface-ink-muted: var(--ui-local-surface-2-ink-muted);
|
|
9922
|
+
--ui-surface-edge: var(--ui-local-surface-2-edge);
|
|
9923
|
+
--ui-surface-edge-hover: var(--ui-local-surface-2-edge-hover);
|
|
9924
|
+
--ui-surface-edge-strong: var(--ui-local-surface-2-edge-strong);
|
|
9925
|
+
--ui-surface-separator: var(--ui-surface-edge);
|
|
9926
|
+
--ui-surface-separator-muted: var(--ui-surface-edge);
|
|
9927
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
9928
|
+
--ui-surface-separator-muted: color-mix(in oklab, var(--ui-surface-edge) 60%, transparent);
|
|
9929
|
+
}
|
|
9930
|
+
--ui-matched-elevation: var(--ui-local-elevation-2);
|
|
8829
9931
|
background-color: var(--ui-surface-color);
|
|
8830
9932
|
color: var(--ui-surface-ink);
|
|
8831
9933
|
}
|
|
8832
9934
|
:where([data-ui-surface="+3"]) {
|
|
8833
9935
|
--ui-surface-level: 3;
|
|
8834
|
-
--ui-surface-color: var(--
|
|
8835
|
-
--ui-surface-ink: var(--
|
|
8836
|
-
--ui-surface-ink-muted: var(--
|
|
8837
|
-
--ui-
|
|
9936
|
+
--ui-surface-color: var(--ui-local-surface-3);
|
|
9937
|
+
--ui-surface-ink: var(--ui-local-surface-3-ink);
|
|
9938
|
+
--ui-surface-ink-muted: var(--ui-local-surface-3-ink-muted);
|
|
9939
|
+
--ui-surface-edge: var(--ui-local-surface-3-edge);
|
|
9940
|
+
--ui-surface-edge-hover: var(--ui-local-surface-3-edge-hover);
|
|
9941
|
+
--ui-surface-edge-strong: var(--ui-local-surface-3-edge-strong);
|
|
9942
|
+
--ui-surface-separator: var(--ui-surface-edge);
|
|
9943
|
+
--ui-surface-separator-muted: var(--ui-surface-edge);
|
|
9944
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
9945
|
+
--ui-surface-separator-muted: color-mix(in oklab, var(--ui-surface-edge) 60%, transparent);
|
|
9946
|
+
}
|
|
9947
|
+
--ui-matched-elevation: var(--ui-local-elevation-3);
|
|
8838
9948
|
background-color: var(--ui-surface-color);
|
|
8839
9949
|
color: var(--ui-surface-ink);
|
|
8840
9950
|
}
|
|
8841
9951
|
:where([data-ui-surface="+4"]) {
|
|
8842
9952
|
--ui-surface-level: 4;
|
|
8843
|
-
--ui-surface-color: var(--
|
|
8844
|
-
--ui-surface-ink: var(--
|
|
8845
|
-
--ui-surface-ink-muted: var(--
|
|
8846
|
-
--ui-
|
|
9953
|
+
--ui-surface-color: var(--ui-local-surface-4);
|
|
9954
|
+
--ui-surface-ink: var(--ui-local-surface-4-ink);
|
|
9955
|
+
--ui-surface-ink-muted: var(--ui-local-surface-4-ink-muted);
|
|
9956
|
+
--ui-surface-edge: var(--ui-local-surface-4-edge);
|
|
9957
|
+
--ui-surface-edge-hover: var(--ui-local-surface-4-edge-hover);
|
|
9958
|
+
--ui-surface-edge-strong: var(--ui-local-surface-4-edge-strong);
|
|
9959
|
+
--ui-surface-separator: var(--ui-surface-edge);
|
|
9960
|
+
--ui-surface-separator-muted: var(--ui-surface-edge);
|
|
9961
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
9962
|
+
--ui-surface-separator-muted: color-mix(in oklab, var(--ui-surface-edge) 60%, transparent);
|
|
9963
|
+
}
|
|
9964
|
+
--ui-matched-elevation: var(--ui-local-elevation-4);
|
|
8847
9965
|
background-color: var(--ui-surface-color);
|
|
8848
9966
|
color: var(--ui-surface-ink);
|
|
8849
9967
|
}
|
|
8850
9968
|
:where([data-ui-surface="+5"]) {
|
|
8851
9969
|
--ui-surface-level: 5;
|
|
8852
|
-
--ui-surface-color: var(--
|
|
8853
|
-
--ui-surface-ink: var(--
|
|
8854
|
-
--ui-surface-ink-muted: var(--
|
|
8855
|
-
--ui-
|
|
9970
|
+
--ui-surface-color: var(--ui-local-surface-5);
|
|
9971
|
+
--ui-surface-ink: var(--ui-local-surface-5-ink);
|
|
9972
|
+
--ui-surface-ink-muted: var(--ui-local-surface-5-ink-muted);
|
|
9973
|
+
--ui-surface-edge: var(--ui-local-surface-5-edge);
|
|
9974
|
+
--ui-surface-edge-hover: var(--ui-local-surface-5-edge-hover);
|
|
9975
|
+
--ui-surface-edge-strong: var(--ui-local-surface-5-edge-strong);
|
|
9976
|
+
--ui-surface-separator: var(--ui-surface-edge);
|
|
9977
|
+
--ui-surface-separator-muted: var(--ui-surface-edge);
|
|
9978
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
9979
|
+
--ui-surface-separator-muted: color-mix(in oklab, var(--ui-surface-edge) 60%, transparent);
|
|
9980
|
+
}
|
|
9981
|
+
--ui-matched-elevation: var(--ui-local-elevation-5);
|
|
8856
9982
|
background-color: var(--ui-surface-color);
|
|
8857
9983
|
color: var(--ui-surface-ink);
|
|
8858
9984
|
}
|
|
8859
9985
|
:where([data-ui-surface="+6"]) {
|
|
8860
9986
|
--ui-surface-level: 6;
|
|
8861
|
-
--ui-surface-color: var(--
|
|
8862
|
-
--ui-surface-ink: var(--
|
|
8863
|
-
--ui-surface-ink-muted: var(--
|
|
8864
|
-
--ui-
|
|
9987
|
+
--ui-surface-color: var(--ui-local-surface-6);
|
|
9988
|
+
--ui-surface-ink: var(--ui-local-surface-6-ink);
|
|
9989
|
+
--ui-surface-ink-muted: var(--ui-local-surface-6-ink-muted);
|
|
9990
|
+
--ui-surface-edge: var(--ui-local-surface-6-edge);
|
|
9991
|
+
--ui-surface-edge-hover: var(--ui-local-surface-6-edge-hover);
|
|
9992
|
+
--ui-surface-edge-strong: var(--ui-local-surface-6-edge-strong);
|
|
9993
|
+
--ui-surface-separator: var(--ui-surface-edge);
|
|
9994
|
+
--ui-surface-separator-muted: var(--ui-surface-edge);
|
|
9995
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
9996
|
+
--ui-surface-separator-muted: color-mix(in oklab, var(--ui-surface-edge) 60%, transparent);
|
|
9997
|
+
}
|
|
9998
|
+
--ui-matched-elevation: var(--ui-local-elevation-6);
|
|
8865
9999
|
background-color: var(--ui-surface-color);
|
|
8866
10000
|
color: var(--ui-surface-ink);
|
|
8867
10001
|
}
|
|
8868
10002
|
:where([data-ui-surface="+7"]) {
|
|
8869
10003
|
--ui-surface-level: 7;
|
|
8870
|
-
--ui-surface-color: var(--
|
|
8871
|
-
--ui-surface-ink: var(--
|
|
8872
|
-
--ui-surface-ink-muted: var(--
|
|
8873
|
-
--ui-
|
|
10004
|
+
--ui-surface-color: var(--ui-local-surface-7);
|
|
10005
|
+
--ui-surface-ink: var(--ui-local-surface-7-ink);
|
|
10006
|
+
--ui-surface-ink-muted: var(--ui-local-surface-7-ink-muted);
|
|
10007
|
+
--ui-surface-edge: var(--ui-local-surface-7-edge);
|
|
10008
|
+
--ui-surface-edge-hover: var(--ui-local-surface-7-edge-hover);
|
|
10009
|
+
--ui-surface-edge-strong: var(--ui-local-surface-7-edge-strong);
|
|
10010
|
+
--ui-surface-separator: var(--ui-surface-edge);
|
|
10011
|
+
--ui-surface-separator-muted: var(--ui-surface-edge);
|
|
10012
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
10013
|
+
--ui-surface-separator-muted: color-mix(in oklab, var(--ui-surface-edge) 60%, transparent);
|
|
10014
|
+
}
|
|
10015
|
+
--ui-matched-elevation: var(--ui-local-elevation-7);
|
|
8874
10016
|
background-color: var(--ui-surface-color);
|
|
8875
10017
|
color: var(--ui-surface-ink);
|
|
8876
10018
|
}
|
|
8877
10019
|
:where([data-ui-surface="+8"]) {
|
|
8878
10020
|
--ui-surface-level: 8;
|
|
8879
|
-
--ui-surface-color: var(--
|
|
8880
|
-
--ui-surface-ink: var(--
|
|
8881
|
-
--ui-surface-ink-muted: var(--
|
|
8882
|
-
--ui-
|
|
10021
|
+
--ui-surface-color: var(--ui-local-surface-8);
|
|
10022
|
+
--ui-surface-ink: var(--ui-local-surface-8-ink);
|
|
10023
|
+
--ui-surface-ink-muted: var(--ui-local-surface-8-ink-muted);
|
|
10024
|
+
--ui-surface-edge: var(--ui-local-surface-8-edge);
|
|
10025
|
+
--ui-surface-edge-hover: var(--ui-local-surface-8-edge-hover);
|
|
10026
|
+
--ui-surface-edge-strong: var(--ui-local-surface-8-edge-strong);
|
|
10027
|
+
--ui-surface-separator: var(--ui-surface-edge);
|
|
10028
|
+
--ui-surface-separator-muted: var(--ui-surface-edge);
|
|
10029
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
10030
|
+
--ui-surface-separator-muted: color-mix(in oklab, var(--ui-surface-edge) 60%, transparent);
|
|
10031
|
+
}
|
|
10032
|
+
--ui-matched-elevation: var(--ui-local-elevation-8);
|
|
8883
10033
|
background-color: var(--ui-surface-color);
|
|
8884
10034
|
color: var(--ui-surface-ink);
|
|
8885
10035
|
}
|
|
@@ -8921,10 +10071,18 @@
|
|
|
8921
10071
|
@container style(--ui-surface-level: 0) {
|
|
8922
10072
|
:where([data-ui-surface="+1"]) {
|
|
8923
10073
|
--ui-surface-level: 1;
|
|
8924
|
-
--ui-surface-color: var(--
|
|
8925
|
-
--ui-surface-ink: var(--
|
|
8926
|
-
--ui-surface-ink-muted: var(--
|
|
8927
|
-
--ui-
|
|
10074
|
+
--ui-surface-color: var(--ui-local-surface-1);
|
|
10075
|
+
--ui-surface-ink: var(--ui-local-surface-1-ink);
|
|
10076
|
+
--ui-surface-ink-muted: var(--ui-local-surface-1-ink-muted);
|
|
10077
|
+
--ui-surface-edge: var(--ui-local-surface-1-edge);
|
|
10078
|
+
--ui-surface-edge-hover: var(--ui-local-surface-1-edge-hover);
|
|
10079
|
+
--ui-surface-edge-strong: var(--ui-local-surface-1-edge-strong);
|
|
10080
|
+
--ui-surface-separator: var(--ui-surface-edge);
|
|
10081
|
+
--ui-surface-separator-muted: var(--ui-surface-edge);
|
|
10082
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
10083
|
+
--ui-surface-separator-muted: color-mix(in oklab, var(--ui-surface-edge) 60%, transparent);
|
|
10084
|
+
}
|
|
10085
|
+
--ui-matched-elevation: var(--ui-local-elevation-1);
|
|
8928
10086
|
background-color: var(--ui-surface-color);
|
|
8929
10087
|
color: var(--ui-surface-ink);
|
|
8930
10088
|
}
|
|
@@ -8932,10 +10090,18 @@
|
|
|
8932
10090
|
@container style(--ui-surface-level: 0) {
|
|
8933
10091
|
:where([data-ui-surface="+2"]) {
|
|
8934
10092
|
--ui-surface-level: 2;
|
|
8935
|
-
--ui-surface-color: var(--
|
|
8936
|
-
--ui-surface-ink: var(--
|
|
8937
|
-
--ui-surface-ink-muted: var(--
|
|
8938
|
-
--ui-
|
|
10093
|
+
--ui-surface-color: var(--ui-local-surface-2);
|
|
10094
|
+
--ui-surface-ink: var(--ui-local-surface-2-ink);
|
|
10095
|
+
--ui-surface-ink-muted: var(--ui-local-surface-2-ink-muted);
|
|
10096
|
+
--ui-surface-edge: var(--ui-local-surface-2-edge);
|
|
10097
|
+
--ui-surface-edge-hover: var(--ui-local-surface-2-edge-hover);
|
|
10098
|
+
--ui-surface-edge-strong: var(--ui-local-surface-2-edge-strong);
|
|
10099
|
+
--ui-surface-separator: var(--ui-surface-edge);
|
|
10100
|
+
--ui-surface-separator-muted: var(--ui-surface-edge);
|
|
10101
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
10102
|
+
--ui-surface-separator-muted: color-mix(in oklab, var(--ui-surface-edge) 60%, transparent);
|
|
10103
|
+
}
|
|
10104
|
+
--ui-matched-elevation: var(--ui-local-elevation-2);
|
|
8939
10105
|
background-color: var(--ui-surface-color);
|
|
8940
10106
|
color: var(--ui-surface-ink);
|
|
8941
10107
|
}
|
|
@@ -8943,10 +10109,18 @@
|
|
|
8943
10109
|
@container style(--ui-surface-level: 0) {
|
|
8944
10110
|
:where([data-ui-surface="+3"]) {
|
|
8945
10111
|
--ui-surface-level: 3;
|
|
8946
|
-
--ui-surface-color: var(--
|
|
8947
|
-
--ui-surface-ink: var(--
|
|
8948
|
-
--ui-surface-ink-muted: var(--
|
|
8949
|
-
--ui-
|
|
10112
|
+
--ui-surface-color: var(--ui-local-surface-3);
|
|
10113
|
+
--ui-surface-ink: var(--ui-local-surface-3-ink);
|
|
10114
|
+
--ui-surface-ink-muted: var(--ui-local-surface-3-ink-muted);
|
|
10115
|
+
--ui-surface-edge: var(--ui-local-surface-3-edge);
|
|
10116
|
+
--ui-surface-edge-hover: var(--ui-local-surface-3-edge-hover);
|
|
10117
|
+
--ui-surface-edge-strong: var(--ui-local-surface-3-edge-strong);
|
|
10118
|
+
--ui-surface-separator: var(--ui-surface-edge);
|
|
10119
|
+
--ui-surface-separator-muted: var(--ui-surface-edge);
|
|
10120
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
10121
|
+
--ui-surface-separator-muted: color-mix(in oklab, var(--ui-surface-edge) 60%, transparent);
|
|
10122
|
+
}
|
|
10123
|
+
--ui-matched-elevation: var(--ui-local-elevation-3);
|
|
8950
10124
|
background-color: var(--ui-surface-color);
|
|
8951
10125
|
color: var(--ui-surface-ink);
|
|
8952
10126
|
}
|
|
@@ -8954,10 +10128,18 @@
|
|
|
8954
10128
|
@container style(--ui-surface-level: 0) {
|
|
8955
10129
|
:where([data-ui-surface="+4"]) {
|
|
8956
10130
|
--ui-surface-level: 4;
|
|
8957
|
-
--ui-surface-color: var(--
|
|
8958
|
-
--ui-surface-ink: var(--
|
|
8959
|
-
--ui-surface-ink-muted: var(--
|
|
8960
|
-
--ui-
|
|
10131
|
+
--ui-surface-color: var(--ui-local-surface-4);
|
|
10132
|
+
--ui-surface-ink: var(--ui-local-surface-4-ink);
|
|
10133
|
+
--ui-surface-ink-muted: var(--ui-local-surface-4-ink-muted);
|
|
10134
|
+
--ui-surface-edge: var(--ui-local-surface-4-edge);
|
|
10135
|
+
--ui-surface-edge-hover: var(--ui-local-surface-4-edge-hover);
|
|
10136
|
+
--ui-surface-edge-strong: var(--ui-local-surface-4-edge-strong);
|
|
10137
|
+
--ui-surface-separator: var(--ui-surface-edge);
|
|
10138
|
+
--ui-surface-separator-muted: var(--ui-surface-edge);
|
|
10139
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
10140
|
+
--ui-surface-separator-muted: color-mix(in oklab, var(--ui-surface-edge) 60%, transparent);
|
|
10141
|
+
}
|
|
10142
|
+
--ui-matched-elevation: var(--ui-local-elevation-4);
|
|
8961
10143
|
background-color: var(--ui-surface-color);
|
|
8962
10144
|
color: var(--ui-surface-ink);
|
|
8963
10145
|
}
|
|
@@ -8965,10 +10147,18 @@
|
|
|
8965
10147
|
@container style(--ui-surface-level: 0) {
|
|
8966
10148
|
:where([data-ui-surface="+5"]) {
|
|
8967
10149
|
--ui-surface-level: 5;
|
|
8968
|
-
--ui-surface-color: var(--
|
|
8969
|
-
--ui-surface-ink: var(--
|
|
8970
|
-
--ui-surface-ink-muted: var(--
|
|
8971
|
-
--ui-
|
|
10150
|
+
--ui-surface-color: var(--ui-local-surface-5);
|
|
10151
|
+
--ui-surface-ink: var(--ui-local-surface-5-ink);
|
|
10152
|
+
--ui-surface-ink-muted: var(--ui-local-surface-5-ink-muted);
|
|
10153
|
+
--ui-surface-edge: var(--ui-local-surface-5-edge);
|
|
10154
|
+
--ui-surface-edge-hover: var(--ui-local-surface-5-edge-hover);
|
|
10155
|
+
--ui-surface-edge-strong: var(--ui-local-surface-5-edge-strong);
|
|
10156
|
+
--ui-surface-separator: var(--ui-surface-edge);
|
|
10157
|
+
--ui-surface-separator-muted: var(--ui-surface-edge);
|
|
10158
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
10159
|
+
--ui-surface-separator-muted: color-mix(in oklab, var(--ui-surface-edge) 60%, transparent);
|
|
10160
|
+
}
|
|
10161
|
+
--ui-matched-elevation: var(--ui-local-elevation-5);
|
|
8972
10162
|
background-color: var(--ui-surface-color);
|
|
8973
10163
|
color: var(--ui-surface-ink);
|
|
8974
10164
|
}
|
|
@@ -8976,10 +10166,18 @@
|
|
|
8976
10166
|
@container style(--ui-surface-level: 0) {
|
|
8977
10167
|
:where([data-ui-surface="+6"]) {
|
|
8978
10168
|
--ui-surface-level: 6;
|
|
8979
|
-
--ui-surface-color: var(--
|
|
8980
|
-
--ui-surface-ink: var(--
|
|
8981
|
-
--ui-surface-ink-muted: var(--
|
|
8982
|
-
--ui-
|
|
10169
|
+
--ui-surface-color: var(--ui-local-surface-6);
|
|
10170
|
+
--ui-surface-ink: var(--ui-local-surface-6-ink);
|
|
10171
|
+
--ui-surface-ink-muted: var(--ui-local-surface-6-ink-muted);
|
|
10172
|
+
--ui-surface-edge: var(--ui-local-surface-6-edge);
|
|
10173
|
+
--ui-surface-edge-hover: var(--ui-local-surface-6-edge-hover);
|
|
10174
|
+
--ui-surface-edge-strong: var(--ui-local-surface-6-edge-strong);
|
|
10175
|
+
--ui-surface-separator: var(--ui-surface-edge);
|
|
10176
|
+
--ui-surface-separator-muted: var(--ui-surface-edge);
|
|
10177
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
10178
|
+
--ui-surface-separator-muted: color-mix(in oklab, var(--ui-surface-edge) 60%, transparent);
|
|
10179
|
+
}
|
|
10180
|
+
--ui-matched-elevation: var(--ui-local-elevation-6);
|
|
8983
10181
|
background-color: var(--ui-surface-color);
|
|
8984
10182
|
color: var(--ui-surface-ink);
|
|
8985
10183
|
}
|
|
@@ -8987,10 +10185,18 @@
|
|
|
8987
10185
|
@container style(--ui-surface-level: 0) {
|
|
8988
10186
|
:where([data-ui-surface="+7"]) {
|
|
8989
10187
|
--ui-surface-level: 7;
|
|
8990
|
-
--ui-surface-color: var(--
|
|
8991
|
-
--ui-surface-ink: var(--
|
|
8992
|
-
--ui-surface-ink-muted: var(--
|
|
8993
|
-
--ui-
|
|
10188
|
+
--ui-surface-color: var(--ui-local-surface-7);
|
|
10189
|
+
--ui-surface-ink: var(--ui-local-surface-7-ink);
|
|
10190
|
+
--ui-surface-ink-muted: var(--ui-local-surface-7-ink-muted);
|
|
10191
|
+
--ui-surface-edge: var(--ui-local-surface-7-edge);
|
|
10192
|
+
--ui-surface-edge-hover: var(--ui-local-surface-7-edge-hover);
|
|
10193
|
+
--ui-surface-edge-strong: var(--ui-local-surface-7-edge-strong);
|
|
10194
|
+
--ui-surface-separator: var(--ui-surface-edge);
|
|
10195
|
+
--ui-surface-separator-muted: var(--ui-surface-edge);
|
|
10196
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
10197
|
+
--ui-surface-separator-muted: color-mix(in oklab, var(--ui-surface-edge) 60%, transparent);
|
|
10198
|
+
}
|
|
10199
|
+
--ui-matched-elevation: var(--ui-local-elevation-7);
|
|
8994
10200
|
background-color: var(--ui-surface-color);
|
|
8995
10201
|
color: var(--ui-surface-ink);
|
|
8996
10202
|
}
|
|
@@ -8998,10 +10204,18 @@
|
|
|
8998
10204
|
@container style(--ui-surface-level: 0) {
|
|
8999
10205
|
:where([data-ui-surface="+8"]) {
|
|
9000
10206
|
--ui-surface-level: 8;
|
|
9001
|
-
--ui-surface-color: var(--
|
|
9002
|
-
--ui-surface-ink: var(--
|
|
9003
|
-
--ui-surface-ink-muted: var(--
|
|
9004
|
-
--ui-
|
|
10207
|
+
--ui-surface-color: var(--ui-local-surface-8);
|
|
10208
|
+
--ui-surface-ink: var(--ui-local-surface-8-ink);
|
|
10209
|
+
--ui-surface-ink-muted: var(--ui-local-surface-8-ink-muted);
|
|
10210
|
+
--ui-surface-edge: var(--ui-local-surface-8-edge);
|
|
10211
|
+
--ui-surface-edge-hover: var(--ui-local-surface-8-edge-hover);
|
|
10212
|
+
--ui-surface-edge-strong: var(--ui-local-surface-8-edge-strong);
|
|
10213
|
+
--ui-surface-separator: var(--ui-surface-edge);
|
|
10214
|
+
--ui-surface-separator-muted: var(--ui-surface-edge);
|
|
10215
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
10216
|
+
--ui-surface-separator-muted: color-mix(in oklab, var(--ui-surface-edge) 60%, transparent);
|
|
10217
|
+
}
|
|
10218
|
+
--ui-matched-elevation: var(--ui-local-elevation-8);
|
|
9005
10219
|
background-color: var(--ui-surface-color);
|
|
9006
10220
|
color: var(--ui-surface-ink);
|
|
9007
10221
|
}
|
|
@@ -9009,10 +10223,18 @@
|
|
|
9009
10223
|
@container style(--ui-surface-level: 1) {
|
|
9010
10224
|
:where([data-ui-surface="+1"]) {
|
|
9011
10225
|
--ui-surface-level: 2;
|
|
9012
|
-
--ui-surface-color: var(--
|
|
9013
|
-
--ui-surface-ink: var(--
|
|
9014
|
-
--ui-surface-ink-muted: var(--
|
|
9015
|
-
--ui-
|
|
10226
|
+
--ui-surface-color: var(--ui-local-surface-2);
|
|
10227
|
+
--ui-surface-ink: var(--ui-local-surface-2-ink);
|
|
10228
|
+
--ui-surface-ink-muted: var(--ui-local-surface-2-ink-muted);
|
|
10229
|
+
--ui-surface-edge: var(--ui-local-surface-2-edge);
|
|
10230
|
+
--ui-surface-edge-hover: var(--ui-local-surface-2-edge-hover);
|
|
10231
|
+
--ui-surface-edge-strong: var(--ui-local-surface-2-edge-strong);
|
|
10232
|
+
--ui-surface-separator: var(--ui-surface-edge);
|
|
10233
|
+
--ui-surface-separator-muted: var(--ui-surface-edge);
|
|
10234
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
10235
|
+
--ui-surface-separator-muted: color-mix(in oklab, var(--ui-surface-edge) 60%, transparent);
|
|
10236
|
+
}
|
|
10237
|
+
--ui-matched-elevation: var(--ui-local-elevation-2);
|
|
9016
10238
|
background-color: var(--ui-surface-color);
|
|
9017
10239
|
color: var(--ui-surface-ink);
|
|
9018
10240
|
}
|
|
@@ -9020,10 +10242,18 @@
|
|
|
9020
10242
|
@container style(--ui-surface-level: 1) {
|
|
9021
10243
|
:where([data-ui-surface="+2"]) {
|
|
9022
10244
|
--ui-surface-level: 3;
|
|
9023
|
-
--ui-surface-color: var(--
|
|
9024
|
-
--ui-surface-ink: var(--
|
|
9025
|
-
--ui-surface-ink-muted: var(--
|
|
9026
|
-
--ui-
|
|
10245
|
+
--ui-surface-color: var(--ui-local-surface-3);
|
|
10246
|
+
--ui-surface-ink: var(--ui-local-surface-3-ink);
|
|
10247
|
+
--ui-surface-ink-muted: var(--ui-local-surface-3-ink-muted);
|
|
10248
|
+
--ui-surface-edge: var(--ui-local-surface-3-edge);
|
|
10249
|
+
--ui-surface-edge-hover: var(--ui-local-surface-3-edge-hover);
|
|
10250
|
+
--ui-surface-edge-strong: var(--ui-local-surface-3-edge-strong);
|
|
10251
|
+
--ui-surface-separator: var(--ui-surface-edge);
|
|
10252
|
+
--ui-surface-separator-muted: var(--ui-surface-edge);
|
|
10253
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
10254
|
+
--ui-surface-separator-muted: color-mix(in oklab, var(--ui-surface-edge) 60%, transparent);
|
|
10255
|
+
}
|
|
10256
|
+
--ui-matched-elevation: var(--ui-local-elevation-3);
|
|
9027
10257
|
background-color: var(--ui-surface-color);
|
|
9028
10258
|
color: var(--ui-surface-ink);
|
|
9029
10259
|
}
|
|
@@ -9031,10 +10261,18 @@
|
|
|
9031
10261
|
@container style(--ui-surface-level: 1) {
|
|
9032
10262
|
:where([data-ui-surface="+3"]) {
|
|
9033
10263
|
--ui-surface-level: 4;
|
|
9034
|
-
--ui-surface-color: var(--
|
|
9035
|
-
--ui-surface-ink: var(--
|
|
9036
|
-
--ui-surface-ink-muted: var(--
|
|
9037
|
-
--ui-
|
|
10264
|
+
--ui-surface-color: var(--ui-local-surface-4);
|
|
10265
|
+
--ui-surface-ink: var(--ui-local-surface-4-ink);
|
|
10266
|
+
--ui-surface-ink-muted: var(--ui-local-surface-4-ink-muted);
|
|
10267
|
+
--ui-surface-edge: var(--ui-local-surface-4-edge);
|
|
10268
|
+
--ui-surface-edge-hover: var(--ui-local-surface-4-edge-hover);
|
|
10269
|
+
--ui-surface-edge-strong: var(--ui-local-surface-4-edge-strong);
|
|
10270
|
+
--ui-surface-separator: var(--ui-surface-edge);
|
|
10271
|
+
--ui-surface-separator-muted: var(--ui-surface-edge);
|
|
10272
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
10273
|
+
--ui-surface-separator-muted: color-mix(in oklab, var(--ui-surface-edge) 60%, transparent);
|
|
10274
|
+
}
|
|
10275
|
+
--ui-matched-elevation: var(--ui-local-elevation-4);
|
|
9038
10276
|
background-color: var(--ui-surface-color);
|
|
9039
10277
|
color: var(--ui-surface-ink);
|
|
9040
10278
|
}
|
|
@@ -9042,10 +10280,18 @@
|
|
|
9042
10280
|
@container style(--ui-surface-level: 1) {
|
|
9043
10281
|
:where([data-ui-surface="+4"]) {
|
|
9044
10282
|
--ui-surface-level: 5;
|
|
9045
|
-
--ui-surface-color: var(--
|
|
9046
|
-
--ui-surface-ink: var(--
|
|
9047
|
-
--ui-surface-ink-muted: var(--
|
|
9048
|
-
--ui-
|
|
10283
|
+
--ui-surface-color: var(--ui-local-surface-5);
|
|
10284
|
+
--ui-surface-ink: var(--ui-local-surface-5-ink);
|
|
10285
|
+
--ui-surface-ink-muted: var(--ui-local-surface-5-ink-muted);
|
|
10286
|
+
--ui-surface-edge: var(--ui-local-surface-5-edge);
|
|
10287
|
+
--ui-surface-edge-hover: var(--ui-local-surface-5-edge-hover);
|
|
10288
|
+
--ui-surface-edge-strong: var(--ui-local-surface-5-edge-strong);
|
|
10289
|
+
--ui-surface-separator: var(--ui-surface-edge);
|
|
10290
|
+
--ui-surface-separator-muted: var(--ui-surface-edge);
|
|
10291
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
10292
|
+
--ui-surface-separator-muted: color-mix(in oklab, var(--ui-surface-edge) 60%, transparent);
|
|
10293
|
+
}
|
|
10294
|
+
--ui-matched-elevation: var(--ui-local-elevation-5);
|
|
9049
10295
|
background-color: var(--ui-surface-color);
|
|
9050
10296
|
color: var(--ui-surface-ink);
|
|
9051
10297
|
}
|
|
@@ -9053,10 +10299,18 @@
|
|
|
9053
10299
|
@container style(--ui-surface-level: 1) {
|
|
9054
10300
|
:where([data-ui-surface="+5"]) {
|
|
9055
10301
|
--ui-surface-level: 6;
|
|
9056
|
-
--ui-surface-color: var(--
|
|
9057
|
-
--ui-surface-ink: var(--
|
|
9058
|
-
--ui-surface-ink-muted: var(--
|
|
9059
|
-
--ui-
|
|
10302
|
+
--ui-surface-color: var(--ui-local-surface-6);
|
|
10303
|
+
--ui-surface-ink: var(--ui-local-surface-6-ink);
|
|
10304
|
+
--ui-surface-ink-muted: var(--ui-local-surface-6-ink-muted);
|
|
10305
|
+
--ui-surface-edge: var(--ui-local-surface-6-edge);
|
|
10306
|
+
--ui-surface-edge-hover: var(--ui-local-surface-6-edge-hover);
|
|
10307
|
+
--ui-surface-edge-strong: var(--ui-local-surface-6-edge-strong);
|
|
10308
|
+
--ui-surface-separator: var(--ui-surface-edge);
|
|
10309
|
+
--ui-surface-separator-muted: var(--ui-surface-edge);
|
|
10310
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
10311
|
+
--ui-surface-separator-muted: color-mix(in oklab, var(--ui-surface-edge) 60%, transparent);
|
|
10312
|
+
}
|
|
10313
|
+
--ui-matched-elevation: var(--ui-local-elevation-6);
|
|
9060
10314
|
background-color: var(--ui-surface-color);
|
|
9061
10315
|
color: var(--ui-surface-ink);
|
|
9062
10316
|
}
|
|
@@ -9064,10 +10318,18 @@
|
|
|
9064
10318
|
@container style(--ui-surface-level: 1) {
|
|
9065
10319
|
:where([data-ui-surface="+6"]) {
|
|
9066
10320
|
--ui-surface-level: 7;
|
|
9067
|
-
--ui-surface-color: var(--
|
|
9068
|
-
--ui-surface-ink: var(--
|
|
9069
|
-
--ui-surface-ink-muted: var(--
|
|
9070
|
-
--ui-
|
|
10321
|
+
--ui-surface-color: var(--ui-local-surface-7);
|
|
10322
|
+
--ui-surface-ink: var(--ui-local-surface-7-ink);
|
|
10323
|
+
--ui-surface-ink-muted: var(--ui-local-surface-7-ink-muted);
|
|
10324
|
+
--ui-surface-edge: var(--ui-local-surface-7-edge);
|
|
10325
|
+
--ui-surface-edge-hover: var(--ui-local-surface-7-edge-hover);
|
|
10326
|
+
--ui-surface-edge-strong: var(--ui-local-surface-7-edge-strong);
|
|
10327
|
+
--ui-surface-separator: var(--ui-surface-edge);
|
|
10328
|
+
--ui-surface-separator-muted: var(--ui-surface-edge);
|
|
10329
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
10330
|
+
--ui-surface-separator-muted: color-mix(in oklab, var(--ui-surface-edge) 60%, transparent);
|
|
10331
|
+
}
|
|
10332
|
+
--ui-matched-elevation: var(--ui-local-elevation-7);
|
|
9071
10333
|
background-color: var(--ui-surface-color);
|
|
9072
10334
|
color: var(--ui-surface-ink);
|
|
9073
10335
|
}
|
|
@@ -9075,10 +10337,18 @@
|
|
|
9075
10337
|
@container style(--ui-surface-level: 1) {
|
|
9076
10338
|
:where([data-ui-surface="+7"]) {
|
|
9077
10339
|
--ui-surface-level: 8;
|
|
9078
|
-
--ui-surface-color: var(--
|
|
9079
|
-
--ui-surface-ink: var(--
|
|
9080
|
-
--ui-surface-ink-muted: var(--
|
|
9081
|
-
--ui-
|
|
10340
|
+
--ui-surface-color: var(--ui-local-surface-8);
|
|
10341
|
+
--ui-surface-ink: var(--ui-local-surface-8-ink);
|
|
10342
|
+
--ui-surface-ink-muted: var(--ui-local-surface-8-ink-muted);
|
|
10343
|
+
--ui-surface-edge: var(--ui-local-surface-8-edge);
|
|
10344
|
+
--ui-surface-edge-hover: var(--ui-local-surface-8-edge-hover);
|
|
10345
|
+
--ui-surface-edge-strong: var(--ui-local-surface-8-edge-strong);
|
|
10346
|
+
--ui-surface-separator: var(--ui-surface-edge);
|
|
10347
|
+
--ui-surface-separator-muted: var(--ui-surface-edge);
|
|
10348
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
10349
|
+
--ui-surface-separator-muted: color-mix(in oklab, var(--ui-surface-edge) 60%, transparent);
|
|
10350
|
+
}
|
|
10351
|
+
--ui-matched-elevation: var(--ui-local-elevation-8);
|
|
9082
10352
|
background-color: var(--ui-surface-color);
|
|
9083
10353
|
color: var(--ui-surface-ink);
|
|
9084
10354
|
}
|
|
@@ -9086,10 +10356,18 @@
|
|
|
9086
10356
|
@container style(--ui-surface-level: 1) {
|
|
9087
10357
|
:where([data-ui-surface="+8"]) {
|
|
9088
10358
|
--ui-surface-level: 8;
|
|
9089
|
-
--ui-surface-color: var(--
|
|
9090
|
-
--ui-surface-ink: var(--
|
|
9091
|
-
--ui-surface-ink-muted: var(--
|
|
9092
|
-
--ui-
|
|
10359
|
+
--ui-surface-color: var(--ui-local-surface-8);
|
|
10360
|
+
--ui-surface-ink: var(--ui-local-surface-8-ink);
|
|
10361
|
+
--ui-surface-ink-muted: var(--ui-local-surface-8-ink-muted);
|
|
10362
|
+
--ui-surface-edge: var(--ui-local-surface-8-edge);
|
|
10363
|
+
--ui-surface-edge-hover: var(--ui-local-surface-8-edge-hover);
|
|
10364
|
+
--ui-surface-edge-strong: var(--ui-local-surface-8-edge-strong);
|
|
10365
|
+
--ui-surface-separator: var(--ui-surface-edge);
|
|
10366
|
+
--ui-surface-separator-muted: var(--ui-surface-edge);
|
|
10367
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
10368
|
+
--ui-surface-separator-muted: color-mix(in oklab, var(--ui-surface-edge) 60%, transparent);
|
|
10369
|
+
}
|
|
10370
|
+
--ui-matched-elevation: var(--ui-local-elevation-8);
|
|
9093
10371
|
background-color: var(--ui-surface-color);
|
|
9094
10372
|
color: var(--ui-surface-ink);
|
|
9095
10373
|
}
|
|
@@ -9097,10 +10375,18 @@
|
|
|
9097
10375
|
@container style(--ui-surface-level: 2) {
|
|
9098
10376
|
:where([data-ui-surface="+1"]) {
|
|
9099
10377
|
--ui-surface-level: 3;
|
|
9100
|
-
--ui-surface-color: var(--
|
|
9101
|
-
--ui-surface-ink: var(--
|
|
9102
|
-
--ui-surface-ink-muted: var(--
|
|
9103
|
-
--ui-
|
|
10378
|
+
--ui-surface-color: var(--ui-local-surface-3);
|
|
10379
|
+
--ui-surface-ink: var(--ui-local-surface-3-ink);
|
|
10380
|
+
--ui-surface-ink-muted: var(--ui-local-surface-3-ink-muted);
|
|
10381
|
+
--ui-surface-edge: var(--ui-local-surface-3-edge);
|
|
10382
|
+
--ui-surface-edge-hover: var(--ui-local-surface-3-edge-hover);
|
|
10383
|
+
--ui-surface-edge-strong: var(--ui-local-surface-3-edge-strong);
|
|
10384
|
+
--ui-surface-separator: var(--ui-surface-edge);
|
|
10385
|
+
--ui-surface-separator-muted: var(--ui-surface-edge);
|
|
10386
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
10387
|
+
--ui-surface-separator-muted: color-mix(in oklab, var(--ui-surface-edge) 60%, transparent);
|
|
10388
|
+
}
|
|
10389
|
+
--ui-matched-elevation: var(--ui-local-elevation-3);
|
|
9104
10390
|
background-color: var(--ui-surface-color);
|
|
9105
10391
|
color: var(--ui-surface-ink);
|
|
9106
10392
|
}
|
|
@@ -9108,10 +10394,18 @@
|
|
|
9108
10394
|
@container style(--ui-surface-level: 2) {
|
|
9109
10395
|
:where([data-ui-surface="+2"]) {
|
|
9110
10396
|
--ui-surface-level: 4;
|
|
9111
|
-
--ui-surface-color: var(--
|
|
9112
|
-
--ui-surface-ink: var(--
|
|
9113
|
-
--ui-surface-ink-muted: var(--
|
|
9114
|
-
--ui-
|
|
10397
|
+
--ui-surface-color: var(--ui-local-surface-4);
|
|
10398
|
+
--ui-surface-ink: var(--ui-local-surface-4-ink);
|
|
10399
|
+
--ui-surface-ink-muted: var(--ui-local-surface-4-ink-muted);
|
|
10400
|
+
--ui-surface-edge: var(--ui-local-surface-4-edge);
|
|
10401
|
+
--ui-surface-edge-hover: var(--ui-local-surface-4-edge-hover);
|
|
10402
|
+
--ui-surface-edge-strong: var(--ui-local-surface-4-edge-strong);
|
|
10403
|
+
--ui-surface-separator: var(--ui-surface-edge);
|
|
10404
|
+
--ui-surface-separator-muted: var(--ui-surface-edge);
|
|
10405
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
10406
|
+
--ui-surface-separator-muted: color-mix(in oklab, var(--ui-surface-edge) 60%, transparent);
|
|
10407
|
+
}
|
|
10408
|
+
--ui-matched-elevation: var(--ui-local-elevation-4);
|
|
9115
10409
|
background-color: var(--ui-surface-color);
|
|
9116
10410
|
color: var(--ui-surface-ink);
|
|
9117
10411
|
}
|
|
@@ -9119,10 +10413,18 @@
|
|
|
9119
10413
|
@container style(--ui-surface-level: 2) {
|
|
9120
10414
|
:where([data-ui-surface="+3"]) {
|
|
9121
10415
|
--ui-surface-level: 5;
|
|
9122
|
-
--ui-surface-color: var(--
|
|
9123
|
-
--ui-surface-ink: var(--
|
|
9124
|
-
--ui-surface-ink-muted: var(--
|
|
9125
|
-
--ui-
|
|
10416
|
+
--ui-surface-color: var(--ui-local-surface-5);
|
|
10417
|
+
--ui-surface-ink: var(--ui-local-surface-5-ink);
|
|
10418
|
+
--ui-surface-ink-muted: var(--ui-local-surface-5-ink-muted);
|
|
10419
|
+
--ui-surface-edge: var(--ui-local-surface-5-edge);
|
|
10420
|
+
--ui-surface-edge-hover: var(--ui-local-surface-5-edge-hover);
|
|
10421
|
+
--ui-surface-edge-strong: var(--ui-local-surface-5-edge-strong);
|
|
10422
|
+
--ui-surface-separator: var(--ui-surface-edge);
|
|
10423
|
+
--ui-surface-separator-muted: var(--ui-surface-edge);
|
|
10424
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
10425
|
+
--ui-surface-separator-muted: color-mix(in oklab, var(--ui-surface-edge) 60%, transparent);
|
|
10426
|
+
}
|
|
10427
|
+
--ui-matched-elevation: var(--ui-local-elevation-5);
|
|
9126
10428
|
background-color: var(--ui-surface-color);
|
|
9127
10429
|
color: var(--ui-surface-ink);
|
|
9128
10430
|
}
|
|
@@ -9130,10 +10432,18 @@
|
|
|
9130
10432
|
@container style(--ui-surface-level: 2) {
|
|
9131
10433
|
:where([data-ui-surface="+4"]) {
|
|
9132
10434
|
--ui-surface-level: 6;
|
|
9133
|
-
--ui-surface-color: var(--
|
|
9134
|
-
--ui-surface-ink: var(--
|
|
9135
|
-
--ui-surface-ink-muted: var(--
|
|
9136
|
-
--ui-
|
|
10435
|
+
--ui-surface-color: var(--ui-local-surface-6);
|
|
10436
|
+
--ui-surface-ink: var(--ui-local-surface-6-ink);
|
|
10437
|
+
--ui-surface-ink-muted: var(--ui-local-surface-6-ink-muted);
|
|
10438
|
+
--ui-surface-edge: var(--ui-local-surface-6-edge);
|
|
10439
|
+
--ui-surface-edge-hover: var(--ui-local-surface-6-edge-hover);
|
|
10440
|
+
--ui-surface-edge-strong: var(--ui-local-surface-6-edge-strong);
|
|
10441
|
+
--ui-surface-separator: var(--ui-surface-edge);
|
|
10442
|
+
--ui-surface-separator-muted: var(--ui-surface-edge);
|
|
10443
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
10444
|
+
--ui-surface-separator-muted: color-mix(in oklab, var(--ui-surface-edge) 60%, transparent);
|
|
10445
|
+
}
|
|
10446
|
+
--ui-matched-elevation: var(--ui-local-elevation-6);
|
|
9137
10447
|
background-color: var(--ui-surface-color);
|
|
9138
10448
|
color: var(--ui-surface-ink);
|
|
9139
10449
|
}
|
|
@@ -9141,10 +10451,18 @@
|
|
|
9141
10451
|
@container style(--ui-surface-level: 2) {
|
|
9142
10452
|
:where([data-ui-surface="+5"]) {
|
|
9143
10453
|
--ui-surface-level: 7;
|
|
9144
|
-
--ui-surface-color: var(--
|
|
9145
|
-
--ui-surface-ink: var(--
|
|
9146
|
-
--ui-surface-ink-muted: var(--
|
|
9147
|
-
--ui-
|
|
10454
|
+
--ui-surface-color: var(--ui-local-surface-7);
|
|
10455
|
+
--ui-surface-ink: var(--ui-local-surface-7-ink);
|
|
10456
|
+
--ui-surface-ink-muted: var(--ui-local-surface-7-ink-muted);
|
|
10457
|
+
--ui-surface-edge: var(--ui-local-surface-7-edge);
|
|
10458
|
+
--ui-surface-edge-hover: var(--ui-local-surface-7-edge-hover);
|
|
10459
|
+
--ui-surface-edge-strong: var(--ui-local-surface-7-edge-strong);
|
|
10460
|
+
--ui-surface-separator: var(--ui-surface-edge);
|
|
10461
|
+
--ui-surface-separator-muted: var(--ui-surface-edge);
|
|
10462
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
10463
|
+
--ui-surface-separator-muted: color-mix(in oklab, var(--ui-surface-edge) 60%, transparent);
|
|
10464
|
+
}
|
|
10465
|
+
--ui-matched-elevation: var(--ui-local-elevation-7);
|
|
9148
10466
|
background-color: var(--ui-surface-color);
|
|
9149
10467
|
color: var(--ui-surface-ink);
|
|
9150
10468
|
}
|
|
@@ -9152,10 +10470,18 @@
|
|
|
9152
10470
|
@container style(--ui-surface-level: 2) {
|
|
9153
10471
|
:where([data-ui-surface="+6"]) {
|
|
9154
10472
|
--ui-surface-level: 8;
|
|
9155
|
-
--ui-surface-color: var(--
|
|
9156
|
-
--ui-surface-ink: var(--
|
|
9157
|
-
--ui-surface-ink-muted: var(--
|
|
9158
|
-
--ui-
|
|
10473
|
+
--ui-surface-color: var(--ui-local-surface-8);
|
|
10474
|
+
--ui-surface-ink: var(--ui-local-surface-8-ink);
|
|
10475
|
+
--ui-surface-ink-muted: var(--ui-local-surface-8-ink-muted);
|
|
10476
|
+
--ui-surface-edge: var(--ui-local-surface-8-edge);
|
|
10477
|
+
--ui-surface-edge-hover: var(--ui-local-surface-8-edge-hover);
|
|
10478
|
+
--ui-surface-edge-strong: var(--ui-local-surface-8-edge-strong);
|
|
10479
|
+
--ui-surface-separator: var(--ui-surface-edge);
|
|
10480
|
+
--ui-surface-separator-muted: var(--ui-surface-edge);
|
|
10481
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
10482
|
+
--ui-surface-separator-muted: color-mix(in oklab, var(--ui-surface-edge) 60%, transparent);
|
|
10483
|
+
}
|
|
10484
|
+
--ui-matched-elevation: var(--ui-local-elevation-8);
|
|
9159
10485
|
background-color: var(--ui-surface-color);
|
|
9160
10486
|
color: var(--ui-surface-ink);
|
|
9161
10487
|
}
|
|
@@ -9163,10 +10489,18 @@
|
|
|
9163
10489
|
@container style(--ui-surface-level: 2) {
|
|
9164
10490
|
:where([data-ui-surface="+7"]) {
|
|
9165
10491
|
--ui-surface-level: 8;
|
|
9166
|
-
--ui-surface-color: var(--
|
|
9167
|
-
--ui-surface-ink: var(--
|
|
9168
|
-
--ui-surface-ink-muted: var(--
|
|
9169
|
-
--ui-
|
|
10492
|
+
--ui-surface-color: var(--ui-local-surface-8);
|
|
10493
|
+
--ui-surface-ink: var(--ui-local-surface-8-ink);
|
|
10494
|
+
--ui-surface-ink-muted: var(--ui-local-surface-8-ink-muted);
|
|
10495
|
+
--ui-surface-edge: var(--ui-local-surface-8-edge);
|
|
10496
|
+
--ui-surface-edge-hover: var(--ui-local-surface-8-edge-hover);
|
|
10497
|
+
--ui-surface-edge-strong: var(--ui-local-surface-8-edge-strong);
|
|
10498
|
+
--ui-surface-separator: var(--ui-surface-edge);
|
|
10499
|
+
--ui-surface-separator-muted: var(--ui-surface-edge);
|
|
10500
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
10501
|
+
--ui-surface-separator-muted: color-mix(in oklab, var(--ui-surface-edge) 60%, transparent);
|
|
10502
|
+
}
|
|
10503
|
+
--ui-matched-elevation: var(--ui-local-elevation-8);
|
|
9170
10504
|
background-color: var(--ui-surface-color);
|
|
9171
10505
|
color: var(--ui-surface-ink);
|
|
9172
10506
|
}
|
|
@@ -9174,10 +10508,18 @@
|
|
|
9174
10508
|
@container style(--ui-surface-level: 2) {
|
|
9175
10509
|
:where([data-ui-surface="+8"]) {
|
|
9176
10510
|
--ui-surface-level: 8;
|
|
9177
|
-
--ui-surface-color: var(--
|
|
9178
|
-
--ui-surface-ink: var(--
|
|
9179
|
-
--ui-surface-ink-muted: var(--
|
|
9180
|
-
--ui-
|
|
10511
|
+
--ui-surface-color: var(--ui-local-surface-8);
|
|
10512
|
+
--ui-surface-ink: var(--ui-local-surface-8-ink);
|
|
10513
|
+
--ui-surface-ink-muted: var(--ui-local-surface-8-ink-muted);
|
|
10514
|
+
--ui-surface-edge: var(--ui-local-surface-8-edge);
|
|
10515
|
+
--ui-surface-edge-hover: var(--ui-local-surface-8-edge-hover);
|
|
10516
|
+
--ui-surface-edge-strong: var(--ui-local-surface-8-edge-strong);
|
|
10517
|
+
--ui-surface-separator: var(--ui-surface-edge);
|
|
10518
|
+
--ui-surface-separator-muted: var(--ui-surface-edge);
|
|
10519
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
10520
|
+
--ui-surface-separator-muted: color-mix(in oklab, var(--ui-surface-edge) 60%, transparent);
|
|
10521
|
+
}
|
|
10522
|
+
--ui-matched-elevation: var(--ui-local-elevation-8);
|
|
9181
10523
|
background-color: var(--ui-surface-color);
|
|
9182
10524
|
color: var(--ui-surface-ink);
|
|
9183
10525
|
}
|
|
@@ -9185,10 +10527,18 @@
|
|
|
9185
10527
|
@container style(--ui-surface-level: 3) {
|
|
9186
10528
|
:where([data-ui-surface="+1"]) {
|
|
9187
10529
|
--ui-surface-level: 4;
|
|
9188
|
-
--ui-surface-color: var(--
|
|
9189
|
-
--ui-surface-ink: var(--
|
|
9190
|
-
--ui-surface-ink-muted: var(--
|
|
9191
|
-
--ui-
|
|
10530
|
+
--ui-surface-color: var(--ui-local-surface-4);
|
|
10531
|
+
--ui-surface-ink: var(--ui-local-surface-4-ink);
|
|
10532
|
+
--ui-surface-ink-muted: var(--ui-local-surface-4-ink-muted);
|
|
10533
|
+
--ui-surface-edge: var(--ui-local-surface-4-edge);
|
|
10534
|
+
--ui-surface-edge-hover: var(--ui-local-surface-4-edge-hover);
|
|
10535
|
+
--ui-surface-edge-strong: var(--ui-local-surface-4-edge-strong);
|
|
10536
|
+
--ui-surface-separator: var(--ui-surface-edge);
|
|
10537
|
+
--ui-surface-separator-muted: var(--ui-surface-edge);
|
|
10538
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
10539
|
+
--ui-surface-separator-muted: color-mix(in oklab, var(--ui-surface-edge) 60%, transparent);
|
|
10540
|
+
}
|
|
10541
|
+
--ui-matched-elevation: var(--ui-local-elevation-4);
|
|
9192
10542
|
background-color: var(--ui-surface-color);
|
|
9193
10543
|
color: var(--ui-surface-ink);
|
|
9194
10544
|
}
|
|
@@ -9196,10 +10546,18 @@
|
|
|
9196
10546
|
@container style(--ui-surface-level: 3) {
|
|
9197
10547
|
:where([data-ui-surface="+2"]) {
|
|
9198
10548
|
--ui-surface-level: 5;
|
|
9199
|
-
--ui-surface-color: var(--
|
|
9200
|
-
--ui-surface-ink: var(--
|
|
9201
|
-
--ui-surface-ink-muted: var(--
|
|
9202
|
-
--ui-
|
|
10549
|
+
--ui-surface-color: var(--ui-local-surface-5);
|
|
10550
|
+
--ui-surface-ink: var(--ui-local-surface-5-ink);
|
|
10551
|
+
--ui-surface-ink-muted: var(--ui-local-surface-5-ink-muted);
|
|
10552
|
+
--ui-surface-edge: var(--ui-local-surface-5-edge);
|
|
10553
|
+
--ui-surface-edge-hover: var(--ui-local-surface-5-edge-hover);
|
|
10554
|
+
--ui-surface-edge-strong: var(--ui-local-surface-5-edge-strong);
|
|
10555
|
+
--ui-surface-separator: var(--ui-surface-edge);
|
|
10556
|
+
--ui-surface-separator-muted: var(--ui-surface-edge);
|
|
10557
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
10558
|
+
--ui-surface-separator-muted: color-mix(in oklab, var(--ui-surface-edge) 60%, transparent);
|
|
10559
|
+
}
|
|
10560
|
+
--ui-matched-elevation: var(--ui-local-elevation-5);
|
|
9203
10561
|
background-color: var(--ui-surface-color);
|
|
9204
10562
|
color: var(--ui-surface-ink);
|
|
9205
10563
|
}
|
|
@@ -9207,10 +10565,18 @@
|
|
|
9207
10565
|
@container style(--ui-surface-level: 3) {
|
|
9208
10566
|
:where([data-ui-surface="+3"]) {
|
|
9209
10567
|
--ui-surface-level: 6;
|
|
9210
|
-
--ui-surface-color: var(--
|
|
9211
|
-
--ui-surface-ink: var(--
|
|
9212
|
-
--ui-surface-ink-muted: var(--
|
|
9213
|
-
--ui-
|
|
10568
|
+
--ui-surface-color: var(--ui-local-surface-6);
|
|
10569
|
+
--ui-surface-ink: var(--ui-local-surface-6-ink);
|
|
10570
|
+
--ui-surface-ink-muted: var(--ui-local-surface-6-ink-muted);
|
|
10571
|
+
--ui-surface-edge: var(--ui-local-surface-6-edge);
|
|
10572
|
+
--ui-surface-edge-hover: var(--ui-local-surface-6-edge-hover);
|
|
10573
|
+
--ui-surface-edge-strong: var(--ui-local-surface-6-edge-strong);
|
|
10574
|
+
--ui-surface-separator: var(--ui-surface-edge);
|
|
10575
|
+
--ui-surface-separator-muted: var(--ui-surface-edge);
|
|
10576
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
10577
|
+
--ui-surface-separator-muted: color-mix(in oklab, var(--ui-surface-edge) 60%, transparent);
|
|
10578
|
+
}
|
|
10579
|
+
--ui-matched-elevation: var(--ui-local-elevation-6);
|
|
9214
10580
|
background-color: var(--ui-surface-color);
|
|
9215
10581
|
color: var(--ui-surface-ink);
|
|
9216
10582
|
}
|
|
@@ -9218,10 +10584,18 @@
|
|
|
9218
10584
|
@container style(--ui-surface-level: 3) {
|
|
9219
10585
|
:where([data-ui-surface="+4"]) {
|
|
9220
10586
|
--ui-surface-level: 7;
|
|
9221
|
-
--ui-surface-color: var(--
|
|
9222
|
-
--ui-surface-ink: var(--
|
|
9223
|
-
--ui-surface-ink-muted: var(--
|
|
9224
|
-
--ui-
|
|
10587
|
+
--ui-surface-color: var(--ui-local-surface-7);
|
|
10588
|
+
--ui-surface-ink: var(--ui-local-surface-7-ink);
|
|
10589
|
+
--ui-surface-ink-muted: var(--ui-local-surface-7-ink-muted);
|
|
10590
|
+
--ui-surface-edge: var(--ui-local-surface-7-edge);
|
|
10591
|
+
--ui-surface-edge-hover: var(--ui-local-surface-7-edge-hover);
|
|
10592
|
+
--ui-surface-edge-strong: var(--ui-local-surface-7-edge-strong);
|
|
10593
|
+
--ui-surface-separator: var(--ui-surface-edge);
|
|
10594
|
+
--ui-surface-separator-muted: var(--ui-surface-edge);
|
|
10595
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
10596
|
+
--ui-surface-separator-muted: color-mix(in oklab, var(--ui-surface-edge) 60%, transparent);
|
|
10597
|
+
}
|
|
10598
|
+
--ui-matched-elevation: var(--ui-local-elevation-7);
|
|
9225
10599
|
background-color: var(--ui-surface-color);
|
|
9226
10600
|
color: var(--ui-surface-ink);
|
|
9227
10601
|
}
|
|
@@ -9229,10 +10603,18 @@
|
|
|
9229
10603
|
@container style(--ui-surface-level: 3) {
|
|
9230
10604
|
:where([data-ui-surface="+5"]) {
|
|
9231
10605
|
--ui-surface-level: 8;
|
|
9232
|
-
--ui-surface-color: var(--
|
|
9233
|
-
--ui-surface-ink: var(--
|
|
9234
|
-
--ui-surface-ink-muted: var(--
|
|
9235
|
-
--ui-
|
|
10606
|
+
--ui-surface-color: var(--ui-local-surface-8);
|
|
10607
|
+
--ui-surface-ink: var(--ui-local-surface-8-ink);
|
|
10608
|
+
--ui-surface-ink-muted: var(--ui-local-surface-8-ink-muted);
|
|
10609
|
+
--ui-surface-edge: var(--ui-local-surface-8-edge);
|
|
10610
|
+
--ui-surface-edge-hover: var(--ui-local-surface-8-edge-hover);
|
|
10611
|
+
--ui-surface-edge-strong: var(--ui-local-surface-8-edge-strong);
|
|
10612
|
+
--ui-surface-separator: var(--ui-surface-edge);
|
|
10613
|
+
--ui-surface-separator-muted: var(--ui-surface-edge);
|
|
10614
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
10615
|
+
--ui-surface-separator-muted: color-mix(in oklab, var(--ui-surface-edge) 60%, transparent);
|
|
10616
|
+
}
|
|
10617
|
+
--ui-matched-elevation: var(--ui-local-elevation-8);
|
|
9236
10618
|
background-color: var(--ui-surface-color);
|
|
9237
10619
|
color: var(--ui-surface-ink);
|
|
9238
10620
|
}
|
|
@@ -9240,10 +10622,18 @@
|
|
|
9240
10622
|
@container style(--ui-surface-level: 3) {
|
|
9241
10623
|
:where([data-ui-surface="+6"]) {
|
|
9242
10624
|
--ui-surface-level: 8;
|
|
9243
|
-
--ui-surface-color: var(--
|
|
9244
|
-
--ui-surface-ink: var(--
|
|
9245
|
-
--ui-surface-ink-muted: var(--
|
|
9246
|
-
--ui-
|
|
10625
|
+
--ui-surface-color: var(--ui-local-surface-8);
|
|
10626
|
+
--ui-surface-ink: var(--ui-local-surface-8-ink);
|
|
10627
|
+
--ui-surface-ink-muted: var(--ui-local-surface-8-ink-muted);
|
|
10628
|
+
--ui-surface-edge: var(--ui-local-surface-8-edge);
|
|
10629
|
+
--ui-surface-edge-hover: var(--ui-local-surface-8-edge-hover);
|
|
10630
|
+
--ui-surface-edge-strong: var(--ui-local-surface-8-edge-strong);
|
|
10631
|
+
--ui-surface-separator: var(--ui-surface-edge);
|
|
10632
|
+
--ui-surface-separator-muted: var(--ui-surface-edge);
|
|
10633
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
10634
|
+
--ui-surface-separator-muted: color-mix(in oklab, var(--ui-surface-edge) 60%, transparent);
|
|
10635
|
+
}
|
|
10636
|
+
--ui-matched-elevation: var(--ui-local-elevation-8);
|
|
9247
10637
|
background-color: var(--ui-surface-color);
|
|
9248
10638
|
color: var(--ui-surface-ink);
|
|
9249
10639
|
}
|
|
@@ -9251,10 +10641,18 @@
|
|
|
9251
10641
|
@container style(--ui-surface-level: 3) {
|
|
9252
10642
|
:where([data-ui-surface="+7"]) {
|
|
9253
10643
|
--ui-surface-level: 8;
|
|
9254
|
-
--ui-surface-color: var(--
|
|
9255
|
-
--ui-surface-ink: var(--
|
|
9256
|
-
--ui-surface-ink-muted: var(--
|
|
9257
|
-
--ui-
|
|
10644
|
+
--ui-surface-color: var(--ui-local-surface-8);
|
|
10645
|
+
--ui-surface-ink: var(--ui-local-surface-8-ink);
|
|
10646
|
+
--ui-surface-ink-muted: var(--ui-local-surface-8-ink-muted);
|
|
10647
|
+
--ui-surface-edge: var(--ui-local-surface-8-edge);
|
|
10648
|
+
--ui-surface-edge-hover: var(--ui-local-surface-8-edge-hover);
|
|
10649
|
+
--ui-surface-edge-strong: var(--ui-local-surface-8-edge-strong);
|
|
10650
|
+
--ui-surface-separator: var(--ui-surface-edge);
|
|
10651
|
+
--ui-surface-separator-muted: var(--ui-surface-edge);
|
|
10652
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
10653
|
+
--ui-surface-separator-muted: color-mix(in oklab, var(--ui-surface-edge) 60%, transparent);
|
|
10654
|
+
}
|
|
10655
|
+
--ui-matched-elevation: var(--ui-local-elevation-8);
|
|
9258
10656
|
background-color: var(--ui-surface-color);
|
|
9259
10657
|
color: var(--ui-surface-ink);
|
|
9260
10658
|
}
|
|
@@ -9262,10 +10660,18 @@
|
|
|
9262
10660
|
@container style(--ui-surface-level: 3) {
|
|
9263
10661
|
:where([data-ui-surface="+8"]) {
|
|
9264
10662
|
--ui-surface-level: 8;
|
|
9265
|
-
--ui-surface-color: var(--
|
|
9266
|
-
--ui-surface-ink: var(--
|
|
9267
|
-
--ui-surface-ink-muted: var(--
|
|
9268
|
-
--ui-
|
|
10663
|
+
--ui-surface-color: var(--ui-local-surface-8);
|
|
10664
|
+
--ui-surface-ink: var(--ui-local-surface-8-ink);
|
|
10665
|
+
--ui-surface-ink-muted: var(--ui-local-surface-8-ink-muted);
|
|
10666
|
+
--ui-surface-edge: var(--ui-local-surface-8-edge);
|
|
10667
|
+
--ui-surface-edge-hover: var(--ui-local-surface-8-edge-hover);
|
|
10668
|
+
--ui-surface-edge-strong: var(--ui-local-surface-8-edge-strong);
|
|
10669
|
+
--ui-surface-separator: var(--ui-surface-edge);
|
|
10670
|
+
--ui-surface-separator-muted: var(--ui-surface-edge);
|
|
10671
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
10672
|
+
--ui-surface-separator-muted: color-mix(in oklab, var(--ui-surface-edge) 60%, transparent);
|
|
10673
|
+
}
|
|
10674
|
+
--ui-matched-elevation: var(--ui-local-elevation-8);
|
|
9269
10675
|
background-color: var(--ui-surface-color);
|
|
9270
10676
|
color: var(--ui-surface-ink);
|
|
9271
10677
|
}
|
|
@@ -9273,10 +10679,18 @@
|
|
|
9273
10679
|
@container style(--ui-surface-level: 4) {
|
|
9274
10680
|
:where([data-ui-surface="+1"]) {
|
|
9275
10681
|
--ui-surface-level: 5;
|
|
9276
|
-
--ui-surface-color: var(--
|
|
9277
|
-
--ui-surface-ink: var(--
|
|
9278
|
-
--ui-surface-ink-muted: var(--
|
|
9279
|
-
--ui-
|
|
10682
|
+
--ui-surface-color: var(--ui-local-surface-5);
|
|
10683
|
+
--ui-surface-ink: var(--ui-local-surface-5-ink);
|
|
10684
|
+
--ui-surface-ink-muted: var(--ui-local-surface-5-ink-muted);
|
|
10685
|
+
--ui-surface-edge: var(--ui-local-surface-5-edge);
|
|
10686
|
+
--ui-surface-edge-hover: var(--ui-local-surface-5-edge-hover);
|
|
10687
|
+
--ui-surface-edge-strong: var(--ui-local-surface-5-edge-strong);
|
|
10688
|
+
--ui-surface-separator: var(--ui-surface-edge);
|
|
10689
|
+
--ui-surface-separator-muted: var(--ui-surface-edge);
|
|
10690
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
10691
|
+
--ui-surface-separator-muted: color-mix(in oklab, var(--ui-surface-edge) 60%, transparent);
|
|
10692
|
+
}
|
|
10693
|
+
--ui-matched-elevation: var(--ui-local-elevation-5);
|
|
9280
10694
|
background-color: var(--ui-surface-color);
|
|
9281
10695
|
color: var(--ui-surface-ink);
|
|
9282
10696
|
}
|
|
@@ -9284,10 +10698,18 @@
|
|
|
9284
10698
|
@container style(--ui-surface-level: 4) {
|
|
9285
10699
|
:where([data-ui-surface="+2"]) {
|
|
9286
10700
|
--ui-surface-level: 6;
|
|
9287
|
-
--ui-surface-color: var(--
|
|
9288
|
-
--ui-surface-ink: var(--
|
|
9289
|
-
--ui-surface-ink-muted: var(--
|
|
9290
|
-
--ui-
|
|
10701
|
+
--ui-surface-color: var(--ui-local-surface-6);
|
|
10702
|
+
--ui-surface-ink: var(--ui-local-surface-6-ink);
|
|
10703
|
+
--ui-surface-ink-muted: var(--ui-local-surface-6-ink-muted);
|
|
10704
|
+
--ui-surface-edge: var(--ui-local-surface-6-edge);
|
|
10705
|
+
--ui-surface-edge-hover: var(--ui-local-surface-6-edge-hover);
|
|
10706
|
+
--ui-surface-edge-strong: var(--ui-local-surface-6-edge-strong);
|
|
10707
|
+
--ui-surface-separator: var(--ui-surface-edge);
|
|
10708
|
+
--ui-surface-separator-muted: var(--ui-surface-edge);
|
|
10709
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
10710
|
+
--ui-surface-separator-muted: color-mix(in oklab, var(--ui-surface-edge) 60%, transparent);
|
|
10711
|
+
}
|
|
10712
|
+
--ui-matched-elevation: var(--ui-local-elevation-6);
|
|
9291
10713
|
background-color: var(--ui-surface-color);
|
|
9292
10714
|
color: var(--ui-surface-ink);
|
|
9293
10715
|
}
|
|
@@ -9295,10 +10717,18 @@
|
|
|
9295
10717
|
@container style(--ui-surface-level: 4) {
|
|
9296
10718
|
:where([data-ui-surface="+3"]) {
|
|
9297
10719
|
--ui-surface-level: 7;
|
|
9298
|
-
--ui-surface-color: var(--
|
|
9299
|
-
--ui-surface-ink: var(--
|
|
9300
|
-
--ui-surface-ink-muted: var(--
|
|
9301
|
-
--ui-
|
|
10720
|
+
--ui-surface-color: var(--ui-local-surface-7);
|
|
10721
|
+
--ui-surface-ink: var(--ui-local-surface-7-ink);
|
|
10722
|
+
--ui-surface-ink-muted: var(--ui-local-surface-7-ink-muted);
|
|
10723
|
+
--ui-surface-edge: var(--ui-local-surface-7-edge);
|
|
10724
|
+
--ui-surface-edge-hover: var(--ui-local-surface-7-edge-hover);
|
|
10725
|
+
--ui-surface-edge-strong: var(--ui-local-surface-7-edge-strong);
|
|
10726
|
+
--ui-surface-separator: var(--ui-surface-edge);
|
|
10727
|
+
--ui-surface-separator-muted: var(--ui-surface-edge);
|
|
10728
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
10729
|
+
--ui-surface-separator-muted: color-mix(in oklab, var(--ui-surface-edge) 60%, transparent);
|
|
10730
|
+
}
|
|
10731
|
+
--ui-matched-elevation: var(--ui-local-elevation-7);
|
|
9302
10732
|
background-color: var(--ui-surface-color);
|
|
9303
10733
|
color: var(--ui-surface-ink);
|
|
9304
10734
|
}
|
|
@@ -9306,10 +10736,18 @@
|
|
|
9306
10736
|
@container style(--ui-surface-level: 4) {
|
|
9307
10737
|
:where([data-ui-surface="+4"]) {
|
|
9308
10738
|
--ui-surface-level: 8;
|
|
9309
|
-
--ui-surface-color: var(--
|
|
9310
|
-
--ui-surface-ink: var(--
|
|
9311
|
-
--ui-surface-ink-muted: var(--
|
|
9312
|
-
--ui-
|
|
10739
|
+
--ui-surface-color: var(--ui-local-surface-8);
|
|
10740
|
+
--ui-surface-ink: var(--ui-local-surface-8-ink);
|
|
10741
|
+
--ui-surface-ink-muted: var(--ui-local-surface-8-ink-muted);
|
|
10742
|
+
--ui-surface-edge: var(--ui-local-surface-8-edge);
|
|
10743
|
+
--ui-surface-edge-hover: var(--ui-local-surface-8-edge-hover);
|
|
10744
|
+
--ui-surface-edge-strong: var(--ui-local-surface-8-edge-strong);
|
|
10745
|
+
--ui-surface-separator: var(--ui-surface-edge);
|
|
10746
|
+
--ui-surface-separator-muted: var(--ui-surface-edge);
|
|
10747
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
10748
|
+
--ui-surface-separator-muted: color-mix(in oklab, var(--ui-surface-edge) 60%, transparent);
|
|
10749
|
+
}
|
|
10750
|
+
--ui-matched-elevation: var(--ui-local-elevation-8);
|
|
9313
10751
|
background-color: var(--ui-surface-color);
|
|
9314
10752
|
color: var(--ui-surface-ink);
|
|
9315
10753
|
}
|
|
@@ -9317,10 +10755,18 @@
|
|
|
9317
10755
|
@container style(--ui-surface-level: 4) {
|
|
9318
10756
|
:where([data-ui-surface="+5"]) {
|
|
9319
10757
|
--ui-surface-level: 8;
|
|
9320
|
-
--ui-surface-color: var(--
|
|
9321
|
-
--ui-surface-ink: var(--
|
|
9322
|
-
--ui-surface-ink-muted: var(--
|
|
9323
|
-
--ui-
|
|
10758
|
+
--ui-surface-color: var(--ui-local-surface-8);
|
|
10759
|
+
--ui-surface-ink: var(--ui-local-surface-8-ink);
|
|
10760
|
+
--ui-surface-ink-muted: var(--ui-local-surface-8-ink-muted);
|
|
10761
|
+
--ui-surface-edge: var(--ui-local-surface-8-edge);
|
|
10762
|
+
--ui-surface-edge-hover: var(--ui-local-surface-8-edge-hover);
|
|
10763
|
+
--ui-surface-edge-strong: var(--ui-local-surface-8-edge-strong);
|
|
10764
|
+
--ui-surface-separator: var(--ui-surface-edge);
|
|
10765
|
+
--ui-surface-separator-muted: var(--ui-surface-edge);
|
|
10766
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
10767
|
+
--ui-surface-separator-muted: color-mix(in oklab, var(--ui-surface-edge) 60%, transparent);
|
|
10768
|
+
}
|
|
10769
|
+
--ui-matched-elevation: var(--ui-local-elevation-8);
|
|
9324
10770
|
background-color: var(--ui-surface-color);
|
|
9325
10771
|
color: var(--ui-surface-ink);
|
|
9326
10772
|
}
|
|
@@ -9328,10 +10774,18 @@
|
|
|
9328
10774
|
@container style(--ui-surface-level: 4) {
|
|
9329
10775
|
:where([data-ui-surface="+6"]) {
|
|
9330
10776
|
--ui-surface-level: 8;
|
|
9331
|
-
--ui-surface-color: var(--
|
|
9332
|
-
--ui-surface-ink: var(--
|
|
9333
|
-
--ui-surface-ink-muted: var(--
|
|
9334
|
-
--ui-
|
|
10777
|
+
--ui-surface-color: var(--ui-local-surface-8);
|
|
10778
|
+
--ui-surface-ink: var(--ui-local-surface-8-ink);
|
|
10779
|
+
--ui-surface-ink-muted: var(--ui-local-surface-8-ink-muted);
|
|
10780
|
+
--ui-surface-edge: var(--ui-local-surface-8-edge);
|
|
10781
|
+
--ui-surface-edge-hover: var(--ui-local-surface-8-edge-hover);
|
|
10782
|
+
--ui-surface-edge-strong: var(--ui-local-surface-8-edge-strong);
|
|
10783
|
+
--ui-surface-separator: var(--ui-surface-edge);
|
|
10784
|
+
--ui-surface-separator-muted: var(--ui-surface-edge);
|
|
10785
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
10786
|
+
--ui-surface-separator-muted: color-mix(in oklab, var(--ui-surface-edge) 60%, transparent);
|
|
10787
|
+
}
|
|
10788
|
+
--ui-matched-elevation: var(--ui-local-elevation-8);
|
|
9335
10789
|
background-color: var(--ui-surface-color);
|
|
9336
10790
|
color: var(--ui-surface-ink);
|
|
9337
10791
|
}
|
|
@@ -9339,10 +10793,18 @@
|
|
|
9339
10793
|
@container style(--ui-surface-level: 4) {
|
|
9340
10794
|
:where([data-ui-surface="+7"]) {
|
|
9341
10795
|
--ui-surface-level: 8;
|
|
9342
|
-
--ui-surface-color: var(--
|
|
9343
|
-
--ui-surface-ink: var(--
|
|
9344
|
-
--ui-surface-ink-muted: var(--
|
|
9345
|
-
--ui-
|
|
10796
|
+
--ui-surface-color: var(--ui-local-surface-8);
|
|
10797
|
+
--ui-surface-ink: var(--ui-local-surface-8-ink);
|
|
10798
|
+
--ui-surface-ink-muted: var(--ui-local-surface-8-ink-muted);
|
|
10799
|
+
--ui-surface-edge: var(--ui-local-surface-8-edge);
|
|
10800
|
+
--ui-surface-edge-hover: var(--ui-local-surface-8-edge-hover);
|
|
10801
|
+
--ui-surface-edge-strong: var(--ui-local-surface-8-edge-strong);
|
|
10802
|
+
--ui-surface-separator: var(--ui-surface-edge);
|
|
10803
|
+
--ui-surface-separator-muted: var(--ui-surface-edge);
|
|
10804
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
10805
|
+
--ui-surface-separator-muted: color-mix(in oklab, var(--ui-surface-edge) 60%, transparent);
|
|
10806
|
+
}
|
|
10807
|
+
--ui-matched-elevation: var(--ui-local-elevation-8);
|
|
9346
10808
|
background-color: var(--ui-surface-color);
|
|
9347
10809
|
color: var(--ui-surface-ink);
|
|
9348
10810
|
}
|
|
@@ -9350,10 +10812,18 @@
|
|
|
9350
10812
|
@container style(--ui-surface-level: 4) {
|
|
9351
10813
|
:where([data-ui-surface="+8"]) {
|
|
9352
10814
|
--ui-surface-level: 8;
|
|
9353
|
-
--ui-surface-color: var(--
|
|
9354
|
-
--ui-surface-ink: var(--
|
|
9355
|
-
--ui-surface-ink-muted: var(--
|
|
9356
|
-
--ui-
|
|
10815
|
+
--ui-surface-color: var(--ui-local-surface-8);
|
|
10816
|
+
--ui-surface-ink: var(--ui-local-surface-8-ink);
|
|
10817
|
+
--ui-surface-ink-muted: var(--ui-local-surface-8-ink-muted);
|
|
10818
|
+
--ui-surface-edge: var(--ui-local-surface-8-edge);
|
|
10819
|
+
--ui-surface-edge-hover: var(--ui-local-surface-8-edge-hover);
|
|
10820
|
+
--ui-surface-edge-strong: var(--ui-local-surface-8-edge-strong);
|
|
10821
|
+
--ui-surface-separator: var(--ui-surface-edge);
|
|
10822
|
+
--ui-surface-separator-muted: var(--ui-surface-edge);
|
|
10823
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
10824
|
+
--ui-surface-separator-muted: color-mix(in oklab, var(--ui-surface-edge) 60%, transparent);
|
|
10825
|
+
}
|
|
10826
|
+
--ui-matched-elevation: var(--ui-local-elevation-8);
|
|
9357
10827
|
background-color: var(--ui-surface-color);
|
|
9358
10828
|
color: var(--ui-surface-ink);
|
|
9359
10829
|
}
|
|
@@ -9361,10 +10831,18 @@
|
|
|
9361
10831
|
@container style(--ui-surface-level: 5) {
|
|
9362
10832
|
:where([data-ui-surface="+1"]) {
|
|
9363
10833
|
--ui-surface-level: 6;
|
|
9364
|
-
--ui-surface-color: var(--
|
|
9365
|
-
--ui-surface-ink: var(--
|
|
9366
|
-
--ui-surface-ink-muted: var(--
|
|
9367
|
-
--ui-
|
|
10834
|
+
--ui-surface-color: var(--ui-local-surface-6);
|
|
10835
|
+
--ui-surface-ink: var(--ui-local-surface-6-ink);
|
|
10836
|
+
--ui-surface-ink-muted: var(--ui-local-surface-6-ink-muted);
|
|
10837
|
+
--ui-surface-edge: var(--ui-local-surface-6-edge);
|
|
10838
|
+
--ui-surface-edge-hover: var(--ui-local-surface-6-edge-hover);
|
|
10839
|
+
--ui-surface-edge-strong: var(--ui-local-surface-6-edge-strong);
|
|
10840
|
+
--ui-surface-separator: var(--ui-surface-edge);
|
|
10841
|
+
--ui-surface-separator-muted: var(--ui-surface-edge);
|
|
10842
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
10843
|
+
--ui-surface-separator-muted: color-mix(in oklab, var(--ui-surface-edge) 60%, transparent);
|
|
10844
|
+
}
|
|
10845
|
+
--ui-matched-elevation: var(--ui-local-elevation-6);
|
|
9368
10846
|
background-color: var(--ui-surface-color);
|
|
9369
10847
|
color: var(--ui-surface-ink);
|
|
9370
10848
|
}
|
|
@@ -9372,10 +10850,18 @@
|
|
|
9372
10850
|
@container style(--ui-surface-level: 5) {
|
|
9373
10851
|
:where([data-ui-surface="+2"]) {
|
|
9374
10852
|
--ui-surface-level: 7;
|
|
9375
|
-
--ui-surface-color: var(--
|
|
9376
|
-
--ui-surface-ink: var(--
|
|
9377
|
-
--ui-surface-ink-muted: var(--
|
|
9378
|
-
--ui-
|
|
10853
|
+
--ui-surface-color: var(--ui-local-surface-7);
|
|
10854
|
+
--ui-surface-ink: var(--ui-local-surface-7-ink);
|
|
10855
|
+
--ui-surface-ink-muted: var(--ui-local-surface-7-ink-muted);
|
|
10856
|
+
--ui-surface-edge: var(--ui-local-surface-7-edge);
|
|
10857
|
+
--ui-surface-edge-hover: var(--ui-local-surface-7-edge-hover);
|
|
10858
|
+
--ui-surface-edge-strong: var(--ui-local-surface-7-edge-strong);
|
|
10859
|
+
--ui-surface-separator: var(--ui-surface-edge);
|
|
10860
|
+
--ui-surface-separator-muted: var(--ui-surface-edge);
|
|
10861
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
10862
|
+
--ui-surface-separator-muted: color-mix(in oklab, var(--ui-surface-edge) 60%, transparent);
|
|
10863
|
+
}
|
|
10864
|
+
--ui-matched-elevation: var(--ui-local-elevation-7);
|
|
9379
10865
|
background-color: var(--ui-surface-color);
|
|
9380
10866
|
color: var(--ui-surface-ink);
|
|
9381
10867
|
}
|
|
@@ -9383,10 +10869,18 @@
|
|
|
9383
10869
|
@container style(--ui-surface-level: 5) {
|
|
9384
10870
|
:where([data-ui-surface="+3"]) {
|
|
9385
10871
|
--ui-surface-level: 8;
|
|
9386
|
-
--ui-surface-color: var(--
|
|
9387
|
-
--ui-surface-ink: var(--
|
|
9388
|
-
--ui-surface-ink-muted: var(--
|
|
9389
|
-
--ui-
|
|
10872
|
+
--ui-surface-color: var(--ui-local-surface-8);
|
|
10873
|
+
--ui-surface-ink: var(--ui-local-surface-8-ink);
|
|
10874
|
+
--ui-surface-ink-muted: var(--ui-local-surface-8-ink-muted);
|
|
10875
|
+
--ui-surface-edge: var(--ui-local-surface-8-edge);
|
|
10876
|
+
--ui-surface-edge-hover: var(--ui-local-surface-8-edge-hover);
|
|
10877
|
+
--ui-surface-edge-strong: var(--ui-local-surface-8-edge-strong);
|
|
10878
|
+
--ui-surface-separator: var(--ui-surface-edge);
|
|
10879
|
+
--ui-surface-separator-muted: var(--ui-surface-edge);
|
|
10880
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
10881
|
+
--ui-surface-separator-muted: color-mix(in oklab, var(--ui-surface-edge) 60%, transparent);
|
|
10882
|
+
}
|
|
10883
|
+
--ui-matched-elevation: var(--ui-local-elevation-8);
|
|
9390
10884
|
background-color: var(--ui-surface-color);
|
|
9391
10885
|
color: var(--ui-surface-ink);
|
|
9392
10886
|
}
|
|
@@ -9394,10 +10888,18 @@
|
|
|
9394
10888
|
@container style(--ui-surface-level: 5) {
|
|
9395
10889
|
:where([data-ui-surface="+4"]) {
|
|
9396
10890
|
--ui-surface-level: 8;
|
|
9397
|
-
--ui-surface-color: var(--
|
|
9398
|
-
--ui-surface-ink: var(--
|
|
9399
|
-
--ui-surface-ink-muted: var(--
|
|
9400
|
-
--ui-
|
|
10891
|
+
--ui-surface-color: var(--ui-local-surface-8);
|
|
10892
|
+
--ui-surface-ink: var(--ui-local-surface-8-ink);
|
|
10893
|
+
--ui-surface-ink-muted: var(--ui-local-surface-8-ink-muted);
|
|
10894
|
+
--ui-surface-edge: var(--ui-local-surface-8-edge);
|
|
10895
|
+
--ui-surface-edge-hover: var(--ui-local-surface-8-edge-hover);
|
|
10896
|
+
--ui-surface-edge-strong: var(--ui-local-surface-8-edge-strong);
|
|
10897
|
+
--ui-surface-separator: var(--ui-surface-edge);
|
|
10898
|
+
--ui-surface-separator-muted: var(--ui-surface-edge);
|
|
10899
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
10900
|
+
--ui-surface-separator-muted: color-mix(in oklab, var(--ui-surface-edge) 60%, transparent);
|
|
10901
|
+
}
|
|
10902
|
+
--ui-matched-elevation: var(--ui-local-elevation-8);
|
|
9401
10903
|
background-color: var(--ui-surface-color);
|
|
9402
10904
|
color: var(--ui-surface-ink);
|
|
9403
10905
|
}
|
|
@@ -9405,10 +10907,18 @@
|
|
|
9405
10907
|
@container style(--ui-surface-level: 5) {
|
|
9406
10908
|
:where([data-ui-surface="+5"]) {
|
|
9407
10909
|
--ui-surface-level: 8;
|
|
9408
|
-
--ui-surface-color: var(--
|
|
9409
|
-
--ui-surface-ink: var(--
|
|
9410
|
-
--ui-surface-ink-muted: var(--
|
|
9411
|
-
--ui-
|
|
10910
|
+
--ui-surface-color: var(--ui-local-surface-8);
|
|
10911
|
+
--ui-surface-ink: var(--ui-local-surface-8-ink);
|
|
10912
|
+
--ui-surface-ink-muted: var(--ui-local-surface-8-ink-muted);
|
|
10913
|
+
--ui-surface-edge: var(--ui-local-surface-8-edge);
|
|
10914
|
+
--ui-surface-edge-hover: var(--ui-local-surface-8-edge-hover);
|
|
10915
|
+
--ui-surface-edge-strong: var(--ui-local-surface-8-edge-strong);
|
|
10916
|
+
--ui-surface-separator: var(--ui-surface-edge);
|
|
10917
|
+
--ui-surface-separator-muted: var(--ui-surface-edge);
|
|
10918
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
10919
|
+
--ui-surface-separator-muted: color-mix(in oklab, var(--ui-surface-edge) 60%, transparent);
|
|
10920
|
+
}
|
|
10921
|
+
--ui-matched-elevation: var(--ui-local-elevation-8);
|
|
9412
10922
|
background-color: var(--ui-surface-color);
|
|
9413
10923
|
color: var(--ui-surface-ink);
|
|
9414
10924
|
}
|
|
@@ -9416,10 +10926,18 @@
|
|
|
9416
10926
|
@container style(--ui-surface-level: 5) {
|
|
9417
10927
|
:where([data-ui-surface="+6"]) {
|
|
9418
10928
|
--ui-surface-level: 8;
|
|
9419
|
-
--ui-surface-color: var(--
|
|
9420
|
-
--ui-surface-ink: var(--
|
|
9421
|
-
--ui-surface-ink-muted: var(--
|
|
9422
|
-
--ui-
|
|
10929
|
+
--ui-surface-color: var(--ui-local-surface-8);
|
|
10930
|
+
--ui-surface-ink: var(--ui-local-surface-8-ink);
|
|
10931
|
+
--ui-surface-ink-muted: var(--ui-local-surface-8-ink-muted);
|
|
10932
|
+
--ui-surface-edge: var(--ui-local-surface-8-edge);
|
|
10933
|
+
--ui-surface-edge-hover: var(--ui-local-surface-8-edge-hover);
|
|
10934
|
+
--ui-surface-edge-strong: var(--ui-local-surface-8-edge-strong);
|
|
10935
|
+
--ui-surface-separator: var(--ui-surface-edge);
|
|
10936
|
+
--ui-surface-separator-muted: var(--ui-surface-edge);
|
|
10937
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
10938
|
+
--ui-surface-separator-muted: color-mix(in oklab, var(--ui-surface-edge) 60%, transparent);
|
|
10939
|
+
}
|
|
10940
|
+
--ui-matched-elevation: var(--ui-local-elevation-8);
|
|
9423
10941
|
background-color: var(--ui-surface-color);
|
|
9424
10942
|
color: var(--ui-surface-ink);
|
|
9425
10943
|
}
|
|
@@ -9427,10 +10945,18 @@
|
|
|
9427
10945
|
@container style(--ui-surface-level: 5) {
|
|
9428
10946
|
:where([data-ui-surface="+7"]) {
|
|
9429
10947
|
--ui-surface-level: 8;
|
|
9430
|
-
--ui-surface-color: var(--
|
|
9431
|
-
--ui-surface-ink: var(--
|
|
9432
|
-
--ui-surface-ink-muted: var(--
|
|
9433
|
-
--ui-
|
|
10948
|
+
--ui-surface-color: var(--ui-local-surface-8);
|
|
10949
|
+
--ui-surface-ink: var(--ui-local-surface-8-ink);
|
|
10950
|
+
--ui-surface-ink-muted: var(--ui-local-surface-8-ink-muted);
|
|
10951
|
+
--ui-surface-edge: var(--ui-local-surface-8-edge);
|
|
10952
|
+
--ui-surface-edge-hover: var(--ui-local-surface-8-edge-hover);
|
|
10953
|
+
--ui-surface-edge-strong: var(--ui-local-surface-8-edge-strong);
|
|
10954
|
+
--ui-surface-separator: var(--ui-surface-edge);
|
|
10955
|
+
--ui-surface-separator-muted: var(--ui-surface-edge);
|
|
10956
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
10957
|
+
--ui-surface-separator-muted: color-mix(in oklab, var(--ui-surface-edge) 60%, transparent);
|
|
10958
|
+
}
|
|
10959
|
+
--ui-matched-elevation: var(--ui-local-elevation-8);
|
|
9434
10960
|
background-color: var(--ui-surface-color);
|
|
9435
10961
|
color: var(--ui-surface-ink);
|
|
9436
10962
|
}
|
|
@@ -9438,10 +10964,18 @@
|
|
|
9438
10964
|
@container style(--ui-surface-level: 5) {
|
|
9439
10965
|
:where([data-ui-surface="+8"]) {
|
|
9440
10966
|
--ui-surface-level: 8;
|
|
9441
|
-
--ui-surface-color: var(--
|
|
9442
|
-
--ui-surface-ink: var(--
|
|
9443
|
-
--ui-surface-ink-muted: var(--
|
|
9444
|
-
--ui-
|
|
10967
|
+
--ui-surface-color: var(--ui-local-surface-8);
|
|
10968
|
+
--ui-surface-ink: var(--ui-local-surface-8-ink);
|
|
10969
|
+
--ui-surface-ink-muted: var(--ui-local-surface-8-ink-muted);
|
|
10970
|
+
--ui-surface-edge: var(--ui-local-surface-8-edge);
|
|
10971
|
+
--ui-surface-edge-hover: var(--ui-local-surface-8-edge-hover);
|
|
10972
|
+
--ui-surface-edge-strong: var(--ui-local-surface-8-edge-strong);
|
|
10973
|
+
--ui-surface-separator: var(--ui-surface-edge);
|
|
10974
|
+
--ui-surface-separator-muted: var(--ui-surface-edge);
|
|
10975
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
10976
|
+
--ui-surface-separator-muted: color-mix(in oklab, var(--ui-surface-edge) 60%, transparent);
|
|
10977
|
+
}
|
|
10978
|
+
--ui-matched-elevation: var(--ui-local-elevation-8);
|
|
9445
10979
|
background-color: var(--ui-surface-color);
|
|
9446
10980
|
color: var(--ui-surface-ink);
|
|
9447
10981
|
}
|
|
@@ -9449,10 +10983,18 @@
|
|
|
9449
10983
|
@container style(--ui-surface-level: 6) {
|
|
9450
10984
|
:where([data-ui-surface="+1"]) {
|
|
9451
10985
|
--ui-surface-level: 7;
|
|
9452
|
-
--ui-surface-color: var(--
|
|
9453
|
-
--ui-surface-ink: var(--
|
|
9454
|
-
--ui-surface-ink-muted: var(--
|
|
9455
|
-
--ui-
|
|
10986
|
+
--ui-surface-color: var(--ui-local-surface-7);
|
|
10987
|
+
--ui-surface-ink: var(--ui-local-surface-7-ink);
|
|
10988
|
+
--ui-surface-ink-muted: var(--ui-local-surface-7-ink-muted);
|
|
10989
|
+
--ui-surface-edge: var(--ui-local-surface-7-edge);
|
|
10990
|
+
--ui-surface-edge-hover: var(--ui-local-surface-7-edge-hover);
|
|
10991
|
+
--ui-surface-edge-strong: var(--ui-local-surface-7-edge-strong);
|
|
10992
|
+
--ui-surface-separator: var(--ui-surface-edge);
|
|
10993
|
+
--ui-surface-separator-muted: var(--ui-surface-edge);
|
|
10994
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
10995
|
+
--ui-surface-separator-muted: color-mix(in oklab, var(--ui-surface-edge) 60%, transparent);
|
|
10996
|
+
}
|
|
10997
|
+
--ui-matched-elevation: var(--ui-local-elevation-7);
|
|
9456
10998
|
background-color: var(--ui-surface-color);
|
|
9457
10999
|
color: var(--ui-surface-ink);
|
|
9458
11000
|
}
|
|
@@ -9460,10 +11002,18 @@
|
|
|
9460
11002
|
@container style(--ui-surface-level: 6) {
|
|
9461
11003
|
:where([data-ui-surface="+2"]) {
|
|
9462
11004
|
--ui-surface-level: 8;
|
|
9463
|
-
--ui-surface-color: var(--
|
|
9464
|
-
--ui-surface-ink: var(--
|
|
9465
|
-
--ui-surface-ink-muted: var(--
|
|
9466
|
-
--ui-
|
|
11005
|
+
--ui-surface-color: var(--ui-local-surface-8);
|
|
11006
|
+
--ui-surface-ink: var(--ui-local-surface-8-ink);
|
|
11007
|
+
--ui-surface-ink-muted: var(--ui-local-surface-8-ink-muted);
|
|
11008
|
+
--ui-surface-edge: var(--ui-local-surface-8-edge);
|
|
11009
|
+
--ui-surface-edge-hover: var(--ui-local-surface-8-edge-hover);
|
|
11010
|
+
--ui-surface-edge-strong: var(--ui-local-surface-8-edge-strong);
|
|
11011
|
+
--ui-surface-separator: var(--ui-surface-edge);
|
|
11012
|
+
--ui-surface-separator-muted: var(--ui-surface-edge);
|
|
11013
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
11014
|
+
--ui-surface-separator-muted: color-mix(in oklab, var(--ui-surface-edge) 60%, transparent);
|
|
11015
|
+
}
|
|
11016
|
+
--ui-matched-elevation: var(--ui-local-elevation-8);
|
|
9467
11017
|
background-color: var(--ui-surface-color);
|
|
9468
11018
|
color: var(--ui-surface-ink);
|
|
9469
11019
|
}
|
|
@@ -9471,10 +11021,18 @@
|
|
|
9471
11021
|
@container style(--ui-surface-level: 6) {
|
|
9472
11022
|
:where([data-ui-surface="+3"]) {
|
|
9473
11023
|
--ui-surface-level: 8;
|
|
9474
|
-
--ui-surface-color: var(--
|
|
9475
|
-
--ui-surface-ink: var(--
|
|
9476
|
-
--ui-surface-ink-muted: var(--
|
|
9477
|
-
--ui-
|
|
11024
|
+
--ui-surface-color: var(--ui-local-surface-8);
|
|
11025
|
+
--ui-surface-ink: var(--ui-local-surface-8-ink);
|
|
11026
|
+
--ui-surface-ink-muted: var(--ui-local-surface-8-ink-muted);
|
|
11027
|
+
--ui-surface-edge: var(--ui-local-surface-8-edge);
|
|
11028
|
+
--ui-surface-edge-hover: var(--ui-local-surface-8-edge-hover);
|
|
11029
|
+
--ui-surface-edge-strong: var(--ui-local-surface-8-edge-strong);
|
|
11030
|
+
--ui-surface-separator: var(--ui-surface-edge);
|
|
11031
|
+
--ui-surface-separator-muted: var(--ui-surface-edge);
|
|
11032
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
11033
|
+
--ui-surface-separator-muted: color-mix(in oklab, var(--ui-surface-edge) 60%, transparent);
|
|
11034
|
+
}
|
|
11035
|
+
--ui-matched-elevation: var(--ui-local-elevation-8);
|
|
9478
11036
|
background-color: var(--ui-surface-color);
|
|
9479
11037
|
color: var(--ui-surface-ink);
|
|
9480
11038
|
}
|
|
@@ -9482,10 +11040,18 @@
|
|
|
9482
11040
|
@container style(--ui-surface-level: 6) {
|
|
9483
11041
|
:where([data-ui-surface="+4"]) {
|
|
9484
11042
|
--ui-surface-level: 8;
|
|
9485
|
-
--ui-surface-color: var(--
|
|
9486
|
-
--ui-surface-ink: var(--
|
|
9487
|
-
--ui-surface-ink-muted: var(--
|
|
9488
|
-
--ui-
|
|
11043
|
+
--ui-surface-color: var(--ui-local-surface-8);
|
|
11044
|
+
--ui-surface-ink: var(--ui-local-surface-8-ink);
|
|
11045
|
+
--ui-surface-ink-muted: var(--ui-local-surface-8-ink-muted);
|
|
11046
|
+
--ui-surface-edge: var(--ui-local-surface-8-edge);
|
|
11047
|
+
--ui-surface-edge-hover: var(--ui-local-surface-8-edge-hover);
|
|
11048
|
+
--ui-surface-edge-strong: var(--ui-local-surface-8-edge-strong);
|
|
11049
|
+
--ui-surface-separator: var(--ui-surface-edge);
|
|
11050
|
+
--ui-surface-separator-muted: var(--ui-surface-edge);
|
|
11051
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
11052
|
+
--ui-surface-separator-muted: color-mix(in oklab, var(--ui-surface-edge) 60%, transparent);
|
|
11053
|
+
}
|
|
11054
|
+
--ui-matched-elevation: var(--ui-local-elevation-8);
|
|
9489
11055
|
background-color: var(--ui-surface-color);
|
|
9490
11056
|
color: var(--ui-surface-ink);
|
|
9491
11057
|
}
|
|
@@ -9493,10 +11059,18 @@
|
|
|
9493
11059
|
@container style(--ui-surface-level: 6) {
|
|
9494
11060
|
:where([data-ui-surface="+5"]) {
|
|
9495
11061
|
--ui-surface-level: 8;
|
|
9496
|
-
--ui-surface-color: var(--
|
|
9497
|
-
--ui-surface-ink: var(--
|
|
9498
|
-
--ui-surface-ink-muted: var(--
|
|
9499
|
-
--ui-
|
|
11062
|
+
--ui-surface-color: var(--ui-local-surface-8);
|
|
11063
|
+
--ui-surface-ink: var(--ui-local-surface-8-ink);
|
|
11064
|
+
--ui-surface-ink-muted: var(--ui-local-surface-8-ink-muted);
|
|
11065
|
+
--ui-surface-edge: var(--ui-local-surface-8-edge);
|
|
11066
|
+
--ui-surface-edge-hover: var(--ui-local-surface-8-edge-hover);
|
|
11067
|
+
--ui-surface-edge-strong: var(--ui-local-surface-8-edge-strong);
|
|
11068
|
+
--ui-surface-separator: var(--ui-surface-edge);
|
|
11069
|
+
--ui-surface-separator-muted: var(--ui-surface-edge);
|
|
11070
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
11071
|
+
--ui-surface-separator-muted: color-mix(in oklab, var(--ui-surface-edge) 60%, transparent);
|
|
11072
|
+
}
|
|
11073
|
+
--ui-matched-elevation: var(--ui-local-elevation-8);
|
|
9500
11074
|
background-color: var(--ui-surface-color);
|
|
9501
11075
|
color: var(--ui-surface-ink);
|
|
9502
11076
|
}
|
|
@@ -9504,10 +11078,18 @@
|
|
|
9504
11078
|
@container style(--ui-surface-level: 6) {
|
|
9505
11079
|
:where([data-ui-surface="+6"]) {
|
|
9506
11080
|
--ui-surface-level: 8;
|
|
9507
|
-
--ui-surface-color: var(--
|
|
9508
|
-
--ui-surface-ink: var(--
|
|
9509
|
-
--ui-surface-ink-muted: var(--
|
|
9510
|
-
--ui-
|
|
11081
|
+
--ui-surface-color: var(--ui-local-surface-8);
|
|
11082
|
+
--ui-surface-ink: var(--ui-local-surface-8-ink);
|
|
11083
|
+
--ui-surface-ink-muted: var(--ui-local-surface-8-ink-muted);
|
|
11084
|
+
--ui-surface-edge: var(--ui-local-surface-8-edge);
|
|
11085
|
+
--ui-surface-edge-hover: var(--ui-local-surface-8-edge-hover);
|
|
11086
|
+
--ui-surface-edge-strong: var(--ui-local-surface-8-edge-strong);
|
|
11087
|
+
--ui-surface-separator: var(--ui-surface-edge);
|
|
11088
|
+
--ui-surface-separator-muted: var(--ui-surface-edge);
|
|
11089
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
11090
|
+
--ui-surface-separator-muted: color-mix(in oklab, var(--ui-surface-edge) 60%, transparent);
|
|
11091
|
+
}
|
|
11092
|
+
--ui-matched-elevation: var(--ui-local-elevation-8);
|
|
9511
11093
|
background-color: var(--ui-surface-color);
|
|
9512
11094
|
color: var(--ui-surface-ink);
|
|
9513
11095
|
}
|
|
@@ -9515,10 +11097,18 @@
|
|
|
9515
11097
|
@container style(--ui-surface-level: 6) {
|
|
9516
11098
|
:where([data-ui-surface="+7"]) {
|
|
9517
11099
|
--ui-surface-level: 8;
|
|
9518
|
-
--ui-surface-color: var(--
|
|
9519
|
-
--ui-surface-ink: var(--
|
|
9520
|
-
--ui-surface-ink-muted: var(--
|
|
9521
|
-
--ui-
|
|
11100
|
+
--ui-surface-color: var(--ui-local-surface-8);
|
|
11101
|
+
--ui-surface-ink: var(--ui-local-surface-8-ink);
|
|
11102
|
+
--ui-surface-ink-muted: var(--ui-local-surface-8-ink-muted);
|
|
11103
|
+
--ui-surface-edge: var(--ui-local-surface-8-edge);
|
|
11104
|
+
--ui-surface-edge-hover: var(--ui-local-surface-8-edge-hover);
|
|
11105
|
+
--ui-surface-edge-strong: var(--ui-local-surface-8-edge-strong);
|
|
11106
|
+
--ui-surface-separator: var(--ui-surface-edge);
|
|
11107
|
+
--ui-surface-separator-muted: var(--ui-surface-edge);
|
|
11108
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
11109
|
+
--ui-surface-separator-muted: color-mix(in oklab, var(--ui-surface-edge) 60%, transparent);
|
|
11110
|
+
}
|
|
11111
|
+
--ui-matched-elevation: var(--ui-local-elevation-8);
|
|
9522
11112
|
background-color: var(--ui-surface-color);
|
|
9523
11113
|
color: var(--ui-surface-ink);
|
|
9524
11114
|
}
|
|
@@ -9526,10 +11116,18 @@
|
|
|
9526
11116
|
@container style(--ui-surface-level: 6) {
|
|
9527
11117
|
:where([data-ui-surface="+8"]) {
|
|
9528
11118
|
--ui-surface-level: 8;
|
|
9529
|
-
--ui-surface-color: var(--
|
|
9530
|
-
--ui-surface-ink: var(--
|
|
9531
|
-
--ui-surface-ink-muted: var(--
|
|
9532
|
-
--ui-
|
|
11119
|
+
--ui-surface-color: var(--ui-local-surface-8);
|
|
11120
|
+
--ui-surface-ink: var(--ui-local-surface-8-ink);
|
|
11121
|
+
--ui-surface-ink-muted: var(--ui-local-surface-8-ink-muted);
|
|
11122
|
+
--ui-surface-edge: var(--ui-local-surface-8-edge);
|
|
11123
|
+
--ui-surface-edge-hover: var(--ui-local-surface-8-edge-hover);
|
|
11124
|
+
--ui-surface-edge-strong: var(--ui-local-surface-8-edge-strong);
|
|
11125
|
+
--ui-surface-separator: var(--ui-surface-edge);
|
|
11126
|
+
--ui-surface-separator-muted: var(--ui-surface-edge);
|
|
11127
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
11128
|
+
--ui-surface-separator-muted: color-mix(in oklab, var(--ui-surface-edge) 60%, transparent);
|
|
11129
|
+
}
|
|
11130
|
+
--ui-matched-elevation: var(--ui-local-elevation-8);
|
|
9533
11131
|
background-color: var(--ui-surface-color);
|
|
9534
11132
|
color: var(--ui-surface-ink);
|
|
9535
11133
|
}
|
|
@@ -9537,10 +11135,18 @@
|
|
|
9537
11135
|
@container style(--ui-surface-level: 7) {
|
|
9538
11136
|
:where([data-ui-surface="+1"]) {
|
|
9539
11137
|
--ui-surface-level: 8;
|
|
9540
|
-
--ui-surface-color: var(--
|
|
9541
|
-
--ui-surface-ink: var(--
|
|
9542
|
-
--ui-surface-ink-muted: var(--
|
|
9543
|
-
--ui-
|
|
11138
|
+
--ui-surface-color: var(--ui-local-surface-8);
|
|
11139
|
+
--ui-surface-ink: var(--ui-local-surface-8-ink);
|
|
11140
|
+
--ui-surface-ink-muted: var(--ui-local-surface-8-ink-muted);
|
|
11141
|
+
--ui-surface-edge: var(--ui-local-surface-8-edge);
|
|
11142
|
+
--ui-surface-edge-hover: var(--ui-local-surface-8-edge-hover);
|
|
11143
|
+
--ui-surface-edge-strong: var(--ui-local-surface-8-edge-strong);
|
|
11144
|
+
--ui-surface-separator: var(--ui-surface-edge);
|
|
11145
|
+
--ui-surface-separator-muted: var(--ui-surface-edge);
|
|
11146
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
11147
|
+
--ui-surface-separator-muted: color-mix(in oklab, var(--ui-surface-edge) 60%, transparent);
|
|
11148
|
+
}
|
|
11149
|
+
--ui-matched-elevation: var(--ui-local-elevation-8);
|
|
9544
11150
|
background-color: var(--ui-surface-color);
|
|
9545
11151
|
color: var(--ui-surface-ink);
|
|
9546
11152
|
}
|
|
@@ -9548,10 +11154,18 @@
|
|
|
9548
11154
|
@container style(--ui-surface-level: 7) {
|
|
9549
11155
|
:where([data-ui-surface="+2"]) {
|
|
9550
11156
|
--ui-surface-level: 8;
|
|
9551
|
-
--ui-surface-color: var(--
|
|
9552
|
-
--ui-surface-ink: var(--
|
|
9553
|
-
--ui-surface-ink-muted: var(--
|
|
9554
|
-
--ui-
|
|
11157
|
+
--ui-surface-color: var(--ui-local-surface-8);
|
|
11158
|
+
--ui-surface-ink: var(--ui-local-surface-8-ink);
|
|
11159
|
+
--ui-surface-ink-muted: var(--ui-local-surface-8-ink-muted);
|
|
11160
|
+
--ui-surface-edge: var(--ui-local-surface-8-edge);
|
|
11161
|
+
--ui-surface-edge-hover: var(--ui-local-surface-8-edge-hover);
|
|
11162
|
+
--ui-surface-edge-strong: var(--ui-local-surface-8-edge-strong);
|
|
11163
|
+
--ui-surface-separator: var(--ui-surface-edge);
|
|
11164
|
+
--ui-surface-separator-muted: var(--ui-surface-edge);
|
|
11165
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
11166
|
+
--ui-surface-separator-muted: color-mix(in oklab, var(--ui-surface-edge) 60%, transparent);
|
|
11167
|
+
}
|
|
11168
|
+
--ui-matched-elevation: var(--ui-local-elevation-8);
|
|
9555
11169
|
background-color: var(--ui-surface-color);
|
|
9556
11170
|
color: var(--ui-surface-ink);
|
|
9557
11171
|
}
|
|
@@ -9559,10 +11173,18 @@
|
|
|
9559
11173
|
@container style(--ui-surface-level: 7) {
|
|
9560
11174
|
:where([data-ui-surface="+3"]) {
|
|
9561
11175
|
--ui-surface-level: 8;
|
|
9562
|
-
--ui-surface-color: var(--
|
|
9563
|
-
--ui-surface-ink: var(--
|
|
9564
|
-
--ui-surface-ink-muted: var(--
|
|
9565
|
-
--ui-
|
|
11176
|
+
--ui-surface-color: var(--ui-local-surface-8);
|
|
11177
|
+
--ui-surface-ink: var(--ui-local-surface-8-ink);
|
|
11178
|
+
--ui-surface-ink-muted: var(--ui-local-surface-8-ink-muted);
|
|
11179
|
+
--ui-surface-edge: var(--ui-local-surface-8-edge);
|
|
11180
|
+
--ui-surface-edge-hover: var(--ui-local-surface-8-edge-hover);
|
|
11181
|
+
--ui-surface-edge-strong: var(--ui-local-surface-8-edge-strong);
|
|
11182
|
+
--ui-surface-separator: var(--ui-surface-edge);
|
|
11183
|
+
--ui-surface-separator-muted: var(--ui-surface-edge);
|
|
11184
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
11185
|
+
--ui-surface-separator-muted: color-mix(in oklab, var(--ui-surface-edge) 60%, transparent);
|
|
11186
|
+
}
|
|
11187
|
+
--ui-matched-elevation: var(--ui-local-elevation-8);
|
|
9566
11188
|
background-color: var(--ui-surface-color);
|
|
9567
11189
|
color: var(--ui-surface-ink);
|
|
9568
11190
|
}
|
|
@@ -9570,10 +11192,18 @@
|
|
|
9570
11192
|
@container style(--ui-surface-level: 7) {
|
|
9571
11193
|
:where([data-ui-surface="+4"]) {
|
|
9572
11194
|
--ui-surface-level: 8;
|
|
9573
|
-
--ui-surface-color: var(--
|
|
9574
|
-
--ui-surface-ink: var(--
|
|
9575
|
-
--ui-surface-ink-muted: var(--
|
|
9576
|
-
--ui-
|
|
11195
|
+
--ui-surface-color: var(--ui-local-surface-8);
|
|
11196
|
+
--ui-surface-ink: var(--ui-local-surface-8-ink);
|
|
11197
|
+
--ui-surface-ink-muted: var(--ui-local-surface-8-ink-muted);
|
|
11198
|
+
--ui-surface-edge: var(--ui-local-surface-8-edge);
|
|
11199
|
+
--ui-surface-edge-hover: var(--ui-local-surface-8-edge-hover);
|
|
11200
|
+
--ui-surface-edge-strong: var(--ui-local-surface-8-edge-strong);
|
|
11201
|
+
--ui-surface-separator: var(--ui-surface-edge);
|
|
11202
|
+
--ui-surface-separator-muted: var(--ui-surface-edge);
|
|
11203
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
11204
|
+
--ui-surface-separator-muted: color-mix(in oklab, var(--ui-surface-edge) 60%, transparent);
|
|
11205
|
+
}
|
|
11206
|
+
--ui-matched-elevation: var(--ui-local-elevation-8);
|
|
9577
11207
|
background-color: var(--ui-surface-color);
|
|
9578
11208
|
color: var(--ui-surface-ink);
|
|
9579
11209
|
}
|
|
@@ -9581,10 +11211,18 @@
|
|
|
9581
11211
|
@container style(--ui-surface-level: 7) {
|
|
9582
11212
|
:where([data-ui-surface="+5"]) {
|
|
9583
11213
|
--ui-surface-level: 8;
|
|
9584
|
-
--ui-surface-color: var(--
|
|
9585
|
-
--ui-surface-ink: var(--
|
|
9586
|
-
--ui-surface-ink-muted: var(--
|
|
9587
|
-
--ui-
|
|
11214
|
+
--ui-surface-color: var(--ui-local-surface-8);
|
|
11215
|
+
--ui-surface-ink: var(--ui-local-surface-8-ink);
|
|
11216
|
+
--ui-surface-ink-muted: var(--ui-local-surface-8-ink-muted);
|
|
11217
|
+
--ui-surface-edge: var(--ui-local-surface-8-edge);
|
|
11218
|
+
--ui-surface-edge-hover: var(--ui-local-surface-8-edge-hover);
|
|
11219
|
+
--ui-surface-edge-strong: var(--ui-local-surface-8-edge-strong);
|
|
11220
|
+
--ui-surface-separator: var(--ui-surface-edge);
|
|
11221
|
+
--ui-surface-separator-muted: var(--ui-surface-edge);
|
|
11222
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
11223
|
+
--ui-surface-separator-muted: color-mix(in oklab, var(--ui-surface-edge) 60%, transparent);
|
|
11224
|
+
}
|
|
11225
|
+
--ui-matched-elevation: var(--ui-local-elevation-8);
|
|
9588
11226
|
background-color: var(--ui-surface-color);
|
|
9589
11227
|
color: var(--ui-surface-ink);
|
|
9590
11228
|
}
|
|
@@ -9592,10 +11230,18 @@
|
|
|
9592
11230
|
@container style(--ui-surface-level: 7) {
|
|
9593
11231
|
:where([data-ui-surface="+6"]) {
|
|
9594
11232
|
--ui-surface-level: 8;
|
|
9595
|
-
--ui-surface-color: var(--
|
|
9596
|
-
--ui-surface-ink: var(--
|
|
9597
|
-
--ui-surface-ink-muted: var(--
|
|
9598
|
-
--ui-
|
|
11233
|
+
--ui-surface-color: var(--ui-local-surface-8);
|
|
11234
|
+
--ui-surface-ink: var(--ui-local-surface-8-ink);
|
|
11235
|
+
--ui-surface-ink-muted: var(--ui-local-surface-8-ink-muted);
|
|
11236
|
+
--ui-surface-edge: var(--ui-local-surface-8-edge);
|
|
11237
|
+
--ui-surface-edge-hover: var(--ui-local-surface-8-edge-hover);
|
|
11238
|
+
--ui-surface-edge-strong: var(--ui-local-surface-8-edge-strong);
|
|
11239
|
+
--ui-surface-separator: var(--ui-surface-edge);
|
|
11240
|
+
--ui-surface-separator-muted: var(--ui-surface-edge);
|
|
11241
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
11242
|
+
--ui-surface-separator-muted: color-mix(in oklab, var(--ui-surface-edge) 60%, transparent);
|
|
11243
|
+
}
|
|
11244
|
+
--ui-matched-elevation: var(--ui-local-elevation-8);
|
|
9599
11245
|
background-color: var(--ui-surface-color);
|
|
9600
11246
|
color: var(--ui-surface-ink);
|
|
9601
11247
|
}
|
|
@@ -9603,10 +11249,18 @@
|
|
|
9603
11249
|
@container style(--ui-surface-level: 7) {
|
|
9604
11250
|
:where([data-ui-surface="+7"]) {
|
|
9605
11251
|
--ui-surface-level: 8;
|
|
9606
|
-
--ui-surface-color: var(--
|
|
9607
|
-
--ui-surface-ink: var(--
|
|
9608
|
-
--ui-surface-ink-muted: var(--
|
|
9609
|
-
--ui-
|
|
11252
|
+
--ui-surface-color: var(--ui-local-surface-8);
|
|
11253
|
+
--ui-surface-ink: var(--ui-local-surface-8-ink);
|
|
11254
|
+
--ui-surface-ink-muted: var(--ui-local-surface-8-ink-muted);
|
|
11255
|
+
--ui-surface-edge: var(--ui-local-surface-8-edge);
|
|
11256
|
+
--ui-surface-edge-hover: var(--ui-local-surface-8-edge-hover);
|
|
11257
|
+
--ui-surface-edge-strong: var(--ui-local-surface-8-edge-strong);
|
|
11258
|
+
--ui-surface-separator: var(--ui-surface-edge);
|
|
11259
|
+
--ui-surface-separator-muted: var(--ui-surface-edge);
|
|
11260
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
11261
|
+
--ui-surface-separator-muted: color-mix(in oklab, var(--ui-surface-edge) 60%, transparent);
|
|
11262
|
+
}
|
|
11263
|
+
--ui-matched-elevation: var(--ui-local-elevation-8);
|
|
9610
11264
|
background-color: var(--ui-surface-color);
|
|
9611
11265
|
color: var(--ui-surface-ink);
|
|
9612
11266
|
}
|
|
@@ -9614,10 +11268,18 @@
|
|
|
9614
11268
|
@container style(--ui-surface-level: 7) {
|
|
9615
11269
|
:where([data-ui-surface="+8"]) {
|
|
9616
11270
|
--ui-surface-level: 8;
|
|
9617
|
-
--ui-surface-color: var(--
|
|
9618
|
-
--ui-surface-ink: var(--
|
|
9619
|
-
--ui-surface-ink-muted: var(--
|
|
9620
|
-
--ui-
|
|
11271
|
+
--ui-surface-color: var(--ui-local-surface-8);
|
|
11272
|
+
--ui-surface-ink: var(--ui-local-surface-8-ink);
|
|
11273
|
+
--ui-surface-ink-muted: var(--ui-local-surface-8-ink-muted);
|
|
11274
|
+
--ui-surface-edge: var(--ui-local-surface-8-edge);
|
|
11275
|
+
--ui-surface-edge-hover: var(--ui-local-surface-8-edge-hover);
|
|
11276
|
+
--ui-surface-edge-strong: var(--ui-local-surface-8-edge-strong);
|
|
11277
|
+
--ui-surface-separator: var(--ui-surface-edge);
|
|
11278
|
+
--ui-surface-separator-muted: var(--ui-surface-edge);
|
|
11279
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
11280
|
+
--ui-surface-separator-muted: color-mix(in oklab, var(--ui-surface-edge) 60%, transparent);
|
|
11281
|
+
}
|
|
11282
|
+
--ui-matched-elevation: var(--ui-local-elevation-8);
|
|
9621
11283
|
background-color: var(--ui-surface-color);
|
|
9622
11284
|
color: var(--ui-surface-ink);
|
|
9623
11285
|
}
|
|
@@ -9625,10 +11287,18 @@
|
|
|
9625
11287
|
@container style(--ui-surface-level: 8) {
|
|
9626
11288
|
:where([data-ui-surface="+1"]) {
|
|
9627
11289
|
--ui-surface-level: 8;
|
|
9628
|
-
--ui-surface-color: var(--
|
|
9629
|
-
--ui-surface-ink: var(--
|
|
9630
|
-
--ui-surface-ink-muted: var(--
|
|
9631
|
-
--ui-
|
|
11290
|
+
--ui-surface-color: var(--ui-local-surface-8);
|
|
11291
|
+
--ui-surface-ink: var(--ui-local-surface-8-ink);
|
|
11292
|
+
--ui-surface-ink-muted: var(--ui-local-surface-8-ink-muted);
|
|
11293
|
+
--ui-surface-edge: var(--ui-local-surface-8-edge);
|
|
11294
|
+
--ui-surface-edge-hover: var(--ui-local-surface-8-edge-hover);
|
|
11295
|
+
--ui-surface-edge-strong: var(--ui-local-surface-8-edge-strong);
|
|
11296
|
+
--ui-surface-separator: var(--ui-surface-edge);
|
|
11297
|
+
--ui-surface-separator-muted: var(--ui-surface-edge);
|
|
11298
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
11299
|
+
--ui-surface-separator-muted: color-mix(in oklab, var(--ui-surface-edge) 60%, transparent);
|
|
11300
|
+
}
|
|
11301
|
+
--ui-matched-elevation: var(--ui-local-elevation-8);
|
|
9632
11302
|
background-color: var(--ui-surface-color);
|
|
9633
11303
|
color: var(--ui-surface-ink);
|
|
9634
11304
|
}
|
|
@@ -9636,10 +11306,18 @@
|
|
|
9636
11306
|
@container style(--ui-surface-level: 8) {
|
|
9637
11307
|
:where([data-ui-surface="+2"]) {
|
|
9638
11308
|
--ui-surface-level: 8;
|
|
9639
|
-
--ui-surface-color: var(--
|
|
9640
|
-
--ui-surface-ink: var(--
|
|
9641
|
-
--ui-surface-ink-muted: var(--
|
|
9642
|
-
--ui-
|
|
11309
|
+
--ui-surface-color: var(--ui-local-surface-8);
|
|
11310
|
+
--ui-surface-ink: var(--ui-local-surface-8-ink);
|
|
11311
|
+
--ui-surface-ink-muted: var(--ui-local-surface-8-ink-muted);
|
|
11312
|
+
--ui-surface-edge: var(--ui-local-surface-8-edge);
|
|
11313
|
+
--ui-surface-edge-hover: var(--ui-local-surface-8-edge-hover);
|
|
11314
|
+
--ui-surface-edge-strong: var(--ui-local-surface-8-edge-strong);
|
|
11315
|
+
--ui-surface-separator: var(--ui-surface-edge);
|
|
11316
|
+
--ui-surface-separator-muted: var(--ui-surface-edge);
|
|
11317
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
11318
|
+
--ui-surface-separator-muted: color-mix(in oklab, var(--ui-surface-edge) 60%, transparent);
|
|
11319
|
+
}
|
|
11320
|
+
--ui-matched-elevation: var(--ui-local-elevation-8);
|
|
9643
11321
|
background-color: var(--ui-surface-color);
|
|
9644
11322
|
color: var(--ui-surface-ink);
|
|
9645
11323
|
}
|
|
@@ -9647,10 +11325,18 @@
|
|
|
9647
11325
|
@container style(--ui-surface-level: 8) {
|
|
9648
11326
|
:where([data-ui-surface="+3"]) {
|
|
9649
11327
|
--ui-surface-level: 8;
|
|
9650
|
-
--ui-surface-color: var(--
|
|
9651
|
-
--ui-surface-ink: var(--
|
|
9652
|
-
--ui-surface-ink-muted: var(--
|
|
9653
|
-
--ui-
|
|
11328
|
+
--ui-surface-color: var(--ui-local-surface-8);
|
|
11329
|
+
--ui-surface-ink: var(--ui-local-surface-8-ink);
|
|
11330
|
+
--ui-surface-ink-muted: var(--ui-local-surface-8-ink-muted);
|
|
11331
|
+
--ui-surface-edge: var(--ui-local-surface-8-edge);
|
|
11332
|
+
--ui-surface-edge-hover: var(--ui-local-surface-8-edge-hover);
|
|
11333
|
+
--ui-surface-edge-strong: var(--ui-local-surface-8-edge-strong);
|
|
11334
|
+
--ui-surface-separator: var(--ui-surface-edge);
|
|
11335
|
+
--ui-surface-separator-muted: var(--ui-surface-edge);
|
|
11336
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
11337
|
+
--ui-surface-separator-muted: color-mix(in oklab, var(--ui-surface-edge) 60%, transparent);
|
|
11338
|
+
}
|
|
11339
|
+
--ui-matched-elevation: var(--ui-local-elevation-8);
|
|
9654
11340
|
background-color: var(--ui-surface-color);
|
|
9655
11341
|
color: var(--ui-surface-ink);
|
|
9656
11342
|
}
|
|
@@ -9658,10 +11344,18 @@
|
|
|
9658
11344
|
@container style(--ui-surface-level: 8) {
|
|
9659
11345
|
:where([data-ui-surface="+4"]) {
|
|
9660
11346
|
--ui-surface-level: 8;
|
|
9661
|
-
--ui-surface-color: var(--
|
|
9662
|
-
--ui-surface-ink: var(--
|
|
9663
|
-
--ui-surface-ink-muted: var(--
|
|
9664
|
-
--ui-
|
|
11347
|
+
--ui-surface-color: var(--ui-local-surface-8);
|
|
11348
|
+
--ui-surface-ink: var(--ui-local-surface-8-ink);
|
|
11349
|
+
--ui-surface-ink-muted: var(--ui-local-surface-8-ink-muted);
|
|
11350
|
+
--ui-surface-edge: var(--ui-local-surface-8-edge);
|
|
11351
|
+
--ui-surface-edge-hover: var(--ui-local-surface-8-edge-hover);
|
|
11352
|
+
--ui-surface-edge-strong: var(--ui-local-surface-8-edge-strong);
|
|
11353
|
+
--ui-surface-separator: var(--ui-surface-edge);
|
|
11354
|
+
--ui-surface-separator-muted: var(--ui-surface-edge);
|
|
11355
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
11356
|
+
--ui-surface-separator-muted: color-mix(in oklab, var(--ui-surface-edge) 60%, transparent);
|
|
11357
|
+
}
|
|
11358
|
+
--ui-matched-elevation: var(--ui-local-elevation-8);
|
|
9665
11359
|
background-color: var(--ui-surface-color);
|
|
9666
11360
|
color: var(--ui-surface-ink);
|
|
9667
11361
|
}
|
|
@@ -9669,10 +11363,18 @@
|
|
|
9669
11363
|
@container style(--ui-surface-level: 8) {
|
|
9670
11364
|
:where([data-ui-surface="+5"]) {
|
|
9671
11365
|
--ui-surface-level: 8;
|
|
9672
|
-
--ui-surface-color: var(--
|
|
9673
|
-
--ui-surface-ink: var(--
|
|
9674
|
-
--ui-surface-ink-muted: var(--
|
|
9675
|
-
--ui-
|
|
11366
|
+
--ui-surface-color: var(--ui-local-surface-8);
|
|
11367
|
+
--ui-surface-ink: var(--ui-local-surface-8-ink);
|
|
11368
|
+
--ui-surface-ink-muted: var(--ui-local-surface-8-ink-muted);
|
|
11369
|
+
--ui-surface-edge: var(--ui-local-surface-8-edge);
|
|
11370
|
+
--ui-surface-edge-hover: var(--ui-local-surface-8-edge-hover);
|
|
11371
|
+
--ui-surface-edge-strong: var(--ui-local-surface-8-edge-strong);
|
|
11372
|
+
--ui-surface-separator: var(--ui-surface-edge);
|
|
11373
|
+
--ui-surface-separator-muted: var(--ui-surface-edge);
|
|
11374
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
11375
|
+
--ui-surface-separator-muted: color-mix(in oklab, var(--ui-surface-edge) 60%, transparent);
|
|
11376
|
+
}
|
|
11377
|
+
--ui-matched-elevation: var(--ui-local-elevation-8);
|
|
9676
11378
|
background-color: var(--ui-surface-color);
|
|
9677
11379
|
color: var(--ui-surface-ink);
|
|
9678
11380
|
}
|
|
@@ -9680,10 +11382,18 @@
|
|
|
9680
11382
|
@container style(--ui-surface-level: 8) {
|
|
9681
11383
|
:where([data-ui-surface="+6"]) {
|
|
9682
11384
|
--ui-surface-level: 8;
|
|
9683
|
-
--ui-surface-color: var(--
|
|
9684
|
-
--ui-surface-ink: var(--
|
|
9685
|
-
--ui-surface-ink-muted: var(--
|
|
9686
|
-
--ui-
|
|
11385
|
+
--ui-surface-color: var(--ui-local-surface-8);
|
|
11386
|
+
--ui-surface-ink: var(--ui-local-surface-8-ink);
|
|
11387
|
+
--ui-surface-ink-muted: var(--ui-local-surface-8-ink-muted);
|
|
11388
|
+
--ui-surface-edge: var(--ui-local-surface-8-edge);
|
|
11389
|
+
--ui-surface-edge-hover: var(--ui-local-surface-8-edge-hover);
|
|
11390
|
+
--ui-surface-edge-strong: var(--ui-local-surface-8-edge-strong);
|
|
11391
|
+
--ui-surface-separator: var(--ui-surface-edge);
|
|
11392
|
+
--ui-surface-separator-muted: var(--ui-surface-edge);
|
|
11393
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
11394
|
+
--ui-surface-separator-muted: color-mix(in oklab, var(--ui-surface-edge) 60%, transparent);
|
|
11395
|
+
}
|
|
11396
|
+
--ui-matched-elevation: var(--ui-local-elevation-8);
|
|
9687
11397
|
background-color: var(--ui-surface-color);
|
|
9688
11398
|
color: var(--ui-surface-ink);
|
|
9689
11399
|
}
|
|
@@ -9691,10 +11401,18 @@
|
|
|
9691
11401
|
@container style(--ui-surface-level: 8) {
|
|
9692
11402
|
:where([data-ui-surface="+7"]) {
|
|
9693
11403
|
--ui-surface-level: 8;
|
|
9694
|
-
--ui-surface-color: var(--
|
|
9695
|
-
--ui-surface-ink: var(--
|
|
9696
|
-
--ui-surface-ink-muted: var(--
|
|
9697
|
-
--ui-
|
|
11404
|
+
--ui-surface-color: var(--ui-local-surface-8);
|
|
11405
|
+
--ui-surface-ink: var(--ui-local-surface-8-ink);
|
|
11406
|
+
--ui-surface-ink-muted: var(--ui-local-surface-8-ink-muted);
|
|
11407
|
+
--ui-surface-edge: var(--ui-local-surface-8-edge);
|
|
11408
|
+
--ui-surface-edge-hover: var(--ui-local-surface-8-edge-hover);
|
|
11409
|
+
--ui-surface-edge-strong: var(--ui-local-surface-8-edge-strong);
|
|
11410
|
+
--ui-surface-separator: var(--ui-surface-edge);
|
|
11411
|
+
--ui-surface-separator-muted: var(--ui-surface-edge);
|
|
11412
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
11413
|
+
--ui-surface-separator-muted: color-mix(in oklab, var(--ui-surface-edge) 60%, transparent);
|
|
11414
|
+
}
|
|
11415
|
+
--ui-matched-elevation: var(--ui-local-elevation-8);
|
|
9698
11416
|
background-color: var(--ui-surface-color);
|
|
9699
11417
|
color: var(--ui-surface-ink);
|
|
9700
11418
|
}
|
|
@@ -9702,10 +11420,18 @@
|
|
|
9702
11420
|
@container style(--ui-surface-level: 8) {
|
|
9703
11421
|
:where([data-ui-surface="+8"]) {
|
|
9704
11422
|
--ui-surface-level: 8;
|
|
9705
|
-
--ui-surface-color: var(--
|
|
9706
|
-
--ui-surface-ink: var(--
|
|
9707
|
-
--ui-surface-ink-muted: var(--
|
|
9708
|
-
--ui-
|
|
11423
|
+
--ui-surface-color: var(--ui-local-surface-8);
|
|
11424
|
+
--ui-surface-ink: var(--ui-local-surface-8-ink);
|
|
11425
|
+
--ui-surface-ink-muted: var(--ui-local-surface-8-ink-muted);
|
|
11426
|
+
--ui-surface-edge: var(--ui-local-surface-8-edge);
|
|
11427
|
+
--ui-surface-edge-hover: var(--ui-local-surface-8-edge-hover);
|
|
11428
|
+
--ui-surface-edge-strong: var(--ui-local-surface-8-edge-strong);
|
|
11429
|
+
--ui-surface-separator: var(--ui-surface-edge);
|
|
11430
|
+
--ui-surface-separator-muted: var(--ui-surface-edge);
|
|
11431
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
11432
|
+
--ui-surface-separator-muted: color-mix(in oklab, var(--ui-surface-edge) 60%, transparent);
|
|
11433
|
+
}
|
|
11434
|
+
--ui-matched-elevation: var(--ui-local-elevation-8);
|
|
9709
11435
|
background-color: var(--ui-surface-color);
|
|
9710
11436
|
color: var(--ui-surface-ink);
|
|
9711
11437
|
}
|
|
@@ -10976,7 +12702,7 @@
|
|
|
10976
12702
|
}
|
|
10977
12703
|
@media (hover: hover) {
|
|
10978
12704
|
[data-ui-elevation][data-ui-interactive="surface"]:hover {
|
|
10979
|
-
--ui-state-shadow-layers: 0 0 0 var(--border-width-edge-perimeter) var(--
|
|
12705
|
+
--ui-state-shadow-layers: 0 0 0 var(--border-width-edge-perimeter) var(--ui-surface-edge-hover);
|
|
10980
12706
|
}
|
|
10981
12707
|
}
|
|
10982
12708
|
[data-ui-elevation][data-ui-interactive="surface"]:is( [data-selected="true"], [aria-selected="true"], [data-current], [aria-current]:not([aria-current="false"]), [data-checked], [aria-checked="true"], [data-pressed], [aria-pressed="true"] ) {
|
|
@@ -10985,12 +12711,53 @@
|
|
|
10985
12711
|
[data-ui-elevation][data-ui-interactive="surface"]:is(:focus-visible, :has(:focus-visible)) {
|
|
10986
12712
|
--ui-state-shadow-layers: 0 0 0 var(--color-intent-accent-focus-width) var(--color-intent-accent-focus);
|
|
10987
12713
|
}
|
|
12714
|
+
[data-ui-interaction] {
|
|
12715
|
+
--ui-interaction-fill: transparent;
|
|
12716
|
+
--ui-interaction-edge: transparent;
|
|
12717
|
+
}
|
|
12718
|
+
:is([data-ui-interaction="tonal"], [data-ui-interaction="combined"]) {
|
|
12719
|
+
background-image: linear-gradient(var(--ui-interaction-fill), var(--ui-interaction-fill));
|
|
12720
|
+
}
|
|
12721
|
+
:is([data-ui-interaction="edge"], [data-ui-interaction="combined"]) {
|
|
12722
|
+
--ui-state-shadow-layers: 0 0 0 var(--border-width-edge-perimeter) var(--ui-interaction-edge);
|
|
12723
|
+
}
|
|
12724
|
+
@media (hover: hover) {
|
|
12725
|
+
[data-ui-interaction]:hover {
|
|
12726
|
+
--ui-interaction-fill: var(--color-interaction-hover);
|
|
12727
|
+
--ui-interaction-edge: var(--ui-surface-edge-hover);
|
|
12728
|
+
}
|
|
12729
|
+
}
|
|
12730
|
+
[data-ui-interaction]:active {
|
|
12731
|
+
--ui-interaction-fill: var(--color-interaction-pressed);
|
|
12732
|
+
--ui-interaction-edge: var(--ui-surface-edge-strong);
|
|
12733
|
+
}
|
|
12734
|
+
[data-ui-interaction]:is( [data-selected="true"], [aria-selected="true"], [data-current], [aria-current]:not([aria-current="false"]), [data-checked], [aria-checked="true"], [data-pressed], [aria-pressed="true"] ) {
|
|
12735
|
+
--ui-interaction-fill: var(--color-interaction-selected);
|
|
12736
|
+
--ui-interaction-edge: var(--color-interaction-edge-selected);
|
|
12737
|
+
}
|
|
12738
|
+
@media (hover: hover) {
|
|
12739
|
+
[data-ui-interaction]:is( [data-selected="true"], [aria-selected="true"], [data-current], [aria-current]:not([aria-current="false"]), [data-checked], [aria-checked="true"], [data-pressed], [aria-pressed="true"] ):hover {
|
|
12740
|
+
--ui-interaction-fill: var(--color-interaction-selected-hover);
|
|
12741
|
+
--ui-interaction-edge: var(--color-interaction-edge-selected-hover);
|
|
12742
|
+
}
|
|
12743
|
+
}
|
|
12744
|
+
[data-ui-interaction]:is(:focus-visible, :has(:focus-visible)) {
|
|
12745
|
+
--ui-state-shadow-layers: 0 0 0 var(--color-intent-accent-focus-width) var(--color-intent-accent-focus);
|
|
12746
|
+
}
|
|
10988
12747
|
:root, .light, .dark {
|
|
10989
12748
|
color-scheme: light;
|
|
10990
12749
|
--ui-font-weight-normal: var(--font-weight-normal);
|
|
10991
12750
|
--ui-font-weight-medium: var(--font-weight-medium);
|
|
10992
12751
|
--ui-font-weight-semibold: var(--font-weight-semibold);
|
|
10993
12752
|
--ui-letter-spacing: 0;
|
|
12753
|
+
--ui-label-ink: var(--ui-surface-ink-muted);
|
|
12754
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
12755
|
+
--ui-label-ink: color-mix(
|
|
12756
|
+
in oklab,
|
|
12757
|
+
var(--ui-surface-ink-muted),
|
|
12758
|
+
var(--ui-surface-ink) var(--label-ink-emphasis)
|
|
12759
|
+
);
|
|
12760
|
+
}
|
|
10994
12761
|
--ui-control-height-xs: var(--spacing-control-xs);
|
|
10995
12762
|
--ui-control-height-sm: var(--spacing-control-sm);
|
|
10996
12763
|
--ui-control-height-md: var(--spacing-control-md);
|
|
@@ -11020,8 +12787,8 @@
|
|
|
11020
12787
|
opacity: var(--opacity-interaction-disabled);
|
|
11021
12788
|
}
|
|
11022
12789
|
[data-ui-action-recipe] {
|
|
11023
|
-
--ui-action-text: var(--
|
|
11024
|
-
--ui-action-text-hover: var(--
|
|
12790
|
+
--ui-action-text: var(--ui-surface-ink);
|
|
12791
|
+
--ui-action-text-hover: var(--ui-surface-ink);
|
|
11025
12792
|
--ui-action-soft: var(--color-intent-neutral-soft);
|
|
11026
12793
|
--ui-action-soft-hover: var(--color-intent-neutral-soft-hover);
|
|
11027
12794
|
--ui-action-soft-pressed: var(--color-intent-neutral-soft-pressed);
|
|
@@ -11030,9 +12797,9 @@
|
|
|
11030
12797
|
--ui-action-solid-hover: var(--color-intent-neutral-solid-hover);
|
|
11031
12798
|
--ui-action-solid-pressed: var(--color-intent-neutral-solid-pressed);
|
|
11032
12799
|
--ui-action-solid-ink: var(--color-intent-neutral-solid-ink);
|
|
11033
|
-
--ui-action-edge: var(--
|
|
11034
|
-
--ui-action-edge-hover: var(--
|
|
11035
|
-
--ui-action-edge-strong: var(--
|
|
12800
|
+
--ui-action-edge: var(--ui-surface-edge);
|
|
12801
|
+
--ui-action-edge-hover: var(--ui-surface-edge-hover);
|
|
12802
|
+
--ui-action-edge-strong: var(--ui-surface-edge-strong);
|
|
11036
12803
|
--ui-action-focus: var(--color-intent-neutral-focus);
|
|
11037
12804
|
--ui-action-focus-width: var(--color-intent-neutral-focus-width);
|
|
11038
12805
|
}
|
|
@@ -11172,14 +12939,14 @@
|
|
|
11172
12939
|
box-shadow: 0 0 0 1px currentColor;
|
|
11173
12940
|
}
|
|
11174
12941
|
[data-ui-toast-recipe] {
|
|
11175
|
-
--ui-toast-text: var(--
|
|
12942
|
+
--ui-toast-text: var(--ui-surface-ink);
|
|
11176
12943
|
--ui-toast-soft: var(--color-intent-neutral-soft);
|
|
11177
12944
|
--ui-toast-soft-ink: var(--color-intent-neutral-soft-ink);
|
|
11178
12945
|
--ui-toast-soft-ink-muted: var(--color-intent-neutral-soft-ink-muted);
|
|
11179
12946
|
--ui-toast-solid: var(--color-intent-neutral-solid);
|
|
11180
12947
|
--ui-toast-solid-ink: var(--color-intent-neutral-solid-ink);
|
|
11181
|
-
--ui-toast-edge: var(--
|
|
11182
|
-
--ui-toast-edge-strong: var(--
|
|
12948
|
+
--ui-toast-edge: var(--ui-surface-edge);
|
|
12949
|
+
--ui-toast-edge-strong: var(--ui-surface-edge-strong);
|
|
11183
12950
|
--ui-toast-focus: var(--color-intent-neutral-focus);
|
|
11184
12951
|
--ui-toast-focus-width: var(--color-intent-neutral-focus-width);
|
|
11185
12952
|
--ui-toast-ink: var(--ui-surface-ink);
|
|
@@ -11284,14 +13051,14 @@
|
|
|
11284
13051
|
color: var(--ui-surface-ink);
|
|
11285
13052
|
}
|
|
11286
13053
|
[data-ui-tabs-list][data-variant="line"] {
|
|
11287
|
-
box-shadow: inset 0 calc(var(--border-width-edge-separator) * -1) 0 var(--
|
|
13054
|
+
box-shadow: inset 0 calc(var(--border-width-edge-separator) * -1) 0 var(--ui-surface-separator);
|
|
11288
13055
|
}
|
|
11289
13056
|
[data-ui-tabs-list][data-variant="line"][data-orientation="vertical"] {
|
|
11290
|
-
box-shadow: inset var(--border-width-edge-separator) 0 0 var(--
|
|
13057
|
+
box-shadow: inset var(--border-width-edge-separator) 0 0 var(--ui-surface-separator);
|
|
11291
13058
|
}
|
|
11292
13059
|
[data-ui-tabs-list][data-variant="segmented"] {
|
|
11293
13060
|
background-color: var(--color-interaction-hover);
|
|
11294
|
-
box-shadow: inset 0 0 0 var(--border-width-edge-control) var(--
|
|
13061
|
+
box-shadow: inset 0 0 0 var(--border-width-edge-control) var(--ui-surface-edge);
|
|
11295
13062
|
}
|
|
11296
13063
|
[data-ui-tabs-tab] {
|
|
11297
13064
|
color: var(--ui-surface-ink-muted);
|
|
@@ -11322,7 +13089,7 @@
|
|
|
11322
13089
|
inset: var(--border-width-edge-control);
|
|
11323
13090
|
border-radius: inherit;
|
|
11324
13091
|
background-color: var(--ui-surface-color);
|
|
11325
|
-
box-shadow: inset 0 0 0 var(--border-width-edge-control) var(--
|
|
13092
|
+
box-shadow: inset 0 0 0 var(--border-width-edge-control) var(--ui-surface-edge);
|
|
11326
13093
|
content: "";
|
|
11327
13094
|
}
|
|
11328
13095
|
[data-ui-tabs-panel] {
|
|
@@ -11337,7 +13104,7 @@
|
|
|
11337
13104
|
--ui-option-active: var(--color-interaction-pressed);
|
|
11338
13105
|
--ui-option-selected-background: var(--background-interaction-selection-neutral);
|
|
11339
13106
|
--ui-option-selected-background-hover: var(--background-interaction-selection-neutral-hover);
|
|
11340
|
-
--ui-option-selected-ink: var(--
|
|
13107
|
+
--ui-option-selected-ink: var(--ui-surface-ink);
|
|
11341
13108
|
color: var(--ui-option-text);
|
|
11342
13109
|
background-color: transparent;
|
|
11343
13110
|
}
|
|
@@ -11367,8 +13134,8 @@
|
|
|
11367
13134
|
}
|
|
11368
13135
|
[data-ui-option-recipe][data-color="danger"] {
|
|
11369
13136
|
--ui-option-text: var(--color-intent-danger-text);
|
|
11370
|
-
--ui-option-hover: var(--
|
|
11371
|
-
--ui-option-active: var(--
|
|
13137
|
+
--ui-option-hover: var(--background-interaction-selection-danger);
|
|
13138
|
+
--ui-option-active: var(--background-interaction-selection-danger-hover);
|
|
11372
13139
|
--ui-option-selected-background: var(--background-interaction-selection-danger);
|
|
11373
13140
|
--ui-option-selected-background-hover: var(--background-interaction-selection-danger-hover);
|
|
11374
13141
|
--ui-option-selected-ink: var(--color-interaction-selection-danger-ink);
|
|
@@ -11406,32 +13173,32 @@
|
|
|
11406
13173
|
color: var(--ui-surface-ink-muted);
|
|
11407
13174
|
}
|
|
11408
13175
|
[data-ui-select-search] {
|
|
11409
|
-
box-shadow: inset 0 calc(var(--border-width-edge-separator) * -1) 0 var(--
|
|
13176
|
+
box-shadow: inset 0 calc(var(--border-width-edge-separator) * -1) 0 var(--ui-surface-separator);
|
|
11410
13177
|
}
|
|
11411
13178
|
[data-ui-select-create], [data-ui-date-picker-footer] {
|
|
11412
|
-
box-shadow: inset 0 var(--border-width-edge-separator) 0 var(--
|
|
13179
|
+
box-shadow: inset 0 var(--border-width-edge-separator) 0 var(--ui-surface-separator);
|
|
11413
13180
|
}
|
|
11414
13181
|
@media (min-width: 40rem) {
|
|
11415
13182
|
[data-ui-date-picker-presets][data-position="left"] {
|
|
11416
|
-
box-shadow: inset calc(var(--border-width-edge-separator) * -1) 0 0 var(--
|
|
13183
|
+
box-shadow: inset calc(var(--border-width-edge-separator) * -1) 0 0 var(--ui-surface-separator);
|
|
11417
13184
|
}
|
|
11418
13185
|
[data-ui-date-picker-presets][data-position="right"] {
|
|
11419
|
-
box-shadow: inset var(--border-width-edge-separator) 0 0 var(--
|
|
13186
|
+
box-shadow: inset var(--border-width-edge-separator) 0 0 var(--ui-surface-separator);
|
|
11420
13187
|
}
|
|
11421
13188
|
}
|
|
11422
13189
|
[data-ui-date-picker-presets][data-position="top"] {
|
|
11423
|
-
box-shadow: inset 0 calc(var(--border-width-edge-separator) * -1) 0 var(--
|
|
13190
|
+
box-shadow: inset 0 calc(var(--border-width-edge-separator) * -1) 0 var(--ui-surface-separator);
|
|
11424
13191
|
}
|
|
11425
13192
|
[data-ui-date-picker-presets][data-position="bottom"] {
|
|
11426
|
-
box-shadow: inset 0 var(--border-width-edge-separator) 0 var(--
|
|
13193
|
+
box-shadow: inset 0 var(--border-width-edge-separator) 0 var(--ui-surface-separator);
|
|
11427
13194
|
}
|
|
11428
13195
|
:is([data-ui-menu-separator], [data-ui-select-separator]) > [role="separator"], [data-ui-select-separator] > div {
|
|
11429
|
-
background-color: var(--
|
|
13196
|
+
background-color: var(--ui-surface-separator);
|
|
11430
13197
|
}
|
|
11431
13198
|
[data-ui-control][data-ui-control-recipe="field"] {
|
|
11432
13199
|
color: inherit;
|
|
11433
13200
|
background-color: transparent;
|
|
11434
|
-
box-shadow: 0 0 0 var(--border-width-edge-control) var(--
|
|
13201
|
+
box-shadow: 0 0 0 var(--border-width-edge-control) var(--ui-surface-edge);
|
|
11435
13202
|
}
|
|
11436
13203
|
[data-ui-control][data-ui-control-recipe="field"][data-variant="filled"] {
|
|
11437
13204
|
background-color: var(--color-interaction-hover);
|
|
@@ -11441,19 +13208,19 @@
|
|
|
11441
13208
|
background-color: var(--color-interaction-pressed);
|
|
11442
13209
|
}
|
|
11443
13210
|
[data-ui-control][data-ui-control-recipe="field"]:is(:hover, :active):not(:focus-within):not([data-state="open"]):not([data-disabled]):not(:disabled):not([data-invalid]):not([aria-invalid="true"]) {
|
|
11444
|
-
box-shadow: 0 0 0 var(--border-width-edge-control) var(--
|
|
13211
|
+
box-shadow: 0 0 0 var(--border-width-edge-control) var(--ui-surface-edge-hover);
|
|
11445
13212
|
}
|
|
11446
13213
|
[data-ui-control][data-ui-control-recipe="field"]:is(:focus-within, [data-state="open"]):not([data-disabled]):not(:disabled):not([data-invalid]):not([aria-invalid="true"]) {
|
|
11447
13214
|
box-shadow: 0 0 0 var(--border-width-edge-control) var(--color-intent-accent-edge-strong), 0 0 0 var(--color-intent-accent-focus-width) var(--color-intent-accent-focus);
|
|
11448
13215
|
}
|
|
11449
13216
|
[data-ui-control][data-ui-control-recipe="field"]:is([data-invalid], [aria-invalid="true"]) {
|
|
11450
|
-
box-shadow: 0 0 0 var(--border-width-edge-control) var(--color-intent-danger-edge, var(--
|
|
13217
|
+
box-shadow: 0 0 0 var(--border-width-edge-control) var(--color-intent-danger-edge, var(--ui-surface-edge-strong));
|
|
11451
13218
|
}
|
|
11452
13219
|
[data-ui-control][data-ui-control-recipe="field"]:is([data-invalid], [aria-invalid="true"]):is(:hover, :active):not(:focus-within):not([data-state="open"]):not([data-disabled]):not(:disabled) {
|
|
11453
|
-
box-shadow: 0 0 0 var(--border-width-edge-control) var(--color-intent-danger-edge-hover, var(--
|
|
13220
|
+
box-shadow: 0 0 0 var(--border-width-edge-control) var(--color-intent-danger-edge-hover, var(--ui-surface-edge-strong));
|
|
11454
13221
|
}
|
|
11455
13222
|
[data-ui-control][data-ui-control-recipe="field"]:is([data-invalid], [aria-invalid="true"]):is(:focus-within, [data-state="open"]):not([data-disabled]):not(:disabled) {
|
|
11456
|
-
box-shadow: 0 0 0 var(--border-width-edge-control) var(--color-intent-danger-edge-strong, var(--
|
|
13223
|
+
box-shadow: 0 0 0 var(--border-width-edge-control) var(--color-intent-danger-edge-strong, var(--ui-surface-edge-strong)), 0 0 0 var(--color-intent-danger-focus-width, var(--color-intent-accent-focus-width)) var(--color-intent-danger-focus, var(--color-intent-accent-focus));
|
|
11457
13224
|
}
|
|
11458
13225
|
[data-ui-control][data-ui-control-recipe="field"] :is(input, textarea)::placeholder {
|
|
11459
13226
|
color: var(--ui-surface-ink-muted);
|
|
@@ -11482,11 +13249,11 @@
|
|
|
11482
13249
|
[data-ui-control][data-ui-control-recipe="dropzone"] {
|
|
11483
13250
|
color: inherit;
|
|
11484
13251
|
background-color: transparent;
|
|
11485
|
-
box-shadow: 0 0 0 var(--border-width-edge-control) var(--
|
|
13252
|
+
box-shadow: 0 0 0 var(--border-width-edge-control) var(--ui-surface-edge);
|
|
11486
13253
|
}
|
|
11487
13254
|
[data-ui-control][data-ui-control-recipe="dropzone"]:is(:hover, :active):not(:focus-within):not([data-dragging]):not([data-disabled]):not([data-invalid]) {
|
|
11488
13255
|
background-color: var(--color-interaction-hover);
|
|
11489
|
-
box-shadow: 0 0 0 var(--border-width-edge-control) var(--
|
|
13256
|
+
box-shadow: 0 0 0 var(--border-width-edge-control) var(--ui-surface-edge-hover);
|
|
11490
13257
|
}
|
|
11491
13258
|
[data-ui-control][data-ui-control-recipe="dropzone"]:is(:focus-within, [data-dragging]):not([data-disabled]):not([data-invalid]) {
|
|
11492
13259
|
background-color: var(--color-intent-accent-soft);
|
|
@@ -11506,15 +13273,15 @@
|
|
|
11506
13273
|
[data-ui-control][data-ui-control-recipe="dropzone"] [data-ui-file-upload-browse] {
|
|
11507
13274
|
color: var(--color-intent-neutral-soft-ink);
|
|
11508
13275
|
background-color: var(--color-intent-neutral-soft);
|
|
11509
|
-
box-shadow: 0 0 0 var(--border-width-edge-control) var(--
|
|
13276
|
+
box-shadow: 0 0 0 var(--border-width-edge-control) var(--ui-surface-edge);
|
|
11510
13277
|
}
|
|
11511
13278
|
[data-ui-file-upload-item] {
|
|
11512
13279
|
color: inherit;
|
|
11513
13280
|
background-color: transparent;
|
|
11514
|
-
box-shadow: 0 0 0 var(--border-width-edge-perimeter) var(--
|
|
13281
|
+
box-shadow: 0 0 0 var(--border-width-edge-perimeter) var(--ui-surface-edge);
|
|
11515
13282
|
}
|
|
11516
13283
|
[data-ui-file-upload-item]:hover {
|
|
11517
|
-
box-shadow: 0 0 0 var(--border-width-edge-perimeter) var(--
|
|
13284
|
+
box-shadow: 0 0 0 var(--border-width-edge-perimeter) var(--ui-surface-edge-hover);
|
|
11518
13285
|
}
|
|
11519
13286
|
[data-ui-file-upload-item][data-invalid] {
|
|
11520
13287
|
background-color: var(--color-intent-danger-soft);
|
|
@@ -11531,7 +13298,7 @@
|
|
|
11531
13298
|
color: inherit;
|
|
11532
13299
|
}
|
|
11533
13300
|
[data-ui-selection-recipe="indicator"], [data-ui-selection-recipe="switch-track"], [data-ui-selection-recipe="slider-track"] {
|
|
11534
|
-
--ui-selection-edge: var(--
|
|
13301
|
+
--ui-selection-edge: var(--ui-surface-edge);
|
|
11535
13302
|
color: var(--color-intent-accent-solid-ink);
|
|
11536
13303
|
background-color: var(--ui-surface-color);
|
|
11537
13304
|
box-shadow: 0 0 0 var(--border-width-edge-control) var(--ui-selection-edge);
|
|
@@ -11563,7 +13330,7 @@
|
|
|
11563
13330
|
--ui-selection-edge: var(--color-intent-danger-edge-strong);
|
|
11564
13331
|
}
|
|
11565
13332
|
[data-ui-selection-root]:has(input:focus-visible) [data-ui-selection-recipe="indicator"], [data-ui-selection-root]:has(input:focus-visible) [data-ui-selection-recipe="switch-track"], [data-ui-selection-recipe="slider-thumb"][data-focus] {
|
|
11566
|
-
box-shadow: 0 0 0 var(--border-width-edge-control) var(--ui-selection-edge, var(--
|
|
13333
|
+
box-shadow: 0 0 0 var(--border-width-edge-control) var(--ui-selection-edge, var(--ui-surface-edge)), 0 0 0 var(--color-intent-accent-focus-width) var(--color-intent-accent-focus);
|
|
11567
13334
|
}
|
|
11568
13335
|
[data-ui-selection-recipe="slider-thumb"][data-focus] {
|
|
11569
13336
|
box-shadow: 0 0 0 var(--color-intent-accent-focus-width) var(--color-intent-accent-focus), var(--shadow-elevation-1);
|