@seed-design/css 2.6.2 → 2.7.0
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/all.css +62 -61
- package/all.layered.css +62 -61
- package/all.layered.min.css +1 -1
- package/all.min.css +1 -1
- package/base.css +59 -56
- package/base.layered.css +59 -56
- package/base.layered.min.css +1 -1
- package/base.min.css +1 -1
- package/package.json +1 -1
- package/recipes/scroll-fog.css +2 -4
- package/recipes/scroll-fog.layered.css +3 -5
- package/theming/index.cjs +41 -5
- package/theming/index.mjs +41 -5
- package/vars/component/callout.d.ts +6 -2
- package/vars/component/callout.mjs +6 -2
- package/vars/component/image-frame-reaction-button.d.ts +26 -2
- package/vars/component/image-frame-reaction-button.mjs +26 -2
- package/vars/component/page-banner.d.ts +6 -2
- package/vars/component/page-banner.mjs +6 -2
- package/vars/component/scroll-fog.d.ts +69 -2
- package/vars/component/scroll-fog.mjs +69 -2
- package/vars/component/skeleton.d.ts +6 -2
- package/vars/component/skeleton.mjs +6 -2
- package/vars/component/top-navigation.d.ts +13 -1
- package/vars/component/top-navigation.mjs +13 -1
- package/vars/gradient.d.ts +2 -0
- package/vars/gradient.mjs +1 -0
package/all.css
CHANGED
|
@@ -23,6 +23,7 @@
|
|
|
23
23
|
--seed-font-size-limit-max: 1.5;
|
|
24
24
|
--seed-line-height-limit-min: .8;
|
|
25
25
|
--seed-line-height-limit-max: 1.5;
|
|
26
|
+
--seed-static-font-scale: 1;
|
|
26
27
|
--seed-feedback-scale: 1;
|
|
27
28
|
--seed-feedback-scale-transition: scale var(--seed-duration-pressed-scale) var(--seed-timing-function-pressed-scale);
|
|
28
29
|
}
|
|
@@ -460,65 +461,65 @@
|
|
|
460
461
|
--seed-duration-d6: .3s;
|
|
461
462
|
--seed-duration-color-transition: var(--seed-duration-d3);
|
|
462
463
|
--seed-duration-pressed-scale: var(--seed-duration-d3);
|
|
463
|
-
--seed-font-size-t1: clamp(calc(var(--seed-font-size-t1-static) * var(--seed-font-size-limit-min,
|
|
464
|
-
--seed-font-size-t2: clamp(calc(var(--seed-font-size-t2-static) * var(--seed-font-size-limit-min,
|
|
465
|
-
--seed-font-size-t3: clamp(calc(var(--seed-font-size-t3-static) * var(--seed-font-size-limit-min,
|
|
466
|
-
--seed-font-size-t4: clamp(calc(var(--seed-font-size-t4-static) * var(--seed-font-size-limit-min,
|
|
467
|
-
--seed-font-size-t5: clamp(calc(var(--seed-font-size-t5-static) * var(--seed-font-size-limit-min,
|
|
468
|
-
--seed-font-size-t6: clamp(calc(var(--seed-font-size-t6-static) * var(--seed-font-size-limit-min,
|
|
469
|
-
--seed-font-size-t7: clamp(calc(var(--seed-font-size-t7-static) * var(--seed-font-size-limit-min,
|
|
470
|
-
--seed-font-size-t8: clamp(calc(var(--seed-font-size-t8-static) * var(--seed-font-size-limit-min,
|
|
471
|
-
--seed-font-size-t9: clamp(calc(var(--seed-font-size-t9-static) * var(--seed-font-size-limit-min,
|
|
472
|
-
--seed-font-size-t10: clamp(calc(var(--seed-font-size-t10-static) * var(--seed-font-size-limit-min,
|
|
473
|
-
--seed-font-size-t11: clamp(calc(var(--seed-font-size-t11-static) * var(--seed-font-size-limit-min,
|
|
474
|
-
--seed-font-size-t12: clamp(calc(var(--seed-font-size-t12-static) * var(--seed-font-size-limit-min,
|
|
475
|
-
--seed-font-size-t13: clamp(calc(var(--seed-font-size-t13-static) * var(--seed-font-size-limit-min,
|
|
476
|
-
--seed-font-size-t14: clamp(calc(var(--seed-font-size-t14-static) * var(--seed-font-size-limit-min,
|
|
477
|
-
--seed-font-size-t1-static: 11px;
|
|
478
|
-
--seed-font-size-t2-static: 12px;
|
|
479
|
-
--seed-font-size-t3-static: 13px;
|
|
480
|
-
--seed-font-size-t4-static: 14px;
|
|
481
|
-
--seed-font-size-t5-static: 16px;
|
|
482
|
-
--seed-font-size-t6-static: 18px;
|
|
483
|
-
--seed-font-size-t7-static: 20px;
|
|
484
|
-
--seed-font-size-t8-static: 22px;
|
|
485
|
-
--seed-font-size-t9-static: 24px;
|
|
486
|
-
--seed-font-size-t10-static: 26px;
|
|
487
|
-
--seed-font-size-t11-static: 28px;
|
|
488
|
-
--seed-font-size-t12-static: 32px;
|
|
489
|
-
--seed-font-size-t13-static: 40px;
|
|
490
|
-
--seed-font-size-t14-static: 48px;
|
|
464
|
+
--seed-font-size-t1: clamp(calc(var(--seed-font-size-t1-static) * var(--seed-font-size-limit-min, 1)), calc(.6875rem * var(--seed-font-size-multiplier, 1)), calc(var(--seed-font-size-t1-static) * var(--seed-font-size-limit-max, 1)));
|
|
465
|
+
--seed-font-size-t2: clamp(calc(var(--seed-font-size-t2-static) * var(--seed-font-size-limit-min, 1)), calc(.75rem * var(--seed-font-size-multiplier, 1)), calc(var(--seed-font-size-t2-static) * var(--seed-font-size-limit-max, 1)));
|
|
466
|
+
--seed-font-size-t3: clamp(calc(var(--seed-font-size-t3-static) * var(--seed-font-size-limit-min, 1)), calc(.8125rem * var(--seed-font-size-multiplier, 1)), calc(var(--seed-font-size-t3-static) * var(--seed-font-size-limit-max, 1)));
|
|
467
|
+
--seed-font-size-t4: clamp(calc(var(--seed-font-size-t4-static) * var(--seed-font-size-limit-min, 1)), calc(.875rem * var(--seed-font-size-multiplier, 1)), calc(var(--seed-font-size-t4-static) * var(--seed-font-size-limit-max, 1)));
|
|
468
|
+
--seed-font-size-t5: clamp(calc(var(--seed-font-size-t5-static) * var(--seed-font-size-limit-min, 1)), calc(1rem * var(--seed-font-size-multiplier, 1)), calc(var(--seed-font-size-t5-static) * var(--seed-font-size-limit-max, 1)));
|
|
469
|
+
--seed-font-size-t6: clamp(calc(var(--seed-font-size-t6-static) * var(--seed-font-size-limit-min, 1)), calc(1.125rem * var(--seed-font-size-multiplier, 1)), calc(var(--seed-font-size-t6-static) * var(--seed-font-size-limit-max, 1)));
|
|
470
|
+
--seed-font-size-t7: clamp(calc(var(--seed-font-size-t7-static) * var(--seed-font-size-limit-min, 1)), calc(1.25rem * var(--seed-font-size-multiplier, 1)), calc(var(--seed-font-size-t7-static) * var(--seed-font-size-limit-max, 1)));
|
|
471
|
+
--seed-font-size-t8: clamp(calc(var(--seed-font-size-t8-static) * var(--seed-font-size-limit-min, 1)), calc(1.375rem * var(--seed-font-size-multiplier, 1)), calc(var(--seed-font-size-t8-static) * var(--seed-font-size-limit-max, 1)));
|
|
472
|
+
--seed-font-size-t9: clamp(calc(var(--seed-font-size-t9-static) * var(--seed-font-size-limit-min, 1)), calc(1.5rem * var(--seed-font-size-multiplier, 1)), calc(var(--seed-font-size-t9-static) * var(--seed-font-size-limit-max, 1)));
|
|
473
|
+
--seed-font-size-t10: clamp(calc(var(--seed-font-size-t10-static) * var(--seed-font-size-limit-min, 1)), calc(1.625rem * var(--seed-font-size-multiplier, 1)), calc(var(--seed-font-size-t10-static) * var(--seed-font-size-limit-max, 1)));
|
|
474
|
+
--seed-font-size-t11: clamp(calc(var(--seed-font-size-t11-static) * var(--seed-font-size-limit-min, 1)), calc(1.75rem * var(--seed-font-size-multiplier, 1)), calc(var(--seed-font-size-t11-static) * var(--seed-font-size-limit-max, 1)));
|
|
475
|
+
--seed-font-size-t12: clamp(calc(var(--seed-font-size-t12-static) * var(--seed-font-size-limit-min, 1)), calc(2rem * var(--seed-font-size-multiplier, 1)), calc(var(--seed-font-size-t12-static) * var(--seed-font-size-limit-max, 1)));
|
|
476
|
+
--seed-font-size-t13: clamp(calc(var(--seed-font-size-t13-static) * var(--seed-font-size-limit-min, 1)), calc(2.5rem * var(--seed-font-size-multiplier, 1)), calc(var(--seed-font-size-t13-static) * var(--seed-font-size-limit-max, 1)));
|
|
477
|
+
--seed-font-size-t14: clamp(calc(var(--seed-font-size-t14-static) * var(--seed-font-size-limit-min, 1)), calc(3rem * var(--seed-font-size-multiplier, 1)), calc(var(--seed-font-size-t14-static) * var(--seed-font-size-limit-max, 1)));
|
|
478
|
+
--seed-font-size-t1-static: calc(11px / var(--seed-static-font-scale, 1));
|
|
479
|
+
--seed-font-size-t2-static: calc(12px / var(--seed-static-font-scale, 1));
|
|
480
|
+
--seed-font-size-t3-static: calc(13px / var(--seed-static-font-scale, 1));
|
|
481
|
+
--seed-font-size-t4-static: calc(14px / var(--seed-static-font-scale, 1));
|
|
482
|
+
--seed-font-size-t5-static: calc(16px / var(--seed-static-font-scale, 1));
|
|
483
|
+
--seed-font-size-t6-static: calc(18px / var(--seed-static-font-scale, 1));
|
|
484
|
+
--seed-font-size-t7-static: calc(20px / var(--seed-static-font-scale, 1));
|
|
485
|
+
--seed-font-size-t8-static: calc(22px / var(--seed-static-font-scale, 1));
|
|
486
|
+
--seed-font-size-t9-static: calc(24px / var(--seed-static-font-scale, 1));
|
|
487
|
+
--seed-font-size-t10-static: calc(26px / var(--seed-static-font-scale, 1));
|
|
488
|
+
--seed-font-size-t11-static: calc(28px / var(--seed-static-font-scale, 1));
|
|
489
|
+
--seed-font-size-t12-static: calc(32px / var(--seed-static-font-scale, 1));
|
|
490
|
+
--seed-font-size-t13-static: calc(40px / var(--seed-static-font-scale, 1));
|
|
491
|
+
--seed-font-size-t14-static: calc(48px / var(--seed-static-font-scale, 1));
|
|
491
492
|
--seed-font-weight-regular: 400;
|
|
492
493
|
--seed-font-weight-medium: 500;
|
|
493
494
|
--seed-font-weight-bold: 700;
|
|
494
|
-
--seed-line-height-t1: clamp(calc(var(--seed-line-height-t1-static) * var(--seed-line-height-limit-min,
|
|
495
|
-
--seed-line-height-t2: clamp(calc(var(--seed-line-height-t2-static) * var(--seed-line-height-limit-min,
|
|
496
|
-
--seed-line-height-t3: clamp(calc(var(--seed-line-height-t3-static) * var(--seed-line-height-limit-min,
|
|
497
|
-
--seed-line-height-t4: clamp(calc(var(--seed-line-height-t4-static) * var(--seed-line-height-limit-min,
|
|
498
|
-
--seed-line-height-t5: clamp(calc(var(--seed-line-height-t5-static) * var(--seed-line-height-limit-min,
|
|
499
|
-
--seed-line-height-t6: clamp(calc(var(--seed-line-height-t6-static) * var(--seed-line-height-limit-min,
|
|
500
|
-
--seed-line-height-t7: clamp(calc(var(--seed-line-height-t7-static) * var(--seed-line-height-limit-min,
|
|
501
|
-
--seed-line-height-t8: clamp(calc(var(--seed-line-height-t8-static) * var(--seed-line-height-limit-min,
|
|
502
|
-
--seed-line-height-t9: clamp(calc(var(--seed-line-height-t9-static) * var(--seed-line-height-limit-min,
|
|
503
|
-
--seed-line-height-t10: clamp(calc(var(--seed-line-height-t10-static) * var(--seed-line-height-limit-min,
|
|
504
|
-
--seed-line-height-t11: clamp(calc(var(--seed-line-height-t11-static) * var(--seed-line-height-limit-min,
|
|
505
|
-
--seed-line-height-t12: clamp(calc(var(--seed-line-height-t12-static) * var(--seed-line-height-limit-min,
|
|
506
|
-
--seed-line-height-t13: clamp(calc(var(--seed-line-height-t13-static) * var(--seed-line-height-limit-min,
|
|
507
|
-
--seed-line-height-t14: clamp(calc(var(--seed-line-height-t14-static) * var(--seed-line-height-limit-min,
|
|
508
|
-
--seed-line-height-t1-static: 15px;
|
|
509
|
-
--seed-line-height-t2-static: 16px;
|
|
510
|
-
--seed-line-height-t3-static: 18px;
|
|
511
|
-
--seed-line-height-t4-static: 19px;
|
|
512
|
-
--seed-line-height-t5-static: 22px;
|
|
513
|
-
--seed-line-height-t6-static: 24px;
|
|
514
|
-
--seed-line-height-t7-static: 27px;
|
|
515
|
-
--seed-line-height-t8-static: 30px;
|
|
516
|
-
--seed-line-height-t9-static: 32px;
|
|
517
|
-
--seed-line-height-t10-static: 35px;
|
|
518
|
-
--seed-line-height-t11-static: 38px;
|
|
519
|
-
--seed-line-height-t12-static: 42px;
|
|
520
|
-
--seed-line-height-t13-static: 52px;
|
|
521
|
-
--seed-line-height-t14-static: 60px;
|
|
495
|
+
--seed-line-height-t1: clamp(calc(var(--seed-line-height-t1-static) * var(--seed-line-height-limit-min, 1)), calc(.9375rem * var(--seed-font-size-multiplier, 1)), calc(var(--seed-line-height-t1-static) * var(--seed-line-height-limit-max, 1)));
|
|
496
|
+
--seed-line-height-t2: clamp(calc(var(--seed-line-height-t2-static) * var(--seed-line-height-limit-min, 1)), calc(1rem * var(--seed-font-size-multiplier, 1)), calc(var(--seed-line-height-t2-static) * var(--seed-line-height-limit-max, 1)));
|
|
497
|
+
--seed-line-height-t3: clamp(calc(var(--seed-line-height-t3-static) * var(--seed-line-height-limit-min, 1)), calc(1.125rem * var(--seed-font-size-multiplier, 1)), calc(var(--seed-line-height-t3-static) * var(--seed-line-height-limit-max, 1)));
|
|
498
|
+
--seed-line-height-t4: clamp(calc(var(--seed-line-height-t4-static) * var(--seed-line-height-limit-min, 1)), calc(1.1875rem * var(--seed-font-size-multiplier, 1)), calc(var(--seed-line-height-t4-static) * var(--seed-line-height-limit-max, 1)));
|
|
499
|
+
--seed-line-height-t5: clamp(calc(var(--seed-line-height-t5-static) * var(--seed-line-height-limit-min, 1)), calc(1.375rem * var(--seed-font-size-multiplier, 1)), calc(var(--seed-line-height-t5-static) * var(--seed-line-height-limit-max, 1)));
|
|
500
|
+
--seed-line-height-t6: clamp(calc(var(--seed-line-height-t6-static) * var(--seed-line-height-limit-min, 1)), calc(1.5rem * var(--seed-font-size-multiplier, 1)), calc(var(--seed-line-height-t6-static) * var(--seed-line-height-limit-max, 1)));
|
|
501
|
+
--seed-line-height-t7: clamp(calc(var(--seed-line-height-t7-static) * var(--seed-line-height-limit-min, 1)), calc(1.6875rem * var(--seed-font-size-multiplier, 1)), calc(var(--seed-line-height-t7-static) * var(--seed-line-height-limit-max, 1)));
|
|
502
|
+
--seed-line-height-t8: clamp(calc(var(--seed-line-height-t8-static) * var(--seed-line-height-limit-min, 1)), calc(1.875rem * var(--seed-font-size-multiplier, 1)), calc(var(--seed-line-height-t8-static) * var(--seed-line-height-limit-max, 1)));
|
|
503
|
+
--seed-line-height-t9: clamp(calc(var(--seed-line-height-t9-static) * var(--seed-line-height-limit-min, 1)), calc(2rem * var(--seed-font-size-multiplier, 1)), calc(var(--seed-line-height-t9-static) * var(--seed-line-height-limit-max, 1)));
|
|
504
|
+
--seed-line-height-t10: clamp(calc(var(--seed-line-height-t10-static) * var(--seed-line-height-limit-min, 1)), calc(2.1875rem * var(--seed-font-size-multiplier, 1)), calc(var(--seed-line-height-t10-static) * var(--seed-line-height-limit-max, 1)));
|
|
505
|
+
--seed-line-height-t11: clamp(calc(var(--seed-line-height-t11-static) * var(--seed-line-height-limit-min, 1)), calc(2.375rem * var(--seed-font-size-multiplier, 1)), calc(var(--seed-line-height-t11-static) * var(--seed-line-height-limit-max, 1)));
|
|
506
|
+
--seed-line-height-t12: clamp(calc(var(--seed-line-height-t12-static) * var(--seed-line-height-limit-min, 1)), calc(2.625rem * var(--seed-font-size-multiplier, 1)), calc(var(--seed-line-height-t12-static) * var(--seed-line-height-limit-max, 1)));
|
|
507
|
+
--seed-line-height-t13: clamp(calc(var(--seed-line-height-t13-static) * var(--seed-line-height-limit-min, 1)), calc(3.25rem * var(--seed-font-size-multiplier, 1)), calc(var(--seed-line-height-t13-static) * var(--seed-line-height-limit-max, 1)));
|
|
508
|
+
--seed-line-height-t14: clamp(calc(var(--seed-line-height-t14-static) * var(--seed-line-height-limit-min, 1)), calc(3.75rem * var(--seed-font-size-multiplier, 1)), calc(var(--seed-line-height-t14-static) * var(--seed-line-height-limit-max, 1)));
|
|
509
|
+
--seed-line-height-t1-static: calc(15px / var(--seed-static-font-scale, 1));
|
|
510
|
+
--seed-line-height-t2-static: calc(16px / var(--seed-static-font-scale, 1));
|
|
511
|
+
--seed-line-height-t3-static: calc(18px / var(--seed-static-font-scale, 1));
|
|
512
|
+
--seed-line-height-t4-static: calc(19px / var(--seed-static-font-scale, 1));
|
|
513
|
+
--seed-line-height-t5-static: calc(22px / var(--seed-static-font-scale, 1));
|
|
514
|
+
--seed-line-height-t6-static: calc(24px / var(--seed-static-font-scale, 1));
|
|
515
|
+
--seed-line-height-t7-static: calc(27px / var(--seed-static-font-scale, 1));
|
|
516
|
+
--seed-line-height-t8-static: calc(30px / var(--seed-static-font-scale, 1));
|
|
517
|
+
--seed-line-height-t9-static: calc(32px / var(--seed-static-font-scale, 1));
|
|
518
|
+
--seed-line-height-t10-static: calc(35px / var(--seed-static-font-scale, 1));
|
|
519
|
+
--seed-line-height-t11-static: calc(38px / var(--seed-static-font-scale, 1));
|
|
520
|
+
--seed-line-height-t12-static: calc(42px / var(--seed-static-font-scale, 1));
|
|
521
|
+
--seed-line-height-t13-static: calc(52px / var(--seed-static-font-scale, 1));
|
|
522
|
+
--seed-line-height-t14-static: calc(60px / var(--seed-static-font-scale, 1));
|
|
522
523
|
--seed-radius-r0_5: 2px;
|
|
523
524
|
--seed-radius-r1: 4px;
|
|
524
525
|
--seed-radius-r1_5: 6px;
|
|
@@ -739,6 +740,7 @@
|
|
|
739
740
|
--seed-color-banner-teal: #e6faf6;
|
|
740
741
|
--seed-color-banner-warm-gray: #f2f0ee;
|
|
741
742
|
--seed-color-banner-yellow: #fffae1;
|
|
743
|
+
--seed-gradient-fade-mask: #0000 0%, #00000003 8%, #00000005 16%, #0000000d 22%, #00000014 29.0%, #00000021 35%, #0000002e 41%, #00000040 47%, #00000052 53%, #0006 59%, #0000007a 65%, #00000094 71%, #000000ab 78%, #000000c7 84%, #000000e3 92%, #000 100%;
|
|
742
744
|
--seed-gradient-glow-magic: #fef6f7 0%, #fef0e7 80%, #f9f7f5 100%;
|
|
743
745
|
--seed-gradient-glow-magic-pressed: #fbf0f2 0%, #ffe8db 80%, #f5f2ef 100%;
|
|
744
746
|
--seed-gradient-highlight-magic: #f60 20%, #d25aca 100%;
|
|
@@ -950,6 +952,7 @@
|
|
|
950
952
|
--seed-color-banner-teal: #143633;
|
|
951
953
|
--seed-color-banner-warm-gray: #2f2b27;
|
|
952
954
|
--seed-color-banner-yellow: #3e2b00;
|
|
955
|
+
--seed-gradient-fade-mask: #0000 0%, #00000003 8%, #00000005 16%, #0000000d 22%, #00000014 29.0%, #00000021 35%, #0000002e 41%, #00000040 47%, #00000052 53%, #0006 59%, #0000007a 65%, #00000094 71%, #000000ab 78%, #000000c7 84%, #000000e3 92%, #000 100%;
|
|
953
956
|
--seed-gradient-glow-magic: #2d252d 0%, #3a312b 80%, #333232 100%;
|
|
954
957
|
--seed-gradient-glow-magic-pressed: #3e333e 0%, #51453e 80%, #434242 100%;
|
|
955
958
|
--seed-gradient-highlight-magic: #f60 20%, #d25aca 100%;
|
|
@@ -9430,13 +9433,11 @@
|
|
|
9430
9433
|
}
|
|
9431
9434
|
|
|
9432
9435
|
.seed-scroll-fog {
|
|
9433
|
-
--scroll-fog-from-color: #0000;
|
|
9434
|
-
--scroll-fog-to-color: #000;
|
|
9435
9436
|
width: 100%;
|
|
9436
9437
|
height: 100%;
|
|
9437
|
-
-webkit-mask-image: linear-gradient(to bottom, var(--scroll-fog-
|
|
9438
|
-
mask-image: linear-gradient(to bottom, var(--scroll-fog-
|
|
9439
|
-
-webkit-mask-image: linear-gradient(to bottom, var(--scroll-fog-
|
|
9438
|
+
-webkit-mask-image: linear-gradient(to bottom, #0000 0, #00000003 calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .08), #00000005 calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .16), #0000000d calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .22), #00000014 calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .29), #00000021 calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .35), #0000002e calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .41), #00000040 calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .47), #00000052 calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .53), #0006 calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .59), #0000007a calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .65), #00000094 calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .71), #000000ab calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .78), #000000c7 calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .84), #000000e3 calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .92), #000 calc(var(--scrollable-top) * var(--scroll-fog-size-top) * 1)), linear-gradient(to top, #0000 0, #00000003 calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .08), #00000005 calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .16), #0000000d calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .22), #00000014 calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .29), #00000021 calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .35), #0000002e calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .41), #00000040 calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .47), #00000052 calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .53), #0006 calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .59), #0000007a calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .65), #00000094 calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .71), #000000ab calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .78), #000000c7 calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .84), #000000e3 calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .92), #000 calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * 1)), linear-gradient(to right, #0000 0, #00000003 calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .08), #00000005 calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .16), #0000000d calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .22), #00000014 calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .29), #00000021 calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .35), #0000002e calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .41), #00000040 calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .47), #00000052 calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .53), #0006 calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .59), #0000007a calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .65), #00000094 calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .71), #000000ab calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .78), #000000c7 calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .84), #000000e3 calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .92), #000 calc(var(--scrollable-left) * var(--scroll-fog-size-left) * 1)), linear-gradient(to left, #0000 0, #00000003 calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .08), #00000005 calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .16), #0000000d calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .22), #00000014 calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .29), #00000021 calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .35), #0000002e calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .41), #00000040 calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .47), #00000052 calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .53), #0006 calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .59), #0000007a calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .65), #00000094 calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .71), #000000ab calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .78), #000000c7 calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .84), #000000e3 calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .92), #000 calc(var(--scrollable-right) * var(--scroll-fog-size-right) * 1));
|
|
9439
|
+
mask-image: linear-gradient(to bottom, #0000 0, #00000003 calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .08), #00000005 calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .16), #0000000d calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .22), #00000014 calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .29), #00000021 calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .35), #0000002e calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .41), #00000040 calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .47), #00000052 calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .53), #0006 calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .59), #0000007a calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .65), #00000094 calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .71), #000000ab calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .78), #000000c7 calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .84), #000000e3 calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .92), #000 calc(var(--scrollable-top) * var(--scroll-fog-size-top) * 1)), linear-gradient(to top, #0000 0, #00000003 calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .08), #00000005 calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .16), #0000000d calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .22), #00000014 calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .29), #00000021 calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .35), #0000002e calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .41), #00000040 calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .47), #00000052 calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .53), #0006 calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .59), #0000007a calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .65), #00000094 calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .71), #000000ab calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .78), #000000c7 calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .84), #000000e3 calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .92), #000 calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * 1)), linear-gradient(to right, #0000 0, #00000003 calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .08), #00000005 calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .16), #0000000d calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .22), #00000014 calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .29), #00000021 calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .35), #0000002e calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .41), #00000040 calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .47), #00000052 calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .53), #0006 calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .59), #0000007a calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .65), #00000094 calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .71), #000000ab calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .78), #000000c7 calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .84), #000000e3 calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .92), #000 calc(var(--scrollable-left) * var(--scroll-fog-size-left) * 1)), linear-gradient(to left, #0000 0, #00000003 calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .08), #00000005 calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .16), #0000000d calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .22), #00000014 calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .29), #00000021 calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .35), #0000002e calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .41), #00000040 calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .47), #00000052 calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .53), #0006 calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .59), #0000007a calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .65), #00000094 calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .71), #000000ab calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .78), #000000c7 calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .84), #000000e3 calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .92), #000 calc(var(--scrollable-right) * var(--scroll-fog-size-right) * 1));
|
|
9440
|
+
-webkit-mask-image: linear-gradient(to bottom, #0000 0, #00000003 calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .08), #00000005 calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .16), #0000000d calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .22), #00000014 calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .29), #00000021 calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .35), #0000002e calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .41), #00000040 calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .47), #00000052 calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .53), #0006 calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .59), #0000007a calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .65), #00000094 calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .71), #000000ab calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .78), #000000c7 calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .84), #000000e3 calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .92), #000 calc(var(--scrollable-top) * var(--scroll-fog-size-top) * 1)), linear-gradient(to top, #0000 0, #00000003 calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .08), #00000005 calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .16), #0000000d calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .22), #00000014 calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .29), #00000021 calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .35), #0000002e calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .41), #00000040 calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .47), #00000052 calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .53), #0006 calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .59), #0000007a calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .65), #00000094 calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .71), #000000ab calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .78), #000000c7 calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .84), #000000e3 calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .92), #000 calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * 1)), linear-gradient(to right, #0000 0, #00000003 calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .08), #00000005 calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .16), #0000000d calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .22), #00000014 calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .29), #00000021 calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .35), #0000002e calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .41), #00000040 calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .47), #00000052 calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .53), #0006 calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .59), #0000007a calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .65), #00000094 calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .71), #000000ab calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .78), #000000c7 calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .84), #000000e3 calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .92), #000 calc(var(--scrollable-left) * var(--scroll-fog-size-left) * 1)), linear-gradient(to left, #0000 0, #00000003 calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .08), #00000005 calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .16), #0000000d calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .22), #00000014 calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .29), #00000021 calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .35), #0000002e calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .41), #00000040 calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .47), #00000052 calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .53), #0006 calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .59), #0000007a calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .65), #00000094 calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .71), #000000ab calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .78), #000000c7 calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .84), #000000e3 calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .92), #000 calc(var(--scrollable-right) * var(--scroll-fog-size-right) * 1));
|
|
9440
9441
|
-webkit-mask-composite: source-in;
|
|
9441
9442
|
position: relative;
|
|
9442
9443
|
overflow: auto;
|
package/all.layered.css
CHANGED
|
@@ -24,6 +24,7 @@
|
|
|
24
24
|
--seed-font-size-limit-max: 1.5;
|
|
25
25
|
--seed-line-height-limit-min: .8;
|
|
26
26
|
--seed-line-height-limit-max: 1.5;
|
|
27
|
+
--seed-static-font-scale: 1;
|
|
27
28
|
--seed-feedback-scale: 1;
|
|
28
29
|
--seed-feedback-scale-transition: scale var(--seed-duration-pressed-scale) var(--seed-timing-function-pressed-scale);
|
|
29
30
|
}
|
|
@@ -461,65 +462,65 @@
|
|
|
461
462
|
--seed-duration-d6: .3s;
|
|
462
463
|
--seed-duration-color-transition: var(--seed-duration-d3);
|
|
463
464
|
--seed-duration-pressed-scale: var(--seed-duration-d3);
|
|
464
|
-
--seed-font-size-t1: clamp(calc(var(--seed-font-size-t1-static) * var(--seed-font-size-limit-min,
|
|
465
|
-
--seed-font-size-t2: clamp(calc(var(--seed-font-size-t2-static) * var(--seed-font-size-limit-min,
|
|
466
|
-
--seed-font-size-t3: clamp(calc(var(--seed-font-size-t3-static) * var(--seed-font-size-limit-min,
|
|
467
|
-
--seed-font-size-t4: clamp(calc(var(--seed-font-size-t4-static) * var(--seed-font-size-limit-min,
|
|
468
|
-
--seed-font-size-t5: clamp(calc(var(--seed-font-size-t5-static) * var(--seed-font-size-limit-min,
|
|
469
|
-
--seed-font-size-t6: clamp(calc(var(--seed-font-size-t6-static) * var(--seed-font-size-limit-min,
|
|
470
|
-
--seed-font-size-t7: clamp(calc(var(--seed-font-size-t7-static) * var(--seed-font-size-limit-min,
|
|
471
|
-
--seed-font-size-t8: clamp(calc(var(--seed-font-size-t8-static) * var(--seed-font-size-limit-min,
|
|
472
|
-
--seed-font-size-t9: clamp(calc(var(--seed-font-size-t9-static) * var(--seed-font-size-limit-min,
|
|
473
|
-
--seed-font-size-t10: clamp(calc(var(--seed-font-size-t10-static) * var(--seed-font-size-limit-min,
|
|
474
|
-
--seed-font-size-t11: clamp(calc(var(--seed-font-size-t11-static) * var(--seed-font-size-limit-min,
|
|
475
|
-
--seed-font-size-t12: clamp(calc(var(--seed-font-size-t12-static) * var(--seed-font-size-limit-min,
|
|
476
|
-
--seed-font-size-t13: clamp(calc(var(--seed-font-size-t13-static) * var(--seed-font-size-limit-min,
|
|
477
|
-
--seed-font-size-t14: clamp(calc(var(--seed-font-size-t14-static) * var(--seed-font-size-limit-min,
|
|
478
|
-
--seed-font-size-t1-static: 11px;
|
|
479
|
-
--seed-font-size-t2-static: 12px;
|
|
480
|
-
--seed-font-size-t3-static: 13px;
|
|
481
|
-
--seed-font-size-t4-static: 14px;
|
|
482
|
-
--seed-font-size-t5-static: 16px;
|
|
483
|
-
--seed-font-size-t6-static: 18px;
|
|
484
|
-
--seed-font-size-t7-static: 20px;
|
|
485
|
-
--seed-font-size-t8-static: 22px;
|
|
486
|
-
--seed-font-size-t9-static: 24px;
|
|
487
|
-
--seed-font-size-t10-static: 26px;
|
|
488
|
-
--seed-font-size-t11-static: 28px;
|
|
489
|
-
--seed-font-size-t12-static: 32px;
|
|
490
|
-
--seed-font-size-t13-static: 40px;
|
|
491
|
-
--seed-font-size-t14-static: 48px;
|
|
465
|
+
--seed-font-size-t1: clamp(calc(var(--seed-font-size-t1-static) * var(--seed-font-size-limit-min, 1)), calc(.6875rem * var(--seed-font-size-multiplier, 1)), calc(var(--seed-font-size-t1-static) * var(--seed-font-size-limit-max, 1)));
|
|
466
|
+
--seed-font-size-t2: clamp(calc(var(--seed-font-size-t2-static) * var(--seed-font-size-limit-min, 1)), calc(.75rem * var(--seed-font-size-multiplier, 1)), calc(var(--seed-font-size-t2-static) * var(--seed-font-size-limit-max, 1)));
|
|
467
|
+
--seed-font-size-t3: clamp(calc(var(--seed-font-size-t3-static) * var(--seed-font-size-limit-min, 1)), calc(.8125rem * var(--seed-font-size-multiplier, 1)), calc(var(--seed-font-size-t3-static) * var(--seed-font-size-limit-max, 1)));
|
|
468
|
+
--seed-font-size-t4: clamp(calc(var(--seed-font-size-t4-static) * var(--seed-font-size-limit-min, 1)), calc(.875rem * var(--seed-font-size-multiplier, 1)), calc(var(--seed-font-size-t4-static) * var(--seed-font-size-limit-max, 1)));
|
|
469
|
+
--seed-font-size-t5: clamp(calc(var(--seed-font-size-t5-static) * var(--seed-font-size-limit-min, 1)), calc(1rem * var(--seed-font-size-multiplier, 1)), calc(var(--seed-font-size-t5-static) * var(--seed-font-size-limit-max, 1)));
|
|
470
|
+
--seed-font-size-t6: clamp(calc(var(--seed-font-size-t6-static) * var(--seed-font-size-limit-min, 1)), calc(1.125rem * var(--seed-font-size-multiplier, 1)), calc(var(--seed-font-size-t6-static) * var(--seed-font-size-limit-max, 1)));
|
|
471
|
+
--seed-font-size-t7: clamp(calc(var(--seed-font-size-t7-static) * var(--seed-font-size-limit-min, 1)), calc(1.25rem * var(--seed-font-size-multiplier, 1)), calc(var(--seed-font-size-t7-static) * var(--seed-font-size-limit-max, 1)));
|
|
472
|
+
--seed-font-size-t8: clamp(calc(var(--seed-font-size-t8-static) * var(--seed-font-size-limit-min, 1)), calc(1.375rem * var(--seed-font-size-multiplier, 1)), calc(var(--seed-font-size-t8-static) * var(--seed-font-size-limit-max, 1)));
|
|
473
|
+
--seed-font-size-t9: clamp(calc(var(--seed-font-size-t9-static) * var(--seed-font-size-limit-min, 1)), calc(1.5rem * var(--seed-font-size-multiplier, 1)), calc(var(--seed-font-size-t9-static) * var(--seed-font-size-limit-max, 1)));
|
|
474
|
+
--seed-font-size-t10: clamp(calc(var(--seed-font-size-t10-static) * var(--seed-font-size-limit-min, 1)), calc(1.625rem * var(--seed-font-size-multiplier, 1)), calc(var(--seed-font-size-t10-static) * var(--seed-font-size-limit-max, 1)));
|
|
475
|
+
--seed-font-size-t11: clamp(calc(var(--seed-font-size-t11-static) * var(--seed-font-size-limit-min, 1)), calc(1.75rem * var(--seed-font-size-multiplier, 1)), calc(var(--seed-font-size-t11-static) * var(--seed-font-size-limit-max, 1)));
|
|
476
|
+
--seed-font-size-t12: clamp(calc(var(--seed-font-size-t12-static) * var(--seed-font-size-limit-min, 1)), calc(2rem * var(--seed-font-size-multiplier, 1)), calc(var(--seed-font-size-t12-static) * var(--seed-font-size-limit-max, 1)));
|
|
477
|
+
--seed-font-size-t13: clamp(calc(var(--seed-font-size-t13-static) * var(--seed-font-size-limit-min, 1)), calc(2.5rem * var(--seed-font-size-multiplier, 1)), calc(var(--seed-font-size-t13-static) * var(--seed-font-size-limit-max, 1)));
|
|
478
|
+
--seed-font-size-t14: clamp(calc(var(--seed-font-size-t14-static) * var(--seed-font-size-limit-min, 1)), calc(3rem * var(--seed-font-size-multiplier, 1)), calc(var(--seed-font-size-t14-static) * var(--seed-font-size-limit-max, 1)));
|
|
479
|
+
--seed-font-size-t1-static: calc(11px / var(--seed-static-font-scale, 1));
|
|
480
|
+
--seed-font-size-t2-static: calc(12px / var(--seed-static-font-scale, 1));
|
|
481
|
+
--seed-font-size-t3-static: calc(13px / var(--seed-static-font-scale, 1));
|
|
482
|
+
--seed-font-size-t4-static: calc(14px / var(--seed-static-font-scale, 1));
|
|
483
|
+
--seed-font-size-t5-static: calc(16px / var(--seed-static-font-scale, 1));
|
|
484
|
+
--seed-font-size-t6-static: calc(18px / var(--seed-static-font-scale, 1));
|
|
485
|
+
--seed-font-size-t7-static: calc(20px / var(--seed-static-font-scale, 1));
|
|
486
|
+
--seed-font-size-t8-static: calc(22px / var(--seed-static-font-scale, 1));
|
|
487
|
+
--seed-font-size-t9-static: calc(24px / var(--seed-static-font-scale, 1));
|
|
488
|
+
--seed-font-size-t10-static: calc(26px / var(--seed-static-font-scale, 1));
|
|
489
|
+
--seed-font-size-t11-static: calc(28px / var(--seed-static-font-scale, 1));
|
|
490
|
+
--seed-font-size-t12-static: calc(32px / var(--seed-static-font-scale, 1));
|
|
491
|
+
--seed-font-size-t13-static: calc(40px / var(--seed-static-font-scale, 1));
|
|
492
|
+
--seed-font-size-t14-static: calc(48px / var(--seed-static-font-scale, 1));
|
|
492
493
|
--seed-font-weight-regular: 400;
|
|
493
494
|
--seed-font-weight-medium: 500;
|
|
494
495
|
--seed-font-weight-bold: 700;
|
|
495
|
-
--seed-line-height-t1: clamp(calc(var(--seed-line-height-t1-static) * var(--seed-line-height-limit-min,
|
|
496
|
-
--seed-line-height-t2: clamp(calc(var(--seed-line-height-t2-static) * var(--seed-line-height-limit-min,
|
|
497
|
-
--seed-line-height-t3: clamp(calc(var(--seed-line-height-t3-static) * var(--seed-line-height-limit-min,
|
|
498
|
-
--seed-line-height-t4: clamp(calc(var(--seed-line-height-t4-static) * var(--seed-line-height-limit-min,
|
|
499
|
-
--seed-line-height-t5: clamp(calc(var(--seed-line-height-t5-static) * var(--seed-line-height-limit-min,
|
|
500
|
-
--seed-line-height-t6: clamp(calc(var(--seed-line-height-t6-static) * var(--seed-line-height-limit-min,
|
|
501
|
-
--seed-line-height-t7: clamp(calc(var(--seed-line-height-t7-static) * var(--seed-line-height-limit-min,
|
|
502
|
-
--seed-line-height-t8: clamp(calc(var(--seed-line-height-t8-static) * var(--seed-line-height-limit-min,
|
|
503
|
-
--seed-line-height-t9: clamp(calc(var(--seed-line-height-t9-static) * var(--seed-line-height-limit-min,
|
|
504
|
-
--seed-line-height-t10: clamp(calc(var(--seed-line-height-t10-static) * var(--seed-line-height-limit-min,
|
|
505
|
-
--seed-line-height-t11: clamp(calc(var(--seed-line-height-t11-static) * var(--seed-line-height-limit-min,
|
|
506
|
-
--seed-line-height-t12: clamp(calc(var(--seed-line-height-t12-static) * var(--seed-line-height-limit-min,
|
|
507
|
-
--seed-line-height-t13: clamp(calc(var(--seed-line-height-t13-static) * var(--seed-line-height-limit-min,
|
|
508
|
-
--seed-line-height-t14: clamp(calc(var(--seed-line-height-t14-static) * var(--seed-line-height-limit-min,
|
|
509
|
-
--seed-line-height-t1-static: 15px;
|
|
510
|
-
--seed-line-height-t2-static: 16px;
|
|
511
|
-
--seed-line-height-t3-static: 18px;
|
|
512
|
-
--seed-line-height-t4-static: 19px;
|
|
513
|
-
--seed-line-height-t5-static: 22px;
|
|
514
|
-
--seed-line-height-t6-static: 24px;
|
|
515
|
-
--seed-line-height-t7-static: 27px;
|
|
516
|
-
--seed-line-height-t8-static: 30px;
|
|
517
|
-
--seed-line-height-t9-static: 32px;
|
|
518
|
-
--seed-line-height-t10-static: 35px;
|
|
519
|
-
--seed-line-height-t11-static: 38px;
|
|
520
|
-
--seed-line-height-t12-static: 42px;
|
|
521
|
-
--seed-line-height-t13-static: 52px;
|
|
522
|
-
--seed-line-height-t14-static: 60px;
|
|
496
|
+
--seed-line-height-t1: clamp(calc(var(--seed-line-height-t1-static) * var(--seed-line-height-limit-min, 1)), calc(.9375rem * var(--seed-font-size-multiplier, 1)), calc(var(--seed-line-height-t1-static) * var(--seed-line-height-limit-max, 1)));
|
|
497
|
+
--seed-line-height-t2: clamp(calc(var(--seed-line-height-t2-static) * var(--seed-line-height-limit-min, 1)), calc(1rem * var(--seed-font-size-multiplier, 1)), calc(var(--seed-line-height-t2-static) * var(--seed-line-height-limit-max, 1)));
|
|
498
|
+
--seed-line-height-t3: clamp(calc(var(--seed-line-height-t3-static) * var(--seed-line-height-limit-min, 1)), calc(1.125rem * var(--seed-font-size-multiplier, 1)), calc(var(--seed-line-height-t3-static) * var(--seed-line-height-limit-max, 1)));
|
|
499
|
+
--seed-line-height-t4: clamp(calc(var(--seed-line-height-t4-static) * var(--seed-line-height-limit-min, 1)), calc(1.1875rem * var(--seed-font-size-multiplier, 1)), calc(var(--seed-line-height-t4-static) * var(--seed-line-height-limit-max, 1)));
|
|
500
|
+
--seed-line-height-t5: clamp(calc(var(--seed-line-height-t5-static) * var(--seed-line-height-limit-min, 1)), calc(1.375rem * var(--seed-font-size-multiplier, 1)), calc(var(--seed-line-height-t5-static) * var(--seed-line-height-limit-max, 1)));
|
|
501
|
+
--seed-line-height-t6: clamp(calc(var(--seed-line-height-t6-static) * var(--seed-line-height-limit-min, 1)), calc(1.5rem * var(--seed-font-size-multiplier, 1)), calc(var(--seed-line-height-t6-static) * var(--seed-line-height-limit-max, 1)));
|
|
502
|
+
--seed-line-height-t7: clamp(calc(var(--seed-line-height-t7-static) * var(--seed-line-height-limit-min, 1)), calc(1.6875rem * var(--seed-font-size-multiplier, 1)), calc(var(--seed-line-height-t7-static) * var(--seed-line-height-limit-max, 1)));
|
|
503
|
+
--seed-line-height-t8: clamp(calc(var(--seed-line-height-t8-static) * var(--seed-line-height-limit-min, 1)), calc(1.875rem * var(--seed-font-size-multiplier, 1)), calc(var(--seed-line-height-t8-static) * var(--seed-line-height-limit-max, 1)));
|
|
504
|
+
--seed-line-height-t9: clamp(calc(var(--seed-line-height-t9-static) * var(--seed-line-height-limit-min, 1)), calc(2rem * var(--seed-font-size-multiplier, 1)), calc(var(--seed-line-height-t9-static) * var(--seed-line-height-limit-max, 1)));
|
|
505
|
+
--seed-line-height-t10: clamp(calc(var(--seed-line-height-t10-static) * var(--seed-line-height-limit-min, 1)), calc(2.1875rem * var(--seed-font-size-multiplier, 1)), calc(var(--seed-line-height-t10-static) * var(--seed-line-height-limit-max, 1)));
|
|
506
|
+
--seed-line-height-t11: clamp(calc(var(--seed-line-height-t11-static) * var(--seed-line-height-limit-min, 1)), calc(2.375rem * var(--seed-font-size-multiplier, 1)), calc(var(--seed-line-height-t11-static) * var(--seed-line-height-limit-max, 1)));
|
|
507
|
+
--seed-line-height-t12: clamp(calc(var(--seed-line-height-t12-static) * var(--seed-line-height-limit-min, 1)), calc(2.625rem * var(--seed-font-size-multiplier, 1)), calc(var(--seed-line-height-t12-static) * var(--seed-line-height-limit-max, 1)));
|
|
508
|
+
--seed-line-height-t13: clamp(calc(var(--seed-line-height-t13-static) * var(--seed-line-height-limit-min, 1)), calc(3.25rem * var(--seed-font-size-multiplier, 1)), calc(var(--seed-line-height-t13-static) * var(--seed-line-height-limit-max, 1)));
|
|
509
|
+
--seed-line-height-t14: clamp(calc(var(--seed-line-height-t14-static) * var(--seed-line-height-limit-min, 1)), calc(3.75rem * var(--seed-font-size-multiplier, 1)), calc(var(--seed-line-height-t14-static) * var(--seed-line-height-limit-max, 1)));
|
|
510
|
+
--seed-line-height-t1-static: calc(15px / var(--seed-static-font-scale, 1));
|
|
511
|
+
--seed-line-height-t2-static: calc(16px / var(--seed-static-font-scale, 1));
|
|
512
|
+
--seed-line-height-t3-static: calc(18px / var(--seed-static-font-scale, 1));
|
|
513
|
+
--seed-line-height-t4-static: calc(19px / var(--seed-static-font-scale, 1));
|
|
514
|
+
--seed-line-height-t5-static: calc(22px / var(--seed-static-font-scale, 1));
|
|
515
|
+
--seed-line-height-t6-static: calc(24px / var(--seed-static-font-scale, 1));
|
|
516
|
+
--seed-line-height-t7-static: calc(27px / var(--seed-static-font-scale, 1));
|
|
517
|
+
--seed-line-height-t8-static: calc(30px / var(--seed-static-font-scale, 1));
|
|
518
|
+
--seed-line-height-t9-static: calc(32px / var(--seed-static-font-scale, 1));
|
|
519
|
+
--seed-line-height-t10-static: calc(35px / var(--seed-static-font-scale, 1));
|
|
520
|
+
--seed-line-height-t11-static: calc(38px / var(--seed-static-font-scale, 1));
|
|
521
|
+
--seed-line-height-t12-static: calc(42px / var(--seed-static-font-scale, 1));
|
|
522
|
+
--seed-line-height-t13-static: calc(52px / var(--seed-static-font-scale, 1));
|
|
523
|
+
--seed-line-height-t14-static: calc(60px / var(--seed-static-font-scale, 1));
|
|
523
524
|
--seed-radius-r0_5: 2px;
|
|
524
525
|
--seed-radius-r1: 4px;
|
|
525
526
|
--seed-radius-r1_5: 6px;
|
|
@@ -740,6 +741,7 @@
|
|
|
740
741
|
--seed-color-banner-teal: #e6faf6;
|
|
741
742
|
--seed-color-banner-warm-gray: #f2f0ee;
|
|
742
743
|
--seed-color-banner-yellow: #fffae1;
|
|
744
|
+
--seed-gradient-fade-mask: #0000 0%, #00000003 8%, #00000005 16%, #0000000d 22%, #00000014 29.0%, #00000021 35%, #0000002e 41%, #00000040 47%, #00000052 53%, #0006 59%, #0000007a 65%, #00000094 71%, #000000ab 78%, #000000c7 84%, #000000e3 92%, #000 100%;
|
|
743
745
|
--seed-gradient-glow-magic: #fef6f7 0%, #fef0e7 80%, #f9f7f5 100%;
|
|
744
746
|
--seed-gradient-glow-magic-pressed: #fbf0f2 0%, #ffe8db 80%, #f5f2ef 100%;
|
|
745
747
|
--seed-gradient-highlight-magic: #f60 20%, #d25aca 100%;
|
|
@@ -951,6 +953,7 @@
|
|
|
951
953
|
--seed-color-banner-teal: #143633;
|
|
952
954
|
--seed-color-banner-warm-gray: #2f2b27;
|
|
953
955
|
--seed-color-banner-yellow: #3e2b00;
|
|
956
|
+
--seed-gradient-fade-mask: #0000 0%, #00000003 8%, #00000005 16%, #0000000d 22%, #00000014 29.0%, #00000021 35%, #0000002e 41%, #00000040 47%, #00000052 53%, #0006 59%, #0000007a 65%, #00000094 71%, #000000ab 78%, #000000c7 84%, #000000e3 92%, #000 100%;
|
|
954
957
|
--seed-gradient-glow-magic: #2d252d 0%, #3a312b 80%, #333232 100%;
|
|
955
958
|
--seed-gradient-glow-magic-pressed: #3e333e 0%, #51453e 80%, #434242 100%;
|
|
956
959
|
--seed-gradient-highlight-magic: #f60 20%, #d25aca 100%;
|
|
@@ -9679,13 +9682,11 @@
|
|
|
9679
9682
|
}
|
|
9680
9683
|
|
|
9681
9684
|
.seed-scroll-fog {
|
|
9682
|
-
--scroll-fog-from-color: #0000;
|
|
9683
|
-
--scroll-fog-to-color: #000;
|
|
9684
9685
|
width: 100%;
|
|
9685
9686
|
height: 100%;
|
|
9686
|
-
-webkit-mask-image: linear-gradient(to bottom, var(--scroll-fog-
|
|
9687
|
-
mask-image: linear-gradient(to bottom, var(--scroll-fog-
|
|
9688
|
-
-webkit-mask-image: linear-gradient(to bottom, var(--scroll-fog-
|
|
9687
|
+
-webkit-mask-image: linear-gradient(to bottom, #0000 0, #00000003 calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .08), #00000005 calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .16), #0000000d calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .22), #00000014 calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .29), #00000021 calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .35), #0000002e calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .41), #00000040 calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .47), #00000052 calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .53), #0006 calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .59), #0000007a calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .65), #00000094 calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .71), #000000ab calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .78), #000000c7 calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .84), #000000e3 calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .92), #000 calc(var(--scrollable-top) * var(--scroll-fog-size-top) * 1)), linear-gradient(to top, #0000 0, #00000003 calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .08), #00000005 calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .16), #0000000d calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .22), #00000014 calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .29), #00000021 calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .35), #0000002e calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .41), #00000040 calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .47), #00000052 calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .53), #0006 calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .59), #0000007a calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .65), #00000094 calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .71), #000000ab calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .78), #000000c7 calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .84), #000000e3 calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .92), #000 calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * 1)), linear-gradient(to right, #0000 0, #00000003 calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .08), #00000005 calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .16), #0000000d calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .22), #00000014 calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .29), #00000021 calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .35), #0000002e calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .41), #00000040 calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .47), #00000052 calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .53), #0006 calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .59), #0000007a calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .65), #00000094 calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .71), #000000ab calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .78), #000000c7 calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .84), #000000e3 calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .92), #000 calc(var(--scrollable-left) * var(--scroll-fog-size-left) * 1)), linear-gradient(to left, #0000 0, #00000003 calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .08), #00000005 calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .16), #0000000d calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .22), #00000014 calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .29), #00000021 calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .35), #0000002e calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .41), #00000040 calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .47), #00000052 calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .53), #0006 calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .59), #0000007a calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .65), #00000094 calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .71), #000000ab calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .78), #000000c7 calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .84), #000000e3 calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .92), #000 calc(var(--scrollable-right) * var(--scroll-fog-size-right) * 1));
|
|
9688
|
+
mask-image: linear-gradient(to bottom, #0000 0, #00000003 calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .08), #00000005 calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .16), #0000000d calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .22), #00000014 calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .29), #00000021 calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .35), #0000002e calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .41), #00000040 calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .47), #00000052 calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .53), #0006 calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .59), #0000007a calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .65), #00000094 calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .71), #000000ab calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .78), #000000c7 calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .84), #000000e3 calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .92), #000 calc(var(--scrollable-top) * var(--scroll-fog-size-top) * 1)), linear-gradient(to top, #0000 0, #00000003 calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .08), #00000005 calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .16), #0000000d calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .22), #00000014 calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .29), #00000021 calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .35), #0000002e calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .41), #00000040 calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .47), #00000052 calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .53), #0006 calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .59), #0000007a calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .65), #00000094 calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .71), #000000ab calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .78), #000000c7 calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .84), #000000e3 calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .92), #000 calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * 1)), linear-gradient(to right, #0000 0, #00000003 calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .08), #00000005 calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .16), #0000000d calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .22), #00000014 calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .29), #00000021 calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .35), #0000002e calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .41), #00000040 calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .47), #00000052 calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .53), #0006 calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .59), #0000007a calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .65), #00000094 calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .71), #000000ab calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .78), #000000c7 calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .84), #000000e3 calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .92), #000 calc(var(--scrollable-left) * var(--scroll-fog-size-left) * 1)), linear-gradient(to left, #0000 0, #00000003 calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .08), #00000005 calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .16), #0000000d calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .22), #00000014 calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .29), #00000021 calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .35), #0000002e calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .41), #00000040 calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .47), #00000052 calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .53), #0006 calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .59), #0000007a calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .65), #00000094 calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .71), #000000ab calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .78), #000000c7 calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .84), #000000e3 calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .92), #000 calc(var(--scrollable-right) * var(--scroll-fog-size-right) * 1));
|
|
9689
|
+
-webkit-mask-image: linear-gradient(to bottom, #0000 0, #00000003 calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .08), #00000005 calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .16), #0000000d calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .22), #00000014 calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .29), #00000021 calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .35), #0000002e calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .41), #00000040 calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .47), #00000052 calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .53), #0006 calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .59), #0000007a calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .65), #00000094 calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .71), #000000ab calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .78), #000000c7 calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .84), #000000e3 calc(var(--scrollable-top) * var(--scroll-fog-size-top) * .92), #000 calc(var(--scrollable-top) * var(--scroll-fog-size-top) * 1)), linear-gradient(to top, #0000 0, #00000003 calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .08), #00000005 calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .16), #0000000d calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .22), #00000014 calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .29), #00000021 calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .35), #0000002e calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .41), #00000040 calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .47), #00000052 calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .53), #0006 calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .59), #0000007a calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .65), #00000094 calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .71), #000000ab calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .78), #000000c7 calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .84), #000000e3 calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * .92), #000 calc(var(--scrollable-bottom) * var(--scroll-fog-size-bottom) * 1)), linear-gradient(to right, #0000 0, #00000003 calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .08), #00000005 calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .16), #0000000d calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .22), #00000014 calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .29), #00000021 calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .35), #0000002e calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .41), #00000040 calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .47), #00000052 calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .53), #0006 calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .59), #0000007a calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .65), #00000094 calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .71), #000000ab calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .78), #000000c7 calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .84), #000000e3 calc(var(--scrollable-left) * var(--scroll-fog-size-left) * .92), #000 calc(var(--scrollable-left) * var(--scroll-fog-size-left) * 1)), linear-gradient(to left, #0000 0, #00000003 calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .08), #00000005 calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .16), #0000000d calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .22), #00000014 calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .29), #00000021 calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .35), #0000002e calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .41), #00000040 calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .47), #00000052 calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .53), #0006 calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .59), #0000007a calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .65), #00000094 calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .71), #000000ab calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .78), #000000c7 calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .84), #000000e3 calc(var(--scrollable-right) * var(--scroll-fog-size-right) * .92), #000 calc(var(--scrollable-right) * var(--scroll-fog-size-right) * 1));
|
|
9689
9690
|
-webkit-mask-composite: source-in;
|
|
9690
9691
|
position: relative;
|
|
9691
9692
|
overflow: auto;
|