cetec-design-system 2.2.2-next.0 → 3.0.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.
Files changed (49) hide show
  1. package/dist/{cetec-preset-CcvrY8wh.js → cetec-preset-D23KFUx3.js} +2023 -1574
  2. package/dist/cetec-preset-D23KFUx3.js.map +1 -0
  3. package/dist/icon-metadata.json +447 -178
  4. package/dist/index.js +13313 -9676
  5. package/dist/index.js.map +1 -1
  6. package/dist/panda.buildinfo.json +463 -358
  7. package/dist/playroom-static.css +68896 -180259
  8. package/dist/preset.js +1 -1
  9. package/dist/specs/color-palette.json +4 -0
  10. package/dist/specs/conditions.json +12 -0
  11. package/dist/specs/recipes.json +166 -39
  12. package/dist/specs/semantic-tokens.json +178 -0
  13. package/dist/specs/tokens.json +5 -0
  14. package/dist/sprite.svg +1 -1
  15. package/dist/sprite.symbol.html +463 -180
  16. package/dist/styles.css +2280 -647
  17. package/dist/svgs/cheese.svg +1 -0
  18. package/dist/svgs/collapse-vertical.svg +1 -0
  19. package/dist/svgs/expand-vertical.svg +1 -0
  20. package/dist/svgs/magnet.svg +1 -0
  21. package/dist/svgs/to-date-backward.svg +1 -0
  22. package/dist/svgs/to-date-forward.svg +1 -0
  23. package/dist/types/index.d.ts +3245 -285
  24. package/dist/types/preset.d.ts +15 -0
  25. package/package.json +6 -1
  26. package/src/recipes/autocomplete.ts +266 -0
  27. package/src/recipes/calendar.ts +92 -0
  28. package/src/recipes/chip.ts +6 -0
  29. package/src/recipes/dateMenus.ts +40 -0
  30. package/src/recipes/dateTimeMenus.ts +43 -0
  31. package/src/recipes/menu.ts +13 -1
  32. package/src/recipes/modal.ts +1 -1
  33. package/src/recipes/recipes-slot.ts +7 -2
  34. package/src/recipes/segmentedFields.ts +192 -0
  35. package/src/recipes/segmentedInputs.ts +106 -0
  36. package/src/recipes/text.ts +32 -28
  37. package/src/recipes/timeMenus.ts +110 -0
  38. package/src/styles/primitives/zIndex.ts +1 -0
  39. package/src/styles/semantics/colors.ts +44 -0
  40. package/src/styles/semantics/zIndex.ts +2 -0
  41. package/src/styles/utilities/conditions.ts +1 -0
  42. package/src/styles/utilities/transitions.ts +2 -1
  43. package/src/utils/dsChain.ts +113 -0
  44. package/src/utils/dsComponent.ts +44 -0
  45. package/src/utils/dsPart.ts +41 -0
  46. package/src/utils/splitProps.ts +15 -0
  47. package/dist/cetec-preset-CcvrY8wh.js.map +0 -1
  48. package/src/recipes/datePicker.ts +0 -230
  49. package/src/recipes/timePicker.ts +0 -206
package/dist/styles.css CHANGED
@@ -661,6 +661,7 @@
661
661
  --cetec-z-index-1000: 1000;
662
662
  --cetec-z-index-1100: 1100;
663
663
  --cetec-z-index-1101: 1101;
664
+ --cetec-z-index-1102: 1102;
664
665
  --cetec-z-index-1200: 1200;
665
666
  --cetec-z-index--1: -1;
666
667
  --cetec-breakpoints-xs: 30rem;
@@ -696,24 +697,36 @@
696
697
  --cetec-colors-bg-success-bold: var(--cetec-colors-green-50);
697
698
  --cetec-colors-bg-success-bold-hovered: var(--cetec-colors-green-60);
698
699
  --cetec-colors-bg-success-bold-pressed: var(--cetec-colors-green-70);
700
+ --cetec-colors-bg-success-subtle: var(--cetec-colors-green-5);
701
+ --cetec-colors-bg-success-subtle-hovered: var(--cetec-colors-green-10);
702
+ --cetec-colors-bg-success-subtle-pressed: var(--cetec-colors-green-20);
699
703
  --cetec-colors-bg-warning: var(--cetec-colors-orange-10);
700
704
  --cetec-colors-bg-warning-hovered: var(--cetec-colors-orange-20);
701
705
  --cetec-colors-bg-warning-pressed: var(--cetec-colors-orange-30);
702
706
  --cetec-colors-bg-warning-bold: var(--cetec-colors-orange-50);
703
707
  --cetec-colors-bg-warning-bold-hovered: var(--cetec-colors-orange-60);
704
708
  --cetec-colors-bg-warning-bold-pressed: var(--cetec-colors-orange-70);
709
+ --cetec-colors-bg-warning-subtle: var(--cetec-colors-orange-5);
710
+ --cetec-colors-bg-warning-subtle-hovered: var(--cetec-colors-orange-10);
711
+ --cetec-colors-bg-warning-subtle-pressed: var(--cetec-colors-orange-20);
705
712
  --cetec-colors-bg-danger: var(--cetec-colors-red-10);
706
713
  --cetec-colors-bg-danger-hovered: var(--cetec-colors-red-20);
707
714
  --cetec-colors-bg-danger-pressed: var(--cetec-colors-red-30);
708
715
  --cetec-colors-bg-danger-bold: var(--cetec-colors-red-50);
709
716
  --cetec-colors-bg-danger-bold-hovered: var(--cetec-colors-red-40);
710
717
  --cetec-colors-bg-danger-bold-pressed: var(--cetec-colors-red-60);
718
+ --cetec-colors-bg-danger-subtle: var(--cetec-colors-red-5);
719
+ --cetec-colors-bg-danger-subtle-hovered: var(--cetec-colors-red-10);
720
+ --cetec-colors-bg-danger-subtle-pressed: var(--cetec-colors-red-20);
711
721
  --cetec-colors-bg-info: var(--cetec-colors-blue-10);
712
722
  --cetec-colors-bg-info-hovered: var(--cetec-colors-blue-20);
713
723
  --cetec-colors-bg-info-pressed: var(--cetec-colors-blue-30);
714
724
  --cetec-colors-bg-info-bold: var(--cetec-colors-blue-50);
715
725
  --cetec-colors-bg-info-bold-hovered: var(--cetec-colors-blue-60);
716
726
  --cetec-colors-bg-info-bold-pressed: var(--cetec-colors-blue-70);
727
+ --cetec-colors-bg-info-subtle: var(--cetec-colors-blue-5);
728
+ --cetec-colors-bg-info-subtle-hovered: var(--cetec-colors-blue-10);
729
+ --cetec-colors-bg-info-subtle-pressed: var(--cetec-colors-blue-20);
717
730
  --cetec-colors-bg-cta: var(--cetec-colors-gold-10);
718
731
  --cetec-colors-bg-cta-hovered: var(--cetec-colors-gold-20);
719
732
  --cetec-colors-bg-cta-pressed: var(--cetec-colors-gold-30);
@@ -987,6 +1000,7 @@
987
1000
  --cetec-z-index-elevated: var(--cetec-z-index-1000);
988
1001
  --cetec-z-index-overlay: var(--cetec-z-index-1100);
989
1002
  --cetec-z-index-modal: var(--cetec-z-index-1101);
1003
+ --cetec-z-index-modal-floating: var(--cetec-z-index-1102);
990
1004
  --cetec-z-index-tooltip: var(--cetec-z-index-1200);
991
1005
  }
992
1006
 
@@ -1018,24 +1032,36 @@
1018
1032
  --cetec-colors-bg-success-bold: var(--cetec-colors-green-40);
1019
1033
  --cetec-colors-bg-success-bold-hovered: var(--cetec-colors-green-30);
1020
1034
  --cetec-colors-bg-success-bold-pressed: var(--cetec-colors-green-20);
1035
+ --cetec-colors-bg-success-subtle: var(--cetec-colors-green-80);
1036
+ --cetec-colors-bg-success-subtle-hovered: var(--cetec-colors-green-70);
1037
+ --cetec-colors-bg-success-subtle-pressed: var(--cetec-colors-green-90);
1021
1038
  --cetec-colors-bg-warning: var(--cetec-colors-orange-70);
1022
1039
  --cetec-colors-bg-warning-hovered: var(--cetec-colors-orange-80);
1023
1040
  --cetec-colors-bg-warning-pressed: var(--cetec-colors-orange-90);
1024
1041
  --cetec-colors-bg-warning-bold: var(--cetec-colors-orange-30);
1025
1042
  --cetec-colors-bg-warning-bold-hovered: var(--cetec-colors-orange-40);
1026
1043
  --cetec-colors-bg-warning-bold-pressed: var(--cetec-colors-orange-50);
1044
+ --cetec-colors-bg-warning-subtle: var(--cetec-colors-orange-80);
1045
+ --cetec-colors-bg-warning-subtle-hovered: var(--cetec-colors-orange-70);
1046
+ --cetec-colors-bg-warning-subtle-pressed: var(--cetec-colors-orange-90);
1027
1047
  --cetec-colors-bg-danger: var(--cetec-colors-red-70);
1028
1048
  --cetec-colors-bg-danger-hovered: var(--cetec-colors-red-80);
1029
1049
  --cetec-colors-bg-danger-pressed: var(--cetec-colors-red-90);
1030
1050
  --cetec-colors-bg-danger-bold: var(--cetec-colors-red-40);
1031
1051
  --cetec-colors-bg-danger-bold-hovered: var(--cetec-colors-red-30);
1032
1052
  --cetec-colors-bg-danger-bold-pressed: var(--cetec-colors-red-50);
1053
+ --cetec-colors-bg-danger-subtle: var(--cetec-colors-red-80);
1054
+ --cetec-colors-bg-danger-subtle-hovered: var(--cetec-colors-red-70);
1055
+ --cetec-colors-bg-danger-subtle-pressed: var(--cetec-colors-red-90);
1033
1056
  --cetec-colors-bg-info: var(--cetec-colors-blue-70);
1034
1057
  --cetec-colors-bg-info-hovered: var(--cetec-colors-blue-80);
1035
1058
  --cetec-colors-bg-info-pressed: var(--cetec-colors-blue-90);
1036
1059
  --cetec-colors-bg-info-bold: var(--cetec-colors-blue-40);
1037
1060
  --cetec-colors-bg-info-bold-hovered: var(--cetec-colors-blue-30);
1038
1061
  --cetec-colors-bg-info-bold-pressed: var(--cetec-colors-blue-20);
1062
+ --cetec-colors-bg-info-subtle: var(--cetec-colors-blue-80);
1063
+ --cetec-colors-bg-info-subtle-hovered: var(--cetec-colors-blue-70);
1064
+ --cetec-colors-bg-info-subtle-pressed: var(--cetec-colors-blue-90);
1039
1065
  --cetec-colors-bg-cta: var(--cetec-colors-gold-70);
1040
1066
  --cetec-colors-bg-cta-hovered: var(--cetec-colors-gold-80);
1041
1067
  --cetec-colors-bg-cta-pressed: var(--cetec-colors-gold-90);
@@ -1574,22 +1600,27 @@
1574
1600
  }
1575
1601
 
1576
1602
  .cetec-link {
1603
+ background: none;
1577
1604
  gap: var(--cetec-spacing-1);
1578
- text-decoration: none;
1605
+ text-decoration: underline;
1606
+ transition-property: var(--transition-prop, all);
1607
+ transition-timing-function: var(--transition-easing, cubic-bezier(0.4, 0, 0.2, 1));
1608
+ transition-duration: var(--cetec-durations-fast);
1579
1609
  display: inline-flex;
1580
1610
  align-items: center;
1581
1611
  font-weight: var(--cetec-font-weights-medium);
1582
1612
  color: var(--cetec-colors-link);
1583
- background-image: linear-gradient(90deg, transparent 0% 100%);
1584
- background-size: 100% 1px;
1585
- background-repeat: no-repeat;
1586
- background-position-y: 100%;
1587
- outline-width: var(--cetec-border-widths-2);
1588
- outline-style: solid;
1589
- outline-color: var(--cetec-colors-transparent);
1590
- outline-offset: var(--cetec-spacing-1);
1591
- cursor: pointer;
1592
- width: fit-content;
1613
+ text-decoration-thickness: 0.0625em;
1614
+ text-underline-offset: 0.15625em;
1615
+ text-decoration-skip-ink: all;
1616
+ text-decoration-color: color-mix(in srgb, currentColor 30%, transparent);
1617
+ --transition-duration: var(--cetec-durations-fast);
1618
+ }
1619
+
1620
+ .cetec-link:is(:disabled, [disabled], [data-disabled=true], [aria-disabled=true]) {
1621
+ cursor: not-allowed;
1622
+ opacity: 0.4;
1623
+ pointer-events: none;
1593
1624
  }
1594
1625
 
1595
1626
  .cetec-link:is(:focus-visible, [data-focus-visible=true]) {
@@ -1598,8 +1629,9 @@
1598
1629
  }
1599
1630
 
1600
1631
  .cetec-link:is(:hover, [data-hover=true]) {
1601
- color: var(--cetec-colors-link);
1602
- background-image: linear-gradient(90deg, currentColor 0% 100%);
1632
+ color: var(--cetec-colors-link-pressed);
1633
+ text-decoration-color: var(--cetec-colors-current);
1634
+ text-decoration-thickness: 0.125em;
1603
1635
  }
1604
1636
 
1605
1637
  .cetec-list {
@@ -2155,7 +2187,18 @@
2155
2187
  }
2156
2188
 
2157
2189
  .cetec-label--underline_true {
2190
+ text-decoration-skip-ink: all;
2191
+ }
2192
+
2193
+ .cetec-label--underline_true,.cetec-label--dashedUnderline_true {
2158
2194
  text-decoration: underline;
2195
+ text-decoration-thickness: 0.0625em;
2196
+ text-underline-offset: 0.15625em;
2197
+ }
2198
+
2199
+ .cetec-label--dashedUnderline_true {
2200
+ text-decoration-style: dashed;
2201
+ text-decoration-skip-ink: all;
2159
2202
  }
2160
2203
 
2161
2204
  .cetec-label--truncate_true {
@@ -2268,7 +2311,18 @@
2268
2311
  }
2269
2312
 
2270
2313
  .cetec-link--underline_true {
2314
+ text-decoration-skip-ink: all;
2315
+ }
2316
+
2317
+ .cetec-link--underline_true,.cetec-link--dashedUnderline_true {
2271
2318
  text-decoration: underline;
2319
+ text-decoration-thickness: 0.0625em;
2320
+ text-underline-offset: 0.15625em;
2321
+ }
2322
+
2323
+ .cetec-link--dashedUnderline_true {
2324
+ text-decoration-style: dashed;
2325
+ text-decoration-skip-ink: all;
2272
2326
  }
2273
2327
 
2274
2328
  .cetec-link--truncate_true {
@@ -2469,7 +2523,18 @@
2469
2523
  }
2470
2524
 
2471
2525
  .cetec-text--underline_true {
2526
+ text-decoration-skip-ink: all;
2527
+ }
2528
+
2529
+ .cetec-text--underline_true,.cetec-text--dashedUnderline_true {
2472
2530
  text-decoration: underline;
2531
+ text-decoration-thickness: 0.0625em;
2532
+ text-underline-offset: 0.15625em;
2533
+ }
2534
+
2535
+ .cetec-text--dashedUnderline_true {
2536
+ text-decoration-style: dashed;
2537
+ text-decoration-skip-ink: all;
2473
2538
  }
2474
2539
 
2475
2540
  .cetec-text--truncate_true {
@@ -4285,6 +4350,227 @@
4285
4350
  fill: var(--cetec-colors-icon-inverse);
4286
4351
  }
4287
4352
 
4353
+ .cetec-autocomplete__root {
4354
+ --control-py: var(--cetec-sizes-3);
4355
+ --control-px: var(--cetec-sizes-10);
4356
+ --control-fs: var(--cetec-sizes-16);
4357
+ --control-min-height: var(--cetec-sizes-32);
4358
+ --value-gap: var(--cetec-sizes-4);
4359
+ --input-min-width: var(--cetec-sizes-80);
4360
+ --loading-size: var(--cetec-sizes-20);
4361
+ margin: var(--cetec-spacing-0);
4362
+ padding: var(--cetec-spacing-0);
4363
+ box-sizing: border-box;
4364
+ font-family: var(--cetec-fonts-body);
4365
+ font-variation-settings: "MONO" 0, "CRSV" 0, "CASL" 0, "slnt" 0;
4366
+ font-weight: var(--cetec-font-weights-normal);
4367
+ line-height: var(--cetec-line-heights-default);
4368
+ color: var(--cetec-colors-text-subtlest);
4369
+ position: relative;
4370
+ display: inline-flex;
4371
+ flex-direction: column;
4372
+ width: var(--cetec-sizes-full);
4373
+ min-width: var(--cetec-sizes-0);
4374
+ max-width: var(--cetec-sizes-full);
4375
+ }
4376
+
4377
+ .cetec-autocomplete__root:is(:disabled, [disabled], [data-disabled=true], [aria-disabled=true]) {
4378
+ opacity: 0.4;
4379
+ cursor: not-allowed;
4380
+ }
4381
+
4382
+ .group:is(:disabled, [disabled], [data-disabled=true], [aria-disabled=true]) .cetec-autocomplete__root {
4383
+ opacity: 1;
4384
+ }
4385
+
4386
+ .cetec-autocomplete__control {
4387
+ background: var(--cetec-colors-surface);
4388
+ padding-block: var(--control-py);
4389
+ border-width: var(--cetec-border-widths-1);
4390
+ border-style: solid;
4391
+ border-color: var(--cetec-colors-border-input);
4392
+ border-radius: var(--cetec-radii-4);
4393
+ position: relative;
4394
+ display: flex;
4395
+ align-items: center;
4396
+ padding-inline-start: var(--control-px);
4397
+ padding-inline-end: var(--control-px);
4398
+ color: var(--cetec-colors-text);
4399
+ outline-width: var(--cetec-border-widths-1);
4400
+ outline-style: solid;
4401
+ outline-color: var(--cetec-colors-transparent);
4402
+ cursor: text;
4403
+ --transition-duration: var(--cetec-durations-fast);
4404
+ transition-duration: var(--cetec-durations-fast);
4405
+ --transition-prop: background, border-color, outline-color;
4406
+ transition-property: background, border-color, outline-color;
4407
+ --transition-easing: var(--cetec-easings-default);
4408
+ transition-timing-function: var(--cetec-easings-default);
4409
+ width: var(--cetec-sizes-full);
4410
+ min-width: var(--cetec-sizes-0);
4411
+ min-height: var(--control-min-height);
4412
+ }
4413
+
4414
+ .cetec-autocomplete__control:is(:disabled, [disabled], [data-disabled=true], [aria-disabled=true]) {
4415
+ background: var(--cetec-colors-bg-disabled);
4416
+ border-color: var(--cetec-colors-border-disabled);
4417
+ color: var(--cetec-colors-text-disabled);
4418
+ cursor: not-allowed;
4419
+ pointer-events: none;
4420
+ }
4421
+
4422
+ .cetec-autocomplete__control:is(:disabled, [disabled], [data-disabled=true], [aria-disabled=true]):focus-within {
4423
+ border-color: var(--cetec-colors-border-disabled);
4424
+ outline-color: var(--cetec-colors-transparent);
4425
+ }
4426
+
4427
+ .cetec-autocomplete__control:is([open], [data-open=true], [data-state="open"], :popover-open) {
4428
+ border-color: var(--cetec-colors-border-focused);
4429
+ outline-color: var(--cetec-colors-border-focused);
4430
+ }
4431
+
4432
+ .cetec-autocomplete__control:is([data-error=true]) {
4433
+ border-color: var(--cetec-colors-border-danger);
4434
+ outline-color: var(--cetec-colors-border-danger);
4435
+ }
4436
+
4437
+ .cetec-autocomplete__control:is(:invalid, [data-invalid=true], [aria-invalid=true]) {
4438
+ border-color: var(--cetec-colors-border-danger);
4439
+ outline-color: var(--cetec-colors-border-danger);
4440
+ }
4441
+
4442
+ .cetec-autocomplete__control:is(:valid, [data-valid=true]) {
4443
+ border-color: var(--cetec-colors-border-success);
4444
+ outline-color: var(--cetec-colors-border-success);
4445
+ }
4446
+
4447
+ .cetec-autocomplete__control:focus-within {
4448
+ border-color: var(--cetec-colors-border-focused);
4449
+ outline-color: var(--cetec-colors-border-focused);
4450
+ }
4451
+
4452
+ .cetec-autocomplete__valueContainer {
4453
+ flex: 1 1 0%;
4454
+ gap: var(--value-gap);
4455
+ display: flex;
4456
+ align-items: center;
4457
+ align-content: center;
4458
+ flex-wrap: wrap;
4459
+ min-width: var(--cetec-sizes-0);
4460
+ }
4461
+
4462
+ .cetec-autocomplete__input {
4463
+ padding: var(--cetec-spacing-0);
4464
+ background: var(--cetec-colors-transparent);
4465
+ border: var(--cetec-borders-none);
4466
+ margin-block: calc(var(--cetec-spacing-3) * -1);
4467
+ outline: var(--cetec-borders-none);
4468
+ flex-grow: 1;
4469
+ flex-shrink: 0;
4470
+ flex-basis: var(--input-min-width);
4471
+ color: var(--cetec-colors-text);
4472
+ font-family: var(--cetec-fonts-body);
4473
+ font-size: var(--control-fs);
4474
+ line-height: var(--cetec-line-heights-default);
4475
+ min-width: var(--input-min-width);
4476
+ max-width: var(--cetec-sizes-full);
4477
+ }
4478
+
4479
+ .cetec-autocomplete__input::placeholder,.cetec-autocomplete__input[data-placeholder=true] {
4480
+ color: var(--cetec-colors-text-placeholder);
4481
+ }
4482
+
4483
+ .cetec-autocomplete__input:is(:disabled, [disabled], [data-disabled=true], [aria-disabled=true]) {
4484
+ color: var(--cetec-colors-text-disabled);
4485
+ cursor: not-allowed;
4486
+ }
4487
+
4488
+ .cetec-autocomplete__token {
4489
+ flex: 0 1 auto;
4490
+ min-width: var(--cetec-sizes-0);
4491
+ max-width: var(--cetec-sizes-full);
4492
+ }
4493
+
4494
+ .cetec-autocomplete__token[data-new=true] {
4495
+ background: var(--cetec-colors-transparent);
4496
+ outline-width: var(--cetec-border-widths-1);
4497
+ outline-style: dashed;
4498
+ outline-color: var(--cetec-colors-border-warning);
4499
+ }
4500
+
4501
+ .cetec-autocomplete__overflowIndicator {
4502
+ background: var(--cetec-colors-bg-neutral);
4503
+ padding-inline: var(--cetec-spacing-6);
4504
+ border-radius: var(--cetec-radii-999);
4505
+ display: inline-flex;
4506
+ align-items: center;
4507
+ flex-shrink: 0;
4508
+ color: var(--cetec-colors-text-subtle);
4509
+ font-size: var(--cetec-font-sizes-14);
4510
+ font-weight: var(--cetec-font-weights-medium);
4511
+ line-height: var(--cetec-line-heights-default);
4512
+ white-space: nowrap;
4513
+ min-height: var(--loading-size);
4514
+ }
4515
+
4516
+ .cetec-autocomplete__loadingIndicator {
4517
+ display: inline-flex;
4518
+ align-items: center;
4519
+ align-self: center;
4520
+ flex-shrink: 0;
4521
+ margin-inline-start: var(--control-py);
4522
+ width: var(--loading-size);
4523
+ height: var(--loading-size);
4524
+ }
4525
+
4526
+ .cetec-autocomplete__loadingIndicator :where(svg) {
4527
+ width: var(--loading-size);
4528
+ height: var(--loading-size);
4529
+ }
4530
+
4531
+ .cetec-autocomplete__listbox {
4532
+ margin: var(--cetec-spacing-0);
4533
+ padding: var(--cetec-spacing-0);
4534
+ background: var(--cetec-colors-surface);
4535
+ border-radius: var(--cetec-radii-4);
4536
+ outline: var(--cetec-borders-none);
4537
+ box-sizing: border-box;
4538
+ font-family: var(--cetec-fonts-body);
4539
+ font-variation-settings: "MONO" 0, "CRSV" 0, "CASL" 0, "slnt" 0;
4540
+ font-weight: var(--cetec-font-weights-normal);
4541
+ color: var(--cetec-colors-text-subtlest);
4542
+ box-shadow: var(--cetec-shadows-overlay);
4543
+ max-height: var(--cetec-sizes-192);
4544
+ overflow-y: auto;
4545
+ }
4546
+
4547
+ .cetec-autocomplete__listbox,.cetec-autocomplete__status {
4548
+ line-height: var(--cetec-line-heights-default);
4549
+ width: var(--cetec-sizes-full);
4550
+ }
4551
+
4552
+ .cetec-autocomplete__status {
4553
+ padding-inline: var(--cetec-spacing-12);
4554
+ padding-block: var(--cetec-spacing-8);
4555
+ display: flex;
4556
+ align-items: center;
4557
+ color: var(--cetec-colors-text-subtle);
4558
+ font-size: var(--cetec-font-sizes-14);
4559
+ min-height: var(--cetec-sizes-40);
4560
+ }
4561
+
4562
+ .cetec-autocomplete__liveRegion {
4563
+ position: absolute;
4564
+ width: 1px;
4565
+ height: 1px;
4566
+ padding: 0;
4567
+ margin: -1px;
4568
+ overflow: hidden;
4569
+ clip: rect(0, 0, 0, 0);
4570
+ white-space: nowrap;
4571
+ border-width: 0;
4572
+ }
4573
+
4288
4574
  .cetec-avatar__root {
4289
4575
  background: var(--cetec-colors-bg-neutral-solid);
4290
4576
  display: inline-flex;
@@ -4512,6 +4798,86 @@
4512
4798
  transition-timing-function: var(--cetec-easings-default);
4513
4799
  }
4514
4800
 
4801
+ .cetec-calendar__root {
4802
+ margin: var(--cetec-spacing-0);
4803
+ padding: var(--cetec-spacing-0);
4804
+ background: var(--cetec-colors-surface);
4805
+ box-sizing: border-box;
4806
+ font-family: var(--cetec-fonts-body);
4807
+ font-variation-settings: "MONO" 0, "CRSV" 0, "CASL" 0, "slnt" 0;
4808
+ font-weight: var(--cetec-font-weights-normal);
4809
+ line-height: var(--cetec-line-heights-default);
4810
+ color: var(--cetec-colors-text-subtlest);
4811
+ display: flex;
4812
+ flex-direction: column;
4813
+ align-items: flex-start;
4814
+ width: 278px;
4815
+ }
4816
+
4817
+ .cetec-calendar__header {
4818
+ border-bottom: var(--cetec-borders-default);
4819
+ display: flex;
4820
+ align-items: center;
4821
+ justify-content: space-between;
4822
+ font-family: var(--cetec-fonts-mono);
4823
+ font-variation-settings: "MONO" 1, "CRSV" 0, "CASL" 0, "slnt" 0;
4824
+ width: var(--cetec-sizes-full);
4825
+ }
4826
+
4827
+ .cetec-calendar__header,.cetec-calendar__grid {
4828
+ padding: var(--cetec-spacing-8);
4829
+ gap: var(--cetec-spacing-4);
4830
+ }
4831
+
4832
+ .cetec-calendar__grid {
4833
+ margin-inline: var(--cetec-spacing-auto);
4834
+ display: grid;
4835
+ grid-template-columns: repeat(7, minmax(0, 1fr));
4836
+ width: var(--cetec-sizes-fit);
4837
+ }
4838
+
4839
+ .cetec-calendar__weekdayLabel {
4840
+ display: flex;
4841
+ -webkit-user-select: none;
4842
+ user-select: none;
4843
+ }
4844
+
4845
+ .cetec-calendar__weekdayLabel,.cetec-calendar__day {
4846
+ align-items: center;
4847
+ justify-content: center;
4848
+ }
4849
+
4850
+ .cetec-calendar__day {
4851
+ position: relative;
4852
+ font-family: var(--cetec-fonts-mono);
4853
+ width: var(--cetec-sizes-32);
4854
+ height: var(--cetec-sizes-32);
4855
+ min-width: var(--cetec-sizes-32);
4856
+ }
4857
+
4858
+ .cetec-calendar__day:is([data-today=true]) {
4859
+ outline: 1px solid var(--cetec-colors-border-focused);
4860
+ outline-offset: var(--cetec-spacing-1);
4861
+ }
4862
+
4863
+ .cetec-calendar__day[data-unavailable=true] {
4864
+ color: var(--cetec-colors-text-disabled);
4865
+ cursor: not-allowed;
4866
+ pointer-events: none;
4867
+ }
4868
+
4869
+ .cetec-calendar__day[data-unavailable=true]:is(:hover, [data-hover=true]) {
4870
+ background: var(--cetec-colors-transparent);
4871
+ }
4872
+
4873
+ .cetec-calendar__monthYearGrid {
4874
+ padding: var(--cetec-spacing-8);
4875
+ gap: var(--cetec-spacing-4);
4876
+ display: grid;
4877
+ grid-template-columns: repeat(3, minmax(0, 1fr));
4878
+ width: var(--cetec-sizes-full);
4879
+ }
4880
+
4515
4881
  .cetec-checkbox__container {
4516
4882
  place-content: center;
4517
4883
  position: relative;
@@ -4780,6 +5146,7 @@
4780
5146
  position: relative;
4781
5147
  display: inline-flex;
4782
5148
  align-items: center;
5149
+ justify-content: center;
4783
5150
  flex-shrink: 0;
4784
5151
  outline-width: var(--cetec-border-widths-2);
4785
5152
  outline-style: solid;
@@ -4815,6 +5182,8 @@
4815
5182
 
4816
5183
  .cetec-chip__dismissButton :where(svg) {
4817
5184
  fill: var(--cetec-colors-icon-decorative);
5185
+ width: var(--slot-size);
5186
+ height: var(--slot-size);
4818
5187
  }
4819
5188
 
4820
5189
  .cetec-chip__dismissButton:is(:disabled, [disabled], [data-disabled=true], [aria-disabled=true]) {
@@ -4867,190 +5236,51 @@
4867
5236
  align-items: center;
4868
5237
  }
4869
5238
 
4870
- .cetec-datePicker__root {
4871
- display: inline-flex;
4872
- flex-direction: column;
4873
- position: relative;
4874
- }
4875
-
4876
- .cetec-datePicker__input {
4877
- background: var(--cetec-colors-bg-input);
4878
- gap: var(--cetec-spacing-0);
4879
- border-width: var(--cetec-border-widths-1);
4880
- border-style: solid;
4881
- border-color: var(--cetec-colors-border-input);
4882
- border-radius: var(--cetec-radii-4);
4883
- display: inline-flex;
4884
- align-items: center;
4885
- outline-width: var(--cetec-border-widths-2);
4886
- outline-offset: calc(var(--cetec-spacing-1) * -1);
4887
- outline-style: solid;
4888
- outline-color: var(--cetec-colors-transparent);
4889
- color: var(--cetec-colors-text);
4890
- font-family: var(--cetec-fonts-mono);
4891
- line-height: var(--cetec-line-heights-default);
4892
- cursor: text;
4893
- -webkit-user-select: none;
4894
- user-select: none;
4895
- --transition-duration: var(--cetec-durations-fast);
4896
- transition-duration: var(--cetec-durations-fast);
4897
- --transition-prop: background, border-color, outline-color;
4898
- transition-property: background, border-color, outline-color;
4899
- --transition-easing: var(--cetec-easings-default);
4900
- transition-timing-function: var(--cetec-easings-default);
4901
- width: var(--cetec-sizes-full);
4902
- }
4903
-
4904
- .cetec-datePicker__input:is([open], [data-open=true], [data-state="open"], :popover-open) {
4905
- background: var(--cetec-colors-bg-input-pressed);
4906
- border-color: var(--cetec-colors-border-focused);
4907
- outline-color: var(--cetec-colors-border-focused);
4908
- }
4909
-
4910
- .cetec-datePicker__input:is(:disabled, [disabled], [data-disabled=true], [aria-disabled=true]) {
4911
- background: var(--cetec-colors-bg-disabled);
4912
- border-color: var(--cetec-colors-border-disabled);
4913
- color: var(--cetec-colors-text-disabled);
4914
- cursor: not-allowed;
4915
- pointer-events: none;
4916
- }
4917
-
4918
- .cetec-datePicker__input:is([data-error=true]) {
4919
- border-color: var(--cetec-colors-border-danger);
4920
- }
4921
-
4922
- .cetec-datePicker__input:is([data-error=true]):is(:hover, [data-hover=true]) {
4923
- border-color: var(--cetec-colors-border-danger);
4924
- }
4925
-
4926
- .cetec-datePicker__input:is([data-error=true]):focus-within {
4927
- border-color: var(--cetec-colors-border-danger);
4928
- outline-color: var(--cetec-colors-border-danger);
4929
- }
4930
-
4931
- .cetec-datePicker__input:is([data-error=true]):is([open], [data-open=true], [data-state="open"], :popover-open) {
4932
- border-color: var(--cetec-colors-border-danger);
4933
- outline-color: var(--cetec-colors-border-danger);
4934
- }
4935
-
4936
- .cetec-datePicker__input:focus-within {
4937
- background: var(--cetec-colors-bg-input-pressed);
4938
- border-color: var(--cetec-colors-border-focused);
4939
- outline-color: var(--cetec-colors-border-focused);
4940
- }
4941
-
4942
- .cetec-datePicker__segment {
4943
- outline: var(--cetec-borders-none);
4944
- border-radius: var(--cetec-radii-2);
4945
- display: inline-flex;
4946
- align-items: center;
4947
- justify-content: center;
4948
- cursor: default;
4949
- -webkit-user-select: none;
4950
- user-select: none;
4951
- font-family: var(--cetec-fonts-mono);
4952
- font-variation-settings: "MONO" 1, "CRSV" 0, "CASL" 0, "slnt" 0;
4953
- font-variant-numeric: tabular-nums;
4954
- text-align: center;
4955
- color: var(--cetec-colors-text);
4956
- min-width: 1.5em;
4957
- }
4958
-
4959
- .group:is(:disabled, [disabled], [data-disabled=true], [aria-disabled=true]) .cetec-datePicker__segment {
4960
- color: var(--cetec-colors-text-disabled);
4961
- }
4962
-
4963
- .cetec-datePicker__segment:is(:focus-visible, [data-focus-visible=true]) {
4964
- background: var(--cetec-colors-bg-neutral-hovered);
5239
+ .cetec-dateMenus__calendars {
5240
+ display: flex;
5241
+ align-items: stretch;
4965
5242
  }
4966
5243
 
4967
- .cetec-datePicker__separator {
4968
- color: var(--cetec-colors-text-placeholder);
4969
- -webkit-user-select: none;
4970
- user-select: none;
4971
- display: inline-flex;
4972
- align-items: center;
5244
+ .cetec-dateMenus__calendarsDivider {
5245
+ background: var(--cetec-colors-border);
5246
+ align-self: stretch;
5247
+ width: var(--cetec-sizes-1);
4973
5248
  }
4974
5249
 
4975
- .cetec-datePicker__popover {
4976
- background: var(--cetec-colors-surface-overlay);
4977
- border-width: var(--cetec-border-widths-1);
4978
- border-style: solid;
5250
+ .cetec-dateMenus__footer {
5251
+ gap: var(--cetec-spacing-8);
4979
5252
  border-color: var(--cetec-colors-border);
4980
- border-radius: var(--cetec-radii-8);
4981
- overflow: hidden;
4982
- outline: var(--cetec-borders-none);
4983
- display: flex;
4984
- flex-direction: column;
4985
- box-shadow: var(--cetec-shadows-overlay);
4986
- z-index: var(--cetec-z-index-1000);
4987
- width: var(--cetec-sizes-280);
4988
- }
4989
-
4990
- .cetec-datePicker__calendarHeader {
4991
- padding-inline: var(--cetec-spacing-8);
5253
+ padding-inline: var(--cetec-spacing-16);
4992
5254
  padding-block: var(--cetec-spacing-8);
4993
- border-bottom: var(--cetec-borders-default);
4994
- gap: var(--cetec-spacing-4);
4995
- font-family: var(--cetec-fonts-mono);
4996
5255
  display: flex;
5256
+ justify-content: flex-end;
4997
5257
  align-items: center;
4998
- justify-content: space-between;
5258
+ border-top-width: var(--cetec-border-widths-1);
5259
+ border-top-style: solid;
4999
5260
  }
5000
5261
 
5001
- .cetec-datePicker__calendarGrid {
5002
- gap: var(--cetec-spacing-2);
5003
- padding-inline: var(--cetec-spacing-8);
5004
- padding-block: var(--cetec-spacing-4);
5005
- display: grid;
5006
- grid-template-columns: repeat(7, 1fr);
5007
- padding-bottom: var(--cetec-spacing-8);
5008
- }
5009
-
5010
- .cetec-datePicker__weekdayLabel {
5262
+ .cetec-dateTimeMenus__content {
5011
5263
  display: flex;
5012
- align-items: center;
5013
- justify-content: center;
5014
- -webkit-user-select: none;
5015
- user-select: none;
5016
- }
5017
-
5018
- .cetec-datePicker__day {
5019
- align-items: center;
5020
- justify-content: center;
5021
- font-family: var(--cetec-fonts-mono);
5022
- width: var(--cetec-sizes-32);
5023
- height: var(--cetec-sizes-32);
5024
- }
5025
-
5026
- .cetec-datePicker__day:is([data-today=true]) {
5027
- background: var(--cetec-colors-bg-selected);
5028
- font-weight: var(--cetec-font-weights-bold);
5029
- color: var(--cetec-colors-text-selected);
5264
+ align-items: stretch;
5030
5265
  }
5031
5266
 
5032
- .cetec-datePicker__day:is([aria-selected=true], [data-selected=true]) {
5033
- background: var(--cetec-colors-bg-selected-bold);
5034
- color: var(--cetec-colors-text-inverse);
5035
- }
5036
-
5037
- .cetec-datePicker__day:is([aria-selected=true], [data-selected=true]):is(:hover, [data-hover=true]) {
5038
- background: var(--cetec-colors-bg-selected-bold-hovered);
5039
- }
5040
-
5041
- .cetec-datePicker__day:is([aria-selected=true], [data-selected=true]):is([data-today=true]) {
5042
- background: var(--cetec-colors-bg-selected-bold);
5043
- color: var(--cetec-colors-text-inverse);
5044
- }
5045
-
5046
- .cetec-datePicker__day[data-unavailable=true] {
5047
- color: var(--cetec-colors-text-disabled);
5048
- cursor: not-allowed;
5049
- pointer-events: none;
5267
+ .cetec-dateTimeMenus__divider {
5268
+ background: var(--cetec-colors-border);
5269
+ align-self: stretch;
5270
+ width: var(--cetec-sizes-4);
5050
5271
  }
5051
5272
 
5052
- .cetec-datePicker__day[data-unavailable=true]:is(:hover, [data-hover=true]) {
5053
- background: var(--cetec-colors-transparent);
5273
+ .cetec-dateTimeMenus__footer {
5274
+ gap: var(--cetec-spacing-8);
5275
+ border-color: var(--cetec-colors-border);
5276
+ padding-inline: var(--cetec-spacing-16);
5277
+ padding-block: var(--cetec-spacing-8);
5278
+ display: flex;
5279
+ justify-content: flex-end;
5280
+ align-items: center;
5281
+ width: var(--cetec-sizes-full);
5282
+ border-top-width: var(--cetec-border-widths-1);
5283
+ border-top-style: solid;
5054
5284
  }
5055
5285
 
5056
5286
  .cetec-formField__container:is(:disabled, [disabled], [data-disabled=true], [aria-disabled=true]) {
@@ -5311,7 +5541,6 @@
5311
5541
  line-height: var(--cetec-line-heights-default);
5312
5542
  color: var(--cetec-colors-text-subtlest);
5313
5543
  box-shadow: var(--cetec-shadows-overlay);
5314
- z-index: 100;
5315
5544
  --transition-prop: width, height;
5316
5545
  transition-property: width, height;
5317
5546
  --transition-duration: var(--cetec-durations-normal);
@@ -5570,6 +5799,188 @@
5570
5799
  height: var(--cetec-sizes-24);
5571
5800
  }
5572
5801
 
5802
+ .cetec-segmentedFields__container {
5803
+ --input-py: var(--cetec-sizes-3);
5804
+ --input-px: var(--cetec-sizes-10);
5805
+ --slot-size: var(--cetec-sizes-20);
5806
+ --slot-px: var(--cetec-sizes-6);
5807
+ margin: var(--cetec-spacing-0);
5808
+ padding: var(--cetec-spacing-0);
5809
+ background: var(--cetec-colors-bg-input);
5810
+ padding-block: var(--input-py);
5811
+ padding-inline: var(--input-px);
5812
+ border-width: var(--cetec-border-widths-1);
5813
+ border-style: solid;
5814
+ border-color: var(--cetec-colors-border-input);
5815
+ border-radius: var(--cetec-radii-4);
5816
+ box-sizing: border-box;
5817
+ font-family: var(--cetec-fonts-body);
5818
+ font-variation-settings: "MONO" 0, "CRSV" 0, "CASL" 0, "slnt" 0;
5819
+ font-weight: var(--cetec-font-weights-normal);
5820
+ line-height: var(--cetec-line-heights-default);
5821
+ color: var(--cetec-colors-text-subtlest);
5822
+ position: relative;
5823
+ display: flex;
5824
+ align-items: center;
5825
+ outline-width: var(--cetec-border-widths-2);
5826
+ outline-offset: calc(var(--cetec-spacing-1) * -1);
5827
+ outline-style: solid;
5828
+ outline-color: var(--cetec-colors-transparent);
5829
+ --transition-duration: var(--cetec-durations-fast);
5830
+ transition-duration: var(--cetec-durations-fast);
5831
+ --transition-prop: background, border-color, outline-color;
5832
+ transition-property: background, border-color, outline-color;
5833
+ --transition-easing: var(--cetec-easings-default);
5834
+ transition-timing-function: var(--cetec-easings-default);
5835
+ width: var(--cetec-sizes-full);
5836
+ }
5837
+
5838
+ .cetec-segmentedFields__container:is([open], [data-open=true], [data-state="open"], :popover-open) {
5839
+ background: var(--cetec-colors-bg-input-pressed);
5840
+ border-color: var(--cetec-colors-border-focused);
5841
+ outline-color: var(--cetec-colors-border-focused);
5842
+ }
5843
+
5844
+ .cetec-segmentedFields__container:is(:disabled, [disabled], [data-disabled=true], [aria-disabled=true]) {
5845
+ background: var(--cetec-colors-bg-disabled);
5846
+ border-color: var(--cetec-colors-border-disabled);
5847
+ cursor: not-allowed;
5848
+ pointer-events: none;
5849
+ }
5850
+
5851
+ .cetec-segmentedFields__container:is([data-error=true]) {
5852
+ border-color: var(--cetec-colors-border-danger);
5853
+ }
5854
+
5855
+ .cetec-segmentedFields__container:is([data-error=true]):focus-within:not(:has(button:focus)) {
5856
+ border-color: var(--cetec-colors-border-danger);
5857
+ outline-color: var(--cetec-colors-border-danger);
5858
+ }
5859
+
5860
+ .cetec-segmentedFields__container:is(:invalid, [data-invalid=true], [aria-invalid=true]) {
5861
+ border-color: var(--cetec-colors-border-danger);
5862
+ }
5863
+
5864
+ .cetec-segmentedFields__container:is(:invalid, [data-invalid=true], [aria-invalid=true]):focus-within:not(:has(button:focus)) {
5865
+ border-color: var(--cetec-colors-border-danger);
5866
+ outline-color: var(--cetec-colors-border-danger);
5867
+ }
5868
+
5869
+ .cetec-segmentedFields__container:focus-within:not(:has(button:focus)) {
5870
+ background: var(--cetec-colors-bg-input-pressed);
5871
+ border-color: var(--cetec-colors-border-focused);
5872
+ outline-color: var(--cetec-colors-border-focused);
5873
+ }
5874
+
5875
+ .cetec-segmentedFields__slot {
5876
+ padding-inline: var(--slot-px);
5877
+ --transition-duration: var(--cetec-durations-fast);
5878
+ transition-duration: var(--cetec-durations-fast);
5879
+ --transition-prop: all;
5880
+ transition-property: all;
5881
+ --transition-easing: var(--cetec-easings-default);
5882
+ transition-timing-function: var(--cetec-easings-default);
5883
+ fill: var(--cetec-colors-icon-decorative);
5884
+ pointer-events: none;
5885
+ }
5886
+
5887
+ .cetec-segmentedFields__slot,.cetec-segmentedFields__buttonSlot {
5888
+ flex: 0 0 var(--slot-size);
5889
+ display: inline-flex;
5890
+ align-items: center;
5891
+ z-index: var(--cetec-z-index-1);
5892
+ }
5893
+
5894
+ .cetec-segmentedFields__buttonSlot {
5895
+ margin: calc(var(--cetec-spacing-1) * -1);
5896
+ padding-inline: var(--cetec-spacing-0);
5897
+ }
5898
+
5899
+ .cetec-segmentedInputs__root {
5900
+ margin: var(--cetec-spacing-0);
5901
+ padding: var(--cetec-spacing-0);
5902
+ gap: var(--cetec-spacing-0);
5903
+ box-sizing: border-box;
5904
+ font-family: var(--cetec-fonts-mono);
5905
+ font-variation-settings: "MONO" 0, "CRSV" 0, "CASL" 0, "slnt" 0;
5906
+ font-weight: var(--cetec-font-weights-normal);
5907
+ line-height: var(--cetec-line-heights-default);
5908
+ color: var(--cetec-colors-text);
5909
+ display: inline-flex;
5910
+ align-items: center;
5911
+ cursor: text;
5912
+ -webkit-user-select: none;
5913
+ user-select: none;
5914
+ flex-grow: 0;
5915
+ flex-shrink: 0;
5916
+ flex-basis: var(--cetec-sizes-fit);
5917
+ width: var(--cetec-sizes-fit);
5918
+ min-width: var(--cetec-sizes-0);
5919
+ }
5920
+
5921
+ .cetec-segmentedInputs__root:is(:disabled, [disabled], [data-disabled=true], [aria-disabled=true]) {
5922
+ color: var(--cetec-colors-text-disabled);
5923
+ cursor: not-allowed;
5924
+ pointer-events: none;
5925
+ }
5926
+
5927
+ .cetec-segmentedInputs__segment {
5928
+ outline: var(--cetec-borders-none);
5929
+ border-radius: var(--cetec-radii-2);
5930
+ display: inline-flex;
5931
+ align-items: center;
5932
+ justify-content: center;
5933
+ cursor: default;
5934
+ -webkit-user-select: none;
5935
+ user-select: none;
5936
+ font-family: var(--cetec-fonts-mono);
5937
+ font-variation-settings: "MONO" 1, "CRSV" 0, "CASL" 0, "slnt" 0;
5938
+ font-variant-numeric: tabular-nums;
5939
+ text-align: center;
5940
+ color: var(--cetec-colors-text);
5941
+ }
5942
+
5943
+ .group:is(:disabled, [disabled], [data-disabled=true], [aria-disabled=true]) .cetec-segmentedInputs__segment {
5944
+ color: var(--cetec-colors-text-disabled);
5945
+ }
5946
+
5947
+ .cetec-segmentedInputs__segment:is(:focus, [data-focus=true]) {
5948
+ --mix-background: color-mix(in srgb, var(--cetec-colors-bg-accent-gold-subtlest) 75%, transparent);
5949
+ background: var(--mix-background, var(--cetec-colors-bg-accent-gold-subtlest));
5950
+ }
5951
+
5952
+ .cetec-segmentedInputs__separator {
5953
+ color: var(--cetec-colors-text-placeholder);
5954
+ text-align: center;
5955
+ -webkit-user-select: none;
5956
+ user-select: none;
5957
+ white-space: pre;
5958
+ display: inline-flex;
5959
+ align-items: center;
5960
+ justify-content: center;
5961
+ min-width: 0.75em;
5962
+ }
5963
+
5964
+ .cetec-segmentedInputs__separator[data-gap=none] {
5965
+ padding-inline: var(--cetec-spacing-0);
5966
+ min-width: var(--cetec-sizes-0);
5967
+ }
5968
+
5969
+ .cetec-segmentedInputs__separator[data-gap=tight] {
5970
+ padding-inline: var(--cetec-spacing-1);
5971
+ min-width: 0.5em;
5972
+ }
5973
+
5974
+ .cetec-segmentedInputs__separator[data-gap=normal] {
5975
+ padding-inline: var(--cetec-spacing-1);
5976
+ min-width: 0.75em;
5977
+ }
5978
+
5979
+ .cetec-segmentedInputs__separator[data-gap=loose] {
5980
+ padding-inline: var(--cetec-spacing-2);
5981
+ min-width: 1.25em;
5982
+ }
5983
+
5573
5984
  .cetec-select__root {
5574
5985
  --icon-size: var(--cetec-sizes-24);
5575
5986
  --icon-margin: var(--cetec-sizes-3);
@@ -5848,166 +6259,61 @@
5848
6259
  padding-inline: var(--cetec-spacing-0);
5849
6260
  }
5850
6261
 
5851
- .cetec-timePicker__root {
5852
- display: inline-flex;
5853
- flex-direction: column;
5854
- position: relative;
6262
+ .cetec-timeMenus__columns {
6263
+ align-items: stretch;
5855
6264
  }
5856
6265
 
5857
- .cetec-timePicker__input {
5858
- background: var(--cetec-colors-bg-input);
5859
- gap: var(--cetec-spacing-2);
5860
- border-width: var(--cetec-border-widths-1);
5861
- border-style: solid;
5862
- border-color: var(--cetec-colors-border-input);
5863
- border-radius: var(--cetec-radii-4);
5864
- display: inline-flex;
5865
- align-items: center;
5866
- outline-width: var(--cetec-border-widths-2);
5867
- outline-offset: calc(var(--cetec-spacing-1) * -1);
5868
- outline-style: solid;
5869
- outline-color: var(--cetec-colors-transparent);
5870
- color: var(--cetec-colors-text);
5871
- font-family: var(--cetec-fonts-mono);
5872
- line-height: var(--cetec-line-heights-default);
5873
- cursor: text;
5874
- -webkit-user-select: none;
5875
- user-select: none;
5876
- --transition-duration: var(--cetec-durations-fast);
5877
- transition-duration: var(--cetec-durations-fast);
5878
- --transition-prop: background, border-color, outline-color;
5879
- transition-property: background, border-color, outline-color;
5880
- --transition-easing: var(--cetec-easings-default);
5881
- transition-timing-function: var(--cetec-easings-default);
5882
- width: var(--cetec-sizes-full);
5883
- }
5884
-
5885
- .cetec-timePicker__input:is([open], [data-open=true], [data-state="open"], :popover-open) {
5886
- background: var(--cetec-colors-bg-input-pressed);
5887
- border-color: var(--cetec-colors-border-focused);
5888
- outline-color: var(--cetec-colors-border-focused);
5889
- }
5890
-
5891
- .cetec-timePicker__input:is(:disabled, [disabled], [data-disabled=true], [aria-disabled=true]) {
5892
- background: var(--cetec-colors-bg-disabled);
5893
- border-color: var(--cetec-colors-border-disabled);
5894
- color: var(--cetec-colors-text-disabled);
5895
- cursor: not-allowed;
5896
- pointer-events: none;
5897
- }
5898
-
5899
- .cetec-timePicker__input:is([data-error=true]) {
5900
- border-color: var(--cetec-colors-border-danger);
5901
- }
5902
-
5903
- .cetec-timePicker__input:is([data-error=true]):is(:hover, [data-hover=true]) {
5904
- border-color: var(--cetec-colors-border-danger);
5905
- }
5906
-
5907
- .cetec-timePicker__input:is([data-error=true]):focus-within {
5908
- border-color: var(--cetec-colors-border-danger);
5909
- outline-color: var(--cetec-colors-border-danger);
5910
- }
5911
-
5912
- .cetec-timePicker__input:is([data-error=true]):is([open], [data-open=true], [data-state="open"], :popover-open) {
5913
- border-color: var(--cetec-colors-border-danger);
5914
- outline-color: var(--cetec-colors-border-danger);
5915
- }
5916
-
5917
- .cetec-timePicker__input:focus-within {
5918
- background: var(--cetec-colors-bg-input-pressed);
5919
- border-color: var(--cetec-colors-border-focused);
5920
- outline-color: var(--cetec-colors-border-focused);
5921
- }
5922
-
5923
- .cetec-timePicker__segment {
5924
- outline: var(--cetec-borders-none);
5925
- border-radius: var(--cetec-radii-2);
5926
- display: inline-flex;
5927
- align-items: center;
5928
- justify-content: center;
5929
- cursor: default;
5930
- -webkit-user-select: none;
5931
- user-select: none;
5932
- font-family: var(--cetec-fonts-mono);
5933
- font-variation-settings: "MONO" 1, "CRSV" 0, "CASL" 0, "slnt" 0;
5934
- font-variant-numeric: tabular-nums;
5935
- text-align: center;
5936
- color: var(--cetec-colors-text);
5937
- min-width: 1.5em;
5938
- }
5939
-
5940
- .group:is(:disabled, [disabled], [data-disabled=true], [aria-disabled=true]) .cetec-timePicker__segment {
5941
- color: var(--cetec-colors-text-disabled);
5942
- }
5943
-
5944
- .cetec-timePicker__segment:is(:focus-visible, [data-focus-visible=true]) {
5945
- background: var(--cetec-colors-bg-neutral-hovered);
5946
- }
5947
-
5948
- .cetec-timePicker__separator {
5949
- color: var(--cetec-colors-text-placeholder);
5950
- -webkit-user-select: none;
5951
- user-select: none;
5952
- display: inline-flex;
5953
- align-items: center;
5954
- }
5955
-
5956
- .cetec-timePicker__popover {
5957
- background: var(--cetec-colors-surface-overlay);
5958
- border-width: var(--cetec-border-widths-1);
5959
- border-style: solid;
5960
- border-color: var(--cetec-colors-border);
5961
- border-radius: var(--cetec-radii-8);
5962
- overflow: hidden;
5963
- outline: var(--cetec-borders-none);
6266
+ .cetec-timeMenus__columns,.cetec-timeMenus__column {
5964
6267
  display: flex;
5965
- flex-direction: row;
5966
- box-shadow: var(--cetec-shadows-overlay);
5967
- z-index: var(--cetec-z-index-1000);
5968
- width: var(--cetec-sizes-fit);
6268
+ min-height: var(--cetec-sizes-0);
5969
6269
  }
5970
6270
 
5971
- .cetec-timePicker__column {
6271
+ .cetec-timeMenus__column {
5972
6272
  flex: 1 1 0%;
5973
- scroll-snap-type: y mandatory;
5974
- border-right: var(--cetec-borders-default);
5975
- display: flex;
6273
+ border-color: var(--cetec-colors-border);
5976
6274
  flex-direction: column;
5977
6275
  text-align: center;
5978
6276
  scrollbar-width: none;
5979
- -ms-overflow-style: none;
5980
- overflow-y: auto;
5981
- max-height: var(--cetec-sizes-200);
5982
6277
  min-width: var(--cetec-sizes-56);
6278
+ max-height: var(--cetec-sizes-200);
6279
+ overflow-y: auto;
6280
+ border-right-width: var(--cetec-border-widths-1);
6281
+ border-right-style: solid;
5983
6282
  }
5984
6283
 
5985
- .cetec-timePicker__column:last-child {
6284
+ .cetec-timeMenus__column:last-child {
5986
6285
  border-right: var(--cetec-borders-none);
5987
6286
  }
5988
6287
 
5989
- .cetec-timePicker__column::-webkit-scrollbar {
6288
+ .cetec-timeMenus__column::-webkit-scrollbar {
5990
6289
  display: none;
5991
6290
  }
5992
6291
 
5993
- .cetec-timePicker__columnLabel {
5994
- background: var(--cetec-colors-surface-overlay);
6292
+ .cetec-timeMenus__columnHeader {
6293
+ background: var(--cetec-colors-surface);
5995
6294
  padding-block: var(--cetec-spacing-4);
5996
- padding-inline: var(--cetec-spacing-8);
5997
- border-bottom: var(--cetec-borders-default);
5998
- display: flex;
5999
- align-items: center;
6000
- justify-content: center;
6001
- font-size: 11px;
6002
- font-weight: var(--cetec-font-weights-medium);
6003
- color: var(--cetec-colors-text-subtlest);
6004
- text-transform: uppercase;
6005
- letter-spacing: var(--cetec-letter-spacings-widest);
6295
+ border-color: var(--cetec-colors-border);
6006
6296
  position: sticky;
6297
+ text-align: center;
6298
+ font-size: var(--cetec-font-sizes-12);
6299
+ font-weight: semibold;
6300
+ color: var(--cetec-colors-text-subtlest);
6007
6301
  z-index: var(--cetec-z-index-1);
6008
- -webkit-user-select: none;
6009
- user-select: none;
6010
6302
  top: var(--cetec-spacing-0);
6303
+ border-bottom-width: var(--cetec-border-widths-1);
6304
+ border-bottom-style: solid;
6305
+ }
6306
+
6307
+ .cetec-timeMenus__footer {
6308
+ gap: var(--cetec-spacing-8);
6309
+ border-color: var(--cetec-colors-border);
6310
+ padding-inline: var(--cetec-spacing-16);
6311
+ padding-block: var(--cetec-spacing-8);
6312
+ display: flex;
6313
+ justify-content: flex-end;
6314
+ align-items: center;
6315
+ border-top-width: var(--cetec-border-widths-1);
6316
+ border-top-style: solid;
6011
6317
  }
6012
6318
 
6013
6319
  .cetec-tooltip__tooltipContent {
@@ -6096,6 +6402,54 @@
6096
6402
  fill: var(--cetec-colors-icon-inverse);
6097
6403
  }
6098
6404
 
6405
+ .cetec-autocomplete__root--size_md {
6406
+ --control-py: var(--cetec-sizes-3);
6407
+ --control-px: var(--cetec-sizes-10);
6408
+ --control-fs: var(--cetec-sizes-16);
6409
+ --control-min-height: var(--cetec-sizes-32);
6410
+ --value-gap: var(--cetec-sizes-4);
6411
+ --input-min-width: var(--cetec-sizes-80);
6412
+ --loading-size: var(--cetec-sizes-20);
6413
+ }
6414
+
6415
+ .cetec-autocomplete__listbox--layer_elevated {
6416
+ z-index: var(--cetec-z-index-elevated);
6417
+ }
6418
+
6419
+ .cetec-autocomplete__root--size_sm {
6420
+ --control-py: var(--cetec-sizes-0);
6421
+ --control-px: var(--cetec-sizes-8);
6422
+ --control-fs: var(--cetec-sizes-14);
6423
+ --control-min-height: var(--cetec-sizes-24);
6424
+ --value-gap: var(--cetec-sizes-3);
6425
+ --input-min-width: var(--cetec-sizes-64);
6426
+ --loading-size: var(--cetec-sizes-16);
6427
+ }
6428
+
6429
+ .cetec-autocomplete__root--size_lg {
6430
+ --control-py: var(--cetec-sizes-7);
6431
+ --control-px: var(--cetec-sizes-12);
6432
+ --control-fs: var(--cetec-sizes-16);
6433
+ --control-min-height: var(--cetec-sizes-40);
6434
+ --value-gap: var(--cetec-sizes-5);
6435
+ --input-min-width: var(--cetec-sizes-96);
6436
+ --loading-size: var(--cetec-sizes-20);
6437
+ }
6438
+
6439
+ .cetec-autocomplete__root--size_xl {
6440
+ --control-py: var(--cetec-sizes-9);
6441
+ --control-px: var(--cetec-sizes-16);
6442
+ --control-fs: var(--cetec-sizes-20);
6443
+ --control-min-height: var(--cetec-sizes-48);
6444
+ --value-gap: var(--cetec-sizes-6);
6445
+ --input-min-width: var(--cetec-sizes-112);
6446
+ --loading-size: var(--cetec-sizes-24);
6447
+ }
6448
+
6449
+ .cetec-autocomplete__listbox--layer_modalFloating {
6450
+ z-index: var(--cetec-z-index-modal-floating);
6451
+ }
6452
+
6099
6453
  .cetec-avatar__root--size_md {
6100
6454
  width: var(--cetec-sizes-20);
6101
6455
  }
@@ -6672,6 +7026,11 @@
6672
7026
  padding-inline-end: var(--cetec-spacing-0);
6673
7027
  }
6674
7028
 
7029
+ .cetec-calendar__day--type_months,.cetec-calendar__day--type_years {
7030
+ padding-inline: var(--cetec-spacing-8);
7031
+ width: var(--cetec-sizes-auto);
7032
+ }
7033
+
6675
7034
  .cetec-chip__container--size_md {
6676
7035
  --chip-h: var(--cetec-sizes-24);
6677
7036
  --main-px: var(--cetec-sizes-8);
@@ -6716,30 +7075,6 @@
6716
7075
  padding-inline-end: var(--main-slot-side-padding);
6717
7076
  }
6718
7077
 
6719
- .cetec-datePicker__input--size_md {
6720
- padding-block: var(--cetec-spacing-3);
6721
- padding-inline: var(--cetec-spacing-10);
6722
- font-size: var(--cetec-font-sizes-16);
6723
- }
6724
-
6725
- .cetec-datePicker__input--size_sm {
6726
- padding-block: var(--cetec-spacing-0);
6727
- padding-inline: var(--cetec-spacing-8);
6728
- font-size: var(--cetec-font-sizes-14);
6729
- }
6730
-
6731
- .cetec-datePicker__input--size_lg {
6732
- padding-block: var(--cetec-spacing-7);
6733
- padding-inline: var(--cetec-spacing-12);
6734
- font-size: var(--cetec-font-sizes-16);
6735
- }
6736
-
6737
- .cetec-datePicker__input--size_xl {
6738
- padding-block: var(--cetec-spacing-9);
6739
- padding-inline: var(--cetec-spacing-16);
6740
- font-size: var(--cetec-font-sizes-20);
6741
- }
6742
-
6743
7078
  .cetec-formField__container--layout_default {
6744
7079
  gap: var(--cetec-spacing-2);
6745
7080
  display: flex;
@@ -7244,19 +7579,24 @@
7244
7579
  padding-block: var(--cetec-spacing-1);
7245
7580
  padding-inline-end: var(--cetec-spacing-18);
7246
7581
  padding-inline-start: var(--cetec-spacing-5);
7247
- }
7248
-
7249
- .cetec-menu__backHeader--density_compact,.cetec-menu__backHeader--density_comfortable {
7250
7582
  font-family: var(--cetec-fonts-body);
7251
7583
  font-variation-settings: "MONO" 0, "CRSV" 0, "CASL" 0, "slnt" 0;
7252
7584
  color: var(--cetec-colors-text);
7253
7585
  font-size: var(--cetec-font-sizes-16);
7254
7586
  }
7255
7587
 
7588
+ .cetec-menu__wrapper--layer_elevated {
7589
+ z-index: var(--cetec-z-index-elevated);
7590
+ }
7591
+
7256
7592
  .cetec-menu__backHeader--density_comfortable {
7257
7593
  padding-block: var(--cetec-spacing-5);
7258
7594
  padding-inline-end: var(--cetec-spacing-20);
7259
7595
  padding-inline-start: var(--cetec-spacing-7);
7596
+ font-family: var(--cetec-fonts-body);
7597
+ font-variation-settings: "MONO" 0, "CRSV" 0, "CASL" 0, "slnt" 0;
7598
+ color: var(--cetec-colors-text);
7599
+ font-size: var(--cetec-font-sizes-16);
7260
7600
  }
7261
7601
 
7262
7602
  .cetec-menu__backHeader--density_spacious {
@@ -7269,6 +7609,10 @@
7269
7609
  font-size: var(--cetec-font-sizes-20);
7270
7610
  }
7271
7611
 
7612
+ .cetec-menu__wrapper--layer_modalFloating {
7613
+ z-index: var(--cetec-z-index-modal-floating);
7614
+ }
7615
+
7272
7616
  .cetec-menu__wrapper--panel_true {
7273
7617
  border-radius: var(--cetec-radii-0);
7274
7618
  box-shadow: none;
@@ -7334,6 +7678,88 @@
7334
7678
  animation: modalScaleOutTop 150ms ease-out forwards;
7335
7679
  }
7336
7680
 
7681
+ .cetec-segmentedFields__container--size_md {
7682
+ --input-py: var(--cetec-sizes-3);
7683
+ --input-px: var(--cetec-sizes-10);
7684
+ --slot-size: var(--cetec-sizes-20);
7685
+ --slot-px: var(--cetec-sizes-6);
7686
+ }
7687
+
7688
+ .cetec-segmentedFields__container--size_sm {
7689
+ --input-py: var(--cetec-sizes-0);
7690
+ --input-px: var(--cetec-sizes-8);
7691
+ --slot-size: var(--cetec-sizes-16);
7692
+ --slot-px: var(--cetec-sizes-4);
7693
+ }
7694
+
7695
+ .cetec-segmentedFields__container--size_lg {
7696
+ --input-py: var(--cetec-sizes-7);
7697
+ --input-px: var(--cetec-sizes-12);
7698
+ --slot-size: var(--cetec-sizes-24);
7699
+ --slot-px: var(--cetec-sizes-8);
7700
+ }
7701
+
7702
+ .cetec-segmentedFields__container--size_xl {
7703
+ --input-py: var(--cetec-sizes-9);
7704
+ --input-px: var(--cetec-sizes-16);
7705
+ --slot-size: var(--cetec-sizes-28);
7706
+ --slot-px: var(--cetec-sizes-10);
7707
+ }
7708
+
7709
+ .cetec-segmentedFields__container--field_date {
7710
+ min-width: var(--cetec-sizes-128);
7711
+ }
7712
+
7713
+ .cetec-segmentedFields__container--field_time {
7714
+ min-width: var(--cetec-sizes-104);
7715
+ }
7716
+
7717
+ .cetec-segmentedFields__container--field_dateTime {
7718
+ min-width: var(--cetec-sizes-216);
7719
+ }
7720
+
7721
+ .cetec-segmentedFields__container--range_date {
7722
+ min-width: var(--cetec-sizes-248);
7723
+ }
7724
+
7725
+ .cetec-segmentedFields__container--range_time {
7726
+ min-width: var(--cetec-sizes-200);
7727
+ }
7728
+
7729
+ .cetec-segmentedFields__container--before_true {
7730
+ padding-inline-start: var(--cetec-spacing-0);
7731
+ }
7732
+
7733
+ .cetec-segmentedFields__buttonSlot--before_true button {
7734
+ border-top-right-radius: var(--cetec-radii-0);
7735
+ border-bottom-right-radius: var(--cetec-radii-0);
7736
+ }
7737
+
7738
+ .cetec-segmentedFields__container--after_true {
7739
+ padding-inline-end: var(--cetec-spacing-0);
7740
+ }
7741
+
7742
+ .cetec-segmentedFields__buttonSlot--after_true button {
7743
+ border-top-left-radius: var(--cetec-radii-0);
7744
+ border-bottom-left-radius: var(--cetec-radii-0);
7745
+ }
7746
+
7747
+ .cetec-segmentedInputs__root--size_md {
7748
+ font-size: var(--cetec-font-sizes-16);
7749
+ }
7750
+
7751
+ .cetec-segmentedInputs__root--size_sm {
7752
+ font-size: var(--cetec-font-sizes-14);
7753
+ }
7754
+
7755
+ .cetec-segmentedInputs__root--size_lg {
7756
+ font-size: var(--cetec-font-sizes-16);
7757
+ }
7758
+
7759
+ .cetec-segmentedInputs__root--size_xl {
7760
+ font-size: var(--cetec-font-sizes-20);
7761
+ }
7762
+
7337
7763
  .cetec-select__root--size_md {
7338
7764
  --icon-size: var(--cetec-sizes-24);
7339
7765
  --icon-margin: var(--cetec-sizes-3);
@@ -7486,28 +7912,8 @@
7486
7912
  max-width: var(--cetec-sizes-full);
7487
7913
  }
7488
7914
 
7489
- .cetec-timePicker__input--size_md {
7490
- padding-block: var(--cetec-spacing-3);
7491
- padding-inline: var(--cetec-spacing-10);
7492
- font-size: var(--cetec-font-sizes-16);
7493
- }
7494
-
7495
- .cetec-timePicker__input--size_sm {
7496
- padding-block: var(--cetec-spacing-0);
7497
- padding-inline: var(--cetec-spacing-8);
7498
- font-size: var(--cetec-font-sizes-14);
7499
- }
7500
-
7501
- .cetec-timePicker__input--size_lg {
7502
- padding-block: var(--cetec-spacing-7);
7503
- padding-inline: var(--cetec-spacing-12);
7504
- font-size: var(--cetec-font-sizes-16);
7505
- }
7506
-
7507
- .cetec-timePicker__input--size_xl {
7508
- padding-block: var(--cetec-spacing-9);
7509
- padding-inline: var(--cetec-spacing-16);
7510
- font-size: var(--cetec-font-sizes-20);
7915
+ .cetec-timeMenus__column--stretch_true {
7916
+ max-height: none;
7511
7917
  }
7512
7918
 
7513
7919
  .cetec-tooltip__tooltipContent--size_md {
@@ -7561,6 +7967,42 @@
7561
7967
  height: var(--cetec-sizes-28);
7562
7968
  width: var(--cetec-sizes-28);
7563
7969
  min-height: var(--cetec-sizes-28);
7970
+ }
7971
+ .xs\:cetec-autocomplete__root--size_sm {
7972
+ --control-py: var(--cetec-sizes-0);
7973
+ --control-px: var(--cetec-sizes-8);
7974
+ --control-fs: var(--cetec-sizes-14);
7975
+ --control-min-height: var(--cetec-sizes-24);
7976
+ --value-gap: var(--cetec-sizes-3);
7977
+ --input-min-width: var(--cetec-sizes-64);
7978
+ --loading-size: var(--cetec-sizes-16);
7979
+ }
7980
+ .xs\:cetec-autocomplete__root--size_md {
7981
+ --control-py: var(--cetec-sizes-3);
7982
+ --control-px: var(--cetec-sizes-10);
7983
+ --control-fs: var(--cetec-sizes-16);
7984
+ --control-min-height: var(--cetec-sizes-32);
7985
+ --value-gap: var(--cetec-sizes-4);
7986
+ --input-min-width: var(--cetec-sizes-80);
7987
+ --loading-size: var(--cetec-sizes-20);
7988
+ }
7989
+ .xs\:cetec-autocomplete__root--size_lg {
7990
+ --control-py: var(--cetec-sizes-7);
7991
+ --control-px: var(--cetec-sizes-12);
7992
+ --control-fs: var(--cetec-sizes-16);
7993
+ --control-min-height: var(--cetec-sizes-40);
7994
+ --value-gap: var(--cetec-sizes-5);
7995
+ --input-min-width: var(--cetec-sizes-96);
7996
+ --loading-size: var(--cetec-sizes-20);
7997
+ }
7998
+ .xs\:cetec-autocomplete__root--size_xl {
7999
+ --control-py: var(--cetec-sizes-9);
8000
+ --control-px: var(--cetec-sizes-16);
8001
+ --control-fs: var(--cetec-sizes-20);
8002
+ --control-min-height: var(--cetec-sizes-48);
8003
+ --value-gap: var(--cetec-sizes-6);
8004
+ --input-min-width: var(--cetec-sizes-112);
8005
+ --loading-size: var(--cetec-sizes-24);
7564
8006
  }
7565
8007
  .xs\:cetec-avatar__root--size_sm {
7566
8008
  width: var(--cetec-sizes-16);
@@ -8070,26 +8512,6 @@
8070
8512
  }
8071
8513
  .xs\:cetec-chip__mainContent--after_true {
8072
8514
  padding-inline-end: var(--main-slot-side-padding);
8073
- }
8074
- .xs\:cetec-datePicker__input--size_sm {
8075
- padding-block: var(--cetec-spacing-0);
8076
- padding-inline: var(--cetec-spacing-8);
8077
- font-size: var(--cetec-font-sizes-14);
8078
- }
8079
- .xs\:cetec-datePicker__input--size_md {
8080
- padding-block: var(--cetec-spacing-3);
8081
- padding-inline: var(--cetec-spacing-10);
8082
- font-size: var(--cetec-font-sizes-16);
8083
- }
8084
- .xs\:cetec-datePicker__input--size_lg {
8085
- padding-block: var(--cetec-spacing-7);
8086
- padding-inline: var(--cetec-spacing-12);
8087
- font-size: var(--cetec-font-sizes-16);
8088
- }
8089
- .xs\:cetec-datePicker__input--size_xl {
8090
- padding-block: var(--cetec-spacing-9);
8091
- padding-inline: var(--cetec-spacing-16);
8092
- font-size: var(--cetec-font-sizes-20);
8093
8515
  }
8094
8516
  .xs\:cetec-formField__labelWrapper--size_sm .cetec-label {
8095
8517
  font-size: var(--cetec-font-sizes-14);
@@ -8578,6 +9000,68 @@
8578
9000
  font-variation-settings: "MONO" 0, "CRSV" 0, "CASL" 0, "slnt" 0;
8579
9001
  color: var(--cetec-colors-text);
8580
9002
  font-size: var(--cetec-font-sizes-20);
9003
+ }
9004
+ .xs\:cetec-segmentedFields__container--size_sm {
9005
+ --input-py: var(--cetec-sizes-0);
9006
+ --input-px: var(--cetec-sizes-8);
9007
+ --slot-size: var(--cetec-sizes-16);
9008
+ --slot-px: var(--cetec-sizes-4);
9009
+ }
9010
+ .xs\:cetec-segmentedFields__container--size_md {
9011
+ --input-py: var(--cetec-sizes-3);
9012
+ --input-px: var(--cetec-sizes-10);
9013
+ --slot-size: var(--cetec-sizes-20);
9014
+ --slot-px: var(--cetec-sizes-6);
9015
+ }
9016
+ .xs\:cetec-segmentedFields__container--size_lg {
9017
+ --input-py: var(--cetec-sizes-7);
9018
+ --input-px: var(--cetec-sizes-12);
9019
+ --slot-size: var(--cetec-sizes-24);
9020
+ --slot-px: var(--cetec-sizes-8);
9021
+ }
9022
+ .xs\:cetec-segmentedFields__container--size_xl {
9023
+ --input-py: var(--cetec-sizes-9);
9024
+ --input-px: var(--cetec-sizes-16);
9025
+ --slot-size: var(--cetec-sizes-28);
9026
+ --slot-px: var(--cetec-sizes-10);
9027
+ }
9028
+ .xs\:cetec-segmentedFields__container--field_date {
9029
+ min-width: var(--cetec-sizes-128);
9030
+ }
9031
+ .xs\:cetec-segmentedFields__container--field_time {
9032
+ min-width: var(--cetec-sizes-104);
9033
+ }
9034
+ .xs\:cetec-segmentedFields__container--field_dateTime {
9035
+ min-width: var(--cetec-sizes-216);
9036
+ }
9037
+ .xs\:cetec-segmentedFields__container--range_date {
9038
+ min-width: var(--cetec-sizes-248);
9039
+ }
9040
+ .xs\:cetec-segmentedFields__container--range_time {
9041
+ min-width: var(--cetec-sizes-200);
9042
+ }
9043
+ .xs\:cetec-segmentedFields__container--before_true {
9044
+ padding-inline-start: var(--cetec-spacing-0);
9045
+ }
9046
+ .xs\:cetec-segmentedFields__buttonSlot--before_true button {
9047
+ border-top-right-radius: var(--cetec-radii-0);
9048
+ border-bottom-right-radius: var(--cetec-radii-0);
9049
+ }
9050
+ .xs\:cetec-segmentedFields__container--after_true {
9051
+ padding-inline-end: var(--cetec-spacing-0);
9052
+ }
9053
+ .xs\:cetec-segmentedFields__buttonSlot--after_true button {
9054
+ border-top-left-radius: var(--cetec-radii-0);
9055
+ border-bottom-left-radius: var(--cetec-radii-0);
9056
+ }
9057
+ .xs\:cetec-segmentedInputs__root--size_sm {
9058
+ font-size: var(--cetec-font-sizes-14);
9059
+ }
9060
+ .xs\:cetec-segmentedInputs__root--size_md,.xs\:cetec-segmentedInputs__root--size_lg {
9061
+ font-size: var(--cetec-font-sizes-16);
9062
+ }
9063
+ .xs\:cetec-segmentedInputs__root--size_xl {
9064
+ font-size: var(--cetec-font-sizes-20);
8581
9065
  }
8582
9066
  .xs\:cetec-textInput__container--size_sm {
8583
9067
  --input-py: var(--cetec-sizes-0);
@@ -8624,26 +9108,6 @@
8624
9108
  .xs\:cetec-textInput__buttonSlot--after_true button {
8625
9109
  border-top-left-radius: var(--cetec-radii-0);
8626
9110
  border-bottom-left-radius: var(--cetec-radii-0);
8627
- }
8628
- .xs\:cetec-timePicker__input--size_sm {
8629
- padding-block: var(--cetec-spacing-0);
8630
- padding-inline: var(--cetec-spacing-8);
8631
- font-size: var(--cetec-font-sizes-14);
8632
- }
8633
- .xs\:cetec-timePicker__input--size_md {
8634
- padding-block: var(--cetec-spacing-3);
8635
- padding-inline: var(--cetec-spacing-10);
8636
- font-size: var(--cetec-font-sizes-16);
8637
- }
8638
- .xs\:cetec-timePicker__input--size_lg {
8639
- padding-block: var(--cetec-spacing-7);
8640
- padding-inline: var(--cetec-spacing-12);
8641
- font-size: var(--cetec-font-sizes-16);
8642
- }
8643
- .xs\:cetec-timePicker__input--size_xl {
8644
- padding-block: var(--cetec-spacing-9);
8645
- padding-inline: var(--cetec-spacing-16);
8646
- font-size: var(--cetec-font-sizes-20);
8647
9111
  }
8648
9112
  .xs\:cetec-tooltip__tooltipContent--size_sm {
8649
9113
  padding-block: var(--cetec-spacing-2);
@@ -8688,6 +9152,42 @@
8688
9152
  height: var(--cetec-sizes-28);
8689
9153
  width: var(--cetec-sizes-28);
8690
9154
  min-height: var(--cetec-sizes-28);
9155
+ }
9156
+ .sm\:cetec-autocomplete__root--size_sm {
9157
+ --control-py: var(--cetec-sizes-0);
9158
+ --control-px: var(--cetec-sizes-8);
9159
+ --control-fs: var(--cetec-sizes-14);
9160
+ --control-min-height: var(--cetec-sizes-24);
9161
+ --value-gap: var(--cetec-sizes-3);
9162
+ --input-min-width: var(--cetec-sizes-64);
9163
+ --loading-size: var(--cetec-sizes-16);
9164
+ }
9165
+ .sm\:cetec-autocomplete__root--size_md {
9166
+ --control-py: var(--cetec-sizes-3);
9167
+ --control-px: var(--cetec-sizes-10);
9168
+ --control-fs: var(--cetec-sizes-16);
9169
+ --control-min-height: var(--cetec-sizes-32);
9170
+ --value-gap: var(--cetec-sizes-4);
9171
+ --input-min-width: var(--cetec-sizes-80);
9172
+ --loading-size: var(--cetec-sizes-20);
9173
+ }
9174
+ .sm\:cetec-autocomplete__root--size_lg {
9175
+ --control-py: var(--cetec-sizes-7);
9176
+ --control-px: var(--cetec-sizes-12);
9177
+ --control-fs: var(--cetec-sizes-16);
9178
+ --control-min-height: var(--cetec-sizes-40);
9179
+ --value-gap: var(--cetec-sizes-5);
9180
+ --input-min-width: var(--cetec-sizes-96);
9181
+ --loading-size: var(--cetec-sizes-20);
9182
+ }
9183
+ .sm\:cetec-autocomplete__root--size_xl {
9184
+ --control-py: var(--cetec-sizes-9);
9185
+ --control-px: var(--cetec-sizes-16);
9186
+ --control-fs: var(--cetec-sizes-20);
9187
+ --control-min-height: var(--cetec-sizes-48);
9188
+ --value-gap: var(--cetec-sizes-6);
9189
+ --input-min-width: var(--cetec-sizes-112);
9190
+ --loading-size: var(--cetec-sizes-24);
8691
9191
  }
8692
9192
  .sm\:cetec-avatar__root--size_sm {
8693
9193
  width: var(--cetec-sizes-16);
@@ -9197,26 +9697,6 @@
9197
9697
  }
9198
9698
  .sm\:cetec-chip__mainContent--after_true {
9199
9699
  padding-inline-end: var(--main-slot-side-padding);
9200
- }
9201
- .sm\:cetec-datePicker__input--size_sm {
9202
- padding-block: var(--cetec-spacing-0);
9203
- padding-inline: var(--cetec-spacing-8);
9204
- font-size: var(--cetec-font-sizes-14);
9205
- }
9206
- .sm\:cetec-datePicker__input--size_md {
9207
- padding-block: var(--cetec-spacing-3);
9208
- padding-inline: var(--cetec-spacing-10);
9209
- font-size: var(--cetec-font-sizes-16);
9210
- }
9211
- .sm\:cetec-datePicker__input--size_lg {
9212
- padding-block: var(--cetec-spacing-7);
9213
- padding-inline: var(--cetec-spacing-12);
9214
- font-size: var(--cetec-font-sizes-16);
9215
- }
9216
- .sm\:cetec-datePicker__input--size_xl {
9217
- padding-block: var(--cetec-spacing-9);
9218
- padding-inline: var(--cetec-spacing-16);
9219
- font-size: var(--cetec-font-sizes-20);
9220
9700
  }
9221
9701
  .sm\:cetec-formField__labelWrapper--size_sm .cetec-label {
9222
9702
  font-size: var(--cetec-font-sizes-14);
@@ -9705,6 +10185,68 @@
9705
10185
  font-variation-settings: "MONO" 0, "CRSV" 0, "CASL" 0, "slnt" 0;
9706
10186
  color: var(--cetec-colors-text);
9707
10187
  font-size: var(--cetec-font-sizes-20);
10188
+ }
10189
+ .sm\:cetec-segmentedFields__container--size_sm {
10190
+ --input-py: var(--cetec-sizes-0);
10191
+ --input-px: var(--cetec-sizes-8);
10192
+ --slot-size: var(--cetec-sizes-16);
10193
+ --slot-px: var(--cetec-sizes-4);
10194
+ }
10195
+ .sm\:cetec-segmentedFields__container--size_md {
10196
+ --input-py: var(--cetec-sizes-3);
10197
+ --input-px: var(--cetec-sizes-10);
10198
+ --slot-size: var(--cetec-sizes-20);
10199
+ --slot-px: var(--cetec-sizes-6);
10200
+ }
10201
+ .sm\:cetec-segmentedFields__container--size_lg {
10202
+ --input-py: var(--cetec-sizes-7);
10203
+ --input-px: var(--cetec-sizes-12);
10204
+ --slot-size: var(--cetec-sizes-24);
10205
+ --slot-px: var(--cetec-sizes-8);
10206
+ }
10207
+ .sm\:cetec-segmentedFields__container--size_xl {
10208
+ --input-py: var(--cetec-sizes-9);
10209
+ --input-px: var(--cetec-sizes-16);
10210
+ --slot-size: var(--cetec-sizes-28);
10211
+ --slot-px: var(--cetec-sizes-10);
10212
+ }
10213
+ .sm\:cetec-segmentedFields__container--field_date {
10214
+ min-width: var(--cetec-sizes-128);
10215
+ }
10216
+ .sm\:cetec-segmentedFields__container--field_time {
10217
+ min-width: var(--cetec-sizes-104);
10218
+ }
10219
+ .sm\:cetec-segmentedFields__container--field_dateTime {
10220
+ min-width: var(--cetec-sizes-216);
10221
+ }
10222
+ .sm\:cetec-segmentedFields__container--range_date {
10223
+ min-width: var(--cetec-sizes-248);
10224
+ }
10225
+ .sm\:cetec-segmentedFields__container--range_time {
10226
+ min-width: var(--cetec-sizes-200);
10227
+ }
10228
+ .sm\:cetec-segmentedFields__container--before_true {
10229
+ padding-inline-start: var(--cetec-spacing-0);
10230
+ }
10231
+ .sm\:cetec-segmentedFields__buttonSlot--before_true button {
10232
+ border-top-right-radius: var(--cetec-radii-0);
10233
+ border-bottom-right-radius: var(--cetec-radii-0);
10234
+ }
10235
+ .sm\:cetec-segmentedFields__container--after_true {
10236
+ padding-inline-end: var(--cetec-spacing-0);
10237
+ }
10238
+ .sm\:cetec-segmentedFields__buttonSlot--after_true button {
10239
+ border-top-left-radius: var(--cetec-radii-0);
10240
+ border-bottom-left-radius: var(--cetec-radii-0);
10241
+ }
10242
+ .sm\:cetec-segmentedInputs__root--size_sm {
10243
+ font-size: var(--cetec-font-sizes-14);
10244
+ }
10245
+ .sm\:cetec-segmentedInputs__root--size_md,.sm\:cetec-segmentedInputs__root--size_lg {
10246
+ font-size: var(--cetec-font-sizes-16);
10247
+ }
10248
+ .sm\:cetec-segmentedInputs__root--size_xl {
10249
+ font-size: var(--cetec-font-sizes-20);
9708
10250
  }
9709
10251
  .sm\:cetec-textInput__container--size_sm {
9710
10252
  --input-py: var(--cetec-sizes-0);
@@ -9751,26 +10293,6 @@
9751
10293
  .sm\:cetec-textInput__buttonSlot--after_true button {
9752
10294
  border-top-left-radius: var(--cetec-radii-0);
9753
10295
  border-bottom-left-radius: var(--cetec-radii-0);
9754
- }
9755
- .sm\:cetec-timePicker__input--size_sm {
9756
- padding-block: var(--cetec-spacing-0);
9757
- padding-inline: var(--cetec-spacing-8);
9758
- font-size: var(--cetec-font-sizes-14);
9759
- }
9760
- .sm\:cetec-timePicker__input--size_md {
9761
- padding-block: var(--cetec-spacing-3);
9762
- padding-inline: var(--cetec-spacing-10);
9763
- font-size: var(--cetec-font-sizes-16);
9764
- }
9765
- .sm\:cetec-timePicker__input--size_lg {
9766
- padding-block: var(--cetec-spacing-7);
9767
- padding-inline: var(--cetec-spacing-12);
9768
- font-size: var(--cetec-font-sizes-16);
9769
- }
9770
- .sm\:cetec-timePicker__input--size_xl {
9771
- padding-block: var(--cetec-spacing-9);
9772
- padding-inline: var(--cetec-spacing-16);
9773
- font-size: var(--cetec-font-sizes-20);
9774
10296
  }
9775
10297
  .sm\:cetec-tooltip__tooltipContent--size_sm {
9776
10298
  padding-block: var(--cetec-spacing-2);
@@ -9815,6 +10337,42 @@
9815
10337
  height: var(--cetec-sizes-28);
9816
10338
  width: var(--cetec-sizes-28);
9817
10339
  min-height: var(--cetec-sizes-28);
10340
+ }
10341
+ .md\:cetec-autocomplete__root--size_sm {
10342
+ --control-py: var(--cetec-sizes-0);
10343
+ --control-px: var(--cetec-sizes-8);
10344
+ --control-fs: var(--cetec-sizes-14);
10345
+ --control-min-height: var(--cetec-sizes-24);
10346
+ --value-gap: var(--cetec-sizes-3);
10347
+ --input-min-width: var(--cetec-sizes-64);
10348
+ --loading-size: var(--cetec-sizes-16);
10349
+ }
10350
+ .md\:cetec-autocomplete__root--size_md {
10351
+ --control-py: var(--cetec-sizes-3);
10352
+ --control-px: var(--cetec-sizes-10);
10353
+ --control-fs: var(--cetec-sizes-16);
10354
+ --control-min-height: var(--cetec-sizes-32);
10355
+ --value-gap: var(--cetec-sizes-4);
10356
+ --input-min-width: var(--cetec-sizes-80);
10357
+ --loading-size: var(--cetec-sizes-20);
10358
+ }
10359
+ .md\:cetec-autocomplete__root--size_lg {
10360
+ --control-py: var(--cetec-sizes-7);
10361
+ --control-px: var(--cetec-sizes-12);
10362
+ --control-fs: var(--cetec-sizes-16);
10363
+ --control-min-height: var(--cetec-sizes-40);
10364
+ --value-gap: var(--cetec-sizes-5);
10365
+ --input-min-width: var(--cetec-sizes-96);
10366
+ --loading-size: var(--cetec-sizes-20);
10367
+ }
10368
+ .md\:cetec-autocomplete__root--size_xl {
10369
+ --control-py: var(--cetec-sizes-9);
10370
+ --control-px: var(--cetec-sizes-16);
10371
+ --control-fs: var(--cetec-sizes-20);
10372
+ --control-min-height: var(--cetec-sizes-48);
10373
+ --value-gap: var(--cetec-sizes-6);
10374
+ --input-min-width: var(--cetec-sizes-112);
10375
+ --loading-size: var(--cetec-sizes-24);
9818
10376
  }
9819
10377
  .md\:cetec-avatar__root--size_sm {
9820
10378
  width: var(--cetec-sizes-16);
@@ -10324,26 +10882,6 @@
10324
10882
  }
10325
10883
  .md\:cetec-chip__mainContent--after_true {
10326
10884
  padding-inline-end: var(--main-slot-side-padding);
10327
- }
10328
- .md\:cetec-datePicker__input--size_sm {
10329
- padding-block: var(--cetec-spacing-0);
10330
- padding-inline: var(--cetec-spacing-8);
10331
- font-size: var(--cetec-font-sizes-14);
10332
- }
10333
- .md\:cetec-datePicker__input--size_md {
10334
- padding-block: var(--cetec-spacing-3);
10335
- padding-inline: var(--cetec-spacing-10);
10336
- font-size: var(--cetec-font-sizes-16);
10337
- }
10338
- .md\:cetec-datePicker__input--size_lg {
10339
- padding-block: var(--cetec-spacing-7);
10340
- padding-inline: var(--cetec-spacing-12);
10341
- font-size: var(--cetec-font-sizes-16);
10342
- }
10343
- .md\:cetec-datePicker__input--size_xl {
10344
- padding-block: var(--cetec-spacing-9);
10345
- padding-inline: var(--cetec-spacing-16);
10346
- font-size: var(--cetec-font-sizes-20);
10347
10885
  }
10348
10886
  .md\:cetec-formField__labelWrapper--size_sm .cetec-label {
10349
10887
  font-size: var(--cetec-font-sizes-14);
@@ -10832,6 +11370,68 @@
10832
11370
  font-variation-settings: "MONO" 0, "CRSV" 0, "CASL" 0, "slnt" 0;
10833
11371
  color: var(--cetec-colors-text);
10834
11372
  font-size: var(--cetec-font-sizes-20);
11373
+ }
11374
+ .md\:cetec-segmentedFields__container--size_sm {
11375
+ --input-py: var(--cetec-sizes-0);
11376
+ --input-px: var(--cetec-sizes-8);
11377
+ --slot-size: var(--cetec-sizes-16);
11378
+ --slot-px: var(--cetec-sizes-4);
11379
+ }
11380
+ .md\:cetec-segmentedFields__container--size_md {
11381
+ --input-py: var(--cetec-sizes-3);
11382
+ --input-px: var(--cetec-sizes-10);
11383
+ --slot-size: var(--cetec-sizes-20);
11384
+ --slot-px: var(--cetec-sizes-6);
11385
+ }
11386
+ .md\:cetec-segmentedFields__container--size_lg {
11387
+ --input-py: var(--cetec-sizes-7);
11388
+ --input-px: var(--cetec-sizes-12);
11389
+ --slot-size: var(--cetec-sizes-24);
11390
+ --slot-px: var(--cetec-sizes-8);
11391
+ }
11392
+ .md\:cetec-segmentedFields__container--size_xl {
11393
+ --input-py: var(--cetec-sizes-9);
11394
+ --input-px: var(--cetec-sizes-16);
11395
+ --slot-size: var(--cetec-sizes-28);
11396
+ --slot-px: var(--cetec-sizes-10);
11397
+ }
11398
+ .md\:cetec-segmentedFields__container--field_date {
11399
+ min-width: var(--cetec-sizes-128);
11400
+ }
11401
+ .md\:cetec-segmentedFields__container--field_time {
11402
+ min-width: var(--cetec-sizes-104);
11403
+ }
11404
+ .md\:cetec-segmentedFields__container--field_dateTime {
11405
+ min-width: var(--cetec-sizes-216);
11406
+ }
11407
+ .md\:cetec-segmentedFields__container--range_date {
11408
+ min-width: var(--cetec-sizes-248);
11409
+ }
11410
+ .md\:cetec-segmentedFields__container--range_time {
11411
+ min-width: var(--cetec-sizes-200);
11412
+ }
11413
+ .md\:cetec-segmentedFields__container--before_true {
11414
+ padding-inline-start: var(--cetec-spacing-0);
11415
+ }
11416
+ .md\:cetec-segmentedFields__buttonSlot--before_true button {
11417
+ border-top-right-radius: var(--cetec-radii-0);
11418
+ border-bottom-right-radius: var(--cetec-radii-0);
11419
+ }
11420
+ .md\:cetec-segmentedFields__container--after_true {
11421
+ padding-inline-end: var(--cetec-spacing-0);
11422
+ }
11423
+ .md\:cetec-segmentedFields__buttonSlot--after_true button {
11424
+ border-top-left-radius: var(--cetec-radii-0);
11425
+ border-bottom-left-radius: var(--cetec-radii-0);
11426
+ }
11427
+ .md\:cetec-segmentedInputs__root--size_sm {
11428
+ font-size: var(--cetec-font-sizes-14);
11429
+ }
11430
+ .md\:cetec-segmentedInputs__root--size_md,.md\:cetec-segmentedInputs__root--size_lg {
11431
+ font-size: var(--cetec-font-sizes-16);
11432
+ }
11433
+ .md\:cetec-segmentedInputs__root--size_xl {
11434
+ font-size: var(--cetec-font-sizes-20);
10835
11435
  }
10836
11436
  .md\:cetec-textInput__container--size_sm {
10837
11437
  --input-py: var(--cetec-sizes-0);
@@ -10878,26 +11478,6 @@
10878
11478
  .md\:cetec-textInput__buttonSlot--after_true button {
10879
11479
  border-top-left-radius: var(--cetec-radii-0);
10880
11480
  border-bottom-left-radius: var(--cetec-radii-0);
10881
- }
10882
- .md\:cetec-timePicker__input--size_sm {
10883
- padding-block: var(--cetec-spacing-0);
10884
- padding-inline: var(--cetec-spacing-8);
10885
- font-size: var(--cetec-font-sizes-14);
10886
- }
10887
- .md\:cetec-timePicker__input--size_md {
10888
- padding-block: var(--cetec-spacing-3);
10889
- padding-inline: var(--cetec-spacing-10);
10890
- font-size: var(--cetec-font-sizes-16);
10891
- }
10892
- .md\:cetec-timePicker__input--size_lg {
10893
- padding-block: var(--cetec-spacing-7);
10894
- padding-inline: var(--cetec-spacing-12);
10895
- font-size: var(--cetec-font-sizes-16);
10896
- }
10897
- .md\:cetec-timePicker__input--size_xl {
10898
- padding-block: var(--cetec-spacing-9);
10899
- padding-inline: var(--cetec-spacing-16);
10900
- font-size: var(--cetec-font-sizes-20);
10901
11481
  }
10902
11482
  .md\:cetec-tooltip__tooltipContent--size_sm {
10903
11483
  padding-block: var(--cetec-spacing-2);
@@ -10942,6 +11522,42 @@
10942
11522
  height: var(--cetec-sizes-28);
10943
11523
  width: var(--cetec-sizes-28);
10944
11524
  min-height: var(--cetec-sizes-28);
11525
+ }
11526
+ .lg\:cetec-autocomplete__root--size_sm {
11527
+ --control-py: var(--cetec-sizes-0);
11528
+ --control-px: var(--cetec-sizes-8);
11529
+ --control-fs: var(--cetec-sizes-14);
11530
+ --control-min-height: var(--cetec-sizes-24);
11531
+ --value-gap: var(--cetec-sizes-3);
11532
+ --input-min-width: var(--cetec-sizes-64);
11533
+ --loading-size: var(--cetec-sizes-16);
11534
+ }
11535
+ .lg\:cetec-autocomplete__root--size_md {
11536
+ --control-py: var(--cetec-sizes-3);
11537
+ --control-px: var(--cetec-sizes-10);
11538
+ --control-fs: var(--cetec-sizes-16);
11539
+ --control-min-height: var(--cetec-sizes-32);
11540
+ --value-gap: var(--cetec-sizes-4);
11541
+ --input-min-width: var(--cetec-sizes-80);
11542
+ --loading-size: var(--cetec-sizes-20);
11543
+ }
11544
+ .lg\:cetec-autocomplete__root--size_lg {
11545
+ --control-py: var(--cetec-sizes-7);
11546
+ --control-px: var(--cetec-sizes-12);
11547
+ --control-fs: var(--cetec-sizes-16);
11548
+ --control-min-height: var(--cetec-sizes-40);
11549
+ --value-gap: var(--cetec-sizes-5);
11550
+ --input-min-width: var(--cetec-sizes-96);
11551
+ --loading-size: var(--cetec-sizes-20);
11552
+ }
11553
+ .lg\:cetec-autocomplete__root--size_xl {
11554
+ --control-py: var(--cetec-sizes-9);
11555
+ --control-px: var(--cetec-sizes-16);
11556
+ --control-fs: var(--cetec-sizes-20);
11557
+ --control-min-height: var(--cetec-sizes-48);
11558
+ --value-gap: var(--cetec-sizes-6);
11559
+ --input-min-width: var(--cetec-sizes-112);
11560
+ --loading-size: var(--cetec-sizes-24);
10945
11561
  }
10946
11562
  .lg\:cetec-avatar__root--size_sm {
10947
11563
  width: var(--cetec-sizes-16);
@@ -11451,26 +12067,6 @@
11451
12067
  }
11452
12068
  .lg\:cetec-chip__mainContent--after_true {
11453
12069
  padding-inline-end: var(--main-slot-side-padding);
11454
- }
11455
- .lg\:cetec-datePicker__input--size_sm {
11456
- padding-block: var(--cetec-spacing-0);
11457
- padding-inline: var(--cetec-spacing-8);
11458
- font-size: var(--cetec-font-sizes-14);
11459
- }
11460
- .lg\:cetec-datePicker__input--size_md {
11461
- padding-block: var(--cetec-spacing-3);
11462
- padding-inline: var(--cetec-spacing-10);
11463
- font-size: var(--cetec-font-sizes-16);
11464
- }
11465
- .lg\:cetec-datePicker__input--size_lg {
11466
- padding-block: var(--cetec-spacing-7);
11467
- padding-inline: var(--cetec-spacing-12);
11468
- font-size: var(--cetec-font-sizes-16);
11469
- }
11470
- .lg\:cetec-datePicker__input--size_xl {
11471
- padding-block: var(--cetec-spacing-9);
11472
- padding-inline: var(--cetec-spacing-16);
11473
- font-size: var(--cetec-font-sizes-20);
11474
12070
  }
11475
12071
  .lg\:cetec-formField__labelWrapper--size_sm .cetec-label {
11476
12072
  font-size: var(--cetec-font-sizes-14);
@@ -11959,6 +12555,68 @@
11959
12555
  font-variation-settings: "MONO" 0, "CRSV" 0, "CASL" 0, "slnt" 0;
11960
12556
  color: var(--cetec-colors-text);
11961
12557
  font-size: var(--cetec-font-sizes-20);
12558
+ }
12559
+ .lg\:cetec-segmentedFields__container--size_sm {
12560
+ --input-py: var(--cetec-sizes-0);
12561
+ --input-px: var(--cetec-sizes-8);
12562
+ --slot-size: var(--cetec-sizes-16);
12563
+ --slot-px: var(--cetec-sizes-4);
12564
+ }
12565
+ .lg\:cetec-segmentedFields__container--size_md {
12566
+ --input-py: var(--cetec-sizes-3);
12567
+ --input-px: var(--cetec-sizes-10);
12568
+ --slot-size: var(--cetec-sizes-20);
12569
+ --slot-px: var(--cetec-sizes-6);
12570
+ }
12571
+ .lg\:cetec-segmentedFields__container--size_lg {
12572
+ --input-py: var(--cetec-sizes-7);
12573
+ --input-px: var(--cetec-sizes-12);
12574
+ --slot-size: var(--cetec-sizes-24);
12575
+ --slot-px: var(--cetec-sizes-8);
12576
+ }
12577
+ .lg\:cetec-segmentedFields__container--size_xl {
12578
+ --input-py: var(--cetec-sizes-9);
12579
+ --input-px: var(--cetec-sizes-16);
12580
+ --slot-size: var(--cetec-sizes-28);
12581
+ --slot-px: var(--cetec-sizes-10);
12582
+ }
12583
+ .lg\:cetec-segmentedFields__container--field_date {
12584
+ min-width: var(--cetec-sizes-128);
12585
+ }
12586
+ .lg\:cetec-segmentedFields__container--field_time {
12587
+ min-width: var(--cetec-sizes-104);
12588
+ }
12589
+ .lg\:cetec-segmentedFields__container--field_dateTime {
12590
+ min-width: var(--cetec-sizes-216);
12591
+ }
12592
+ .lg\:cetec-segmentedFields__container--range_date {
12593
+ min-width: var(--cetec-sizes-248);
12594
+ }
12595
+ .lg\:cetec-segmentedFields__container--range_time {
12596
+ min-width: var(--cetec-sizes-200);
12597
+ }
12598
+ .lg\:cetec-segmentedFields__container--before_true {
12599
+ padding-inline-start: var(--cetec-spacing-0);
12600
+ }
12601
+ .lg\:cetec-segmentedFields__buttonSlot--before_true button {
12602
+ border-top-right-radius: var(--cetec-radii-0);
12603
+ border-bottom-right-radius: var(--cetec-radii-0);
12604
+ }
12605
+ .lg\:cetec-segmentedFields__container--after_true {
12606
+ padding-inline-end: var(--cetec-spacing-0);
12607
+ }
12608
+ .lg\:cetec-segmentedFields__buttonSlot--after_true button {
12609
+ border-top-left-radius: var(--cetec-radii-0);
12610
+ border-bottom-left-radius: var(--cetec-radii-0);
12611
+ }
12612
+ .lg\:cetec-segmentedInputs__root--size_sm {
12613
+ font-size: var(--cetec-font-sizes-14);
12614
+ }
12615
+ .lg\:cetec-segmentedInputs__root--size_md,.lg\:cetec-segmentedInputs__root--size_lg {
12616
+ font-size: var(--cetec-font-sizes-16);
12617
+ }
12618
+ .lg\:cetec-segmentedInputs__root--size_xl {
12619
+ font-size: var(--cetec-font-sizes-20);
11962
12620
  }
11963
12621
  .lg\:cetec-textInput__container--size_sm {
11964
12622
  --input-py: var(--cetec-sizes-0);
@@ -12005,26 +12663,6 @@
12005
12663
  .lg\:cetec-textInput__buttonSlot--after_true button {
12006
12664
  border-top-left-radius: var(--cetec-radii-0);
12007
12665
  border-bottom-left-radius: var(--cetec-radii-0);
12008
- }
12009
- .lg\:cetec-timePicker__input--size_sm {
12010
- padding-block: var(--cetec-spacing-0);
12011
- padding-inline: var(--cetec-spacing-8);
12012
- font-size: var(--cetec-font-sizes-14);
12013
- }
12014
- .lg\:cetec-timePicker__input--size_md {
12015
- padding-block: var(--cetec-spacing-3);
12016
- padding-inline: var(--cetec-spacing-10);
12017
- font-size: var(--cetec-font-sizes-16);
12018
- }
12019
- .lg\:cetec-timePicker__input--size_lg {
12020
- padding-block: var(--cetec-spacing-7);
12021
- padding-inline: var(--cetec-spacing-12);
12022
- font-size: var(--cetec-font-sizes-16);
12023
- }
12024
- .lg\:cetec-timePicker__input--size_xl {
12025
- padding-block: var(--cetec-spacing-9);
12026
- padding-inline: var(--cetec-spacing-16);
12027
- font-size: var(--cetec-font-sizes-20);
12028
12666
  }
12029
12667
  .lg\:cetec-tooltip__tooltipContent--size_sm {
12030
12668
  padding-block: var(--cetec-spacing-2);
@@ -12069,6 +12707,42 @@
12069
12707
  height: var(--cetec-sizes-28);
12070
12708
  width: var(--cetec-sizes-28);
12071
12709
  min-height: var(--cetec-sizes-28);
12710
+ }
12711
+ .xl\:cetec-autocomplete__root--size_sm {
12712
+ --control-py: var(--cetec-sizes-0);
12713
+ --control-px: var(--cetec-sizes-8);
12714
+ --control-fs: var(--cetec-sizes-14);
12715
+ --control-min-height: var(--cetec-sizes-24);
12716
+ --value-gap: var(--cetec-sizes-3);
12717
+ --input-min-width: var(--cetec-sizes-64);
12718
+ --loading-size: var(--cetec-sizes-16);
12719
+ }
12720
+ .xl\:cetec-autocomplete__root--size_md {
12721
+ --control-py: var(--cetec-sizes-3);
12722
+ --control-px: var(--cetec-sizes-10);
12723
+ --control-fs: var(--cetec-sizes-16);
12724
+ --control-min-height: var(--cetec-sizes-32);
12725
+ --value-gap: var(--cetec-sizes-4);
12726
+ --input-min-width: var(--cetec-sizes-80);
12727
+ --loading-size: var(--cetec-sizes-20);
12728
+ }
12729
+ .xl\:cetec-autocomplete__root--size_lg {
12730
+ --control-py: var(--cetec-sizes-7);
12731
+ --control-px: var(--cetec-sizes-12);
12732
+ --control-fs: var(--cetec-sizes-16);
12733
+ --control-min-height: var(--cetec-sizes-40);
12734
+ --value-gap: var(--cetec-sizes-5);
12735
+ --input-min-width: var(--cetec-sizes-96);
12736
+ --loading-size: var(--cetec-sizes-20);
12737
+ }
12738
+ .xl\:cetec-autocomplete__root--size_xl {
12739
+ --control-py: var(--cetec-sizes-9);
12740
+ --control-px: var(--cetec-sizes-16);
12741
+ --control-fs: var(--cetec-sizes-20);
12742
+ --control-min-height: var(--cetec-sizes-48);
12743
+ --value-gap: var(--cetec-sizes-6);
12744
+ --input-min-width: var(--cetec-sizes-112);
12745
+ --loading-size: var(--cetec-sizes-24);
12072
12746
  }
12073
12747
  .xl\:cetec-avatar__root--size_sm {
12074
12748
  width: var(--cetec-sizes-16);
@@ -12578,26 +13252,6 @@
12578
13252
  }
12579
13253
  .xl\:cetec-chip__mainContent--after_true {
12580
13254
  padding-inline-end: var(--main-slot-side-padding);
12581
- }
12582
- .xl\:cetec-datePicker__input--size_sm {
12583
- padding-block: var(--cetec-spacing-0);
12584
- padding-inline: var(--cetec-spacing-8);
12585
- font-size: var(--cetec-font-sizes-14);
12586
- }
12587
- .xl\:cetec-datePicker__input--size_md {
12588
- padding-block: var(--cetec-spacing-3);
12589
- padding-inline: var(--cetec-spacing-10);
12590
- font-size: var(--cetec-font-sizes-16);
12591
- }
12592
- .xl\:cetec-datePicker__input--size_lg {
12593
- padding-block: var(--cetec-spacing-7);
12594
- padding-inline: var(--cetec-spacing-12);
12595
- font-size: var(--cetec-font-sizes-16);
12596
- }
12597
- .xl\:cetec-datePicker__input--size_xl {
12598
- padding-block: var(--cetec-spacing-9);
12599
- padding-inline: var(--cetec-spacing-16);
12600
- font-size: var(--cetec-font-sizes-20);
12601
13255
  }
12602
13256
  .xl\:cetec-formField__labelWrapper--size_sm .cetec-label {
12603
13257
  font-size: var(--cetec-font-sizes-14);
@@ -13086,6 +13740,68 @@
13086
13740
  font-variation-settings: "MONO" 0, "CRSV" 0, "CASL" 0, "slnt" 0;
13087
13741
  color: var(--cetec-colors-text);
13088
13742
  font-size: var(--cetec-font-sizes-20);
13743
+ }
13744
+ .xl\:cetec-segmentedFields__container--size_sm {
13745
+ --input-py: var(--cetec-sizes-0);
13746
+ --input-px: var(--cetec-sizes-8);
13747
+ --slot-size: var(--cetec-sizes-16);
13748
+ --slot-px: var(--cetec-sizes-4);
13749
+ }
13750
+ .xl\:cetec-segmentedFields__container--size_md {
13751
+ --input-py: var(--cetec-sizes-3);
13752
+ --input-px: var(--cetec-sizes-10);
13753
+ --slot-size: var(--cetec-sizes-20);
13754
+ --slot-px: var(--cetec-sizes-6);
13755
+ }
13756
+ .xl\:cetec-segmentedFields__container--size_lg {
13757
+ --input-py: var(--cetec-sizes-7);
13758
+ --input-px: var(--cetec-sizes-12);
13759
+ --slot-size: var(--cetec-sizes-24);
13760
+ --slot-px: var(--cetec-sizes-8);
13761
+ }
13762
+ .xl\:cetec-segmentedFields__container--size_xl {
13763
+ --input-py: var(--cetec-sizes-9);
13764
+ --input-px: var(--cetec-sizes-16);
13765
+ --slot-size: var(--cetec-sizes-28);
13766
+ --slot-px: var(--cetec-sizes-10);
13767
+ }
13768
+ .xl\:cetec-segmentedFields__container--field_date {
13769
+ min-width: var(--cetec-sizes-128);
13770
+ }
13771
+ .xl\:cetec-segmentedFields__container--field_time {
13772
+ min-width: var(--cetec-sizes-104);
13773
+ }
13774
+ .xl\:cetec-segmentedFields__container--field_dateTime {
13775
+ min-width: var(--cetec-sizes-216);
13776
+ }
13777
+ .xl\:cetec-segmentedFields__container--range_date {
13778
+ min-width: var(--cetec-sizes-248);
13779
+ }
13780
+ .xl\:cetec-segmentedFields__container--range_time {
13781
+ min-width: var(--cetec-sizes-200);
13782
+ }
13783
+ .xl\:cetec-segmentedFields__container--before_true {
13784
+ padding-inline-start: var(--cetec-spacing-0);
13785
+ }
13786
+ .xl\:cetec-segmentedFields__buttonSlot--before_true button {
13787
+ border-top-right-radius: var(--cetec-radii-0);
13788
+ border-bottom-right-radius: var(--cetec-radii-0);
13789
+ }
13790
+ .xl\:cetec-segmentedFields__container--after_true {
13791
+ padding-inline-end: var(--cetec-spacing-0);
13792
+ }
13793
+ .xl\:cetec-segmentedFields__buttonSlot--after_true button {
13794
+ border-top-left-radius: var(--cetec-radii-0);
13795
+ border-bottom-left-radius: var(--cetec-radii-0);
13796
+ }
13797
+ .xl\:cetec-segmentedInputs__root--size_sm {
13798
+ font-size: var(--cetec-font-sizes-14);
13799
+ }
13800
+ .xl\:cetec-segmentedInputs__root--size_md,.xl\:cetec-segmentedInputs__root--size_lg {
13801
+ font-size: var(--cetec-font-sizes-16);
13802
+ }
13803
+ .xl\:cetec-segmentedInputs__root--size_xl {
13804
+ font-size: var(--cetec-font-sizes-20);
13089
13805
  }
13090
13806
  .xl\:cetec-textInput__container--size_sm {
13091
13807
  --input-py: var(--cetec-sizes-0);
@@ -13132,26 +13848,6 @@
13132
13848
  .xl\:cetec-textInput__buttonSlot--after_true button {
13133
13849
  border-top-left-radius: var(--cetec-radii-0);
13134
13850
  border-bottom-left-radius: var(--cetec-radii-0);
13135
- }
13136
- .xl\:cetec-timePicker__input--size_sm {
13137
- padding-block: var(--cetec-spacing-0);
13138
- padding-inline: var(--cetec-spacing-8);
13139
- font-size: var(--cetec-font-sizes-14);
13140
- }
13141
- .xl\:cetec-timePicker__input--size_md {
13142
- padding-block: var(--cetec-spacing-3);
13143
- padding-inline: var(--cetec-spacing-10);
13144
- font-size: var(--cetec-font-sizes-16);
13145
- }
13146
- .xl\:cetec-timePicker__input--size_lg {
13147
- padding-block: var(--cetec-spacing-7);
13148
- padding-inline: var(--cetec-spacing-12);
13149
- font-size: var(--cetec-font-sizes-16);
13150
- }
13151
- .xl\:cetec-timePicker__input--size_xl {
13152
- padding-block: var(--cetec-spacing-9);
13153
- padding-inline: var(--cetec-spacing-16);
13154
- font-size: var(--cetec-font-sizes-20);
13155
13851
  }
13156
13852
  .xl\:cetec-tooltip__tooltipContent--size_sm {
13157
13853
  padding-block: var(--cetec-spacing-2);
@@ -13196,6 +13892,42 @@
13196
13892
  height: var(--cetec-sizes-28);
13197
13893
  width: var(--cetec-sizes-28);
13198
13894
  min-height: var(--cetec-sizes-28);
13895
+ }
13896
+ .\32xl\:cetec-autocomplete__root--size_sm {
13897
+ --control-py: var(--cetec-sizes-0);
13898
+ --control-px: var(--cetec-sizes-8);
13899
+ --control-fs: var(--cetec-sizes-14);
13900
+ --control-min-height: var(--cetec-sizes-24);
13901
+ --value-gap: var(--cetec-sizes-3);
13902
+ --input-min-width: var(--cetec-sizes-64);
13903
+ --loading-size: var(--cetec-sizes-16);
13904
+ }
13905
+ .\32xl\:cetec-autocomplete__root--size_md {
13906
+ --control-py: var(--cetec-sizes-3);
13907
+ --control-px: var(--cetec-sizes-10);
13908
+ --control-fs: var(--cetec-sizes-16);
13909
+ --control-min-height: var(--cetec-sizes-32);
13910
+ --value-gap: var(--cetec-sizes-4);
13911
+ --input-min-width: var(--cetec-sizes-80);
13912
+ --loading-size: var(--cetec-sizes-20);
13913
+ }
13914
+ .\32xl\:cetec-autocomplete__root--size_lg {
13915
+ --control-py: var(--cetec-sizes-7);
13916
+ --control-px: var(--cetec-sizes-12);
13917
+ --control-fs: var(--cetec-sizes-16);
13918
+ --control-min-height: var(--cetec-sizes-40);
13919
+ --value-gap: var(--cetec-sizes-5);
13920
+ --input-min-width: var(--cetec-sizes-96);
13921
+ --loading-size: var(--cetec-sizes-20);
13922
+ }
13923
+ .\32xl\:cetec-autocomplete__root--size_xl {
13924
+ --control-py: var(--cetec-sizes-9);
13925
+ --control-px: var(--cetec-sizes-16);
13926
+ --control-fs: var(--cetec-sizes-20);
13927
+ --control-min-height: var(--cetec-sizes-48);
13928
+ --value-gap: var(--cetec-sizes-6);
13929
+ --input-min-width: var(--cetec-sizes-112);
13930
+ --loading-size: var(--cetec-sizes-24);
13199
13931
  }
13200
13932
  .\32xl\:cetec-avatar__root--size_sm {
13201
13933
  width: var(--cetec-sizes-16);
@@ -13705,26 +14437,6 @@
13705
14437
  }
13706
14438
  .\32xl\:cetec-chip__mainContent--after_true {
13707
14439
  padding-inline-end: var(--main-slot-side-padding);
13708
- }
13709
- .\32xl\:cetec-datePicker__input--size_sm {
13710
- padding-block: var(--cetec-spacing-0);
13711
- padding-inline: var(--cetec-spacing-8);
13712
- font-size: var(--cetec-font-sizes-14);
13713
- }
13714
- .\32xl\:cetec-datePicker__input--size_md {
13715
- padding-block: var(--cetec-spacing-3);
13716
- padding-inline: var(--cetec-spacing-10);
13717
- font-size: var(--cetec-font-sizes-16);
13718
- }
13719
- .\32xl\:cetec-datePicker__input--size_lg {
13720
- padding-block: var(--cetec-spacing-7);
13721
- padding-inline: var(--cetec-spacing-12);
13722
- font-size: var(--cetec-font-sizes-16);
13723
- }
13724
- .\32xl\:cetec-datePicker__input--size_xl {
13725
- padding-block: var(--cetec-spacing-9);
13726
- padding-inline: var(--cetec-spacing-16);
13727
- font-size: var(--cetec-font-sizes-20);
13728
14440
  }
13729
14441
  .\32xl\:cetec-formField__labelWrapper--size_sm .cetec-label {
13730
14442
  font-size: var(--cetec-font-sizes-14);
@@ -14213,6 +14925,68 @@
14213
14925
  font-variation-settings: "MONO" 0, "CRSV" 0, "CASL" 0, "slnt" 0;
14214
14926
  color: var(--cetec-colors-text);
14215
14927
  font-size: var(--cetec-font-sizes-20);
14928
+ }
14929
+ .\32xl\:cetec-segmentedFields__container--size_sm {
14930
+ --input-py: var(--cetec-sizes-0);
14931
+ --input-px: var(--cetec-sizes-8);
14932
+ --slot-size: var(--cetec-sizes-16);
14933
+ --slot-px: var(--cetec-sizes-4);
14934
+ }
14935
+ .\32xl\:cetec-segmentedFields__container--size_md {
14936
+ --input-py: var(--cetec-sizes-3);
14937
+ --input-px: var(--cetec-sizes-10);
14938
+ --slot-size: var(--cetec-sizes-20);
14939
+ --slot-px: var(--cetec-sizes-6);
14940
+ }
14941
+ .\32xl\:cetec-segmentedFields__container--size_lg {
14942
+ --input-py: var(--cetec-sizes-7);
14943
+ --input-px: var(--cetec-sizes-12);
14944
+ --slot-size: var(--cetec-sizes-24);
14945
+ --slot-px: var(--cetec-sizes-8);
14946
+ }
14947
+ .\32xl\:cetec-segmentedFields__container--size_xl {
14948
+ --input-py: var(--cetec-sizes-9);
14949
+ --input-px: var(--cetec-sizes-16);
14950
+ --slot-size: var(--cetec-sizes-28);
14951
+ --slot-px: var(--cetec-sizes-10);
14952
+ }
14953
+ .\32xl\:cetec-segmentedFields__container--field_date {
14954
+ min-width: var(--cetec-sizes-128);
14955
+ }
14956
+ .\32xl\:cetec-segmentedFields__container--field_time {
14957
+ min-width: var(--cetec-sizes-104);
14958
+ }
14959
+ .\32xl\:cetec-segmentedFields__container--field_dateTime {
14960
+ min-width: var(--cetec-sizes-216);
14961
+ }
14962
+ .\32xl\:cetec-segmentedFields__container--range_date {
14963
+ min-width: var(--cetec-sizes-248);
14964
+ }
14965
+ .\32xl\:cetec-segmentedFields__container--range_time {
14966
+ min-width: var(--cetec-sizes-200);
14967
+ }
14968
+ .\32xl\:cetec-segmentedFields__container--before_true {
14969
+ padding-inline-start: var(--cetec-spacing-0);
14970
+ }
14971
+ .\32xl\:cetec-segmentedFields__buttonSlot--before_true button {
14972
+ border-top-right-radius: var(--cetec-radii-0);
14973
+ border-bottom-right-radius: var(--cetec-radii-0);
14974
+ }
14975
+ .\32xl\:cetec-segmentedFields__container--after_true {
14976
+ padding-inline-end: var(--cetec-spacing-0);
14977
+ }
14978
+ .\32xl\:cetec-segmentedFields__buttonSlot--after_true button {
14979
+ border-top-left-radius: var(--cetec-radii-0);
14980
+ border-bottom-left-radius: var(--cetec-radii-0);
14981
+ }
14982
+ .\32xl\:cetec-segmentedInputs__root--size_sm {
14983
+ font-size: var(--cetec-font-sizes-14);
14984
+ }
14985
+ .\32xl\:cetec-segmentedInputs__root--size_md,.\32xl\:cetec-segmentedInputs__root--size_lg {
14986
+ font-size: var(--cetec-font-sizes-16);
14987
+ }
14988
+ .\32xl\:cetec-segmentedInputs__root--size_xl {
14989
+ font-size: var(--cetec-font-sizes-20);
14216
14990
  }
14217
14991
  .\32xl\:cetec-textInput__container--size_sm {
14218
14992
  --input-py: var(--cetec-sizes-0);
@@ -14259,26 +15033,6 @@
14259
15033
  .\32xl\:cetec-textInput__buttonSlot--after_true button {
14260
15034
  border-top-left-radius: var(--cetec-radii-0);
14261
15035
  border-bottom-left-radius: var(--cetec-radii-0);
14262
- }
14263
- .\32xl\:cetec-timePicker__input--size_sm {
14264
- padding-block: var(--cetec-spacing-0);
14265
- padding-inline: var(--cetec-spacing-8);
14266
- font-size: var(--cetec-font-sizes-14);
14267
- }
14268
- .\32xl\:cetec-timePicker__input--size_md {
14269
- padding-block: var(--cetec-spacing-3);
14270
- padding-inline: var(--cetec-spacing-10);
14271
- font-size: var(--cetec-font-sizes-16);
14272
- }
14273
- .\32xl\:cetec-timePicker__input--size_lg {
14274
- padding-block: var(--cetec-spacing-7);
14275
- padding-inline: var(--cetec-spacing-12);
14276
- font-size: var(--cetec-font-sizes-16);
14277
- }
14278
- .\32xl\:cetec-timePicker__input--size_xl {
14279
- padding-block: var(--cetec-spacing-9);
14280
- padding-inline: var(--cetec-spacing-16);
14281
- font-size: var(--cetec-font-sizes-20);
14282
15036
  }
14283
15037
  .\32xl\:cetec-tooltip__tooltipContent--size_sm {
14284
15038
  padding-block: var(--cetec-spacing-2);
@@ -16203,6 +16957,18 @@
16203
16957
  background: var(--cetec-colors-bg-success-bold-pressed);
16204
16958
  }
16205
16959
 
16960
+ .cetec-bg_bg\.success\.subtle {
16961
+ background: var(--cetec-colors-bg-success-subtle);
16962
+ }
16963
+
16964
+ .cetec-bg_bg\.success\.subtle\.hovered {
16965
+ background: var(--cetec-colors-bg-success-subtle-hovered);
16966
+ }
16967
+
16968
+ .cetec-bg_bg\.success\.subtle\.pressed {
16969
+ background: var(--cetec-colors-bg-success-subtle-pressed);
16970
+ }
16971
+
16206
16972
  .cetec-bg_bg\.warning {
16207
16973
  background: var(--cetec-colors-bg-warning);
16208
16974
  }
@@ -16227,6 +16993,18 @@
16227
16993
  background: var(--cetec-colors-bg-warning-bold-pressed);
16228
16994
  }
16229
16995
 
16996
+ .cetec-bg_bg\.warning\.subtle {
16997
+ background: var(--cetec-colors-bg-warning-subtle);
16998
+ }
16999
+
17000
+ .cetec-bg_bg\.warning\.subtle\.hovered {
17001
+ background: var(--cetec-colors-bg-warning-subtle-hovered);
17002
+ }
17003
+
17004
+ .cetec-bg_bg\.warning\.subtle\.pressed {
17005
+ background: var(--cetec-colors-bg-warning-subtle-pressed);
17006
+ }
17007
+
16230
17008
  .cetec-bg_bg\.danger {
16231
17009
  background: var(--cetec-colors-bg-danger);
16232
17010
  }
@@ -16251,6 +17029,18 @@
16251
17029
  background: var(--cetec-colors-bg-danger-bold-pressed);
16252
17030
  }
16253
17031
 
17032
+ .cetec-bg_bg\.danger\.subtle {
17033
+ background: var(--cetec-colors-bg-danger-subtle);
17034
+ }
17035
+
17036
+ .cetec-bg_bg\.danger\.subtle\.hovered {
17037
+ background: var(--cetec-colors-bg-danger-subtle-hovered);
17038
+ }
17039
+
17040
+ .cetec-bg_bg\.danger\.subtle\.pressed {
17041
+ background: var(--cetec-colors-bg-danger-subtle-pressed);
17042
+ }
17043
+
16254
17044
  .cetec-bg_bg\.info {
16255
17045
  background: var(--cetec-colors-bg-info);
16256
17046
  }
@@ -16275,6 +17065,18 @@
16275
17065
  background: var(--cetec-colors-bg-info-bold-pressed);
16276
17066
  }
16277
17067
 
17068
+ .cetec-bg_bg\.info\.subtle {
17069
+ background: var(--cetec-colors-bg-info-subtle);
17070
+ }
17071
+
17072
+ .cetec-bg_bg\.info\.subtle\.hovered {
17073
+ background: var(--cetec-colors-bg-info-subtle-hovered);
17074
+ }
17075
+
17076
+ .cetec-bg_bg\.info\.subtle\.pressed {
17077
+ background: var(--cetec-colors-bg-info-subtle-pressed);
17078
+ }
17079
+
16278
17080
  .cetec-bg_bg\.cta {
16279
17081
  background: var(--cetec-colors-bg-cta);
16280
17082
  }
@@ -17543,6 +18345,18 @@
17543
18345
  background: var(--cetec-colors-color-palette-success-bold-pressed);
17544
18346
  }
17545
18347
 
18348
+ .cetec-bg_colorPalette\.success\.subtle {
18349
+ background: var(--cetec-colors-color-palette-success-subtle);
18350
+ }
18351
+
18352
+ .cetec-bg_colorPalette\.success\.subtle\.hovered {
18353
+ background: var(--cetec-colors-color-palette-success-subtle-hovered);
18354
+ }
18355
+
18356
+ .cetec-bg_colorPalette\.success\.subtle\.pressed {
18357
+ background: var(--cetec-colors-color-palette-success-subtle-pressed);
18358
+ }
18359
+
17546
18360
  .cetec-bg_colorPalette\.warning {
17547
18361
  background: var(--cetec-colors-color-palette-warning);
17548
18362
  }
@@ -17567,6 +18381,18 @@
17567
18381
  background: var(--cetec-colors-color-palette-warning-bold-pressed);
17568
18382
  }
17569
18383
 
18384
+ .cetec-bg_colorPalette\.warning\.subtle {
18385
+ background: var(--cetec-colors-color-palette-warning-subtle);
18386
+ }
18387
+
18388
+ .cetec-bg_colorPalette\.warning\.subtle\.hovered {
18389
+ background: var(--cetec-colors-color-palette-warning-subtle-hovered);
18390
+ }
18391
+
18392
+ .cetec-bg_colorPalette\.warning\.subtle\.pressed {
18393
+ background: var(--cetec-colors-color-palette-warning-subtle-pressed);
18394
+ }
18395
+
17570
18396
  .cetec-bg_colorPalette\.danger {
17571
18397
  background: var(--cetec-colors-color-palette-danger);
17572
18398
  }
@@ -17591,6 +18417,18 @@
17591
18417
  background: var(--cetec-colors-color-palette-danger-bold-pressed);
17592
18418
  }
17593
18419
 
18420
+ .cetec-bg_colorPalette\.danger\.subtle {
18421
+ background: var(--cetec-colors-color-palette-danger-subtle);
18422
+ }
18423
+
18424
+ .cetec-bg_colorPalette\.danger\.subtle\.hovered {
18425
+ background: var(--cetec-colors-color-palette-danger-subtle-hovered);
18426
+ }
18427
+
18428
+ .cetec-bg_colorPalette\.danger\.subtle\.pressed {
18429
+ background: var(--cetec-colors-color-palette-danger-subtle-pressed);
18430
+ }
18431
+
17594
18432
  .cetec-bg_colorPalette\.info {
17595
18433
  background: var(--cetec-colors-color-palette-info);
17596
18434
  }
@@ -17615,6 +18453,18 @@
17615
18453
  background: var(--cetec-colors-color-palette-info-bold-pressed);
17616
18454
  }
17617
18455
 
18456
+ .cetec-bg_colorPalette\.info\.subtle {
18457
+ background: var(--cetec-colors-color-palette-info-subtle);
18458
+ }
18459
+
18460
+ .cetec-bg_colorPalette\.info\.subtle\.hovered {
18461
+ background: var(--cetec-colors-color-palette-info-subtle-hovered);
18462
+ }
18463
+
18464
+ .cetec-bg_colorPalette\.info\.subtle\.pressed {
18465
+ background: var(--cetec-colors-color-palette-info-subtle-pressed);
18466
+ }
18467
+
17618
18468
  .cetec-bg_colorPalette\.cta {
17619
18469
  background: var(--cetec-colors-color-palette-cta);
17620
18470
  }
@@ -18663,6 +19513,10 @@
18663
19513
  gap: var(--cetec-spacing-10);
18664
19514
  }
18665
19515
 
19516
+ .cetec-gap_12 {
19517
+ gap: var(--cetec-spacing-12);
19518
+ }
19519
+
18666
19520
  .cetec-gap_4 {
18667
19521
  gap: var(--cetec-spacing-4);
18668
19522
  }
@@ -18687,10 +19541,6 @@
18687
19541
  gap: var(--cetec-spacing-20);
18688
19542
  }
18689
19543
 
18690
- .cetec-gap_12 {
18691
- gap: var(--cetec-spacing-12);
18692
- }
18693
-
18694
19544
  .cetec-mx_16 {
18695
19545
  margin-inline: var(--cetec-spacing-16);
18696
19546
  }
@@ -18723,10 +19573,6 @@
18723
19573
  overflow: hidden;
18724
19574
  }
18725
19575
 
18726
- .cetec-flex_1 {
18727
- flex: 1 1 0%;
18728
- }
18729
-
18730
19576
  .cetec-grid-c_2_\/_3 {
18731
19577
  grid-column: 2 / 3;
18732
19578
  }
@@ -18759,6 +19605,18 @@
18759
19605
  padding-block: var(--cetec-spacing-16);
18760
19606
  }
18761
19607
 
19608
+ .cetec-gap_3 {
19609
+ gap: var(--cetec-spacing-3);
19610
+ }
19611
+
19612
+ .cetec-flex_1 {
19613
+ flex: 1 1 0%;
19614
+ }
19615
+
19616
+ .cetec-flex_none {
19617
+ flex: none;
19618
+ }
19619
+
18762
19620
  .cetec-mx_8 {
18763
19621
  margin-inline: var(--cetec-spacing-8);
18764
19622
  }
@@ -18767,10 +19625,6 @@
18767
19625
  margin-block: var(--cetec-spacing-12);
18768
19626
  }
18769
19627
 
18770
- .cetec-gap_3 {
18771
- gap: var(--cetec-spacing-3);
18772
- }
18773
-
18774
19628
  .cetec-bd-c_blue\.60 {
18775
19629
  border-color: var(--cetec-colors-blue-60);
18776
19630
  }
@@ -20107,6 +20961,18 @@
20107
20961
  color: var(--cetec-colors-bg-success-bold-pressed);
20108
20962
  }
20109
20963
 
20964
+ .cetec-c_bg\.success\.subtle {
20965
+ color: var(--cetec-colors-bg-success-subtle);
20966
+ }
20967
+
20968
+ .cetec-c_bg\.success\.subtle\.hovered {
20969
+ color: var(--cetec-colors-bg-success-subtle-hovered);
20970
+ }
20971
+
20972
+ .cetec-c_bg\.success\.subtle\.pressed {
20973
+ color: var(--cetec-colors-bg-success-subtle-pressed);
20974
+ }
20975
+
20110
20976
  .cetec-c_bg\.warning {
20111
20977
  color: var(--cetec-colors-bg-warning);
20112
20978
  }
@@ -20131,6 +20997,18 @@
20131
20997
  color: var(--cetec-colors-bg-warning-bold-pressed);
20132
20998
  }
20133
20999
 
21000
+ .cetec-c_bg\.warning\.subtle {
21001
+ color: var(--cetec-colors-bg-warning-subtle);
21002
+ }
21003
+
21004
+ .cetec-c_bg\.warning\.subtle\.hovered {
21005
+ color: var(--cetec-colors-bg-warning-subtle-hovered);
21006
+ }
21007
+
21008
+ .cetec-c_bg\.warning\.subtle\.pressed {
21009
+ color: var(--cetec-colors-bg-warning-subtle-pressed);
21010
+ }
21011
+
20134
21012
  .cetec-c_bg\.danger {
20135
21013
  color: var(--cetec-colors-bg-danger);
20136
21014
  }
@@ -20155,6 +21033,18 @@
20155
21033
  color: var(--cetec-colors-bg-danger-bold-pressed);
20156
21034
  }
20157
21035
 
21036
+ .cetec-c_bg\.danger\.subtle {
21037
+ color: var(--cetec-colors-bg-danger-subtle);
21038
+ }
21039
+
21040
+ .cetec-c_bg\.danger\.subtle\.hovered {
21041
+ color: var(--cetec-colors-bg-danger-subtle-hovered);
21042
+ }
21043
+
21044
+ .cetec-c_bg\.danger\.subtle\.pressed {
21045
+ color: var(--cetec-colors-bg-danger-subtle-pressed);
21046
+ }
21047
+
20158
21048
  .cetec-c_bg\.info {
20159
21049
  color: var(--cetec-colors-bg-info);
20160
21050
  }
@@ -20179,6 +21069,18 @@
20179
21069
  color: var(--cetec-colors-bg-info-bold-pressed);
20180
21070
  }
20181
21071
 
21072
+ .cetec-c_bg\.info\.subtle {
21073
+ color: var(--cetec-colors-bg-info-subtle);
21074
+ }
21075
+
21076
+ .cetec-c_bg\.info\.subtle\.hovered {
21077
+ color: var(--cetec-colors-bg-info-subtle-hovered);
21078
+ }
21079
+
21080
+ .cetec-c_bg\.info\.subtle\.pressed {
21081
+ color: var(--cetec-colors-bg-info-subtle-pressed);
21082
+ }
21083
+
20182
21084
  .cetec-c_bg\.cta {
20183
21085
  color: var(--cetec-colors-bg-cta);
20184
21086
  }
@@ -21447,6 +22349,18 @@
21447
22349
  color: var(--cetec-colors-color-palette-success-bold-pressed);
21448
22350
  }
21449
22351
 
22352
+ .cetec-c_colorPalette\.success\.subtle {
22353
+ color: var(--cetec-colors-color-palette-success-subtle);
22354
+ }
22355
+
22356
+ .cetec-c_colorPalette\.success\.subtle\.hovered {
22357
+ color: var(--cetec-colors-color-palette-success-subtle-hovered);
22358
+ }
22359
+
22360
+ .cetec-c_colorPalette\.success\.subtle\.pressed {
22361
+ color: var(--cetec-colors-color-palette-success-subtle-pressed);
22362
+ }
22363
+
21450
22364
  .cetec-c_colorPalette\.warning {
21451
22365
  color: var(--cetec-colors-color-palette-warning);
21452
22366
  }
@@ -21471,6 +22385,18 @@
21471
22385
  color: var(--cetec-colors-color-palette-warning-bold-pressed);
21472
22386
  }
21473
22387
 
22388
+ .cetec-c_colorPalette\.warning\.subtle {
22389
+ color: var(--cetec-colors-color-palette-warning-subtle);
22390
+ }
22391
+
22392
+ .cetec-c_colorPalette\.warning\.subtle\.hovered {
22393
+ color: var(--cetec-colors-color-palette-warning-subtle-hovered);
22394
+ }
22395
+
22396
+ .cetec-c_colorPalette\.warning\.subtle\.pressed {
22397
+ color: var(--cetec-colors-color-palette-warning-subtle-pressed);
22398
+ }
22399
+
21474
22400
  .cetec-c_colorPalette\.danger {
21475
22401
  color: var(--cetec-colors-color-palette-danger);
21476
22402
  }
@@ -21495,6 +22421,18 @@
21495
22421
  color: var(--cetec-colors-color-palette-danger-bold-pressed);
21496
22422
  }
21497
22423
 
22424
+ .cetec-c_colorPalette\.danger\.subtle {
22425
+ color: var(--cetec-colors-color-palette-danger-subtle);
22426
+ }
22427
+
22428
+ .cetec-c_colorPalette\.danger\.subtle\.hovered {
22429
+ color: var(--cetec-colors-color-palette-danger-subtle-hovered);
22430
+ }
22431
+
22432
+ .cetec-c_colorPalette\.danger\.subtle\.pressed {
22433
+ color: var(--cetec-colors-color-palette-danger-subtle-pressed);
22434
+ }
22435
+
21498
22436
  .cetec-c_colorPalette\.info {
21499
22437
  color: var(--cetec-colors-color-palette-info);
21500
22438
  }
@@ -21519,6 +22457,18 @@
21519
22457
  color: var(--cetec-colors-color-palette-info-bold-pressed);
21520
22458
  }
21521
22459
 
22460
+ .cetec-c_colorPalette\.info\.subtle {
22461
+ color: var(--cetec-colors-color-palette-info-subtle);
22462
+ }
22463
+
22464
+ .cetec-c_colorPalette\.info\.subtle\.hovered {
22465
+ color: var(--cetec-colors-color-palette-info-subtle-hovered);
22466
+ }
22467
+
22468
+ .cetec-c_colorPalette\.info\.subtle\.pressed {
22469
+ color: var(--cetec-colors-color-palette-info-subtle-pressed);
22470
+ }
22471
+
21522
22472
  .cetec-c_colorPalette\.cta {
21523
22473
  color: var(--cetec-colors-color-palette-cta);
21524
22474
  }
@@ -23647,6 +24597,18 @@
23647
24597
  fill: var(--cetec-colors-bg-success-bold-pressed);
23648
24598
  }
23649
24599
 
24600
+ .cetec-fill_bg\.success\.subtle {
24601
+ fill: var(--cetec-colors-bg-success-subtle);
24602
+ }
24603
+
24604
+ .cetec-fill_bg\.success\.subtle\.hovered {
24605
+ fill: var(--cetec-colors-bg-success-subtle-hovered);
24606
+ }
24607
+
24608
+ .cetec-fill_bg\.success\.subtle\.pressed {
24609
+ fill: var(--cetec-colors-bg-success-subtle-pressed);
24610
+ }
24611
+
23650
24612
  .cetec-fill_bg\.warning {
23651
24613
  fill: var(--cetec-colors-bg-warning);
23652
24614
  }
@@ -23671,6 +24633,18 @@
23671
24633
  fill: var(--cetec-colors-bg-warning-bold-pressed);
23672
24634
  }
23673
24635
 
24636
+ .cetec-fill_bg\.warning\.subtle {
24637
+ fill: var(--cetec-colors-bg-warning-subtle);
24638
+ }
24639
+
24640
+ .cetec-fill_bg\.warning\.subtle\.hovered {
24641
+ fill: var(--cetec-colors-bg-warning-subtle-hovered);
24642
+ }
24643
+
24644
+ .cetec-fill_bg\.warning\.subtle\.pressed {
24645
+ fill: var(--cetec-colors-bg-warning-subtle-pressed);
24646
+ }
24647
+
23674
24648
  .cetec-fill_bg\.danger {
23675
24649
  fill: var(--cetec-colors-bg-danger);
23676
24650
  }
@@ -23695,6 +24669,18 @@
23695
24669
  fill: var(--cetec-colors-bg-danger-bold-pressed);
23696
24670
  }
23697
24671
 
24672
+ .cetec-fill_bg\.danger\.subtle {
24673
+ fill: var(--cetec-colors-bg-danger-subtle);
24674
+ }
24675
+
24676
+ .cetec-fill_bg\.danger\.subtle\.hovered {
24677
+ fill: var(--cetec-colors-bg-danger-subtle-hovered);
24678
+ }
24679
+
24680
+ .cetec-fill_bg\.danger\.subtle\.pressed {
24681
+ fill: var(--cetec-colors-bg-danger-subtle-pressed);
24682
+ }
24683
+
23698
24684
  .cetec-fill_bg\.info {
23699
24685
  fill: var(--cetec-colors-bg-info);
23700
24686
  }
@@ -23719,6 +24705,18 @@
23719
24705
  fill: var(--cetec-colors-bg-info-bold-pressed);
23720
24706
  }
23721
24707
 
24708
+ .cetec-fill_bg\.info\.subtle {
24709
+ fill: var(--cetec-colors-bg-info-subtle);
24710
+ }
24711
+
24712
+ .cetec-fill_bg\.info\.subtle\.hovered {
24713
+ fill: var(--cetec-colors-bg-info-subtle-hovered);
24714
+ }
24715
+
24716
+ .cetec-fill_bg\.info\.subtle\.pressed {
24717
+ fill: var(--cetec-colors-bg-info-subtle-pressed);
24718
+ }
24719
+
23722
24720
  .cetec-fill_bg\.cta {
23723
24721
  fill: var(--cetec-colors-bg-cta);
23724
24722
  }
@@ -24987,6 +25985,18 @@
24987
25985
  fill: var(--cetec-colors-color-palette-success-bold-pressed);
24988
25986
  }
24989
25987
 
25988
+ .cetec-fill_colorPalette\.success\.subtle {
25989
+ fill: var(--cetec-colors-color-palette-success-subtle);
25990
+ }
25991
+
25992
+ .cetec-fill_colorPalette\.success\.subtle\.hovered {
25993
+ fill: var(--cetec-colors-color-palette-success-subtle-hovered);
25994
+ }
25995
+
25996
+ .cetec-fill_colorPalette\.success\.subtle\.pressed {
25997
+ fill: var(--cetec-colors-color-palette-success-subtle-pressed);
25998
+ }
25999
+
24990
26000
  .cetec-fill_colorPalette\.warning {
24991
26001
  fill: var(--cetec-colors-color-palette-warning);
24992
26002
  }
@@ -25011,6 +26021,18 @@
25011
26021
  fill: var(--cetec-colors-color-palette-warning-bold-pressed);
25012
26022
  }
25013
26023
 
26024
+ .cetec-fill_colorPalette\.warning\.subtle {
26025
+ fill: var(--cetec-colors-color-palette-warning-subtle);
26026
+ }
26027
+
26028
+ .cetec-fill_colorPalette\.warning\.subtle\.hovered {
26029
+ fill: var(--cetec-colors-color-palette-warning-subtle-hovered);
26030
+ }
26031
+
26032
+ .cetec-fill_colorPalette\.warning\.subtle\.pressed {
26033
+ fill: var(--cetec-colors-color-palette-warning-subtle-pressed);
26034
+ }
26035
+
25014
26036
  .cetec-fill_colorPalette\.danger {
25015
26037
  fill: var(--cetec-colors-color-palette-danger);
25016
26038
  }
@@ -25035,6 +26057,18 @@
25035
26057
  fill: var(--cetec-colors-color-palette-danger-bold-pressed);
25036
26058
  }
25037
26059
 
26060
+ .cetec-fill_colorPalette\.danger\.subtle {
26061
+ fill: var(--cetec-colors-color-palette-danger-subtle);
26062
+ }
26063
+
26064
+ .cetec-fill_colorPalette\.danger\.subtle\.hovered {
26065
+ fill: var(--cetec-colors-color-palette-danger-subtle-hovered);
26066
+ }
26067
+
26068
+ .cetec-fill_colorPalette\.danger\.subtle\.pressed {
26069
+ fill: var(--cetec-colors-color-palette-danger-subtle-pressed);
26070
+ }
26071
+
25038
26072
  .cetec-fill_colorPalette\.info {
25039
26073
  fill: var(--cetec-colors-color-palette-info);
25040
26074
  }
@@ -25059,6 +26093,18 @@
25059
26093
  fill: var(--cetec-colors-color-palette-info-bold-pressed);
25060
26094
  }
25061
26095
 
26096
+ .cetec-fill_colorPalette\.info\.subtle {
26097
+ fill: var(--cetec-colors-color-palette-info-subtle);
26098
+ }
26099
+
26100
+ .cetec-fill_colorPalette\.info\.subtle\.hovered {
26101
+ fill: var(--cetec-colors-color-palette-info-subtle-hovered);
26102
+ }
26103
+
26104
+ .cetec-fill_colorPalette\.info\.subtle\.pressed {
26105
+ fill: var(--cetec-colors-color-palette-info-subtle-pressed);
26106
+ }
26107
+
25062
26108
  .cetec-fill_colorPalette\.cta {
25063
26109
  fill: var(--cetec-colors-color-palette-cta);
25064
26110
  }
@@ -26223,6 +27269,10 @@
26223
27269
  text-align: left;
26224
27270
  }
26225
27271
 
27272
+ .cetec-d_block {
27273
+ display: block;
27274
+ }
27275
+
26226
27276
  .cetec-ta_center {
26227
27277
  text-align: center;
26228
27278
  }
@@ -26243,6 +27293,10 @@
26243
27293
  opacity: 0;
26244
27294
  }
26245
27295
 
27296
+ .cetec-ai_start {
27297
+ align-items: start;
27298
+ }
27299
+
26246
27300
  .cetec-flex-wrap_wrap {
26247
27301
  flex-wrap: wrap;
26248
27302
  }
@@ -26291,6 +27345,14 @@
26291
27345
  justify-content: flex-end;
26292
27346
  }
26293
27347
 
27348
+ .cetec-fontVariant_mono {
27349
+ font-variation-settings: "MONO" 1, "CRSV" 0, "CASL" 0, "slnt" 0;
27350
+ }
27351
+
27352
+ .cetec-d_contents {
27353
+ display: contents;
27354
+ }
27355
+
26294
27356
  .cetec-jc_center {
26295
27357
  justify-content: center;
26296
27358
  }
@@ -26319,23 +27381,10 @@
26319
27381
  grid-template-columns: auto auto;
26320
27382
  }
26321
27383
 
26322
- .cetec-us_none {
26323
- -webkit-user-select: none;
26324
- user-select: none;
26325
- }
26326
-
26327
- .cetec-d_contents {
26328
- display: contents;
26329
- }
26330
-
26331
27384
  .cetec-fs_inherit {
26332
27385
  font-size: inherit;
26333
27386
  }
26334
27387
 
26335
- .cetec-ai_start {
26336
- align-items: start;
26337
- }
26338
-
26339
27388
  .cetec-grid-tc_repeat\(2\,_minmax\(0\,_1fr\)\) {
26340
27389
  grid-template-columns: repeat(2, minmax(0, 1fr));
26341
27390
  }
@@ -26364,14 +27413,6 @@
26364
27413
  pointer-events: none;
26365
27414
  }
26366
27415
 
26367
- .cetec-fw_semibold {
26368
- font-weight: semibold;
26369
- }
26370
-
26371
- .cetec-grid-tc_1fr_auto_1fr {
26372
- grid-template-columns: 1fr auto 1fr;
26373
- }
26374
-
26375
27416
  .cetec-grid-tc_repeat\(2\,_1fr\) {
26376
27417
  grid-template-columns: repeat(2, 1fr);
26377
27418
  }
@@ -26380,6 +27421,14 @@
26380
27421
  fill: var(--cetec-colors-bg-neutral-inverse);
26381
27422
  }
26382
27423
 
27424
+ .cetec-fw_semibold {
27425
+ font-weight: semibold;
27426
+ }
27427
+
27428
+ .cetec-grid-tc_1fr_auto_1fr {
27429
+ grid-template-columns: 1fr auto 1fr;
27430
+ }
27431
+
26383
27432
  .cetec-bg-c_blue\.50 {
26384
27433
  background-color: var(--cetec-colors-blue-50);
26385
27434
  }
@@ -26600,10 +27649,6 @@
26600
27649
  font-variation-settings: "MONO" 0, "CRSV" 1, "CASL" 1, "slnt" -15;
26601
27650
  }
26602
27651
 
26603
- .cetec-fontVariant_mono {
26604
- font-variation-settings: "MONO" 1, "CRSV" 0, "CASL" 0, "slnt" 0;
26605
- }
26606
-
26607
27652
  .cetec-fontVariant_mono-italic {
26608
27653
  font-variation-settings: "MONO" 1, "CRSV" 1, "CASL" 0, "slnt" -15;
26609
27654
  }
@@ -29112,6 +30157,18 @@
29112
30157
  width: 100px;
29113
30158
  }
29114
30159
 
30160
+ .cetec-w_fit-content {
30161
+ width: fit-content;
30162
+ }
30163
+
30164
+ .cetec-pt_16 {
30165
+ padding-top: var(--cetec-spacing-16);
30166
+ }
30167
+
30168
+ .cetec-pb_16 {
30169
+ padding-bottom: var(--cetec-spacing-16);
30170
+ }
30171
+
29115
30172
  .cetec-mb_4 {
29116
30173
  margin-bottom: var(--cetec-spacing-4);
29117
30174
  }
@@ -31668,6 +32725,30 @@
31668
32725
  background: var(--cetec-colors-bg-success-bold-pressed);
31669
32726
  }
31670
32727
 
32728
+ .light .light\:cetec-bg_bg\.success\.subtle,.light\:cetec-bg_bg\.success\.subtle:is([data-color-mode="light"] *),[data-color-mode="light"] .light\:cetec-bg_bg\.success\.subtle {
32729
+ background: var(--cetec-colors-bg-success-subtle);
32730
+ }
32731
+
32732
+ .dark .dark\:cetec-bg_bg\.success\.subtle,.dark\:cetec-bg_bg\.success\.subtle:is([data-color-mode="dark"] *),[data-color-mode="dark"] .dark\:cetec-bg_bg\.success\.subtle {
32733
+ background: var(--cetec-colors-bg-success-subtle);
32734
+ }
32735
+
32736
+ .light .light\:cetec-bg_bg\.success\.subtle\.hovered,.light\:cetec-bg_bg\.success\.subtle\.hovered:is([data-color-mode="light"] *),[data-color-mode="light"] .light\:cetec-bg_bg\.success\.subtle\.hovered {
32737
+ background: var(--cetec-colors-bg-success-subtle-hovered);
32738
+ }
32739
+
32740
+ .dark .dark\:cetec-bg_bg\.success\.subtle\.hovered,.dark\:cetec-bg_bg\.success\.subtle\.hovered:is([data-color-mode="dark"] *),[data-color-mode="dark"] .dark\:cetec-bg_bg\.success\.subtle\.hovered {
32741
+ background: var(--cetec-colors-bg-success-subtle-hovered);
32742
+ }
32743
+
32744
+ .light .light\:cetec-bg_bg\.success\.subtle\.pressed,.light\:cetec-bg_bg\.success\.subtle\.pressed:is([data-color-mode="light"] *),[data-color-mode="light"] .light\:cetec-bg_bg\.success\.subtle\.pressed {
32745
+ background: var(--cetec-colors-bg-success-subtle-pressed);
32746
+ }
32747
+
32748
+ .dark .dark\:cetec-bg_bg\.success\.subtle\.pressed,.dark\:cetec-bg_bg\.success\.subtle\.pressed:is([data-color-mode="dark"] *),[data-color-mode="dark"] .dark\:cetec-bg_bg\.success\.subtle\.pressed {
32749
+ background: var(--cetec-colors-bg-success-subtle-pressed);
32750
+ }
32751
+
31671
32752
  .light .light\:cetec-bg_bg\.warning,.light\:cetec-bg_bg\.warning:is([data-color-mode="light"] *),[data-color-mode="light"] .light\:cetec-bg_bg\.warning {
31672
32753
  background: var(--cetec-colors-bg-warning);
31673
32754
  }
@@ -31716,6 +32797,30 @@
31716
32797
  background: var(--cetec-colors-bg-warning-bold-pressed);
31717
32798
  }
31718
32799
 
32800
+ .light .light\:cetec-bg_bg\.warning\.subtle,.light\:cetec-bg_bg\.warning\.subtle:is([data-color-mode="light"] *),[data-color-mode="light"] .light\:cetec-bg_bg\.warning\.subtle {
32801
+ background: var(--cetec-colors-bg-warning-subtle);
32802
+ }
32803
+
32804
+ .dark .dark\:cetec-bg_bg\.warning\.subtle,.dark\:cetec-bg_bg\.warning\.subtle:is([data-color-mode="dark"] *),[data-color-mode="dark"] .dark\:cetec-bg_bg\.warning\.subtle {
32805
+ background: var(--cetec-colors-bg-warning-subtle);
32806
+ }
32807
+
32808
+ .light .light\:cetec-bg_bg\.warning\.subtle\.hovered,.light\:cetec-bg_bg\.warning\.subtle\.hovered:is([data-color-mode="light"] *),[data-color-mode="light"] .light\:cetec-bg_bg\.warning\.subtle\.hovered {
32809
+ background: var(--cetec-colors-bg-warning-subtle-hovered);
32810
+ }
32811
+
32812
+ .dark .dark\:cetec-bg_bg\.warning\.subtle\.hovered,.dark\:cetec-bg_bg\.warning\.subtle\.hovered:is([data-color-mode="dark"] *),[data-color-mode="dark"] .dark\:cetec-bg_bg\.warning\.subtle\.hovered {
32813
+ background: var(--cetec-colors-bg-warning-subtle-hovered);
32814
+ }
32815
+
32816
+ .light .light\:cetec-bg_bg\.warning\.subtle\.pressed,.light\:cetec-bg_bg\.warning\.subtle\.pressed:is([data-color-mode="light"] *),[data-color-mode="light"] .light\:cetec-bg_bg\.warning\.subtle\.pressed {
32817
+ background: var(--cetec-colors-bg-warning-subtle-pressed);
32818
+ }
32819
+
32820
+ .dark .dark\:cetec-bg_bg\.warning\.subtle\.pressed,.dark\:cetec-bg_bg\.warning\.subtle\.pressed:is([data-color-mode="dark"] *),[data-color-mode="dark"] .dark\:cetec-bg_bg\.warning\.subtle\.pressed {
32821
+ background: var(--cetec-colors-bg-warning-subtle-pressed);
32822
+ }
32823
+
31719
32824
  .light .light\:cetec-bg_bg\.danger,.light\:cetec-bg_bg\.danger:is([data-color-mode="light"] *),[data-color-mode="light"] .light\:cetec-bg_bg\.danger {
31720
32825
  background: var(--cetec-colors-bg-danger);
31721
32826
  }
@@ -31764,6 +32869,30 @@
31764
32869
  background: var(--cetec-colors-bg-danger-bold-pressed);
31765
32870
  }
31766
32871
 
32872
+ .light .light\:cetec-bg_bg\.danger\.subtle,.light\:cetec-bg_bg\.danger\.subtle:is([data-color-mode="light"] *),[data-color-mode="light"] .light\:cetec-bg_bg\.danger\.subtle {
32873
+ background: var(--cetec-colors-bg-danger-subtle);
32874
+ }
32875
+
32876
+ .dark .dark\:cetec-bg_bg\.danger\.subtle,.dark\:cetec-bg_bg\.danger\.subtle:is([data-color-mode="dark"] *),[data-color-mode="dark"] .dark\:cetec-bg_bg\.danger\.subtle {
32877
+ background: var(--cetec-colors-bg-danger-subtle);
32878
+ }
32879
+
32880
+ .light .light\:cetec-bg_bg\.danger\.subtle\.hovered,.light\:cetec-bg_bg\.danger\.subtle\.hovered:is([data-color-mode="light"] *),[data-color-mode="light"] .light\:cetec-bg_bg\.danger\.subtle\.hovered {
32881
+ background: var(--cetec-colors-bg-danger-subtle-hovered);
32882
+ }
32883
+
32884
+ .dark .dark\:cetec-bg_bg\.danger\.subtle\.hovered,.dark\:cetec-bg_bg\.danger\.subtle\.hovered:is([data-color-mode="dark"] *),[data-color-mode="dark"] .dark\:cetec-bg_bg\.danger\.subtle\.hovered {
32885
+ background: var(--cetec-colors-bg-danger-subtle-hovered);
32886
+ }
32887
+
32888
+ .light .light\:cetec-bg_bg\.danger\.subtle\.pressed,.light\:cetec-bg_bg\.danger\.subtle\.pressed:is([data-color-mode="light"] *),[data-color-mode="light"] .light\:cetec-bg_bg\.danger\.subtle\.pressed {
32889
+ background: var(--cetec-colors-bg-danger-subtle-pressed);
32890
+ }
32891
+
32892
+ .dark .dark\:cetec-bg_bg\.danger\.subtle\.pressed,.dark\:cetec-bg_bg\.danger\.subtle\.pressed:is([data-color-mode="dark"] *),[data-color-mode="dark"] .dark\:cetec-bg_bg\.danger\.subtle\.pressed {
32893
+ background: var(--cetec-colors-bg-danger-subtle-pressed);
32894
+ }
32895
+
31767
32896
  .light .light\:cetec-bg_bg\.info,.light\:cetec-bg_bg\.info:is([data-color-mode="light"] *),[data-color-mode="light"] .light\:cetec-bg_bg\.info {
31768
32897
  background: var(--cetec-colors-bg-info);
31769
32898
  }
@@ -31812,6 +32941,30 @@
31812
32941
  background: var(--cetec-colors-bg-info-bold-pressed);
31813
32942
  }
31814
32943
 
32944
+ .light .light\:cetec-bg_bg\.info\.subtle,.light\:cetec-bg_bg\.info\.subtle:is([data-color-mode="light"] *),[data-color-mode="light"] .light\:cetec-bg_bg\.info\.subtle {
32945
+ background: var(--cetec-colors-bg-info-subtle);
32946
+ }
32947
+
32948
+ .dark .dark\:cetec-bg_bg\.info\.subtle,.dark\:cetec-bg_bg\.info\.subtle:is([data-color-mode="dark"] *),[data-color-mode="dark"] .dark\:cetec-bg_bg\.info\.subtle {
32949
+ background: var(--cetec-colors-bg-info-subtle);
32950
+ }
32951
+
32952
+ .light .light\:cetec-bg_bg\.info\.subtle\.hovered,.light\:cetec-bg_bg\.info\.subtle\.hovered:is([data-color-mode="light"] *),[data-color-mode="light"] .light\:cetec-bg_bg\.info\.subtle\.hovered {
32953
+ background: var(--cetec-colors-bg-info-subtle-hovered);
32954
+ }
32955
+
32956
+ .dark .dark\:cetec-bg_bg\.info\.subtle\.hovered,.dark\:cetec-bg_bg\.info\.subtle\.hovered:is([data-color-mode="dark"] *),[data-color-mode="dark"] .dark\:cetec-bg_bg\.info\.subtle\.hovered {
32957
+ background: var(--cetec-colors-bg-info-subtle-hovered);
32958
+ }
32959
+
32960
+ .light .light\:cetec-bg_bg\.info\.subtle\.pressed,.light\:cetec-bg_bg\.info\.subtle\.pressed:is([data-color-mode="light"] *),[data-color-mode="light"] .light\:cetec-bg_bg\.info\.subtle\.pressed {
32961
+ background: var(--cetec-colors-bg-info-subtle-pressed);
32962
+ }
32963
+
32964
+ .dark .dark\:cetec-bg_bg\.info\.subtle\.pressed,.dark\:cetec-bg_bg\.info\.subtle\.pressed:is([data-color-mode="dark"] *),[data-color-mode="dark"] .dark\:cetec-bg_bg\.info\.subtle\.pressed {
32965
+ background: var(--cetec-colors-bg-info-subtle-pressed);
32966
+ }
32967
+
31815
32968
  .light .light\:cetec-bg_bg\.cta,.light\:cetec-bg_bg\.cta:is([data-color-mode="light"] *),[data-color-mode="light"] .light\:cetec-bg_bg\.cta {
31816
32969
  background: var(--cetec-colors-bg-cta);
31817
32970
  }
@@ -34348,6 +35501,30 @@
34348
35501
  background: var(--cetec-colors-color-palette-success-bold-pressed);
34349
35502
  }
34350
35503
 
35504
+ .light .light\:cetec-bg_colorPalette\.success\.subtle,.light\:cetec-bg_colorPalette\.success\.subtle:is([data-color-mode="light"] *),[data-color-mode="light"] .light\:cetec-bg_colorPalette\.success\.subtle {
35505
+ background: var(--cetec-colors-color-palette-success-subtle);
35506
+ }
35507
+
35508
+ .dark .dark\:cetec-bg_colorPalette\.success\.subtle,.dark\:cetec-bg_colorPalette\.success\.subtle:is([data-color-mode="dark"] *),[data-color-mode="dark"] .dark\:cetec-bg_colorPalette\.success\.subtle {
35509
+ background: var(--cetec-colors-color-palette-success-subtle);
35510
+ }
35511
+
35512
+ .light .light\:cetec-bg_colorPalette\.success\.subtle\.hovered,.light\:cetec-bg_colorPalette\.success\.subtle\.hovered:is([data-color-mode="light"] *),[data-color-mode="light"] .light\:cetec-bg_colorPalette\.success\.subtle\.hovered {
35513
+ background: var(--cetec-colors-color-palette-success-subtle-hovered);
35514
+ }
35515
+
35516
+ .dark .dark\:cetec-bg_colorPalette\.success\.subtle\.hovered,.dark\:cetec-bg_colorPalette\.success\.subtle\.hovered:is([data-color-mode="dark"] *),[data-color-mode="dark"] .dark\:cetec-bg_colorPalette\.success\.subtle\.hovered {
35517
+ background: var(--cetec-colors-color-palette-success-subtle-hovered);
35518
+ }
35519
+
35520
+ .light .light\:cetec-bg_colorPalette\.success\.subtle\.pressed,.light\:cetec-bg_colorPalette\.success\.subtle\.pressed:is([data-color-mode="light"] *),[data-color-mode="light"] .light\:cetec-bg_colorPalette\.success\.subtle\.pressed {
35521
+ background: var(--cetec-colors-color-palette-success-subtle-pressed);
35522
+ }
35523
+
35524
+ .dark .dark\:cetec-bg_colorPalette\.success\.subtle\.pressed,.dark\:cetec-bg_colorPalette\.success\.subtle\.pressed:is([data-color-mode="dark"] *),[data-color-mode="dark"] .dark\:cetec-bg_colorPalette\.success\.subtle\.pressed {
35525
+ background: var(--cetec-colors-color-palette-success-subtle-pressed);
35526
+ }
35527
+
34351
35528
  .light .light\:cetec-bg_colorPalette\.warning,.light\:cetec-bg_colorPalette\.warning:is([data-color-mode="light"] *),[data-color-mode="light"] .light\:cetec-bg_colorPalette\.warning {
34352
35529
  background: var(--cetec-colors-color-palette-warning);
34353
35530
  }
@@ -34396,6 +35573,30 @@
34396
35573
  background: var(--cetec-colors-color-palette-warning-bold-pressed);
34397
35574
  }
34398
35575
 
35576
+ .light .light\:cetec-bg_colorPalette\.warning\.subtle,.light\:cetec-bg_colorPalette\.warning\.subtle:is([data-color-mode="light"] *),[data-color-mode="light"] .light\:cetec-bg_colorPalette\.warning\.subtle {
35577
+ background: var(--cetec-colors-color-palette-warning-subtle);
35578
+ }
35579
+
35580
+ .dark .dark\:cetec-bg_colorPalette\.warning\.subtle,.dark\:cetec-bg_colorPalette\.warning\.subtle:is([data-color-mode="dark"] *),[data-color-mode="dark"] .dark\:cetec-bg_colorPalette\.warning\.subtle {
35581
+ background: var(--cetec-colors-color-palette-warning-subtle);
35582
+ }
35583
+
35584
+ .light .light\:cetec-bg_colorPalette\.warning\.subtle\.hovered,.light\:cetec-bg_colorPalette\.warning\.subtle\.hovered:is([data-color-mode="light"] *),[data-color-mode="light"] .light\:cetec-bg_colorPalette\.warning\.subtle\.hovered {
35585
+ background: var(--cetec-colors-color-palette-warning-subtle-hovered);
35586
+ }
35587
+
35588
+ .dark .dark\:cetec-bg_colorPalette\.warning\.subtle\.hovered,.dark\:cetec-bg_colorPalette\.warning\.subtle\.hovered:is([data-color-mode="dark"] *),[data-color-mode="dark"] .dark\:cetec-bg_colorPalette\.warning\.subtle\.hovered {
35589
+ background: var(--cetec-colors-color-palette-warning-subtle-hovered);
35590
+ }
35591
+
35592
+ .light .light\:cetec-bg_colorPalette\.warning\.subtle\.pressed,.light\:cetec-bg_colorPalette\.warning\.subtle\.pressed:is([data-color-mode="light"] *),[data-color-mode="light"] .light\:cetec-bg_colorPalette\.warning\.subtle\.pressed {
35593
+ background: var(--cetec-colors-color-palette-warning-subtle-pressed);
35594
+ }
35595
+
35596
+ .dark .dark\:cetec-bg_colorPalette\.warning\.subtle\.pressed,.dark\:cetec-bg_colorPalette\.warning\.subtle\.pressed:is([data-color-mode="dark"] *),[data-color-mode="dark"] .dark\:cetec-bg_colorPalette\.warning\.subtle\.pressed {
35597
+ background: var(--cetec-colors-color-palette-warning-subtle-pressed);
35598
+ }
35599
+
34399
35600
  .light .light\:cetec-bg_colorPalette\.danger,.light\:cetec-bg_colorPalette\.danger:is([data-color-mode="light"] *),[data-color-mode="light"] .light\:cetec-bg_colorPalette\.danger {
34400
35601
  background: var(--cetec-colors-color-palette-danger);
34401
35602
  }
@@ -34444,6 +35645,30 @@
34444
35645
  background: var(--cetec-colors-color-palette-danger-bold-pressed);
34445
35646
  }
34446
35647
 
35648
+ .light .light\:cetec-bg_colorPalette\.danger\.subtle,.light\:cetec-bg_colorPalette\.danger\.subtle:is([data-color-mode="light"] *),[data-color-mode="light"] .light\:cetec-bg_colorPalette\.danger\.subtle {
35649
+ background: var(--cetec-colors-color-palette-danger-subtle);
35650
+ }
35651
+
35652
+ .dark .dark\:cetec-bg_colorPalette\.danger\.subtle,.dark\:cetec-bg_colorPalette\.danger\.subtle:is([data-color-mode="dark"] *),[data-color-mode="dark"] .dark\:cetec-bg_colorPalette\.danger\.subtle {
35653
+ background: var(--cetec-colors-color-palette-danger-subtle);
35654
+ }
35655
+
35656
+ .light .light\:cetec-bg_colorPalette\.danger\.subtle\.hovered,.light\:cetec-bg_colorPalette\.danger\.subtle\.hovered:is([data-color-mode="light"] *),[data-color-mode="light"] .light\:cetec-bg_colorPalette\.danger\.subtle\.hovered {
35657
+ background: var(--cetec-colors-color-palette-danger-subtle-hovered);
35658
+ }
35659
+
35660
+ .dark .dark\:cetec-bg_colorPalette\.danger\.subtle\.hovered,.dark\:cetec-bg_colorPalette\.danger\.subtle\.hovered:is([data-color-mode="dark"] *),[data-color-mode="dark"] .dark\:cetec-bg_colorPalette\.danger\.subtle\.hovered {
35661
+ background: var(--cetec-colors-color-palette-danger-subtle-hovered);
35662
+ }
35663
+
35664
+ .light .light\:cetec-bg_colorPalette\.danger\.subtle\.pressed,.light\:cetec-bg_colorPalette\.danger\.subtle\.pressed:is([data-color-mode="light"] *),[data-color-mode="light"] .light\:cetec-bg_colorPalette\.danger\.subtle\.pressed {
35665
+ background: var(--cetec-colors-color-palette-danger-subtle-pressed);
35666
+ }
35667
+
35668
+ .dark .dark\:cetec-bg_colorPalette\.danger\.subtle\.pressed,.dark\:cetec-bg_colorPalette\.danger\.subtle\.pressed:is([data-color-mode="dark"] *),[data-color-mode="dark"] .dark\:cetec-bg_colorPalette\.danger\.subtle\.pressed {
35669
+ background: var(--cetec-colors-color-palette-danger-subtle-pressed);
35670
+ }
35671
+
34447
35672
  .light .light\:cetec-bg_colorPalette\.info,.light\:cetec-bg_colorPalette\.info:is([data-color-mode="light"] *),[data-color-mode="light"] .light\:cetec-bg_colorPalette\.info {
34448
35673
  background: var(--cetec-colors-color-palette-info);
34449
35674
  }
@@ -34492,6 +35717,30 @@
34492
35717
  background: var(--cetec-colors-color-palette-info-bold-pressed);
34493
35718
  }
34494
35719
 
35720
+ .light .light\:cetec-bg_colorPalette\.info\.subtle,.light\:cetec-bg_colorPalette\.info\.subtle:is([data-color-mode="light"] *),[data-color-mode="light"] .light\:cetec-bg_colorPalette\.info\.subtle {
35721
+ background: var(--cetec-colors-color-palette-info-subtle);
35722
+ }
35723
+
35724
+ .dark .dark\:cetec-bg_colorPalette\.info\.subtle,.dark\:cetec-bg_colorPalette\.info\.subtle:is([data-color-mode="dark"] *),[data-color-mode="dark"] .dark\:cetec-bg_colorPalette\.info\.subtle {
35725
+ background: var(--cetec-colors-color-palette-info-subtle);
35726
+ }
35727
+
35728
+ .light .light\:cetec-bg_colorPalette\.info\.subtle\.hovered,.light\:cetec-bg_colorPalette\.info\.subtle\.hovered:is([data-color-mode="light"] *),[data-color-mode="light"] .light\:cetec-bg_colorPalette\.info\.subtle\.hovered {
35729
+ background: var(--cetec-colors-color-palette-info-subtle-hovered);
35730
+ }
35731
+
35732
+ .dark .dark\:cetec-bg_colorPalette\.info\.subtle\.hovered,.dark\:cetec-bg_colorPalette\.info\.subtle\.hovered:is([data-color-mode="dark"] *),[data-color-mode="dark"] .dark\:cetec-bg_colorPalette\.info\.subtle\.hovered {
35733
+ background: var(--cetec-colors-color-palette-info-subtle-hovered);
35734
+ }
35735
+
35736
+ .light .light\:cetec-bg_colorPalette\.info\.subtle\.pressed,.light\:cetec-bg_colorPalette\.info\.subtle\.pressed:is([data-color-mode="light"] *),[data-color-mode="light"] .light\:cetec-bg_colorPalette\.info\.subtle\.pressed {
35737
+ background: var(--cetec-colors-color-palette-info-subtle-pressed);
35738
+ }
35739
+
35740
+ .dark .dark\:cetec-bg_colorPalette\.info\.subtle\.pressed,.dark\:cetec-bg_colorPalette\.info\.subtle\.pressed:is([data-color-mode="dark"] *),[data-color-mode="dark"] .dark\:cetec-bg_colorPalette\.info\.subtle\.pressed {
35741
+ background: var(--cetec-colors-color-palette-info-subtle-pressed);
35742
+ }
35743
+
34495
35744
  .light .light\:cetec-bg_colorPalette\.cta,.light\:cetec-bg_colorPalette\.cta:is([data-color-mode="light"] *),[data-color-mode="light"] .light\:cetec-bg_colorPalette\.cta {
34496
35745
  background: var(--cetec-colors-color-palette-cta);
34497
35746
  }
@@ -39008,6 +40257,30 @@
39008
40257
  color: var(--cetec-colors-bg-success-bold-pressed);
39009
40258
  }
39010
40259
 
40260
+ .light .light\:cetec-c_bg\.success\.subtle,.light\:cetec-c_bg\.success\.subtle:is([data-color-mode="light"] *),[data-color-mode="light"] .light\:cetec-c_bg\.success\.subtle {
40261
+ color: var(--cetec-colors-bg-success-subtle);
40262
+ }
40263
+
40264
+ .dark .dark\:cetec-c_bg\.success\.subtle,.dark\:cetec-c_bg\.success\.subtle:is([data-color-mode="dark"] *),[data-color-mode="dark"] .dark\:cetec-c_bg\.success\.subtle {
40265
+ color: var(--cetec-colors-bg-success-subtle);
40266
+ }
40267
+
40268
+ .light .light\:cetec-c_bg\.success\.subtle\.hovered,.light\:cetec-c_bg\.success\.subtle\.hovered:is([data-color-mode="light"] *),[data-color-mode="light"] .light\:cetec-c_bg\.success\.subtle\.hovered {
40269
+ color: var(--cetec-colors-bg-success-subtle-hovered);
40270
+ }
40271
+
40272
+ .dark .dark\:cetec-c_bg\.success\.subtle\.hovered,.dark\:cetec-c_bg\.success\.subtle\.hovered:is([data-color-mode="dark"] *),[data-color-mode="dark"] .dark\:cetec-c_bg\.success\.subtle\.hovered {
40273
+ color: var(--cetec-colors-bg-success-subtle-hovered);
40274
+ }
40275
+
40276
+ .light .light\:cetec-c_bg\.success\.subtle\.pressed,.light\:cetec-c_bg\.success\.subtle\.pressed:is([data-color-mode="light"] *),[data-color-mode="light"] .light\:cetec-c_bg\.success\.subtle\.pressed {
40277
+ color: var(--cetec-colors-bg-success-subtle-pressed);
40278
+ }
40279
+
40280
+ .dark .dark\:cetec-c_bg\.success\.subtle\.pressed,.dark\:cetec-c_bg\.success\.subtle\.pressed:is([data-color-mode="dark"] *),[data-color-mode="dark"] .dark\:cetec-c_bg\.success\.subtle\.pressed {
40281
+ color: var(--cetec-colors-bg-success-subtle-pressed);
40282
+ }
40283
+
39011
40284
  .light .light\:cetec-c_bg\.warning,.light\:cetec-c_bg\.warning:is([data-color-mode="light"] *),[data-color-mode="light"] .light\:cetec-c_bg\.warning {
39012
40285
  color: var(--cetec-colors-bg-warning);
39013
40286
  }
@@ -39056,6 +40329,30 @@
39056
40329
  color: var(--cetec-colors-bg-warning-bold-pressed);
39057
40330
  }
39058
40331
 
40332
+ .light .light\:cetec-c_bg\.warning\.subtle,.light\:cetec-c_bg\.warning\.subtle:is([data-color-mode="light"] *),[data-color-mode="light"] .light\:cetec-c_bg\.warning\.subtle {
40333
+ color: var(--cetec-colors-bg-warning-subtle);
40334
+ }
40335
+
40336
+ .dark .dark\:cetec-c_bg\.warning\.subtle,.dark\:cetec-c_bg\.warning\.subtle:is([data-color-mode="dark"] *),[data-color-mode="dark"] .dark\:cetec-c_bg\.warning\.subtle {
40337
+ color: var(--cetec-colors-bg-warning-subtle);
40338
+ }
40339
+
40340
+ .light .light\:cetec-c_bg\.warning\.subtle\.hovered,.light\:cetec-c_bg\.warning\.subtle\.hovered:is([data-color-mode="light"] *),[data-color-mode="light"] .light\:cetec-c_bg\.warning\.subtle\.hovered {
40341
+ color: var(--cetec-colors-bg-warning-subtle-hovered);
40342
+ }
40343
+
40344
+ .dark .dark\:cetec-c_bg\.warning\.subtle\.hovered,.dark\:cetec-c_bg\.warning\.subtle\.hovered:is([data-color-mode="dark"] *),[data-color-mode="dark"] .dark\:cetec-c_bg\.warning\.subtle\.hovered {
40345
+ color: var(--cetec-colors-bg-warning-subtle-hovered);
40346
+ }
40347
+
40348
+ .light .light\:cetec-c_bg\.warning\.subtle\.pressed,.light\:cetec-c_bg\.warning\.subtle\.pressed:is([data-color-mode="light"] *),[data-color-mode="light"] .light\:cetec-c_bg\.warning\.subtle\.pressed {
40349
+ color: var(--cetec-colors-bg-warning-subtle-pressed);
40350
+ }
40351
+
40352
+ .dark .dark\:cetec-c_bg\.warning\.subtle\.pressed,.dark\:cetec-c_bg\.warning\.subtle\.pressed:is([data-color-mode="dark"] *),[data-color-mode="dark"] .dark\:cetec-c_bg\.warning\.subtle\.pressed {
40353
+ color: var(--cetec-colors-bg-warning-subtle-pressed);
40354
+ }
40355
+
39059
40356
  .light .light\:cetec-c_bg\.danger,.light\:cetec-c_bg\.danger:is([data-color-mode="light"] *),[data-color-mode="light"] .light\:cetec-c_bg\.danger {
39060
40357
  color: var(--cetec-colors-bg-danger);
39061
40358
  }
@@ -39104,6 +40401,30 @@
39104
40401
  color: var(--cetec-colors-bg-danger-bold-pressed);
39105
40402
  }
39106
40403
 
40404
+ .light .light\:cetec-c_bg\.danger\.subtle,.light\:cetec-c_bg\.danger\.subtle:is([data-color-mode="light"] *),[data-color-mode="light"] .light\:cetec-c_bg\.danger\.subtle {
40405
+ color: var(--cetec-colors-bg-danger-subtle);
40406
+ }
40407
+
40408
+ .dark .dark\:cetec-c_bg\.danger\.subtle,.dark\:cetec-c_bg\.danger\.subtle:is([data-color-mode="dark"] *),[data-color-mode="dark"] .dark\:cetec-c_bg\.danger\.subtle {
40409
+ color: var(--cetec-colors-bg-danger-subtle);
40410
+ }
40411
+
40412
+ .light .light\:cetec-c_bg\.danger\.subtle\.hovered,.light\:cetec-c_bg\.danger\.subtle\.hovered:is([data-color-mode="light"] *),[data-color-mode="light"] .light\:cetec-c_bg\.danger\.subtle\.hovered {
40413
+ color: var(--cetec-colors-bg-danger-subtle-hovered);
40414
+ }
40415
+
40416
+ .dark .dark\:cetec-c_bg\.danger\.subtle\.hovered,.dark\:cetec-c_bg\.danger\.subtle\.hovered:is([data-color-mode="dark"] *),[data-color-mode="dark"] .dark\:cetec-c_bg\.danger\.subtle\.hovered {
40417
+ color: var(--cetec-colors-bg-danger-subtle-hovered);
40418
+ }
40419
+
40420
+ .light .light\:cetec-c_bg\.danger\.subtle\.pressed,.light\:cetec-c_bg\.danger\.subtle\.pressed:is([data-color-mode="light"] *),[data-color-mode="light"] .light\:cetec-c_bg\.danger\.subtle\.pressed {
40421
+ color: var(--cetec-colors-bg-danger-subtle-pressed);
40422
+ }
40423
+
40424
+ .dark .dark\:cetec-c_bg\.danger\.subtle\.pressed,.dark\:cetec-c_bg\.danger\.subtle\.pressed:is([data-color-mode="dark"] *),[data-color-mode="dark"] .dark\:cetec-c_bg\.danger\.subtle\.pressed {
40425
+ color: var(--cetec-colors-bg-danger-subtle-pressed);
40426
+ }
40427
+
39107
40428
  .light .light\:cetec-c_bg\.info,.light\:cetec-c_bg\.info:is([data-color-mode="light"] *),[data-color-mode="light"] .light\:cetec-c_bg\.info {
39108
40429
  color: var(--cetec-colors-bg-info);
39109
40430
  }
@@ -39152,6 +40473,30 @@
39152
40473
  color: var(--cetec-colors-bg-info-bold-pressed);
39153
40474
  }
39154
40475
 
40476
+ .light .light\:cetec-c_bg\.info\.subtle,.light\:cetec-c_bg\.info\.subtle:is([data-color-mode="light"] *),[data-color-mode="light"] .light\:cetec-c_bg\.info\.subtle {
40477
+ color: var(--cetec-colors-bg-info-subtle);
40478
+ }
40479
+
40480
+ .dark .dark\:cetec-c_bg\.info\.subtle,.dark\:cetec-c_bg\.info\.subtle:is([data-color-mode="dark"] *),[data-color-mode="dark"] .dark\:cetec-c_bg\.info\.subtle {
40481
+ color: var(--cetec-colors-bg-info-subtle);
40482
+ }
40483
+
40484
+ .light .light\:cetec-c_bg\.info\.subtle\.hovered,.light\:cetec-c_bg\.info\.subtle\.hovered:is([data-color-mode="light"] *),[data-color-mode="light"] .light\:cetec-c_bg\.info\.subtle\.hovered {
40485
+ color: var(--cetec-colors-bg-info-subtle-hovered);
40486
+ }
40487
+
40488
+ .dark .dark\:cetec-c_bg\.info\.subtle\.hovered,.dark\:cetec-c_bg\.info\.subtle\.hovered:is([data-color-mode="dark"] *),[data-color-mode="dark"] .dark\:cetec-c_bg\.info\.subtle\.hovered {
40489
+ color: var(--cetec-colors-bg-info-subtle-hovered);
40490
+ }
40491
+
40492
+ .light .light\:cetec-c_bg\.info\.subtle\.pressed,.light\:cetec-c_bg\.info\.subtle\.pressed:is([data-color-mode="light"] *),[data-color-mode="light"] .light\:cetec-c_bg\.info\.subtle\.pressed {
40493
+ color: var(--cetec-colors-bg-info-subtle-pressed);
40494
+ }
40495
+
40496
+ .dark .dark\:cetec-c_bg\.info\.subtle\.pressed,.dark\:cetec-c_bg\.info\.subtle\.pressed:is([data-color-mode="dark"] *),[data-color-mode="dark"] .dark\:cetec-c_bg\.info\.subtle\.pressed {
40497
+ color: var(--cetec-colors-bg-info-subtle-pressed);
40498
+ }
40499
+
39155
40500
  .light .light\:cetec-c_bg\.cta,.light\:cetec-c_bg\.cta:is([data-color-mode="light"] *),[data-color-mode="light"] .light\:cetec-c_bg\.cta {
39156
40501
  color: var(--cetec-colors-bg-cta);
39157
40502
  }
@@ -41688,6 +43033,30 @@
41688
43033
  color: var(--cetec-colors-color-palette-success-bold-pressed);
41689
43034
  }
41690
43035
 
43036
+ .light .light\:cetec-c_colorPalette\.success\.subtle,.light\:cetec-c_colorPalette\.success\.subtle:is([data-color-mode="light"] *),[data-color-mode="light"] .light\:cetec-c_colorPalette\.success\.subtle {
43037
+ color: var(--cetec-colors-color-palette-success-subtle);
43038
+ }
43039
+
43040
+ .dark .dark\:cetec-c_colorPalette\.success\.subtle,.dark\:cetec-c_colorPalette\.success\.subtle:is([data-color-mode="dark"] *),[data-color-mode="dark"] .dark\:cetec-c_colorPalette\.success\.subtle {
43041
+ color: var(--cetec-colors-color-palette-success-subtle);
43042
+ }
43043
+
43044
+ .light .light\:cetec-c_colorPalette\.success\.subtle\.hovered,.light\:cetec-c_colorPalette\.success\.subtle\.hovered:is([data-color-mode="light"] *),[data-color-mode="light"] .light\:cetec-c_colorPalette\.success\.subtle\.hovered {
43045
+ color: var(--cetec-colors-color-palette-success-subtle-hovered);
43046
+ }
43047
+
43048
+ .dark .dark\:cetec-c_colorPalette\.success\.subtle\.hovered,.dark\:cetec-c_colorPalette\.success\.subtle\.hovered:is([data-color-mode="dark"] *),[data-color-mode="dark"] .dark\:cetec-c_colorPalette\.success\.subtle\.hovered {
43049
+ color: var(--cetec-colors-color-palette-success-subtle-hovered);
43050
+ }
43051
+
43052
+ .light .light\:cetec-c_colorPalette\.success\.subtle\.pressed,.light\:cetec-c_colorPalette\.success\.subtle\.pressed:is([data-color-mode="light"] *),[data-color-mode="light"] .light\:cetec-c_colorPalette\.success\.subtle\.pressed {
43053
+ color: var(--cetec-colors-color-palette-success-subtle-pressed);
43054
+ }
43055
+
43056
+ .dark .dark\:cetec-c_colorPalette\.success\.subtle\.pressed,.dark\:cetec-c_colorPalette\.success\.subtle\.pressed:is([data-color-mode="dark"] *),[data-color-mode="dark"] .dark\:cetec-c_colorPalette\.success\.subtle\.pressed {
43057
+ color: var(--cetec-colors-color-palette-success-subtle-pressed);
43058
+ }
43059
+
41691
43060
  .light .light\:cetec-c_colorPalette\.warning,.light\:cetec-c_colorPalette\.warning:is([data-color-mode="light"] *),[data-color-mode="light"] .light\:cetec-c_colorPalette\.warning {
41692
43061
  color: var(--cetec-colors-color-palette-warning);
41693
43062
  }
@@ -41736,6 +43105,30 @@
41736
43105
  color: var(--cetec-colors-color-palette-warning-bold-pressed);
41737
43106
  }
41738
43107
 
43108
+ .light .light\:cetec-c_colorPalette\.warning\.subtle,.light\:cetec-c_colorPalette\.warning\.subtle:is([data-color-mode="light"] *),[data-color-mode="light"] .light\:cetec-c_colorPalette\.warning\.subtle {
43109
+ color: var(--cetec-colors-color-palette-warning-subtle);
43110
+ }
43111
+
43112
+ .dark .dark\:cetec-c_colorPalette\.warning\.subtle,.dark\:cetec-c_colorPalette\.warning\.subtle:is([data-color-mode="dark"] *),[data-color-mode="dark"] .dark\:cetec-c_colorPalette\.warning\.subtle {
43113
+ color: var(--cetec-colors-color-palette-warning-subtle);
43114
+ }
43115
+
43116
+ .light .light\:cetec-c_colorPalette\.warning\.subtle\.hovered,.light\:cetec-c_colorPalette\.warning\.subtle\.hovered:is([data-color-mode="light"] *),[data-color-mode="light"] .light\:cetec-c_colorPalette\.warning\.subtle\.hovered {
43117
+ color: var(--cetec-colors-color-palette-warning-subtle-hovered);
43118
+ }
43119
+
43120
+ .dark .dark\:cetec-c_colorPalette\.warning\.subtle\.hovered,.dark\:cetec-c_colorPalette\.warning\.subtle\.hovered:is([data-color-mode="dark"] *),[data-color-mode="dark"] .dark\:cetec-c_colorPalette\.warning\.subtle\.hovered {
43121
+ color: var(--cetec-colors-color-palette-warning-subtle-hovered);
43122
+ }
43123
+
43124
+ .light .light\:cetec-c_colorPalette\.warning\.subtle\.pressed,.light\:cetec-c_colorPalette\.warning\.subtle\.pressed:is([data-color-mode="light"] *),[data-color-mode="light"] .light\:cetec-c_colorPalette\.warning\.subtle\.pressed {
43125
+ color: var(--cetec-colors-color-palette-warning-subtle-pressed);
43126
+ }
43127
+
43128
+ .dark .dark\:cetec-c_colorPalette\.warning\.subtle\.pressed,.dark\:cetec-c_colorPalette\.warning\.subtle\.pressed:is([data-color-mode="dark"] *),[data-color-mode="dark"] .dark\:cetec-c_colorPalette\.warning\.subtle\.pressed {
43129
+ color: var(--cetec-colors-color-palette-warning-subtle-pressed);
43130
+ }
43131
+
41739
43132
  .light .light\:cetec-c_colorPalette\.danger,.light\:cetec-c_colorPalette\.danger:is([data-color-mode="light"] *),[data-color-mode="light"] .light\:cetec-c_colorPalette\.danger {
41740
43133
  color: var(--cetec-colors-color-palette-danger);
41741
43134
  }
@@ -41784,6 +43177,30 @@
41784
43177
  color: var(--cetec-colors-color-palette-danger-bold-pressed);
41785
43178
  }
41786
43179
 
43180
+ .light .light\:cetec-c_colorPalette\.danger\.subtle,.light\:cetec-c_colorPalette\.danger\.subtle:is([data-color-mode="light"] *),[data-color-mode="light"] .light\:cetec-c_colorPalette\.danger\.subtle {
43181
+ color: var(--cetec-colors-color-palette-danger-subtle);
43182
+ }
43183
+
43184
+ .dark .dark\:cetec-c_colorPalette\.danger\.subtle,.dark\:cetec-c_colorPalette\.danger\.subtle:is([data-color-mode="dark"] *),[data-color-mode="dark"] .dark\:cetec-c_colorPalette\.danger\.subtle {
43185
+ color: var(--cetec-colors-color-palette-danger-subtle);
43186
+ }
43187
+
43188
+ .light .light\:cetec-c_colorPalette\.danger\.subtle\.hovered,.light\:cetec-c_colorPalette\.danger\.subtle\.hovered:is([data-color-mode="light"] *),[data-color-mode="light"] .light\:cetec-c_colorPalette\.danger\.subtle\.hovered {
43189
+ color: var(--cetec-colors-color-palette-danger-subtle-hovered);
43190
+ }
43191
+
43192
+ .dark .dark\:cetec-c_colorPalette\.danger\.subtle\.hovered,.dark\:cetec-c_colorPalette\.danger\.subtle\.hovered:is([data-color-mode="dark"] *),[data-color-mode="dark"] .dark\:cetec-c_colorPalette\.danger\.subtle\.hovered {
43193
+ color: var(--cetec-colors-color-palette-danger-subtle-hovered);
43194
+ }
43195
+
43196
+ .light .light\:cetec-c_colorPalette\.danger\.subtle\.pressed,.light\:cetec-c_colorPalette\.danger\.subtle\.pressed:is([data-color-mode="light"] *),[data-color-mode="light"] .light\:cetec-c_colorPalette\.danger\.subtle\.pressed {
43197
+ color: var(--cetec-colors-color-palette-danger-subtle-pressed);
43198
+ }
43199
+
43200
+ .dark .dark\:cetec-c_colorPalette\.danger\.subtle\.pressed,.dark\:cetec-c_colorPalette\.danger\.subtle\.pressed:is([data-color-mode="dark"] *),[data-color-mode="dark"] .dark\:cetec-c_colorPalette\.danger\.subtle\.pressed {
43201
+ color: var(--cetec-colors-color-palette-danger-subtle-pressed);
43202
+ }
43203
+
41787
43204
  .light .light\:cetec-c_colorPalette\.info,.light\:cetec-c_colorPalette\.info:is([data-color-mode="light"] *),[data-color-mode="light"] .light\:cetec-c_colorPalette\.info {
41788
43205
  color: var(--cetec-colors-color-palette-info);
41789
43206
  }
@@ -41832,6 +43249,30 @@
41832
43249
  color: var(--cetec-colors-color-palette-info-bold-pressed);
41833
43250
  }
41834
43251
 
43252
+ .light .light\:cetec-c_colorPalette\.info\.subtle,.light\:cetec-c_colorPalette\.info\.subtle:is([data-color-mode="light"] *),[data-color-mode="light"] .light\:cetec-c_colorPalette\.info\.subtle {
43253
+ color: var(--cetec-colors-color-palette-info-subtle);
43254
+ }
43255
+
43256
+ .dark .dark\:cetec-c_colorPalette\.info\.subtle,.dark\:cetec-c_colorPalette\.info\.subtle:is([data-color-mode="dark"] *),[data-color-mode="dark"] .dark\:cetec-c_colorPalette\.info\.subtle {
43257
+ color: var(--cetec-colors-color-palette-info-subtle);
43258
+ }
43259
+
43260
+ .light .light\:cetec-c_colorPalette\.info\.subtle\.hovered,.light\:cetec-c_colorPalette\.info\.subtle\.hovered:is([data-color-mode="light"] *),[data-color-mode="light"] .light\:cetec-c_colorPalette\.info\.subtle\.hovered {
43261
+ color: var(--cetec-colors-color-palette-info-subtle-hovered);
43262
+ }
43263
+
43264
+ .dark .dark\:cetec-c_colorPalette\.info\.subtle\.hovered,.dark\:cetec-c_colorPalette\.info\.subtle\.hovered:is([data-color-mode="dark"] *),[data-color-mode="dark"] .dark\:cetec-c_colorPalette\.info\.subtle\.hovered {
43265
+ color: var(--cetec-colors-color-palette-info-subtle-hovered);
43266
+ }
43267
+
43268
+ .light .light\:cetec-c_colorPalette\.info\.subtle\.pressed,.light\:cetec-c_colorPalette\.info\.subtle\.pressed:is([data-color-mode="light"] *),[data-color-mode="light"] .light\:cetec-c_colorPalette\.info\.subtle\.pressed {
43269
+ color: var(--cetec-colors-color-palette-info-subtle-pressed);
43270
+ }
43271
+
43272
+ .dark .dark\:cetec-c_colorPalette\.info\.subtle\.pressed,.dark\:cetec-c_colorPalette\.info\.subtle\.pressed:is([data-color-mode="dark"] *),[data-color-mode="dark"] .dark\:cetec-c_colorPalette\.info\.subtle\.pressed {
43273
+ color: var(--cetec-colors-color-palette-info-subtle-pressed);
43274
+ }
43275
+
41835
43276
  .light .light\:cetec-c_colorPalette\.cta,.light\:cetec-c_colorPalette\.cta:is([data-color-mode="light"] *),[data-color-mode="light"] .light\:cetec-c_colorPalette\.cta {
41836
43277
  color: var(--cetec-colors-color-palette-cta);
41837
43278
  }
@@ -46088,6 +47529,30 @@
46088
47529
  fill: var(--cetec-colors-bg-success-bold-pressed);
46089
47530
  }
46090
47531
 
47532
+ .light .light\:cetec-fill_bg\.success\.subtle,.light\:cetec-fill_bg\.success\.subtle:is([data-color-mode="light"] *),[data-color-mode="light"] .light\:cetec-fill_bg\.success\.subtle {
47533
+ fill: var(--cetec-colors-bg-success-subtle);
47534
+ }
47535
+
47536
+ .dark .dark\:cetec-fill_bg\.success\.subtle,.dark\:cetec-fill_bg\.success\.subtle:is([data-color-mode="dark"] *),[data-color-mode="dark"] .dark\:cetec-fill_bg\.success\.subtle {
47537
+ fill: var(--cetec-colors-bg-success-subtle);
47538
+ }
47539
+
47540
+ .light .light\:cetec-fill_bg\.success\.subtle\.hovered,.light\:cetec-fill_bg\.success\.subtle\.hovered:is([data-color-mode="light"] *),[data-color-mode="light"] .light\:cetec-fill_bg\.success\.subtle\.hovered {
47541
+ fill: var(--cetec-colors-bg-success-subtle-hovered);
47542
+ }
47543
+
47544
+ .dark .dark\:cetec-fill_bg\.success\.subtle\.hovered,.dark\:cetec-fill_bg\.success\.subtle\.hovered:is([data-color-mode="dark"] *),[data-color-mode="dark"] .dark\:cetec-fill_bg\.success\.subtle\.hovered {
47545
+ fill: var(--cetec-colors-bg-success-subtle-hovered);
47546
+ }
47547
+
47548
+ .light .light\:cetec-fill_bg\.success\.subtle\.pressed,.light\:cetec-fill_bg\.success\.subtle\.pressed:is([data-color-mode="light"] *),[data-color-mode="light"] .light\:cetec-fill_bg\.success\.subtle\.pressed {
47549
+ fill: var(--cetec-colors-bg-success-subtle-pressed);
47550
+ }
47551
+
47552
+ .dark .dark\:cetec-fill_bg\.success\.subtle\.pressed,.dark\:cetec-fill_bg\.success\.subtle\.pressed:is([data-color-mode="dark"] *),[data-color-mode="dark"] .dark\:cetec-fill_bg\.success\.subtle\.pressed {
47553
+ fill: var(--cetec-colors-bg-success-subtle-pressed);
47554
+ }
47555
+
46091
47556
  .light .light\:cetec-fill_bg\.warning,.light\:cetec-fill_bg\.warning:is([data-color-mode="light"] *),[data-color-mode="light"] .light\:cetec-fill_bg\.warning {
46092
47557
  fill: var(--cetec-colors-bg-warning);
46093
47558
  }
@@ -46136,6 +47601,30 @@
46136
47601
  fill: var(--cetec-colors-bg-warning-bold-pressed);
46137
47602
  }
46138
47603
 
47604
+ .light .light\:cetec-fill_bg\.warning\.subtle,.light\:cetec-fill_bg\.warning\.subtle:is([data-color-mode="light"] *),[data-color-mode="light"] .light\:cetec-fill_bg\.warning\.subtle {
47605
+ fill: var(--cetec-colors-bg-warning-subtle);
47606
+ }
47607
+
47608
+ .dark .dark\:cetec-fill_bg\.warning\.subtle,.dark\:cetec-fill_bg\.warning\.subtle:is([data-color-mode="dark"] *),[data-color-mode="dark"] .dark\:cetec-fill_bg\.warning\.subtle {
47609
+ fill: var(--cetec-colors-bg-warning-subtle);
47610
+ }
47611
+
47612
+ .light .light\:cetec-fill_bg\.warning\.subtle\.hovered,.light\:cetec-fill_bg\.warning\.subtle\.hovered:is([data-color-mode="light"] *),[data-color-mode="light"] .light\:cetec-fill_bg\.warning\.subtle\.hovered {
47613
+ fill: var(--cetec-colors-bg-warning-subtle-hovered);
47614
+ }
47615
+
47616
+ .dark .dark\:cetec-fill_bg\.warning\.subtle\.hovered,.dark\:cetec-fill_bg\.warning\.subtle\.hovered:is([data-color-mode="dark"] *),[data-color-mode="dark"] .dark\:cetec-fill_bg\.warning\.subtle\.hovered {
47617
+ fill: var(--cetec-colors-bg-warning-subtle-hovered);
47618
+ }
47619
+
47620
+ .light .light\:cetec-fill_bg\.warning\.subtle\.pressed,.light\:cetec-fill_bg\.warning\.subtle\.pressed:is([data-color-mode="light"] *),[data-color-mode="light"] .light\:cetec-fill_bg\.warning\.subtle\.pressed {
47621
+ fill: var(--cetec-colors-bg-warning-subtle-pressed);
47622
+ }
47623
+
47624
+ .dark .dark\:cetec-fill_bg\.warning\.subtle\.pressed,.dark\:cetec-fill_bg\.warning\.subtle\.pressed:is([data-color-mode="dark"] *),[data-color-mode="dark"] .dark\:cetec-fill_bg\.warning\.subtle\.pressed {
47625
+ fill: var(--cetec-colors-bg-warning-subtle-pressed);
47626
+ }
47627
+
46139
47628
  .light .light\:cetec-fill_bg\.danger,.light\:cetec-fill_bg\.danger:is([data-color-mode="light"] *),[data-color-mode="light"] .light\:cetec-fill_bg\.danger {
46140
47629
  fill: var(--cetec-colors-bg-danger);
46141
47630
  }
@@ -46184,6 +47673,30 @@
46184
47673
  fill: var(--cetec-colors-bg-danger-bold-pressed);
46185
47674
  }
46186
47675
 
47676
+ .light .light\:cetec-fill_bg\.danger\.subtle,.light\:cetec-fill_bg\.danger\.subtle:is([data-color-mode="light"] *),[data-color-mode="light"] .light\:cetec-fill_bg\.danger\.subtle {
47677
+ fill: var(--cetec-colors-bg-danger-subtle);
47678
+ }
47679
+
47680
+ .dark .dark\:cetec-fill_bg\.danger\.subtle,.dark\:cetec-fill_bg\.danger\.subtle:is([data-color-mode="dark"] *),[data-color-mode="dark"] .dark\:cetec-fill_bg\.danger\.subtle {
47681
+ fill: var(--cetec-colors-bg-danger-subtle);
47682
+ }
47683
+
47684
+ .light .light\:cetec-fill_bg\.danger\.subtle\.hovered,.light\:cetec-fill_bg\.danger\.subtle\.hovered:is([data-color-mode="light"] *),[data-color-mode="light"] .light\:cetec-fill_bg\.danger\.subtle\.hovered {
47685
+ fill: var(--cetec-colors-bg-danger-subtle-hovered);
47686
+ }
47687
+
47688
+ .dark .dark\:cetec-fill_bg\.danger\.subtle\.hovered,.dark\:cetec-fill_bg\.danger\.subtle\.hovered:is([data-color-mode="dark"] *),[data-color-mode="dark"] .dark\:cetec-fill_bg\.danger\.subtle\.hovered {
47689
+ fill: var(--cetec-colors-bg-danger-subtle-hovered);
47690
+ }
47691
+
47692
+ .light .light\:cetec-fill_bg\.danger\.subtle\.pressed,.light\:cetec-fill_bg\.danger\.subtle\.pressed:is([data-color-mode="light"] *),[data-color-mode="light"] .light\:cetec-fill_bg\.danger\.subtle\.pressed {
47693
+ fill: var(--cetec-colors-bg-danger-subtle-pressed);
47694
+ }
47695
+
47696
+ .dark .dark\:cetec-fill_bg\.danger\.subtle\.pressed,.dark\:cetec-fill_bg\.danger\.subtle\.pressed:is([data-color-mode="dark"] *),[data-color-mode="dark"] .dark\:cetec-fill_bg\.danger\.subtle\.pressed {
47697
+ fill: var(--cetec-colors-bg-danger-subtle-pressed);
47698
+ }
47699
+
46187
47700
  .light .light\:cetec-fill_bg\.info,.light\:cetec-fill_bg\.info:is([data-color-mode="light"] *),[data-color-mode="light"] .light\:cetec-fill_bg\.info {
46188
47701
  fill: var(--cetec-colors-bg-info);
46189
47702
  }
@@ -46232,6 +47745,30 @@
46232
47745
  fill: var(--cetec-colors-bg-info-bold-pressed);
46233
47746
  }
46234
47747
 
47748
+ .light .light\:cetec-fill_bg\.info\.subtle,.light\:cetec-fill_bg\.info\.subtle:is([data-color-mode="light"] *),[data-color-mode="light"] .light\:cetec-fill_bg\.info\.subtle {
47749
+ fill: var(--cetec-colors-bg-info-subtle);
47750
+ }
47751
+
47752
+ .dark .dark\:cetec-fill_bg\.info\.subtle,.dark\:cetec-fill_bg\.info\.subtle:is([data-color-mode="dark"] *),[data-color-mode="dark"] .dark\:cetec-fill_bg\.info\.subtle {
47753
+ fill: var(--cetec-colors-bg-info-subtle);
47754
+ }
47755
+
47756
+ .light .light\:cetec-fill_bg\.info\.subtle\.hovered,.light\:cetec-fill_bg\.info\.subtle\.hovered:is([data-color-mode="light"] *),[data-color-mode="light"] .light\:cetec-fill_bg\.info\.subtle\.hovered {
47757
+ fill: var(--cetec-colors-bg-info-subtle-hovered);
47758
+ }
47759
+
47760
+ .dark .dark\:cetec-fill_bg\.info\.subtle\.hovered,.dark\:cetec-fill_bg\.info\.subtle\.hovered:is([data-color-mode="dark"] *),[data-color-mode="dark"] .dark\:cetec-fill_bg\.info\.subtle\.hovered {
47761
+ fill: var(--cetec-colors-bg-info-subtle-hovered);
47762
+ }
47763
+
47764
+ .light .light\:cetec-fill_bg\.info\.subtle\.pressed,.light\:cetec-fill_bg\.info\.subtle\.pressed:is([data-color-mode="light"] *),[data-color-mode="light"] .light\:cetec-fill_bg\.info\.subtle\.pressed {
47765
+ fill: var(--cetec-colors-bg-info-subtle-pressed);
47766
+ }
47767
+
47768
+ .dark .dark\:cetec-fill_bg\.info\.subtle\.pressed,.dark\:cetec-fill_bg\.info\.subtle\.pressed:is([data-color-mode="dark"] *),[data-color-mode="dark"] .dark\:cetec-fill_bg\.info\.subtle\.pressed {
47769
+ fill: var(--cetec-colors-bg-info-subtle-pressed);
47770
+ }
47771
+
46235
47772
  .light .light\:cetec-fill_bg\.cta,.light\:cetec-fill_bg\.cta:is([data-color-mode="light"] *),[data-color-mode="light"] .light\:cetec-fill_bg\.cta {
46236
47773
  fill: var(--cetec-colors-bg-cta);
46237
47774
  }
@@ -48768,6 +50305,30 @@
48768
50305
  fill: var(--cetec-colors-color-palette-success-bold-pressed);
48769
50306
  }
48770
50307
 
50308
+ .light .light\:cetec-fill_colorPalette\.success\.subtle,.light\:cetec-fill_colorPalette\.success\.subtle:is([data-color-mode="light"] *),[data-color-mode="light"] .light\:cetec-fill_colorPalette\.success\.subtle {
50309
+ fill: var(--cetec-colors-color-palette-success-subtle);
50310
+ }
50311
+
50312
+ .dark .dark\:cetec-fill_colorPalette\.success\.subtle,.dark\:cetec-fill_colorPalette\.success\.subtle:is([data-color-mode="dark"] *),[data-color-mode="dark"] .dark\:cetec-fill_colorPalette\.success\.subtle {
50313
+ fill: var(--cetec-colors-color-palette-success-subtle);
50314
+ }
50315
+
50316
+ .light .light\:cetec-fill_colorPalette\.success\.subtle\.hovered,.light\:cetec-fill_colorPalette\.success\.subtle\.hovered:is([data-color-mode="light"] *),[data-color-mode="light"] .light\:cetec-fill_colorPalette\.success\.subtle\.hovered {
50317
+ fill: var(--cetec-colors-color-palette-success-subtle-hovered);
50318
+ }
50319
+
50320
+ .dark .dark\:cetec-fill_colorPalette\.success\.subtle\.hovered,.dark\:cetec-fill_colorPalette\.success\.subtle\.hovered:is([data-color-mode="dark"] *),[data-color-mode="dark"] .dark\:cetec-fill_colorPalette\.success\.subtle\.hovered {
50321
+ fill: var(--cetec-colors-color-palette-success-subtle-hovered);
50322
+ }
50323
+
50324
+ .light .light\:cetec-fill_colorPalette\.success\.subtle\.pressed,.light\:cetec-fill_colorPalette\.success\.subtle\.pressed:is([data-color-mode="light"] *),[data-color-mode="light"] .light\:cetec-fill_colorPalette\.success\.subtle\.pressed {
50325
+ fill: var(--cetec-colors-color-palette-success-subtle-pressed);
50326
+ }
50327
+
50328
+ .dark .dark\:cetec-fill_colorPalette\.success\.subtle\.pressed,.dark\:cetec-fill_colorPalette\.success\.subtle\.pressed:is([data-color-mode="dark"] *),[data-color-mode="dark"] .dark\:cetec-fill_colorPalette\.success\.subtle\.pressed {
50329
+ fill: var(--cetec-colors-color-palette-success-subtle-pressed);
50330
+ }
50331
+
48771
50332
  .light .light\:cetec-fill_colorPalette\.warning,.light\:cetec-fill_colorPalette\.warning:is([data-color-mode="light"] *),[data-color-mode="light"] .light\:cetec-fill_colorPalette\.warning {
48772
50333
  fill: var(--cetec-colors-color-palette-warning);
48773
50334
  }
@@ -48816,6 +50377,30 @@
48816
50377
  fill: var(--cetec-colors-color-palette-warning-bold-pressed);
48817
50378
  }
48818
50379
 
50380
+ .light .light\:cetec-fill_colorPalette\.warning\.subtle,.light\:cetec-fill_colorPalette\.warning\.subtle:is([data-color-mode="light"] *),[data-color-mode="light"] .light\:cetec-fill_colorPalette\.warning\.subtle {
50381
+ fill: var(--cetec-colors-color-palette-warning-subtle);
50382
+ }
50383
+
50384
+ .dark .dark\:cetec-fill_colorPalette\.warning\.subtle,.dark\:cetec-fill_colorPalette\.warning\.subtle:is([data-color-mode="dark"] *),[data-color-mode="dark"] .dark\:cetec-fill_colorPalette\.warning\.subtle {
50385
+ fill: var(--cetec-colors-color-palette-warning-subtle);
50386
+ }
50387
+
50388
+ .light .light\:cetec-fill_colorPalette\.warning\.subtle\.hovered,.light\:cetec-fill_colorPalette\.warning\.subtle\.hovered:is([data-color-mode="light"] *),[data-color-mode="light"] .light\:cetec-fill_colorPalette\.warning\.subtle\.hovered {
50389
+ fill: var(--cetec-colors-color-palette-warning-subtle-hovered);
50390
+ }
50391
+
50392
+ .dark .dark\:cetec-fill_colorPalette\.warning\.subtle\.hovered,.dark\:cetec-fill_colorPalette\.warning\.subtle\.hovered:is([data-color-mode="dark"] *),[data-color-mode="dark"] .dark\:cetec-fill_colorPalette\.warning\.subtle\.hovered {
50393
+ fill: var(--cetec-colors-color-palette-warning-subtle-hovered);
50394
+ }
50395
+
50396
+ .light .light\:cetec-fill_colorPalette\.warning\.subtle\.pressed,.light\:cetec-fill_colorPalette\.warning\.subtle\.pressed:is([data-color-mode="light"] *),[data-color-mode="light"] .light\:cetec-fill_colorPalette\.warning\.subtle\.pressed {
50397
+ fill: var(--cetec-colors-color-palette-warning-subtle-pressed);
50398
+ }
50399
+
50400
+ .dark .dark\:cetec-fill_colorPalette\.warning\.subtle\.pressed,.dark\:cetec-fill_colorPalette\.warning\.subtle\.pressed:is([data-color-mode="dark"] *),[data-color-mode="dark"] .dark\:cetec-fill_colorPalette\.warning\.subtle\.pressed {
50401
+ fill: var(--cetec-colors-color-palette-warning-subtle-pressed);
50402
+ }
50403
+
48819
50404
  .light .light\:cetec-fill_colorPalette\.danger,.light\:cetec-fill_colorPalette\.danger:is([data-color-mode="light"] *),[data-color-mode="light"] .light\:cetec-fill_colorPalette\.danger {
48820
50405
  fill: var(--cetec-colors-color-palette-danger);
48821
50406
  }
@@ -48864,6 +50449,30 @@
48864
50449
  fill: var(--cetec-colors-color-palette-danger-bold-pressed);
48865
50450
  }
48866
50451
 
50452
+ .light .light\:cetec-fill_colorPalette\.danger\.subtle,.light\:cetec-fill_colorPalette\.danger\.subtle:is([data-color-mode="light"] *),[data-color-mode="light"] .light\:cetec-fill_colorPalette\.danger\.subtle {
50453
+ fill: var(--cetec-colors-color-palette-danger-subtle);
50454
+ }
50455
+
50456
+ .dark .dark\:cetec-fill_colorPalette\.danger\.subtle,.dark\:cetec-fill_colorPalette\.danger\.subtle:is([data-color-mode="dark"] *),[data-color-mode="dark"] .dark\:cetec-fill_colorPalette\.danger\.subtle {
50457
+ fill: var(--cetec-colors-color-palette-danger-subtle);
50458
+ }
50459
+
50460
+ .light .light\:cetec-fill_colorPalette\.danger\.subtle\.hovered,.light\:cetec-fill_colorPalette\.danger\.subtle\.hovered:is([data-color-mode="light"] *),[data-color-mode="light"] .light\:cetec-fill_colorPalette\.danger\.subtle\.hovered {
50461
+ fill: var(--cetec-colors-color-palette-danger-subtle-hovered);
50462
+ }
50463
+
50464
+ .dark .dark\:cetec-fill_colorPalette\.danger\.subtle\.hovered,.dark\:cetec-fill_colorPalette\.danger\.subtle\.hovered:is([data-color-mode="dark"] *),[data-color-mode="dark"] .dark\:cetec-fill_colorPalette\.danger\.subtle\.hovered {
50465
+ fill: var(--cetec-colors-color-palette-danger-subtle-hovered);
50466
+ }
50467
+
50468
+ .light .light\:cetec-fill_colorPalette\.danger\.subtle\.pressed,.light\:cetec-fill_colorPalette\.danger\.subtle\.pressed:is([data-color-mode="light"] *),[data-color-mode="light"] .light\:cetec-fill_colorPalette\.danger\.subtle\.pressed {
50469
+ fill: var(--cetec-colors-color-palette-danger-subtle-pressed);
50470
+ }
50471
+
50472
+ .dark .dark\:cetec-fill_colorPalette\.danger\.subtle\.pressed,.dark\:cetec-fill_colorPalette\.danger\.subtle\.pressed:is([data-color-mode="dark"] *),[data-color-mode="dark"] .dark\:cetec-fill_colorPalette\.danger\.subtle\.pressed {
50473
+ fill: var(--cetec-colors-color-palette-danger-subtle-pressed);
50474
+ }
50475
+
48867
50476
  .light .light\:cetec-fill_colorPalette\.info,.light\:cetec-fill_colorPalette\.info:is([data-color-mode="light"] *),[data-color-mode="light"] .light\:cetec-fill_colorPalette\.info {
48868
50477
  fill: var(--cetec-colors-color-palette-info);
48869
50478
  }
@@ -48912,6 +50521,30 @@
48912
50521
  fill: var(--cetec-colors-color-palette-info-bold-pressed);
48913
50522
  }
48914
50523
 
50524
+ .light .light\:cetec-fill_colorPalette\.info\.subtle,.light\:cetec-fill_colorPalette\.info\.subtle:is([data-color-mode="light"] *),[data-color-mode="light"] .light\:cetec-fill_colorPalette\.info\.subtle {
50525
+ fill: var(--cetec-colors-color-palette-info-subtle);
50526
+ }
50527
+
50528
+ .dark .dark\:cetec-fill_colorPalette\.info\.subtle,.dark\:cetec-fill_colorPalette\.info\.subtle:is([data-color-mode="dark"] *),[data-color-mode="dark"] .dark\:cetec-fill_colorPalette\.info\.subtle {
50529
+ fill: var(--cetec-colors-color-palette-info-subtle);
50530
+ }
50531
+
50532
+ .light .light\:cetec-fill_colorPalette\.info\.subtle\.hovered,.light\:cetec-fill_colorPalette\.info\.subtle\.hovered:is([data-color-mode="light"] *),[data-color-mode="light"] .light\:cetec-fill_colorPalette\.info\.subtle\.hovered {
50533
+ fill: var(--cetec-colors-color-palette-info-subtle-hovered);
50534
+ }
50535
+
50536
+ .dark .dark\:cetec-fill_colorPalette\.info\.subtle\.hovered,.dark\:cetec-fill_colorPalette\.info\.subtle\.hovered:is([data-color-mode="dark"] *),[data-color-mode="dark"] .dark\:cetec-fill_colorPalette\.info\.subtle\.hovered {
50537
+ fill: var(--cetec-colors-color-palette-info-subtle-hovered);
50538
+ }
50539
+
50540
+ .light .light\:cetec-fill_colorPalette\.info\.subtle\.pressed,.light\:cetec-fill_colorPalette\.info\.subtle\.pressed:is([data-color-mode="light"] *),[data-color-mode="light"] .light\:cetec-fill_colorPalette\.info\.subtle\.pressed {
50541
+ fill: var(--cetec-colors-color-palette-info-subtle-pressed);
50542
+ }
50543
+
50544
+ .dark .dark\:cetec-fill_colorPalette\.info\.subtle\.pressed,.dark\:cetec-fill_colorPalette\.info\.subtle\.pressed:is([data-color-mode="dark"] *),[data-color-mode="dark"] .dark\:cetec-fill_colorPalette\.info\.subtle\.pressed {
50545
+ fill: var(--cetec-colors-color-palette-info-subtle-pressed);
50546
+ }
50547
+
48915
50548
  .light .light\:cetec-fill_colorPalette\.cta,.light\:cetec-fill_colorPalette\.cta:is([data-color-mode="light"] *),[data-color-mode="light"] .light\:cetec-fill_colorPalette\.cta {
48916
50549
  fill: var(--cetec-colors-color-palette-cta);
48917
50550
  }