@carbon/charts 1.13.8 → 1.13.11

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 (42) hide show
  1. package/CHANGELOG.md +31 -0
  2. package/README.md +1 -1
  3. package/dist/{_baseEach-8433307e.mjs → _baseEach-_pb8o-nX.mjs} +4 -4
  4. package/dist/{_baseEach-8433307e.mjs.map → _baseEach-_pb8o-nX.mjs.map} +1 -1
  5. package/dist/{a11y-7bad4f48.mjs → a11y-SOU26cr5.mjs} +1 -1
  6. package/dist/{a11y-7bad4f48.mjs.map → a11y-SOU26cr5.mjs.map} +1 -1
  7. package/dist/{angle-utils-8034b0e5.mjs → angle-utils-lGS6958-.mjs} +5 -5
  8. package/dist/{angle-utils-8034b0e5.mjs.map → angle-utils-lGS6958-.mjs.map} +1 -1
  9. package/dist/{choropleth-d532597d.mjs → choropleth-OVZrVx-E.mjs} +431 -431
  10. package/dist/{choropleth-d532597d.mjs.map → choropleth-OVZrVx-E.mjs.map} +1 -1
  11. package/dist/{color-scale-utils-2eb80bd2.mjs → color-scale-utils-xGxEq2HZ.mjs} +73 -73
  12. package/dist/{color-scale-utils-2eb80bd2.mjs.map → color-scale-utils-xGxEq2HZ.mjs.map} +1 -1
  13. package/dist/components/index.mjs +10 -10
  14. package/dist/demo/index.mjs +225 -251
  15. package/dist/demo/index.mjs.map +1 -1
  16. package/dist/demo/styles.css +971 -1053
  17. package/dist/demo/styles.css.map +1 -1
  18. package/dist/{enums-a96ef472.mjs → enums-tMKLWMMm.mjs} +1 -1
  19. package/dist/{enums-a96ef472.mjs.map → enums-tMKLWMMm.mjs.map} +1 -1
  20. package/dist/{index-ec554115.mjs → index-Ez18Vgtt.mjs} +3 -3
  21. package/dist/index-Ez18Vgtt.mjs.map +1 -0
  22. package/dist/index.mjs +60 -60
  23. package/dist/interfaces/index.mjs +2 -2
  24. package/dist/model/index.mjs +21 -1111
  25. package/dist/model/index.mjs.map +1 -1
  26. package/dist/services/index.mjs +17 -17
  27. package/dist/styles.css +40 -0
  28. package/dist/styles.css.map +1 -1
  29. package/dist/styles.min.css +1 -1
  30. package/dist/styles.min.css.map +1 -1
  31. package/dist/umd/bundle.umd.js +14 -14
  32. package/dist/umd/bundle.umd.js.map +1 -1
  33. package/dist/wordcloud-R5RMMPUP.mjs +1108 -0
  34. package/dist/wordcloud-R5RMMPUP.mjs.map +1 -0
  35. package/dist/{index-e91144ae.mjs → zoom-WD9MTgCJ.mjs} +51 -51
  36. package/dist/zoom-WD9MTgCJ.mjs.map +1 -0
  37. package/package.json +13 -18
  38. package/scss/demos.scss +4 -5
  39. package/styles.css +40 -0
  40. package/styles.min.css +1 -1
  41. package/dist/index-e91144ae.mjs.map +0 -1
  42. package/dist/index-ec554115.mjs.map +0 -1
@@ -5225,9 +5225,19 @@ div.cds--cc--legend.clickable div.legend-item:not(.additional):hover div.checkbo
5225
5225
  --cds-slug-background: #525252;
5226
5226
  --cds-slug-background-hover: #6f6f6f;
5227
5227
  --cds-slug-callout-aura-end: rgba(255, 255, 255, 0);
5228
+ --cds-slug-callout-aura-end-hover-01: rgba(255, 255, 255, 0);
5229
+ --cds-slug-callout-aura-end-hover-02: rgba(255, 255, 255, 0);
5230
+ --cds-slug-callout-aura-end-selected: rgba(255, 255, 255, 0);
5228
5231
  --cds-slug-callout-aura-start: rgba(237, 245, 255, 0.6);
5232
+ --cds-slug-callout-aura-start-hover-01: rgba(255, 255, 255, 0.5);
5233
+ --cds-slug-callout-aura-start-hover-02: rgba(208, 226, 255, 0.5);
5234
+ --cds-slug-callout-aura-start-selected: rgba(237, 245, 255, 0.6);
5229
5235
  --cds-slug-callout-gradient-bottom: rgba(224, 224, 224, 0.85);
5236
+ --cds-slug-callout-gradient-bottom-hover: rgba(209, 209, 209, 0.55);
5237
+ --cds-slug-callout-gradient-bottom-selected: rgba(209, 209, 209, 0.85);
5230
5238
  --cds-slug-callout-gradient-top: rgba(244, 244, 244, 0.85);
5239
+ --cds-slug-callout-gradient-top-hover: rgba(224, 224, 224, 0.55);
5240
+ --cds-slug-callout-gradient-top-selected: rgba(224, 224, 224, 0.85);
5231
5241
  --cds-slug-gradient: #161616 linear-gradient(135deg, #a8a8a8 0%, rgba(255, 255, 255, 0) 100%);
5232
5242
  --cds-slug-gradient-hover: #161616 linear-gradient(135deg, #d1d1d1 0%, rgba(255, 255, 255, 0) 100%);
5233
5243
  --cds-slug-hollow-hover: #474747;
@@ -5623,9 +5633,19 @@ div.cds--cc--legend.clickable div.legend-item:not(.additional):hover div.checkbo
5623
5633
  --cds-slug-background: #525252;
5624
5634
  --cds-slug-background-hover: #6f6f6f;
5625
5635
  --cds-slug-callout-aura-end: rgba(255, 255, 255, 0);
5636
+ --cds-slug-callout-aura-end-hover-01: rgba(255, 255, 255, 0);
5637
+ --cds-slug-callout-aura-end-hover-02: rgba(255, 255, 255, 0);
5638
+ --cds-slug-callout-aura-end-selected: rgba(255, 255, 255, 0);
5626
5639
  --cds-slug-callout-aura-start: rgba(237, 245, 255, 0.6);
5640
+ --cds-slug-callout-aura-start-hover-01: rgba(255, 255, 255, 0.5);
5641
+ --cds-slug-callout-aura-start-hover-02: rgba(208, 226, 255, 0.5);
5642
+ --cds-slug-callout-aura-start-selected: rgba(237, 245, 255, 0.6);
5627
5643
  --cds-slug-callout-gradient-bottom: rgba(224, 224, 224, 0.85);
5644
+ --cds-slug-callout-gradient-bottom-hover: rgba(209, 209, 209, 0.55);
5645
+ --cds-slug-callout-gradient-bottom-selected: rgba(209, 209, 209, 0.85);
5628
5646
  --cds-slug-callout-gradient-top: rgba(244, 244, 244, 0.85);
5647
+ --cds-slug-callout-gradient-top-hover: rgba(224, 224, 224, 0.55);
5648
+ --cds-slug-callout-gradient-top-selected: rgba(224, 224, 224, 0.85);
5629
5649
  --cds-slug-gradient: #161616 linear-gradient(135deg, #a8a8a8 0%, rgba(255, 255, 255, 0) 100%);
5630
5650
  --cds-slug-gradient-hover: #161616 linear-gradient(135deg, #d1d1d1 0%, rgba(255, 255, 255, 0) 100%);
5631
5651
  --cds-slug-hollow-hover: #474747;
@@ -6021,9 +6041,19 @@ div.cds--cc--legend.clickable div.legend-item:not(.additional):hover div.checkbo
6021
6041
  --cds-slug-background: #c6c6c6;
6022
6042
  --cds-slug-background-hover: #e0e0e0;
6023
6043
  --cds-slug-callout-aura-end: rgba(22, 22, 22, 0);
6044
+ --cds-slug-callout-aura-end-hover-01: rgba(22, 22, 22, 0);
6045
+ --cds-slug-callout-aura-end-hover-02: transparent;
6046
+ --cds-slug-callout-aura-end-selected: rgba(22, 22, 22, 0);
6024
6047
  --cds-slug-callout-aura-start: rgba(208, 226, 255, 0.2);
6048
+ --cds-slug-callout-aura-start-hover-01: rgba(184, 211, 255, 0.3);
6049
+ --cds-slug-callout-aura-start-hover-02: transparent;
6050
+ --cds-slug-callout-aura-start-selected: rgba(208, 226, 255, 0.2);
6025
6051
  --cds-slug-callout-gradient-bottom: rgba(38, 38, 38, 0.85);
6052
+ --cds-slug-callout-gradient-bottom-hover: rgba(71, 71, 71, 0.55);
6053
+ --cds-slug-callout-gradient-bottom-selected: rgba(71, 71, 71, 0.85);
6026
6054
  --cds-slug-callout-gradient-top: rgba(22, 22, 22, 0.85);
6055
+ --cds-slug-callout-gradient-top-hover: rgba(57, 57, 57, 0.55);
6056
+ --cds-slug-callout-gradient-top-selected: rgba(57, 57, 57, 0.85);
6027
6057
  --cds-slug-gradient: #8d8d8d linear-gradient(135deg, #f4f4f4 0%, rgba(255, 255, 255, 0) 100%);
6028
6058
  --cds-slug-gradient-hover: #a8a8a8 linear-gradient(135deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
6029
6059
  --cds-slug-hollow-hover: #b5b5b5;
@@ -6419,9 +6449,19 @@ div.cds--cc--legend.clickable div.legend-item:not(.additional):hover div.checkbo
6419
6449
  --cds-slug-background: #c6c6c6;
6420
6450
  --cds-slug-background-hover: #e0e0e0;
6421
6451
  --cds-slug-callout-aura-end: rgba(22, 22, 22, 0);
6452
+ --cds-slug-callout-aura-end-hover-01: rgba(22, 22, 22, 0);
6453
+ --cds-slug-callout-aura-end-hover-02: transparent;
6454
+ --cds-slug-callout-aura-end-selected: rgba(22, 22, 22, 0);
6422
6455
  --cds-slug-callout-aura-start: rgba(208, 226, 255, 0.2);
6456
+ --cds-slug-callout-aura-start-hover-01: rgba(184, 211, 255, 0.3);
6457
+ --cds-slug-callout-aura-start-hover-02: transparent;
6458
+ --cds-slug-callout-aura-start-selected: rgba(208, 226, 255, 0.2);
6423
6459
  --cds-slug-callout-gradient-bottom: rgba(38, 38, 38, 0.85);
6460
+ --cds-slug-callout-gradient-bottom-hover: rgba(71, 71, 71, 0.55);
6461
+ --cds-slug-callout-gradient-bottom-selected: rgba(71, 71, 71, 0.85);
6424
6462
  --cds-slug-callout-gradient-top: rgba(22, 22, 22, 0.85);
6463
+ --cds-slug-callout-gradient-top-hover: rgba(57, 57, 57, 0.55);
6464
+ --cds-slug-callout-gradient-top-selected: rgba(57, 57, 57, 0.85);
6425
6465
  --cds-slug-gradient: #8d8d8d linear-gradient(135deg, #f4f4f4 0%, rgba(255, 255, 255, 0) 100%);
6426
6466
  --cds-slug-gradient-hover: #a8a8a8 linear-gradient(135deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
6427
6467
  --cds-slug-hollow-hover: #b5b5b5;
@@ -6978,726 +7018,6 @@ em {
6978
7018
  font-style: italic;
6979
7019
  }
6980
7020
 
6981
- @font-face {
6982
- font-display: "swap";
6983
- font-family: "IBM Plex Mono";
6984
- font-style: normal;
6985
- font-weight: 300;
6986
- src: url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff2/IBMPlexMono-Light-Cyrillic.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff/IBMPlexMono-Light-Cyrillic.woff") format("woff");
6987
- unicode-range: "U+0400-045F", "U+0472-0473", "U+0490-049D", "U+04A0-04A5", "U+04AA-04AB", "U+04AE-04B3", "U+04B6-04BB", "U+04C0-04C2", "U+04CF-04D9", "U+04DC-04DF", "U+04E2-04E9", "U+04EE-04F5", "U+04F8-04F9";
6988
- }
6989
- @font-face {
6990
- font-display: "swap";
6991
- font-family: "IBM Plex Mono";
6992
- font-style: normal;
6993
- font-weight: 300;
6994
- src: url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff2/IBMPlexMono-Light-Pi.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff/IBMPlexMono-Light-Pi.woff") format("woff");
6995
- unicode-range: "U+0E3F", "U+2032-2033", "U+2070", "U+2075-2079", "U+2080-2081", "U+2083", "U+2085-2089", "U+2113", "U+2116", "U+2126", "U+212E", "U+2150-2151", "U+2153-215E", "U+2190-2199", "U+21A9-21AA", "U+21B0-21B3", "U+21B6-21B7", "U+21BA-21BB", "U+21C4", "U+21C6", "U+2202", "U+2206", "U+220F", "U+2211", "U+221A", "U+221E", "U+222B", "U+2248", "U+2260", "U+2264-2265", "U+25CA", "U+2713", "U+274C", "U+2B0E-2B11", "U+EBE1-EBE7", "U+ECE0", "U+EFCC";
6996
- }
6997
- @font-face {
6998
- font-display: "swap";
6999
- font-family: "IBM Plex Mono";
7000
- font-style: normal;
7001
- font-weight: 300;
7002
- src: url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff2/IBMPlexMono-Light-Latin3.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff/IBMPlexMono-Light-Latin3.woff") format("woff");
7003
- unicode-range: "U+0102-0103", "U+1EA0-1EF9", "U+20AB";
7004
- }
7005
- @font-face {
7006
- font-display: "swap";
7007
- font-family: "IBM Plex Mono";
7008
- font-style: normal;
7009
- font-weight: 300;
7010
- src: url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff2/IBMPlexMono-Light-Latin2.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff/IBMPlexMono-Light-Latin2.woff") format("woff");
7011
- unicode-range: "U+0100-024F", "U+0259", "U+1E00-1EFF", "U+20A0-20AB", "U+20AD-20CF", "U+2C60-2C7F", "U+A720-A7FF", "U+FB01-FB02";
7012
- }
7013
- @font-face {
7014
- font-display: "swap";
7015
- font-family: "IBM Plex Mono";
7016
- font-style: normal;
7017
- font-weight: 300;
7018
- src: url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff2/IBMPlexMono-Light-Latin1.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff/IBMPlexMono-Light-Latin1.woff") format("woff");
7019
- unicode-range: "U+0000", "U+000D", "U+0020-007E", "U+00A0-00A3", "U+00A4-00FF", "U+0131", "U+0152-0153", "U+02C6", "U+02DA", "U+02DC", "U+2013-2014", "U+2018-201A", "U+201C-201E", "U+2020-2022", "U+2026", "U+2030", "U+2039-203A", "U+2044", "U+2074", "U+20AC", "U+2122", "U+2212", "U+FB01-FB02";
7020
- }
7021
- @font-face {
7022
- font-display: "swap";
7023
- font-family: "IBM Plex Mono";
7024
- font-style: italic;
7025
- font-weight: 300;
7026
- src: url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff2/IBMPlexMono-LightItalic-Cyrillic.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff/IBMPlexMono-LightItalic-Cyrillic.woff") format("woff");
7027
- unicode-range: "U+0400-045F", "U+0472-0473", "U+0490-049D", "U+04A0-04A5", "U+04AA-04AB", "U+04AE-04B3", "U+04B6-04BB", "U+04C0-04C2", "U+04CF-04D9", "U+04DC-04DF", "U+04E2-04E9", "U+04EE-04F5", "U+04F8-04F9";
7028
- }
7029
- @font-face {
7030
- font-display: "swap";
7031
- font-family: "IBM Plex Mono";
7032
- font-style: italic;
7033
- font-weight: 300;
7034
- src: url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff2/IBMPlexMono-LightItalic-Pi.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff/IBMPlexMono-LightItalic-Pi.woff") format("woff");
7035
- unicode-range: "U+0E3F", "U+2032-2033", "U+2070", "U+2075-2079", "U+2080-2081", "U+2083", "U+2085-2089", "U+2113", "U+2116", "U+2126", "U+212E", "U+2150-2151", "U+2153-215E", "U+2190-2199", "U+21A9-21AA", "U+21B0-21B3", "U+21B6-21B7", "U+21BA-21BB", "U+21C4", "U+21C6", "U+2202", "U+2206", "U+220F", "U+2211", "U+221A", "U+221E", "U+222B", "U+2248", "U+2260", "U+2264-2265", "U+25CA", "U+2713", "U+274C", "U+2B0E-2B11", "U+EBE1-EBE7", "U+ECE0", "U+EFCC";
7036
- }
7037
- @font-face {
7038
- font-display: "swap";
7039
- font-family: "IBM Plex Mono";
7040
- font-style: italic;
7041
- font-weight: 300;
7042
- src: url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff2/IBMPlexMono-LightItalic-Latin3.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff/IBMPlexMono-LightItalic-Latin3.woff") format("woff");
7043
- unicode-range: "U+0102-0103", "U+1EA0-1EF9", "U+20AB";
7044
- }
7045
- @font-face {
7046
- font-display: "swap";
7047
- font-family: "IBM Plex Mono";
7048
- font-style: italic;
7049
- font-weight: 300;
7050
- src: url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff2/IBMPlexMono-LightItalic-Latin2.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff/IBMPlexMono-LightItalic-Latin2.woff") format("woff");
7051
- unicode-range: "U+0100-024F", "U+0259", "U+1E00-1EFF", "U+20A0-20AB", "U+20AD-20CF", "U+2C60-2C7F", "U+A720-A7FF", "U+FB01-FB02";
7052
- }
7053
- @font-face {
7054
- font-display: "swap";
7055
- font-family: "IBM Plex Mono";
7056
- font-style: italic;
7057
- font-weight: 300;
7058
- src: url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff2/IBMPlexMono-LightItalic-Latin1.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff/IBMPlexMono-LightItalic-Latin1.woff") format("woff");
7059
- unicode-range: "U+0000", "U+000D", "U+0020-007E", "U+00A0-00A3", "U+00A4-00FF", "U+0131", "U+0152-0153", "U+02C6", "U+02DA", "U+02DC", "U+2013-2014", "U+2018-201A", "U+201C-201E", "U+2020-2022", "U+2026", "U+2030", "U+2039-203A", "U+2044", "U+2074", "U+20AC", "U+2122", "U+2212", "U+FB01-FB02";
7060
- }
7061
- @font-face {
7062
- font-display: "swap";
7063
- font-family: "IBM Plex Mono";
7064
- font-style: normal;
7065
- font-weight: 400;
7066
- src: url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff2/IBMPlexMono-Regular-Cyrillic.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff/IBMPlexMono-Regular-Cyrillic.woff") format("woff");
7067
- unicode-range: "U+0400-045F", "U+0472-0473", "U+0490-049D", "U+04A0-04A5", "U+04AA-04AB", "U+04AE-04B3", "U+04B6-04BB", "U+04C0-04C2", "U+04CF-04D9", "U+04DC-04DF", "U+04E2-04E9", "U+04EE-04F5", "U+04F8-04F9";
7068
- }
7069
- @font-face {
7070
- font-display: "swap";
7071
- font-family: "IBM Plex Mono";
7072
- font-style: normal;
7073
- font-weight: 400;
7074
- src: url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff2/IBMPlexMono-Regular-Pi.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff/IBMPlexMono-Regular-Pi.woff") format("woff");
7075
- unicode-range: "U+0E3F", "U+2032-2033", "U+2070", "U+2075-2079", "U+2080-2081", "U+2083", "U+2085-2089", "U+2113", "U+2116", "U+2126", "U+212E", "U+2150-2151", "U+2153-215E", "U+2190-2199", "U+21A9-21AA", "U+21B0-21B3", "U+21B6-21B7", "U+21BA-21BB", "U+21C4", "U+21C6", "U+2202", "U+2206", "U+220F", "U+2211", "U+221A", "U+221E", "U+222B", "U+2248", "U+2260", "U+2264-2265", "U+25CA", "U+2713", "U+274C", "U+2B0E-2B11", "U+EBE1-EBE7", "U+ECE0", "U+EFCC";
7076
- }
7077
- @font-face {
7078
- font-display: "swap";
7079
- font-family: "IBM Plex Mono";
7080
- font-style: normal;
7081
- font-weight: 400;
7082
- src: url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff2/IBMPlexMono-Regular-Latin3.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff/IBMPlexMono-Regular-Latin3.woff") format("woff");
7083
- unicode-range: "U+0102-0103", "U+1EA0-1EF9", "U+20AB";
7084
- }
7085
- @font-face {
7086
- font-display: "swap";
7087
- font-family: "IBM Plex Mono";
7088
- font-style: normal;
7089
- font-weight: 400;
7090
- src: url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff2/IBMPlexMono-Regular-Latin2.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff/IBMPlexMono-Regular-Latin2.woff") format("woff");
7091
- unicode-range: "U+0100-024F", "U+0259", "U+1E00-1EFF", "U+20A0-20AB", "U+20AD-20CF", "U+2C60-2C7F", "U+A720-A7FF", "U+FB01-FB02";
7092
- }
7093
- @font-face {
7094
- font-display: "swap";
7095
- font-family: "IBM Plex Mono";
7096
- font-style: normal;
7097
- font-weight: 400;
7098
- src: url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff2/IBMPlexMono-Regular-Latin1.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff/IBMPlexMono-Regular-Latin1.woff") format("woff");
7099
- unicode-range: "U+0000", "U+000D", "U+0020-007E", "U+00A0-00A3", "U+00A4-00FF", "U+0131", "U+0152-0153", "U+02C6", "U+02DA", "U+02DC", "U+2013-2014", "U+2018-201A", "U+201C-201E", "U+2020-2022", "U+2026", "U+2030", "U+2039-203A", "U+2044", "U+2074", "U+20AC", "U+2122", "U+2212", "U+FB01-FB02";
7100
- }
7101
- @font-face {
7102
- font-display: "swap";
7103
- font-family: "IBM Plex Mono";
7104
- font-style: italic;
7105
- font-weight: 400;
7106
- src: url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff2/IBMPlexMono-Italic-Cyrillic.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff/IBMPlexMono-Italic-Cyrillic.woff") format("woff");
7107
- unicode-range: "U+0400-045F", "U+0472-0473", "U+0490-049D", "U+04A0-04A5", "U+04AA-04AB", "U+04AE-04B3", "U+04B6-04BB", "U+04C0-04C2", "U+04CF-04D9", "U+04DC-04DF", "U+04E2-04E9", "U+04EE-04F5", "U+04F8-04F9";
7108
- }
7109
- @font-face {
7110
- font-display: "swap";
7111
- font-family: "IBM Plex Mono";
7112
- font-style: italic;
7113
- font-weight: 400;
7114
- src: url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff2/IBMPlexMono-Italic-Pi.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff/IBMPlexMono-Italic-Pi.woff") format("woff");
7115
- unicode-range: "U+0E3F", "U+2032-2033", "U+2070", "U+2075-2079", "U+2080-2081", "U+2083", "U+2085-2089", "U+2113", "U+2116", "U+2126", "U+212E", "U+2150-2151", "U+2153-215E", "U+2190-2199", "U+21A9-21AA", "U+21B0-21B3", "U+21B6-21B7", "U+21BA-21BB", "U+21C4", "U+21C6", "U+2202", "U+2206", "U+220F", "U+2211", "U+221A", "U+221E", "U+222B", "U+2248", "U+2260", "U+2264-2265", "U+25CA", "U+2713", "U+274C", "U+2B0E-2B11", "U+EBE1-EBE7", "U+ECE0", "U+EFCC";
7116
- }
7117
- @font-face {
7118
- font-display: "swap";
7119
- font-family: "IBM Plex Mono";
7120
- font-style: italic;
7121
- font-weight: 400;
7122
- src: url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff2/IBMPlexMono-Italic-Latin3.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff/IBMPlexMono-Italic-Latin3.woff") format("woff");
7123
- unicode-range: "U+0102-0103", "U+1EA0-1EF9", "U+20AB";
7124
- }
7125
- @font-face {
7126
- font-display: "swap";
7127
- font-family: "IBM Plex Mono";
7128
- font-style: italic;
7129
- font-weight: 400;
7130
- src: url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff2/IBMPlexMono-Italic-Latin2.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff/IBMPlexMono-Italic-Latin2.woff") format("woff");
7131
- unicode-range: "U+0100-024F", "U+0259", "U+1E00-1EFF", "U+20A0-20AB", "U+20AD-20CF", "U+2C60-2C7F", "U+A720-A7FF", "U+FB01-FB02";
7132
- }
7133
- @font-face {
7134
- font-display: "swap";
7135
- font-family: "IBM Plex Mono";
7136
- font-style: italic;
7137
- font-weight: 400;
7138
- src: url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff2/IBMPlexMono-Italic-Latin1.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff/IBMPlexMono-Italic-Latin1.woff") format("woff");
7139
- unicode-range: "U+0000", "U+000D", "U+0020-007E", "U+00A0-00A3", "U+00A4-00FF", "U+0131", "U+0152-0153", "U+02C6", "U+02DA", "U+02DC", "U+2013-2014", "U+2018-201A", "U+201C-201E", "U+2020-2022", "U+2026", "U+2030", "U+2039-203A", "U+2044", "U+2074", "U+20AC", "U+2122", "U+2212", "U+FB01-FB02";
7140
- }
7141
- @font-face {
7142
- font-display: "swap";
7143
- font-family: "IBM Plex Mono";
7144
- font-style: normal;
7145
- font-weight: 600;
7146
- src: url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff2/IBMPlexMono-SemiBold-Cyrillic.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff/IBMPlexMono-SemiBold-Cyrillic.woff") format("woff");
7147
- unicode-range: "U+0400-045F", "U+0472-0473", "U+0490-049D", "U+04A0-04A5", "U+04AA-04AB", "U+04AE-04B3", "U+04B6-04BB", "U+04C0-04C2", "U+04CF-04D9", "U+04DC-04DF", "U+04E2-04E9", "U+04EE-04F5", "U+04F8-04F9";
7148
- }
7149
- @font-face {
7150
- font-display: "swap";
7151
- font-family: "IBM Plex Mono";
7152
- font-style: normal;
7153
- font-weight: 600;
7154
- src: url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff2/IBMPlexMono-SemiBold-Pi.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff/IBMPlexMono-SemiBold-Pi.woff") format("woff");
7155
- unicode-range: "U+0E3F", "U+2032-2033", "U+2070", "U+2075-2079", "U+2080-2081", "U+2083", "U+2085-2089", "U+2113", "U+2116", "U+2126", "U+212E", "U+2150-2151", "U+2153-215E", "U+2190-2199", "U+21A9-21AA", "U+21B0-21B3", "U+21B6-21B7", "U+21BA-21BB", "U+21C4", "U+21C6", "U+2202", "U+2206", "U+220F", "U+2211", "U+221A", "U+221E", "U+222B", "U+2248", "U+2260", "U+2264-2265", "U+25CA", "U+2713", "U+274C", "U+2B0E-2B11", "U+EBE1-EBE7", "U+ECE0", "U+EFCC";
7156
- }
7157
- @font-face {
7158
- font-display: "swap";
7159
- font-family: "IBM Plex Mono";
7160
- font-style: normal;
7161
- font-weight: 600;
7162
- src: url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff2/IBMPlexMono-SemiBold-Latin3.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff/IBMPlexMono-SemiBold-Latin3.woff") format("woff");
7163
- unicode-range: "U+0102-0103", "U+1EA0-1EF9", "U+20AB";
7164
- }
7165
- @font-face {
7166
- font-display: "swap";
7167
- font-family: "IBM Plex Mono";
7168
- font-style: normal;
7169
- font-weight: 600;
7170
- src: url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff2/IBMPlexMono-SemiBold-Latin2.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff/IBMPlexMono-SemiBold-Latin2.woff") format("woff");
7171
- unicode-range: "U+0100-024F", "U+0259", "U+1E00-1EFF", "U+20A0-20AB", "U+20AD-20CF", "U+2C60-2C7F", "U+A720-A7FF", "U+FB01-FB02";
7172
- }
7173
- @font-face {
7174
- font-display: "swap";
7175
- font-family: "IBM Plex Mono";
7176
- font-style: normal;
7177
- font-weight: 600;
7178
- src: url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff2/IBMPlexMono-SemiBold-Latin1.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff/IBMPlexMono-SemiBold-Latin1.woff") format("woff");
7179
- unicode-range: "U+0000", "U+000D", "U+0020-007E", "U+00A0-00A3", "U+00A4-00FF", "U+0131", "U+0152-0153", "U+02C6", "U+02DA", "U+02DC", "U+2013-2014", "U+2018-201A", "U+201C-201E", "U+2020-2022", "U+2026", "U+2030", "U+2039-203A", "U+2044", "U+2074", "U+20AC", "U+2122", "U+2212", "U+FB01-FB02";
7180
- }
7181
- @font-face {
7182
- font-display: "swap";
7183
- font-family: "IBM Plex Mono";
7184
- font-style: italic;
7185
- font-weight: 600;
7186
- src: url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff2/IBMPlexMono-SemiBoldItalic-Cyrillic.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff/IBMPlexMono-SemiBoldItalic-Cyrillic.woff") format("woff");
7187
- unicode-range: "U+0400-045F", "U+0472-0473", "U+0490-049D", "U+04A0-04A5", "U+04AA-04AB", "U+04AE-04B3", "U+04B6-04BB", "U+04C0-04C2", "U+04CF-04D9", "U+04DC-04DF", "U+04E2-04E9", "U+04EE-04F5", "U+04F8-04F9";
7188
- }
7189
- @font-face {
7190
- font-display: "swap";
7191
- font-family: "IBM Plex Mono";
7192
- font-style: italic;
7193
- font-weight: 600;
7194
- src: url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff2/IBMPlexMono-SemiBoldItalic-Pi.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff/IBMPlexMono-SemiBoldItalic-Pi.woff") format("woff");
7195
- unicode-range: "U+0E3F", "U+2032-2033", "U+2070", "U+2075-2079", "U+2080-2081", "U+2083", "U+2085-2089", "U+2113", "U+2116", "U+2126", "U+212E", "U+2150-2151", "U+2153-215E", "U+2190-2199", "U+21A9-21AA", "U+21B0-21B3", "U+21B6-21B7", "U+21BA-21BB", "U+21C4", "U+21C6", "U+2202", "U+2206", "U+220F", "U+2211", "U+221A", "U+221E", "U+222B", "U+2248", "U+2260", "U+2264-2265", "U+25CA", "U+2713", "U+274C", "U+2B0E-2B11", "U+EBE1-EBE7", "U+ECE0", "U+EFCC";
7196
- }
7197
- @font-face {
7198
- font-display: "swap";
7199
- font-family: "IBM Plex Mono";
7200
- font-style: italic;
7201
- font-weight: 600;
7202
- src: url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff2/IBMPlexMono-SemiBoldItalic-Latin3.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff/IBMPlexMono-SemiBoldItalic-Latin3.woff") format("woff");
7203
- unicode-range: "U+0102-0103", "U+1EA0-1EF9", "U+20AB";
7204
- }
7205
- @font-face {
7206
- font-display: "swap";
7207
- font-family: "IBM Plex Mono";
7208
- font-style: italic;
7209
- font-weight: 600;
7210
- src: url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff2/IBMPlexMono-SemiBoldItalic-Latin2.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff/IBMPlexMono-SemiBoldItalic-Latin2.woff") format("woff");
7211
- unicode-range: "U+0100-024F", "U+0259", "U+1E00-1EFF", "U+20A0-20AB", "U+20AD-20CF", "U+2C60-2C7F", "U+A720-A7FF", "U+FB01-FB02";
7212
- }
7213
- @font-face {
7214
- font-display: "swap";
7215
- font-family: "IBM Plex Mono";
7216
- font-style: italic;
7217
- font-weight: 600;
7218
- src: url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff2/IBMPlexMono-SemiBoldItalic-Latin1.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff/IBMPlexMono-SemiBoldItalic-Latin1.woff") format("woff");
7219
- unicode-range: "U+0000", "U+000D", "U+0020-007E", "U+00A0-00A3", "U+00A4-00FF", "U+0131", "U+0152-0153", "U+02C6", "U+02DA", "U+02DC", "U+2013-2014", "U+2018-201A", "U+201C-201E", "U+2020-2022", "U+2026", "U+2030", "U+2039-203A", "U+2044", "U+2074", "U+20AC", "U+2122", "U+2212", "U+FB01-FB02";
7220
- }
7221
- @font-face {
7222
- font-display: "swap";
7223
- font-family: "IBM Plex Sans";
7224
- font-style: normal;
7225
- font-weight: 300;
7226
- src: url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff2/IBMPlexSans-Light-Cyrillic.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff/IBMPlexSans-Light-Cyrillic.woff") format("woff");
7227
- unicode-range: "U+0400-045F", "U+0472-0473", "U+0490-049D", "U+04A0-04A5", "U+04AA-04AB", "U+04AE-04B3", "U+04B6-04BB", "U+04C0-04C2", "U+04CF-04D9", "U+04DC-04DF", "U+04E2-04E9", "U+04EE-04F5", "U+04F8-04F9";
7228
- }
7229
- @font-face {
7230
- font-display: "swap";
7231
- font-family: "IBM Plex Sans";
7232
- font-style: normal;
7233
- font-weight: 300;
7234
- src: url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff2/IBMPlexSans-Light-Pi.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff/IBMPlexSans-Light-Pi.woff") format("woff");
7235
- unicode-range: "U+0E3F", "U+2032-2033", "U+2070", "U+2075-2079", "U+2080-2081", "U+2083", "U+2085-2089", "U+2113", "U+2116", "U+2126", "U+212E", "U+2150-2151", "U+2153-215E", "U+2190-2199", "U+21A9-21AA", "U+21B0-21B3", "U+21B6-21B7", "U+21BA-21BB", "U+21C4", "U+21C6", "U+2202", "U+2206", "U+220F", "U+2211", "U+221A", "U+221E", "U+222B", "U+2248", "U+2260", "U+2264-2265", "U+25CA", "U+2713", "U+274C", "U+2B0E-2B11", "U+EBE1-EBE7", "U+ECE0", "U+EFCC";
7236
- }
7237
- @font-face {
7238
- font-display: "swap";
7239
- font-family: "IBM Plex Sans";
7240
- font-style: normal;
7241
- font-weight: 300;
7242
- src: url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff2/IBMPlexSans-Light-Latin3.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff/IBMPlexSans-Light-Latin3.woff") format("woff");
7243
- unicode-range: "U+0102-0103", "U+1EA0-1EF9", "U+20AB";
7244
- }
7245
- @font-face {
7246
- font-display: "swap";
7247
- font-family: "IBM Plex Sans";
7248
- font-style: normal;
7249
- font-weight: 300;
7250
- src: url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff2/IBMPlexSans-Light-Latin2.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff/IBMPlexSans-Light-Latin2.woff") format("woff");
7251
- unicode-range: "U+0100-024F", "U+0259", "U+1E00-1EFF", "U+20A0-20AB", "U+20AD-20CF", "U+2C60-2C7F", "U+A720-A7FF", "U+FB01-FB02";
7252
- }
7253
- @font-face {
7254
- font-display: "swap";
7255
- font-family: "IBM Plex Sans";
7256
- font-style: normal;
7257
- font-weight: 300;
7258
- src: url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff2/IBMPlexSans-Light-Latin1.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff/IBMPlexSans-Light-Latin1.woff") format("woff");
7259
- unicode-range: "U+0000", "U+000D", "U+0020-007E", "U+00A0-00A3", "U+00A4-00FF", "U+0131", "U+0152-0153", "U+02C6", "U+02DA", "U+02DC", "U+2013-2014", "U+2018-201A", "U+201C-201E", "U+2020-2022", "U+2026", "U+2030", "U+2039-203A", "U+2044", "U+2074", "U+20AC", "U+2122", "U+2212", "U+FB01-FB02";
7260
- }
7261
- @font-face {
7262
- font-display: "swap";
7263
- font-family: "IBM Plex Sans";
7264
- font-style: italic;
7265
- font-weight: 300;
7266
- src: url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff2/IBMPlexSans-LightItalic-Cyrillic.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff/IBMPlexSans-LightItalic-Cyrillic.woff") format("woff");
7267
- unicode-range: "U+0400-045F", "U+0472-0473", "U+0490-049D", "U+04A0-04A5", "U+04AA-04AB", "U+04AE-04B3", "U+04B6-04BB", "U+04C0-04C2", "U+04CF-04D9", "U+04DC-04DF", "U+04E2-04E9", "U+04EE-04F5", "U+04F8-04F9";
7268
- }
7269
- @font-face {
7270
- font-display: "swap";
7271
- font-family: "IBM Plex Sans";
7272
- font-style: italic;
7273
- font-weight: 300;
7274
- src: url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff2/IBMPlexSans-LightItalic-Pi.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff/IBMPlexSans-LightItalic-Pi.woff") format("woff");
7275
- unicode-range: "U+0E3F", "U+2032-2033", "U+2070", "U+2075-2079", "U+2080-2081", "U+2083", "U+2085-2089", "U+2113", "U+2116", "U+2126", "U+212E", "U+2150-2151", "U+2153-215E", "U+2190-2199", "U+21A9-21AA", "U+21B0-21B3", "U+21B6-21B7", "U+21BA-21BB", "U+21C4", "U+21C6", "U+2202", "U+2206", "U+220F", "U+2211", "U+221A", "U+221E", "U+222B", "U+2248", "U+2260", "U+2264-2265", "U+25CA", "U+2713", "U+274C", "U+2B0E-2B11", "U+EBE1-EBE7", "U+ECE0", "U+EFCC";
7276
- }
7277
- @font-face {
7278
- font-display: "swap";
7279
- font-family: "IBM Plex Sans";
7280
- font-style: italic;
7281
- font-weight: 300;
7282
- src: url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff2/IBMPlexSans-LightItalic-Latin3.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff/IBMPlexSans-LightItalic-Latin3.woff") format("woff");
7283
- unicode-range: "U+0102-0103", "U+1EA0-1EF9", "U+20AB";
7284
- }
7285
- @font-face {
7286
- font-display: "swap";
7287
- font-family: "IBM Plex Sans";
7288
- font-style: italic;
7289
- font-weight: 300;
7290
- src: url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff2/IBMPlexSans-LightItalic-Latin2.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff/IBMPlexSans-LightItalic-Latin2.woff") format("woff");
7291
- unicode-range: "U+0100-024F", "U+0259", "U+1E00-1EFF", "U+20A0-20AB", "U+20AD-20CF", "U+2C60-2C7F", "U+A720-A7FF", "U+FB01-FB02";
7292
- }
7293
- @font-face {
7294
- font-display: "swap";
7295
- font-family: "IBM Plex Sans";
7296
- font-style: italic;
7297
- font-weight: 300;
7298
- src: url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff2/IBMPlexSans-LightItalic-Latin1.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff/IBMPlexSans-LightItalic-Latin1.woff") format("woff");
7299
- unicode-range: "U+0000", "U+000D", "U+0020-007E", "U+00A0-00A3", "U+00A4-00FF", "U+0131", "U+0152-0153", "U+02C6", "U+02DA", "U+02DC", "U+2013-2014", "U+2018-201A", "U+201C-201E", "U+2020-2022", "U+2026", "U+2030", "U+2039-203A", "U+2044", "U+2074", "U+20AC", "U+2122", "U+2212", "U+FB01-FB02";
7300
- }
7301
- @font-face {
7302
- font-display: "swap";
7303
- font-family: "IBM Plex Sans";
7304
- font-style: normal;
7305
- font-weight: 400;
7306
- src: url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff2/IBMPlexSans-Regular-Cyrillic.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff/IBMPlexSans-Regular-Cyrillic.woff") format("woff");
7307
- unicode-range: "U+0400-045F", "U+0472-0473", "U+0490-049D", "U+04A0-04A5", "U+04AA-04AB", "U+04AE-04B3", "U+04B6-04BB", "U+04C0-04C2", "U+04CF-04D9", "U+04DC-04DF", "U+04E2-04E9", "U+04EE-04F5", "U+04F8-04F9";
7308
- }
7309
- @font-face {
7310
- font-display: "swap";
7311
- font-family: "IBM Plex Sans";
7312
- font-style: normal;
7313
- font-weight: 400;
7314
- src: url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff2/IBMPlexSans-Regular-Pi.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff/IBMPlexSans-Regular-Pi.woff") format("woff");
7315
- unicode-range: "U+0E3F", "U+2032-2033", "U+2070", "U+2075-2079", "U+2080-2081", "U+2083", "U+2085-2089", "U+2113", "U+2116", "U+2126", "U+212E", "U+2150-2151", "U+2153-215E", "U+2190-2199", "U+21A9-21AA", "U+21B0-21B3", "U+21B6-21B7", "U+21BA-21BB", "U+21C4", "U+21C6", "U+2202", "U+2206", "U+220F", "U+2211", "U+221A", "U+221E", "U+222B", "U+2248", "U+2260", "U+2264-2265", "U+25CA", "U+2713", "U+274C", "U+2B0E-2B11", "U+EBE1-EBE7", "U+ECE0", "U+EFCC";
7316
- }
7317
- @font-face {
7318
- font-display: "swap";
7319
- font-family: "IBM Plex Sans";
7320
- font-style: normal;
7321
- font-weight: 400;
7322
- src: url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff2/IBMPlexSans-Regular-Latin3.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff/IBMPlexSans-Regular-Latin3.woff") format("woff");
7323
- unicode-range: "U+0102-0103", "U+1EA0-1EF9", "U+20AB";
7324
- }
7325
- @font-face {
7326
- font-display: "swap";
7327
- font-family: "IBM Plex Sans";
7328
- font-style: normal;
7329
- font-weight: 400;
7330
- src: url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff2/IBMPlexSans-Regular-Latin2.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff/IBMPlexSans-Regular-Latin2.woff") format("woff");
7331
- unicode-range: "U+0100-024F", "U+0259", "U+1E00-1EFF", "U+20A0-20AB", "U+20AD-20CF", "U+2C60-2C7F", "U+A720-A7FF", "U+FB01-FB02";
7332
- }
7333
- @font-face {
7334
- font-display: "swap";
7335
- font-family: "IBM Plex Sans";
7336
- font-style: normal;
7337
- font-weight: 400;
7338
- src: url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff2/IBMPlexSans-Regular-Latin1.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff/IBMPlexSans-Regular-Latin1.woff") format("woff");
7339
- unicode-range: "U+0000", "U+000D", "U+0020-007E", "U+00A0-00A3", "U+00A4-00FF", "U+0131", "U+0152-0153", "U+02C6", "U+02DA", "U+02DC", "U+2013-2014", "U+2018-201A", "U+201C-201E", "U+2020-2022", "U+2026", "U+2030", "U+2039-203A", "U+2044", "U+2074", "U+20AC", "U+2122", "U+2212", "U+FB01-FB02";
7340
- }
7341
- @font-face {
7342
- font-display: "swap";
7343
- font-family: "IBM Plex Sans";
7344
- font-style: italic;
7345
- font-weight: 400;
7346
- src: url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff2/IBMPlexSans-Italic-Cyrillic.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff/IBMPlexSans-Italic-Cyrillic.woff") format("woff");
7347
- unicode-range: "U+0400-045F", "U+0472-0473", "U+0490-049D", "U+04A0-04A5", "U+04AA-04AB", "U+04AE-04B3", "U+04B6-04BB", "U+04C0-04C2", "U+04CF-04D9", "U+04DC-04DF", "U+04E2-04E9", "U+04EE-04F5", "U+04F8-04F9";
7348
- }
7349
- @font-face {
7350
- font-display: "swap";
7351
- font-family: "IBM Plex Sans";
7352
- font-style: italic;
7353
- font-weight: 400;
7354
- src: url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff2/IBMPlexSans-Italic-Pi.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff/IBMPlexSans-Italic-Pi.woff") format("woff");
7355
- unicode-range: "U+0E3F", "U+2032-2033", "U+2070", "U+2075-2079", "U+2080-2081", "U+2083", "U+2085-2089", "U+2113", "U+2116", "U+2126", "U+212E", "U+2150-2151", "U+2153-215E", "U+2190-2199", "U+21A9-21AA", "U+21B0-21B3", "U+21B6-21B7", "U+21BA-21BB", "U+21C4", "U+21C6", "U+2202", "U+2206", "U+220F", "U+2211", "U+221A", "U+221E", "U+222B", "U+2248", "U+2260", "U+2264-2265", "U+25CA", "U+2713", "U+274C", "U+2B0E-2B11", "U+EBE1-EBE7", "U+ECE0", "U+EFCC";
7356
- }
7357
- @font-face {
7358
- font-display: "swap";
7359
- font-family: "IBM Plex Sans";
7360
- font-style: italic;
7361
- font-weight: 400;
7362
- src: url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff2/IBMPlexSans-Italic-Latin3.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff/IBMPlexSans-Italic-Latin3.woff") format("woff");
7363
- unicode-range: "U+0102-0103", "U+1EA0-1EF9", "U+20AB";
7364
- }
7365
- @font-face {
7366
- font-display: "swap";
7367
- font-family: "IBM Plex Sans";
7368
- font-style: italic;
7369
- font-weight: 400;
7370
- src: url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff2/IBMPlexSans-Italic-Latin2.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff/IBMPlexSans-Italic-Latin2.woff") format("woff");
7371
- unicode-range: "U+0100-024F", "U+0259", "U+1E00-1EFF", "U+20A0-20AB", "U+20AD-20CF", "U+2C60-2C7F", "U+A720-A7FF", "U+FB01-FB02";
7372
- }
7373
- @font-face {
7374
- font-display: "swap";
7375
- font-family: "IBM Plex Sans";
7376
- font-style: italic;
7377
- font-weight: 400;
7378
- src: url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff2/IBMPlexSans-Italic-Latin1.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff/IBMPlexSans-Italic-Latin1.woff") format("woff");
7379
- unicode-range: "U+0000", "U+000D", "U+0020-007E", "U+00A0-00A3", "U+00A4-00FF", "U+0131", "U+0152-0153", "U+02C6", "U+02DA", "U+02DC", "U+2013-2014", "U+2018-201A", "U+201C-201E", "U+2020-2022", "U+2026", "U+2030", "U+2039-203A", "U+2044", "U+2074", "U+20AC", "U+2122", "U+2212", "U+FB01-FB02";
7380
- }
7381
- @font-face {
7382
- font-display: "swap";
7383
- font-family: "IBM Plex Sans";
7384
- font-style: normal;
7385
- font-weight: 600;
7386
- src: url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff2/IBMPlexSans-SemiBold-Cyrillic.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff/IBMPlexSans-SemiBold-Cyrillic.woff") format("woff");
7387
- unicode-range: "U+0400-045F", "U+0472-0473", "U+0490-049D", "U+04A0-04A5", "U+04AA-04AB", "U+04AE-04B3", "U+04B6-04BB", "U+04C0-04C2", "U+04CF-04D9", "U+04DC-04DF", "U+04E2-04E9", "U+04EE-04F5", "U+04F8-04F9";
7388
- }
7389
- @font-face {
7390
- font-display: "swap";
7391
- font-family: "IBM Plex Sans";
7392
- font-style: normal;
7393
- font-weight: 600;
7394
- src: url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff2/IBMPlexSans-SemiBold-Pi.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff/IBMPlexSans-SemiBold-Pi.woff") format("woff");
7395
- unicode-range: "U+0E3F", "U+2032-2033", "U+2070", "U+2075-2079", "U+2080-2081", "U+2083", "U+2085-2089", "U+2113", "U+2116", "U+2126", "U+212E", "U+2150-2151", "U+2153-215E", "U+2190-2199", "U+21A9-21AA", "U+21B0-21B3", "U+21B6-21B7", "U+21BA-21BB", "U+21C4", "U+21C6", "U+2202", "U+2206", "U+220F", "U+2211", "U+221A", "U+221E", "U+222B", "U+2248", "U+2260", "U+2264-2265", "U+25CA", "U+2713", "U+274C", "U+2B0E-2B11", "U+EBE1-EBE7", "U+ECE0", "U+EFCC";
7396
- }
7397
- @font-face {
7398
- font-display: "swap";
7399
- font-family: "IBM Plex Sans";
7400
- font-style: normal;
7401
- font-weight: 600;
7402
- src: url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff2/IBMPlexSans-SemiBold-Latin3.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff/IBMPlexSans-SemiBold-Latin3.woff") format("woff");
7403
- unicode-range: "U+0102-0103", "U+1EA0-1EF9", "U+20AB";
7404
- }
7405
- @font-face {
7406
- font-display: "swap";
7407
- font-family: "IBM Plex Sans";
7408
- font-style: normal;
7409
- font-weight: 600;
7410
- src: url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff2/IBMPlexSans-SemiBold-Latin2.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff/IBMPlexSans-SemiBold-Latin2.woff") format("woff");
7411
- unicode-range: "U+0100-024F", "U+0259", "U+1E00-1EFF", "U+20A0-20AB", "U+20AD-20CF", "U+2C60-2C7F", "U+A720-A7FF", "U+FB01-FB02";
7412
- }
7413
- @font-face {
7414
- font-display: "swap";
7415
- font-family: "IBM Plex Sans";
7416
- font-style: normal;
7417
- font-weight: 600;
7418
- src: url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff2/IBMPlexSans-SemiBold-Latin1.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff/IBMPlexSans-SemiBold-Latin1.woff") format("woff");
7419
- unicode-range: "U+0000", "U+000D", "U+0020-007E", "U+00A0-00A3", "U+00A4-00FF", "U+0131", "U+0152-0153", "U+02C6", "U+02DA", "U+02DC", "U+2013-2014", "U+2018-201A", "U+201C-201E", "U+2020-2022", "U+2026", "U+2030", "U+2039-203A", "U+2044", "U+2074", "U+20AC", "U+2122", "U+2212", "U+FB01-FB02";
7420
- }
7421
- @font-face {
7422
- font-display: "swap";
7423
- font-family: "IBM Plex Sans";
7424
- font-style: italic;
7425
- font-weight: 600;
7426
- src: url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff2/IBMPlexSans-SemiBoldItalic-Cyrillic.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff/IBMPlexSans-SemiBoldItalic-Cyrillic.woff") format("woff");
7427
- unicode-range: "U+0400-045F", "U+0472-0473", "U+0490-049D", "U+04A0-04A5", "U+04AA-04AB", "U+04AE-04B3", "U+04B6-04BB", "U+04C0-04C2", "U+04CF-04D9", "U+04DC-04DF", "U+04E2-04E9", "U+04EE-04F5", "U+04F8-04F9";
7428
- }
7429
- @font-face {
7430
- font-display: "swap";
7431
- font-family: "IBM Plex Sans";
7432
- font-style: italic;
7433
- font-weight: 600;
7434
- src: url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff2/IBMPlexSans-SemiBoldItalic-Pi.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff/IBMPlexSans-SemiBoldItalic-Pi.woff") format("woff");
7435
- unicode-range: "U+0E3F", "U+2032-2033", "U+2070", "U+2075-2079", "U+2080-2081", "U+2083", "U+2085-2089", "U+2113", "U+2116", "U+2126", "U+212E", "U+2150-2151", "U+2153-215E", "U+2190-2199", "U+21A9-21AA", "U+21B0-21B3", "U+21B6-21B7", "U+21BA-21BB", "U+21C4", "U+21C6", "U+2202", "U+2206", "U+220F", "U+2211", "U+221A", "U+221E", "U+222B", "U+2248", "U+2260", "U+2264-2265", "U+25CA", "U+2713", "U+274C", "U+2B0E-2B11", "U+EBE1-EBE7", "U+ECE0", "U+EFCC";
7436
- }
7437
- @font-face {
7438
- font-display: "swap";
7439
- font-family: "IBM Plex Sans";
7440
- font-style: italic;
7441
- font-weight: 600;
7442
- src: url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff2/IBMPlexSans-SemiBoldItalic-Latin3.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff/IBMPlexSans-SemiBoldItalic-Latin3.woff") format("woff");
7443
- unicode-range: "U+0102-0103", "U+1EA0-1EF9", "U+20AB";
7444
- }
7445
- @font-face {
7446
- font-display: "swap";
7447
- font-family: "IBM Plex Sans";
7448
- font-style: italic;
7449
- font-weight: 600;
7450
- src: url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff2/IBMPlexSans-SemiBoldItalic-Latin2.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff/IBMPlexSans-SemiBoldItalic-Latin2.woff") format("woff");
7451
- unicode-range: "U+0100-024F", "U+0259", "U+1E00-1EFF", "U+20A0-20AB", "U+20AD-20CF", "U+2C60-2C7F", "U+A720-A7FF", "U+FB01-FB02";
7452
- }
7453
- @font-face {
7454
- font-display: "swap";
7455
- font-family: "IBM Plex Sans";
7456
- font-style: italic;
7457
- font-weight: 600;
7458
- src: url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff2/IBMPlexSans-SemiBoldItalic-Latin1.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff/IBMPlexSans-SemiBoldItalic-Latin1.woff") format("woff");
7459
- unicode-range: "U+0000", "U+000D", "U+0020-007E", "U+00A0-00A3", "U+00A4-00FF", "U+0131", "U+0152-0153", "U+02C6", "U+02DA", "U+02DC", "U+2013-2014", "U+2018-201A", "U+201C-201E", "U+2020-2022", "U+2026", "U+2030", "U+2039-203A", "U+2044", "U+2074", "U+20AC", "U+2122", "U+2212", "U+FB01-FB02";
7460
- }
7461
- @font-face {
7462
- font-display: "swap";
7463
- font-family: "IBM Plex Serif";
7464
- font-style: normal;
7465
- font-weight: 300;
7466
- src: url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-Light-Cyrillic.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-Light-Cyrillic.woff") format("woff");
7467
- unicode-range: "U+0400-045F", "U+0472-0473", "U+0490-049D", "U+04A0-04A5", "U+04AA-04AB", "U+04AE-04B3", "U+04B6-04BB", "U+04C0-04C2", "U+04CF-04D9", "U+04DC-04DF", "U+04E2-04E9", "U+04EE-04F5", "U+04F8-04F9";
7468
- }
7469
- @font-face {
7470
- font-display: "swap";
7471
- font-family: "IBM Plex Serif";
7472
- font-style: normal;
7473
- font-weight: 300;
7474
- src: url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-Light-Pi.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-Light-Pi.woff") format("woff");
7475
- unicode-range: "U+0E3F", "U+2032-2033", "U+2070", "U+2075-2079", "U+2080-2081", "U+2083", "U+2085-2089", "U+2113", "U+2116", "U+2126", "U+212E", "U+2150-2151", "U+2153-215E", "U+2190-2199", "U+21A9-21AA", "U+21B0-21B3", "U+21B6-21B7", "U+21BA-21BB", "U+21C4", "U+21C6", "U+2202", "U+2206", "U+220F", "U+2211", "U+221A", "U+221E", "U+222B", "U+2248", "U+2260", "U+2264-2265", "U+25CA", "U+2713", "U+274C", "U+2B0E-2B11", "U+EBE1-EBE7", "U+ECE0", "U+EFCC";
7476
- }
7477
- @font-face {
7478
- font-display: "swap";
7479
- font-family: "IBM Plex Serif";
7480
- font-style: normal;
7481
- font-weight: 300;
7482
- src: url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-Light-Latin3.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-Light-Latin3.woff") format("woff");
7483
- unicode-range: "U+0102-0103", "U+1EA0-1EF9", "U+20AB";
7484
- }
7485
- @font-face {
7486
- font-display: "swap";
7487
- font-family: "IBM Plex Serif";
7488
- font-style: normal;
7489
- font-weight: 300;
7490
- src: url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-Light-Latin2.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-Light-Latin2.woff") format("woff");
7491
- unicode-range: "U+0100-024F", "U+0259", "U+1E00-1EFF", "U+20A0-20AB", "U+20AD-20CF", "U+2C60-2C7F", "U+A720-A7FF", "U+FB01-FB02";
7492
- }
7493
- @font-face {
7494
- font-display: "swap";
7495
- font-family: "IBM Plex Serif";
7496
- font-style: normal;
7497
- font-weight: 300;
7498
- src: url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-Light-Latin1.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-Light-Latin1.woff") format("woff");
7499
- unicode-range: "U+0000", "U+000D", "U+0020-007E", "U+00A0-00A3", "U+00A4-00FF", "U+0131", "U+0152-0153", "U+02C6", "U+02DA", "U+02DC", "U+2013-2014", "U+2018-201A", "U+201C-201E", "U+2020-2022", "U+2026", "U+2030", "U+2039-203A", "U+2044", "U+2074", "U+20AC", "U+2122", "U+2212", "U+FB01-FB02";
7500
- }
7501
- @font-face {
7502
- font-display: "swap";
7503
- font-family: "IBM Plex Serif";
7504
- font-style: italic;
7505
- font-weight: 300;
7506
- src: url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-LightItalic-Cyrillic.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-LightItalic-Cyrillic.woff") format("woff");
7507
- unicode-range: "U+0400-045F", "U+0472-0473", "U+0490-049D", "U+04A0-04A5", "U+04AA-04AB", "U+04AE-04B3", "U+04B6-04BB", "U+04C0-04C2", "U+04CF-04D9", "U+04DC-04DF", "U+04E2-04E9", "U+04EE-04F5", "U+04F8-04F9";
7508
- }
7509
- @font-face {
7510
- font-display: "swap";
7511
- font-family: "IBM Plex Serif";
7512
- font-style: italic;
7513
- font-weight: 300;
7514
- src: url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-LightItalic-Pi.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-LightItalic-Pi.woff") format("woff");
7515
- unicode-range: "U+0E3F", "U+2032-2033", "U+2070", "U+2075-2079", "U+2080-2081", "U+2083", "U+2085-2089", "U+2113", "U+2116", "U+2126", "U+212E", "U+2150-2151", "U+2153-215E", "U+2190-2199", "U+21A9-21AA", "U+21B0-21B3", "U+21B6-21B7", "U+21BA-21BB", "U+21C4", "U+21C6", "U+2202", "U+2206", "U+220F", "U+2211", "U+221A", "U+221E", "U+222B", "U+2248", "U+2260", "U+2264-2265", "U+25CA", "U+2713", "U+274C", "U+2B0E-2B11", "U+EBE1-EBE7", "U+ECE0", "U+EFCC";
7516
- }
7517
- @font-face {
7518
- font-display: "swap";
7519
- font-family: "IBM Plex Serif";
7520
- font-style: italic;
7521
- font-weight: 300;
7522
- src: url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-LightItalic-Latin3.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-LightItalic-Latin3.woff") format("woff");
7523
- unicode-range: "U+0102-0103", "U+1EA0-1EF9", "U+20AB";
7524
- }
7525
- @font-face {
7526
- font-display: "swap";
7527
- font-family: "IBM Plex Serif";
7528
- font-style: italic;
7529
- font-weight: 300;
7530
- src: url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-LightItalic-Latin2.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-LightItalic-Latin2.woff") format("woff");
7531
- unicode-range: "U+0100-024F", "U+0259", "U+1E00-1EFF", "U+20A0-20AB", "U+20AD-20CF", "U+2C60-2C7F", "U+A720-A7FF", "U+FB01-FB02";
7532
- }
7533
- @font-face {
7534
- font-display: "swap";
7535
- font-family: "IBM Plex Serif";
7536
- font-style: italic;
7537
- font-weight: 300;
7538
- src: url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-LightItalic-Latin1.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-LightItalic-Latin1.woff") format("woff");
7539
- unicode-range: "U+0000", "U+000D", "U+0020-007E", "U+00A0-00A3", "U+00A4-00FF", "U+0131", "U+0152-0153", "U+02C6", "U+02DA", "U+02DC", "U+2013-2014", "U+2018-201A", "U+201C-201E", "U+2020-2022", "U+2026", "U+2030", "U+2039-203A", "U+2044", "U+2074", "U+20AC", "U+2122", "U+2212", "U+FB01-FB02";
7540
- }
7541
- @font-face {
7542
- font-display: "swap";
7543
- font-family: "IBM Plex Serif";
7544
- font-style: normal;
7545
- font-weight: 400;
7546
- src: url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-Regular-Cyrillic.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-Regular-Cyrillic.woff") format("woff");
7547
- unicode-range: "U+0400-045F", "U+0472-0473", "U+0490-049D", "U+04A0-04A5", "U+04AA-04AB", "U+04AE-04B3", "U+04B6-04BB", "U+04C0-04C2", "U+04CF-04D9", "U+04DC-04DF", "U+04E2-04E9", "U+04EE-04F5", "U+04F8-04F9";
7548
- }
7549
- @font-face {
7550
- font-display: "swap";
7551
- font-family: "IBM Plex Serif";
7552
- font-style: normal;
7553
- font-weight: 400;
7554
- src: url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-Regular-Pi.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-Regular-Pi.woff") format("woff");
7555
- unicode-range: "U+0E3F", "U+2032-2033", "U+2070", "U+2075-2079", "U+2080-2081", "U+2083", "U+2085-2089", "U+2113", "U+2116", "U+2126", "U+212E", "U+2150-2151", "U+2153-215E", "U+2190-2199", "U+21A9-21AA", "U+21B0-21B3", "U+21B6-21B7", "U+21BA-21BB", "U+21C4", "U+21C6", "U+2202", "U+2206", "U+220F", "U+2211", "U+221A", "U+221E", "U+222B", "U+2248", "U+2260", "U+2264-2265", "U+25CA", "U+2713", "U+274C", "U+2B0E-2B11", "U+EBE1-EBE7", "U+ECE0", "U+EFCC";
7556
- }
7557
- @font-face {
7558
- font-display: "swap";
7559
- font-family: "IBM Plex Serif";
7560
- font-style: normal;
7561
- font-weight: 400;
7562
- src: url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-Regular-Latin3.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-Regular-Latin3.woff") format("woff");
7563
- unicode-range: "U+0102-0103", "U+1EA0-1EF9", "U+20AB";
7564
- }
7565
- @font-face {
7566
- font-display: "swap";
7567
- font-family: "IBM Plex Serif";
7568
- font-style: normal;
7569
- font-weight: 400;
7570
- src: url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-Regular-Latin2.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-Regular-Latin2.woff") format("woff");
7571
- unicode-range: "U+0100-024F", "U+0259", "U+1E00-1EFF", "U+20A0-20AB", "U+20AD-20CF", "U+2C60-2C7F", "U+A720-A7FF", "U+FB01-FB02";
7572
- }
7573
- @font-face {
7574
- font-display: "swap";
7575
- font-family: "IBM Plex Serif";
7576
- font-style: normal;
7577
- font-weight: 400;
7578
- src: url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-Regular-Latin1.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-Regular-Latin1.woff") format("woff");
7579
- unicode-range: "U+0000", "U+000D", "U+0020-007E", "U+00A0-00A3", "U+00A4-00FF", "U+0131", "U+0152-0153", "U+02C6", "U+02DA", "U+02DC", "U+2013-2014", "U+2018-201A", "U+201C-201E", "U+2020-2022", "U+2026", "U+2030", "U+2039-203A", "U+2044", "U+2074", "U+20AC", "U+2122", "U+2212", "U+FB01-FB02";
7580
- }
7581
- @font-face {
7582
- font-display: "swap";
7583
- font-family: "IBM Plex Serif";
7584
- font-style: italic;
7585
- font-weight: 400;
7586
- src: url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-Italic-Cyrillic.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-Italic-Cyrillic.woff") format("woff");
7587
- unicode-range: "U+0400-045F", "U+0472-0473", "U+0490-049D", "U+04A0-04A5", "U+04AA-04AB", "U+04AE-04B3", "U+04B6-04BB", "U+04C0-04C2", "U+04CF-04D9", "U+04DC-04DF", "U+04E2-04E9", "U+04EE-04F5", "U+04F8-04F9";
7588
- }
7589
- @font-face {
7590
- font-display: "swap";
7591
- font-family: "IBM Plex Serif";
7592
- font-style: italic;
7593
- font-weight: 400;
7594
- src: url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-Italic-Pi.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-Italic-Pi.woff") format("woff");
7595
- unicode-range: "U+0E3F", "U+2032-2033", "U+2070", "U+2075-2079", "U+2080-2081", "U+2083", "U+2085-2089", "U+2113", "U+2116", "U+2126", "U+212E", "U+2150-2151", "U+2153-215E", "U+2190-2199", "U+21A9-21AA", "U+21B0-21B3", "U+21B6-21B7", "U+21BA-21BB", "U+21C4", "U+21C6", "U+2202", "U+2206", "U+220F", "U+2211", "U+221A", "U+221E", "U+222B", "U+2248", "U+2260", "U+2264-2265", "U+25CA", "U+2713", "U+274C", "U+2B0E-2B11", "U+EBE1-EBE7", "U+ECE0", "U+EFCC";
7596
- }
7597
- @font-face {
7598
- font-display: "swap";
7599
- font-family: "IBM Plex Serif";
7600
- font-style: italic;
7601
- font-weight: 400;
7602
- src: url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-Italic-Latin3.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-Italic-Latin3.woff") format("woff");
7603
- unicode-range: "U+0102-0103", "U+1EA0-1EF9", "U+20AB";
7604
- }
7605
- @font-face {
7606
- font-display: "swap";
7607
- font-family: "IBM Plex Serif";
7608
- font-style: italic;
7609
- font-weight: 400;
7610
- src: url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-Italic-Latin2.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-Italic-Latin2.woff") format("woff");
7611
- unicode-range: "U+0100-024F", "U+0259", "U+1E00-1EFF", "U+20A0-20AB", "U+20AD-20CF", "U+2C60-2C7F", "U+A720-A7FF", "U+FB01-FB02";
7612
- }
7613
- @font-face {
7614
- font-display: "swap";
7615
- font-family: "IBM Plex Serif";
7616
- font-style: italic;
7617
- font-weight: 400;
7618
- src: url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-Italic-Latin1.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-Italic-Latin1.woff") format("woff");
7619
- unicode-range: "U+0000", "U+000D", "U+0020-007E", "U+00A0-00A3", "U+00A4-00FF", "U+0131", "U+0152-0153", "U+02C6", "U+02DA", "U+02DC", "U+2013-2014", "U+2018-201A", "U+201C-201E", "U+2020-2022", "U+2026", "U+2030", "U+2039-203A", "U+2044", "U+2074", "U+20AC", "U+2122", "U+2212", "U+FB01-FB02";
7620
- }
7621
- @font-face {
7622
- font-display: "swap";
7623
- font-family: "IBM Plex Serif";
7624
- font-style: normal;
7625
- font-weight: 600;
7626
- src: url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-SemiBold-Cyrillic.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-SemiBold-Cyrillic.woff") format("woff");
7627
- unicode-range: "U+0400-045F", "U+0472-0473", "U+0490-049D", "U+04A0-04A5", "U+04AA-04AB", "U+04AE-04B3", "U+04B6-04BB", "U+04C0-04C2", "U+04CF-04D9", "U+04DC-04DF", "U+04E2-04E9", "U+04EE-04F5", "U+04F8-04F9";
7628
- }
7629
- @font-face {
7630
- font-display: "swap";
7631
- font-family: "IBM Plex Serif";
7632
- font-style: normal;
7633
- font-weight: 600;
7634
- src: url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-SemiBold-Pi.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-SemiBold-Pi.woff") format("woff");
7635
- unicode-range: "U+0E3F", "U+2032-2033", "U+2070", "U+2075-2079", "U+2080-2081", "U+2083", "U+2085-2089", "U+2113", "U+2116", "U+2126", "U+212E", "U+2150-2151", "U+2153-215E", "U+2190-2199", "U+21A9-21AA", "U+21B0-21B3", "U+21B6-21B7", "U+21BA-21BB", "U+21C4", "U+21C6", "U+2202", "U+2206", "U+220F", "U+2211", "U+221A", "U+221E", "U+222B", "U+2248", "U+2260", "U+2264-2265", "U+25CA", "U+2713", "U+274C", "U+2B0E-2B11", "U+EBE1-EBE7", "U+ECE0", "U+EFCC";
7636
- }
7637
- @font-face {
7638
- font-display: "swap";
7639
- font-family: "IBM Plex Serif";
7640
- font-style: normal;
7641
- font-weight: 600;
7642
- src: url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-SemiBold-Latin3.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-SemiBold-Latin3.woff") format("woff");
7643
- unicode-range: "U+0102-0103", "U+1EA0-1EF9", "U+20AB";
7644
- }
7645
- @font-face {
7646
- font-display: "swap";
7647
- font-family: "IBM Plex Serif";
7648
- font-style: normal;
7649
- font-weight: 600;
7650
- src: url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-SemiBold-Latin2.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-SemiBold-Latin2.woff") format("woff");
7651
- unicode-range: "U+0100-024F", "U+0259", "U+1E00-1EFF", "U+20A0-20AB", "U+20AD-20CF", "U+2C60-2C7F", "U+A720-A7FF", "U+FB01-FB02";
7652
- }
7653
- @font-face {
7654
- font-display: "swap";
7655
- font-family: "IBM Plex Serif";
7656
- font-style: normal;
7657
- font-weight: 600;
7658
- src: url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-SemiBold-Latin1.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-SemiBold-Latin1.woff") format("woff");
7659
- unicode-range: "U+0000", "U+000D", "U+0020-007E", "U+00A0-00A3", "U+00A4-00FF", "U+0131", "U+0152-0153", "U+02C6", "U+02DA", "U+02DC", "U+2013-2014", "U+2018-201A", "U+201C-201E", "U+2020-2022", "U+2026", "U+2030", "U+2039-203A", "U+2044", "U+2074", "U+20AC", "U+2122", "U+2212", "U+FB01-FB02";
7660
- }
7661
- @font-face {
7662
- font-display: "swap";
7663
- font-family: "IBM Plex Serif";
7664
- font-style: italic;
7665
- font-weight: 600;
7666
- src: url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-SemiBoldItalic-Cyrillic.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-SemiBoldItalic-Cyrillic.woff") format("woff");
7667
- unicode-range: "U+0400-045F", "U+0472-0473", "U+0490-049D", "U+04A0-04A5", "U+04AA-04AB", "U+04AE-04B3", "U+04B6-04BB", "U+04C0-04C2", "U+04CF-04D9", "U+04DC-04DF", "U+04E2-04E9", "U+04EE-04F5", "U+04F8-04F9";
7668
- }
7669
- @font-face {
7670
- font-display: "swap";
7671
- font-family: "IBM Plex Serif";
7672
- font-style: italic;
7673
- font-weight: 600;
7674
- src: url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-SemiBoldItalic-Pi.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-SemiBoldItalic-Pi.woff") format("woff");
7675
- unicode-range: "U+0E3F", "U+2032-2033", "U+2070", "U+2075-2079", "U+2080-2081", "U+2083", "U+2085-2089", "U+2113", "U+2116", "U+2126", "U+212E", "U+2150-2151", "U+2153-215E", "U+2190-2199", "U+21A9-21AA", "U+21B0-21B3", "U+21B6-21B7", "U+21BA-21BB", "U+21C4", "U+21C6", "U+2202", "U+2206", "U+220F", "U+2211", "U+221A", "U+221E", "U+222B", "U+2248", "U+2260", "U+2264-2265", "U+25CA", "U+2713", "U+274C", "U+2B0E-2B11", "U+EBE1-EBE7", "U+ECE0", "U+EFCC";
7676
- }
7677
- @font-face {
7678
- font-display: "swap";
7679
- font-family: "IBM Plex Serif";
7680
- font-style: italic;
7681
- font-weight: 600;
7682
- src: url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-SemiBoldItalic-Latin3.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-SemiBoldItalic-Latin3.woff") format("woff");
7683
- unicode-range: "U+0102-0103", "U+1EA0-1EF9", "U+20AB";
7684
- }
7685
- @font-face {
7686
- font-display: "swap";
7687
- font-family: "IBM Plex Serif";
7688
- font-style: italic;
7689
- font-weight: 600;
7690
- src: url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-SemiBoldItalic-Latin2.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-SemiBoldItalic-Latin2.woff") format("woff");
7691
- unicode-range: "U+0100-024F", "U+0259", "U+1E00-1EFF", "U+20A0-20AB", "U+20AD-20CF", "U+2C60-2C7F", "U+A720-A7FF", "U+FB01-FB02";
7692
- }
7693
- @font-face {
7694
- font-display: "swap";
7695
- font-family: "IBM Plex Serif";
7696
- font-style: italic;
7697
- font-weight: 600;
7698
- src: url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-SemiBoldItalic-Latin1.woff2") format("woff2"), url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff/IBMPlexSerif-SemiBoldItalic-Latin1.woff") format("woff");
7699
- unicode-range: "U+0000", "U+000D", "U+0020-007E", "U+00A0-00A3", "U+00A4-00FF", "U+0131", "U+0152-0153", "U+02C6", "U+02DA", "U+02DC", "U+2013-2014", "U+2018-201A", "U+201C-201E", "U+2020-2022", "U+2026", "U+2030", "U+2039-203A", "U+2044", "U+2074", "U+20AC", "U+2122", "U+2212", "U+FB01-FB02";
7700
- }
7701
7021
  :root {
7702
7022
  --cds-grid-gutter: 2rem;
7703
7023
  --cds-grid-columns: 4;
@@ -9485,9 +8805,19 @@ em {
9485
8805
  --cds-slug-background: #525252;
9486
8806
  --cds-slug-background-hover: #6f6f6f;
9487
8807
  --cds-slug-callout-aura-end: rgba(255, 255, 255, 0);
8808
+ --cds-slug-callout-aura-end-hover-01: rgba(255, 255, 255, 0);
8809
+ --cds-slug-callout-aura-end-hover-02: rgba(255, 255, 255, 0);
8810
+ --cds-slug-callout-aura-end-selected: rgba(255, 255, 255, 0);
9488
8811
  --cds-slug-callout-aura-start: rgba(237, 245, 255, 0.6);
8812
+ --cds-slug-callout-aura-start-hover-01: rgba(255, 255, 255, 0.5);
8813
+ --cds-slug-callout-aura-start-hover-02: rgba(208, 226, 255, 0.5);
8814
+ --cds-slug-callout-aura-start-selected: rgba(237, 245, 255, 0.6);
9489
8815
  --cds-slug-callout-gradient-bottom: rgba(224, 224, 224, 0.85);
8816
+ --cds-slug-callout-gradient-bottom-hover: rgba(209, 209, 209, 0.55);
8817
+ --cds-slug-callout-gradient-bottom-selected: rgba(209, 209, 209, 0.85);
9490
8818
  --cds-slug-callout-gradient-top: rgba(244, 244, 244, 0.85);
8819
+ --cds-slug-callout-gradient-top-hover: rgba(224, 224, 224, 0.55);
8820
+ --cds-slug-callout-gradient-top-selected: rgba(224, 224, 224, 0.85);
9491
8821
  --cds-slug-hollow-hover: #474747;
9492
8822
  --cds-support-caution-major: #ff832b;
9493
8823
  --cds-support-caution-minor: #f1c21b;
@@ -9669,9 +8999,19 @@ em {
9669
8999
  --cds-slug-background: #525252;
9670
9000
  --cds-slug-background-hover: #6f6f6f;
9671
9001
  --cds-slug-callout-aura-end: rgba(255, 255, 255, 0);
9002
+ --cds-slug-callout-aura-end-hover-01: rgba(255, 255, 255, 0);
9003
+ --cds-slug-callout-aura-end-hover-02: rgba(255, 255, 255, 0);
9004
+ --cds-slug-callout-aura-end-selected: rgba(255, 255, 255, 0);
9672
9005
  --cds-slug-callout-aura-start: rgba(237, 245, 255, 0.6);
9006
+ --cds-slug-callout-aura-start-hover-01: rgba(255, 255, 255, 0.5);
9007
+ --cds-slug-callout-aura-start-hover-02: rgba(208, 226, 255, 0.5);
9008
+ --cds-slug-callout-aura-start-selected: rgba(237, 245, 255, 0.6);
9673
9009
  --cds-slug-callout-gradient-bottom: rgba(224, 224, 224, 0.85);
9010
+ --cds-slug-callout-gradient-bottom-hover: rgba(209, 209, 209, 0.55);
9011
+ --cds-slug-callout-gradient-bottom-selected: rgba(209, 209, 209, 0.85);
9674
9012
  --cds-slug-callout-gradient-top: rgba(244, 244, 244, 0.85);
9013
+ --cds-slug-callout-gradient-top-hover: rgba(224, 224, 224, 0.55);
9014
+ --cds-slug-callout-gradient-top-selected: rgba(224, 224, 224, 0.85);
9675
9015
  --cds-slug-hollow-hover: #474747;
9676
9016
  --cds-support-caution-major: #ff832b;
9677
9017
  --cds-support-caution-minor: #f1c21b;
@@ -9852,9 +9192,17 @@ em {
9852
9192
  --cds-slug-background: #c6c6c6;
9853
9193
  --cds-slug-background-hover: #e0e0e0;
9854
9194
  --cds-slug-callout-aura-end: rgba(22, 22, 22, 0);
9195
+ --cds-slug-callout-aura-end-hover-01: rgba(22, 22, 22, 0);
9196
+ --cds-slug-callout-aura-end-selected: rgba(22, 22, 22, 0);
9855
9197
  --cds-slug-callout-aura-start: rgba(208, 226, 255, 0.2);
9198
+ --cds-slug-callout-aura-start-hover-01: rgba(184, 211, 255, 0.3);
9199
+ --cds-slug-callout-aura-start-selected: rgba(208, 226, 255, 0.2);
9856
9200
  --cds-slug-callout-gradient-bottom: rgba(38, 38, 38, 0.85);
9201
+ --cds-slug-callout-gradient-bottom-hover: rgba(71, 71, 71, 0.55);
9202
+ --cds-slug-callout-gradient-bottom-selected: rgba(71, 71, 71, 0.85);
9857
9203
  --cds-slug-callout-gradient-top: rgba(22, 22, 22, 0.85);
9204
+ --cds-slug-callout-gradient-top-hover: rgba(57, 57, 57, 0.55);
9205
+ --cds-slug-callout-gradient-top-selected: rgba(57, 57, 57, 0.85);
9858
9206
  --cds-slug-hollow-hover: #b5b5b5;
9859
9207
  --cds-support-caution-major: #ff832b;
9860
9208
  --cds-support-caution-minor: #f1c21b;
@@ -10034,9 +9382,17 @@ em {
10034
9382
  --cds-slug-background: #c6c6c6;
10035
9383
  --cds-slug-background-hover: #e0e0e0;
10036
9384
  --cds-slug-callout-aura-end: rgba(22, 22, 22, 0);
9385
+ --cds-slug-callout-aura-end-hover-01: rgba(22, 22, 22, 0);
9386
+ --cds-slug-callout-aura-end-selected: rgba(22, 22, 22, 0);
10037
9387
  --cds-slug-callout-aura-start: rgba(208, 226, 255, 0.2);
9388
+ --cds-slug-callout-aura-start-hover-01: rgba(184, 211, 255, 0.3);
9389
+ --cds-slug-callout-aura-start-selected: rgba(208, 226, 255, 0.2);
10038
9390
  --cds-slug-callout-gradient-bottom: rgba(38, 38, 38, 0.85);
9391
+ --cds-slug-callout-gradient-bottom-hover: rgba(71, 71, 71, 0.55);
9392
+ --cds-slug-callout-gradient-bottom-selected: rgba(71, 71, 71, 0.85);
10039
9393
  --cds-slug-callout-gradient-top: rgba(22, 22, 22, 0.85);
9394
+ --cds-slug-callout-gradient-top-hover: rgba(57, 57, 57, 0.55);
9395
+ --cds-slug-callout-gradient-top-selected: rgba(57, 57, 57, 0.85);
10040
9396
  --cds-slug-hollow-hover: #b5b5b5;
10041
9397
  --cds-support-caution-major: #ff832b;
10042
9398
  --cds-support-caution-minor: #f1c21b;
@@ -10170,7 +9526,6 @@ em {
10170
9526
  display: list-item;
10171
9527
  overflow: visible;
10172
9528
  border-block-start: 1px solid var(--cds-border-subtle);
10173
- transition: all 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
10174
9529
  }
10175
9530
  .cds--accordion__item:last-child {
10176
9531
  border-block-end: 1px solid var(--cds-border-subtle);
@@ -10265,10 +9620,17 @@ li.cds--accordion__item--disabled:last-of-type {
10265
9620
  text-align: start;
10266
9621
  }
10267
9622
 
9623
+ .cds--accordion__wrapper {
9624
+ padding: 0;
9625
+ max-block-size: 0;
9626
+ opacity: 0;
9627
+ transition: all 110ms cubic-bezier(0, 0, 0.38, 0.9);
9628
+ writing-mode: horizontal-tb;
9629
+ }
9630
+
10268
9631
  .cds--accordion__content {
10269
- display: none;
9632
+ overflow: hidden;
10270
9633
  padding-inline: var(--cds-layout-density-padding-inline-local);
10271
- transition: padding cubic-bezier(0.2, 0, 0.38, 0.9) 110ms;
10272
9634
  }
10273
9635
  @media (min-width: 480px) {
10274
9636
  .cds--accordion__content {
@@ -10308,46 +9670,14 @@ li.cds--accordion__item--disabled:last-of-type {
10308
9670
  display: block;
10309
9671
  }
10310
9672
 
10311
- @keyframes collapse-accordion {
10312
- 0% {
10313
- block-size: 100%;
10314
- opacity: 1;
10315
- visibility: inherit;
10316
- }
10317
- 100% {
10318
- block-size: 0;
10319
- opacity: 0;
10320
- visibility: hidden;
10321
- }
10322
- }
10323
- @keyframes expand-accordion {
10324
- 0% {
10325
- block-size: 0;
10326
- opacity: 0;
10327
- visibility: hidden;
10328
- }
10329
- 100% {
10330
- block-size: 100%;
10331
- opacity: 1;
10332
- visibility: inherit;
10333
- }
10334
- }
10335
- .cds--accordion__item--collapsing .cds--accordion__content {
10336
- animation: 110ms cubic-bezier(0.2, 0, 0.38, 0.9) collapse-accordion;
10337
- }
10338
-
10339
- .cds--accordion__item--expanding .cds--accordion__content {
10340
- animation: 110ms cubic-bezier(0.2, 0, 0.38, 0.9) expand-accordion;
10341
- }
10342
-
10343
9673
  .cds--accordion__item--active {
10344
9674
  overflow: visible;
10345
9675
  }
10346
- .cds--accordion__item--active .cds--accordion__content {
10347
- display: block;
9676
+ .cds--accordion__item--active .cds--accordion__wrapper {
9677
+ max-block-size: fit-content;
9678
+ opacity: 1;
10348
9679
  padding-block: 0.5rem;
10349
9680
  padding-block-end: 1.5rem;
10350
- transition: padding-top cubic-bezier(0, 0, 0.38, 0.9) 110ms, padding-bottom cubic-bezier(0, 0, 0.38, 0.9) 110ms;
10351
9681
  }
10352
9682
  .cds--accordion__item--active .cds--accordion__arrow {
10353
9683
  fill: var(--cds-icon-primary, #161616);
@@ -10606,7 +9936,7 @@ li.cds--accordion__item--disabled:last-of-type {
10606
9936
  will-change: transform;
10607
9937
  }
10608
9938
 
10609
- .cds--popover--open > .cds--popover > .cds--popover-caret {
9939
+ .cds--popover--caret.cds--popover--open > .cds--popover > .cds--popover-caret {
10610
9940
  display: block;
10611
9941
  }
10612
9942
 
@@ -11431,6 +10761,12 @@ li.cds--accordion__item--disabled:last-of-type {
11431
10761
  box-shadow: none;
11432
10762
  }
11433
10763
 
10764
+ .cds--btn-set .cds--btn.cds--btn--loading {
10765
+ border-color: transparent;
10766
+ background-color: transparent;
10767
+ box-shadow: none;
10768
+ }
10769
+
11434
10770
  @media screen and (-ms-high-contrast: active), (forced-colors: active) {
11435
10771
  .cds--btn:focus {
11436
10772
  color: Highlight;
@@ -12722,6 +12058,21 @@ fieldset[disabled] .cds--form__helper-text {
12722
12058
  transform: scale(1.2) rotate3d(0.5, 1, 0, 158deg);
12723
12059
  }
12724
12060
 
12061
+ .cds--checkbox-group--slug legend.cds--label,
12062
+ .cds--checkbox-wrapper--slug .cds--checkbox-label-text {
12063
+ display: flex;
12064
+ }
12065
+
12066
+ .cds--checkbox-group--slug legend.cds--label .cds--slug,
12067
+ .cds--checkbox-wrapper--slug .cds--checkbox-label-text .cds--slug {
12068
+ margin-inline-start: 0.5rem;
12069
+ }
12070
+
12071
+ .cds--checkbox-wrapper--slug .cds--checkbox-label-text .cds--slug__button--inline {
12072
+ line-height: inherit;
12073
+ margin-block-start: -0.0625rem;
12074
+ }
12075
+
12725
12076
  .cds--copy-btn {
12726
12077
  position: relative;
12727
12078
  display: flex;
@@ -14032,6 +13383,28 @@ fieldset[disabled] .cds--form__helper-text {
14032
13383
  border-block-end-color: var(--cds-border-subtle);
14033
13384
  }
14034
13385
 
13386
+ .cds--text-input__field-wrapper .cds--slug {
13387
+ position: absolute;
13388
+ inset-block-start: 50%;
13389
+ inset-inline-end: 1rem;
13390
+ transform: translateY(-50%);
13391
+ }
13392
+
13393
+ .cds--text-input__field-wrapper--slug .cds--text-input {
13394
+ background-image: linear-gradient(270deg, var(--cds-ai-gradient-start-01, rgba(242, 244, 248, 0.5)) 0%, var(--cds-ai-gradient-end, rgba(255, 255, 255, 0)) 33%, transparent 100%), linear-gradient(270deg, var(--cds-ai-gradient-start-02, rgba(237, 245, 255, 0.5)) 0%, var(--cds-ai-gradient-end, rgba(255, 255, 255, 0)) 33%, transparent 100%);
13395
+ padding-inline-end: 2.5rem;
13396
+ }
13397
+
13398
+ .cds--text-input--invalid:has(~ .cds--slug),
13399
+ .cds--text-input--warning:has(~ .cds--slug) {
13400
+ padding-inline-end: 4rem;
13401
+ }
13402
+
13403
+ .cds--text-input--invalid ~ .cds--slug,
13404
+ .cds--text-input--warning ~ .cds--slug {
13405
+ inset-inline-end: 2.5rem;
13406
+ }
13407
+
14035
13408
  @media screen and (-ms-high-contrast: active), (forced-colors: active) {
14036
13409
  .cds--btn.cds--btn--icon-only.cds--text-input--password__visibility__toggle.cds--tooltip__trigger svg,
14037
13410
  .cds--btn.cds--btn--icon-only.cds--text-input--password__visibility__toggle.cds--tooltip__trigger:hover svg {
@@ -14357,6 +13730,19 @@ fieldset[disabled] .cds--form__helper-text {
14357
13730
  }
14358
13731
  }
14359
13732
 
13733
+ .cds--tag .cds--slug .cds--slug__button--inline {
13734
+ color: currentColor;
13735
+ margin-inline-start: 0.0625rem;
13736
+ }
13737
+
13738
+ .cds--tag .cds--slug .cds--slug__button--inline .cds--slug__text::before {
13739
+ background-color: currentColor;
13740
+ }
13741
+
13742
+ .cds--tag .cds--slug .cds--slug__button--inline:hover {
13743
+ border-color: currentColor;
13744
+ }
13745
+
14360
13746
  /* stylelint-disable */
14361
13747
  @media screen and (-ms-high-contrast: active), (forced-colors: active) {
14362
13748
  .cds--tag {
@@ -14691,7 +14077,7 @@ fieldset[disabled] .cds--form__helper-text {
14691
14077
 
14692
14078
  .cds--list-box[data-invalid] .cds--list-box__field .cds--text-input--empty,
14693
14079
  .cds--list-box--warning .cds--list-box__field .cds--text-input--empty {
14694
- padding-inline-end: carbon--mini-units(9);
14080
+ padding-inline-end: 4rem;
14695
14081
  }
14696
14082
 
14697
14083
  .cds--list-box[data-invalid] .cds--list-box__field .cds--text-input--empty + .cds--list-box__invalid-icon,
@@ -15198,6 +14584,52 @@ fieldset[disabled] .cds--form__helper-text {
15198
14584
  text-overflow: ellipsis;
15199
14585
  }
15200
14586
 
14587
+ .cds--list-box__wrapper--slug .cds--slug {
14588
+ position: absolute;
14589
+ inset-block-start: 50%;
14590
+ inset-inline-end: 2.5rem;
14591
+ transform: translateY(-50%);
14592
+ }
14593
+
14594
+ .cds--list-box__wrapper--slug .cds--list-box {
14595
+ background-image: linear-gradient(270deg, var(--cds-ai-gradient-start-01, rgba(242, 244, 248, 0.5)) 0%, var(--cds-ai-gradient-end, rgba(255, 255, 255, 0)) 33%, transparent 100%), linear-gradient(270deg, var(--cds-ai-gradient-start-02, rgba(237, 245, 255, 0.5)) 0%, var(--cds-ai-gradient-end, rgba(255, 255, 255, 0)) 33%, transparent 100%);
14596
+ }
14597
+
14598
+ .cds--list-box__wrapper--slug .cds--list-box__field,
14599
+ .cds--list-box__wrapper--slug .cds--text-input--empty {
14600
+ padding-inline-end: 4rem;
14601
+ }
14602
+
14603
+ .cds--list-box__wrapper--slug .cds--text-input:not(.cds--text-input--empty) {
14604
+ padding-inline-end: 6rem;
14605
+ }
14606
+
14607
+ .cds--list-box__wrapper--slug .cds--list-box--invalid[data-invalid] .cds--text-input--empty,
14608
+ .cds--list-box__wrapper--slug .cds--list-box--invalid[data-invalid] .cds--list-box__field,
14609
+ .cds--list-box__wrapper--slug .cds--list-box--warning .cds--text-input--empty,
14610
+ .cds--list-box__wrapper--slug .cds--list-box--warning .cds--list-box__field {
14611
+ padding-inline-end: 6rem;
14612
+ }
14613
+
14614
+ .cds--list-box__wrapper--slug .cds--list-box--invalid[data-invalid] .cds--text-input:not(.cds--text-input--empty),
14615
+ .cds--list-box__wrapper--slug .cds--list-box--warning .cds--text-input:not(.cds--text-input--empty) {
14616
+ padding-inline-end: 7.5rem;
14617
+ }
14618
+
14619
+ .cds--list-box__wrapper--slug .cds--list-box--invalid .cds--slug,
14620
+ .cds--list-box__wrapper--slug .cds--list-box--warning .cds--slug {
14621
+ inset-inline-end: 4rem;
14622
+ }
14623
+
14624
+ .cds--list-box__wrapper--slug .cds--list-box__field:has(.cds--list-box__selection) ~ .cds--slug {
14625
+ inset-inline-end: 4rem;
14626
+ }
14627
+
14628
+ .cds--list-box__wrapper--slug .cds--list-box--invalid .cds--list-box__field:has(.cds--list-box__selection) ~ .cds--slug,
14629
+ .cds--list-box__wrapper--slug .cds--list-box--warning .cds--list-box__field:has(.cds--list-box__selection) ~ .cds--slug {
14630
+ inset-inline-end: 5.5rem;
14631
+ }
14632
+
15201
14633
  @media screen and (-ms-high-contrast: active), (forced-colors: active) {
15202
14634
  .cds--list-box__field,
15203
14635
  .cds--list-box__menu,
@@ -15292,6 +14724,7 @@ fieldset[disabled] .cds--form__helper-text {
15292
14724
  max-inline-size: 18rem;
15293
14725
  min-inline-size: 10rem;
15294
14726
  opacity: 0;
14727
+ overflow-y: auto;
15295
14728
  visibility: hidden;
15296
14729
  }
15297
14730
  .cds--menu *,
@@ -15332,7 +14765,7 @@ fieldset[disabled] .cds--form__helper-text {
15332
14765
  display: grid;
15333
14766
  align-items: center;
15334
14767
  block-size: 2rem;
15335
- color: var(--cds-text-primary, #161616);
14768
+ color: var(--cds-text-secondary, #525252);
15336
14769
  column-gap: 0.5rem;
15337
14770
  cursor: pointer;
15338
14771
  grid-template-columns: 1fr max-content;
@@ -15348,9 +14781,16 @@ fieldset[disabled] .cds--form__helper-text {
15348
14781
  outline-style: dotted;
15349
14782
  }
15350
14783
  }
14784
+ .cds--menu-item svg {
14785
+ color: var(--cds-icon-secondary, #525252);
14786
+ }
15351
14787
 
15352
14788
  .cds--menu-item:hover {
15353
14789
  background-color: var(--cds-layer-hover);
14790
+ color: var(--cds-text-primary, #161616);
14791
+ }
14792
+ .cds--menu-item:hover svg {
14793
+ color: var(--cds-icon-primary, #161616);
15354
14794
  }
15355
14795
 
15356
14796
  .cds--menu--xs .cds--menu-item {
@@ -15443,15 +14883,15 @@ fieldset[disabled] .cds--form__helper-text {
15443
14883
  }
15444
14884
 
15445
14885
  .cds--combo-button__container--sm .cds--combo-button__primary-action {
15446
- min-inline-size: 7.9375rem;
14886
+ min-inline-size: 9.9375rem;
15447
14887
  }
15448
14888
 
15449
14889
  .cds--combo-button__container--md .cds--combo-button__primary-action {
15450
- min-inline-size: 7.4375rem;
14890
+ min-inline-size: 9.4375rem;
15451
14891
  }
15452
14892
 
15453
14893
  .cds--combo-button__container--lg .cds--combo-button__primary-action {
15454
- min-inline-size: 6.9375rem;
14894
+ min-inline-size: 8.9375rem;
15455
14895
  }
15456
14896
 
15457
14897
  .cds--combo-button__primary-action .cds--btn {
@@ -16269,6 +15709,21 @@ fieldset[disabled] .cds--form__helper-text {
16269
15709
  margin-inline-start: 0.5rem;
16270
15710
  }
16271
15711
 
15712
+ .cds--radio-button-group--slug legend.cds--label,
15713
+ .cds--radio-button-wrapper--slug .cds--radio-button__label-text {
15714
+ display: flex;
15715
+ }
15716
+
15717
+ .cds--radio-button-group--slug legend.cds--label .cds--slug,
15718
+ .cds--radio-button-wrapper--slug .cds--radio-button__label-text .cds--slug {
15719
+ margin-inline-start: 0.5rem;
15720
+ }
15721
+
15722
+ .cds--radio-button-wrapper--slug .cds--radio-button__label-text .cds--slug__button--inline {
15723
+ line-height: inherit;
15724
+ margin-block-start: -0.0625rem;
15725
+ }
15726
+
16272
15727
  .cds--data-table-container {
16273
15728
  position: relative;
16274
15729
  padding-block-start: 0.125rem;
@@ -16290,7 +15745,7 @@ fieldset[disabled] .cds--form__helper-text {
16290
15745
  }
16291
15746
 
16292
15747
  .cds--data-table-header {
16293
- background: var(--cds-layer);
15748
+ background-color: var(--cds-layer);
16294
15749
  padding-block-end: 1.5rem;
16295
15750
  padding-block-start: 1rem;
16296
15751
  padding-inline: 1rem;
@@ -16357,13 +15812,13 @@ fieldset[disabled] .cds--form__helper-text {
16357
15812
  transition: background-color 70ms cubic-bezier(0, 0, 0.38, 0.9);
16358
15813
  }
16359
15814
 
16360
- .cds--data-table tbody tr:hover {
16361
- background: var(--cds-layer-hover);
15815
+ .cds--data-table tbody tr:not([data-child-row]):hover,
15816
+ .cds--data-table tbody tr[data-child-row]:hover > td {
15817
+ background-color: var(--cds-layer-hover);
16362
15818
  }
16363
15819
 
16364
15820
  .cds--data-table tbody tr:hover td,
16365
15821
  .cds--data-table tbody tr:hover th {
16366
- background: var(--cds-layer-hover);
16367
15822
  border-block-end: 1px solid var(--cds-layer-hover);
16368
15823
  border-block-start: 1px solid var(--cds-layer-hover);
16369
15824
  color: var(--cds-text-primary, #161616);
@@ -16439,7 +15894,6 @@ fieldset[disabled] .cds--form__helper-text {
16439
15894
 
16440
15895
  .cds--data-table td,
16441
15896
  .cds--data-table tbody th {
16442
- background: var(--cds-layer);
16443
15897
  border-block-end: 1px solid var(--cds-border-subtle);
16444
15898
  border-block-start: 1px solid var(--cds-layer);
16445
15899
  color: var(--cds-text-secondary, #525252);
@@ -16542,17 +15996,23 @@ fieldset[disabled] .cds--form__helper-text {
16542
15996
  }
16543
15997
 
16544
15998
  .cds--data-table--zebra tbody tr:not(.cds--parent-row):nth-child(even) td {
16545
- background-color: var(--cds-layer-accent);
16546
15999
  border-block-end: 1px solid var(--cds-layer-accent);
16547
16000
  border-block-start: 1px solid var(--cds-layer-accent);
16548
16001
  }
16549
16002
 
16003
+ .cds--data-table--zebra tbody tr:not(.cds--parent-row):not(.cds--data-table--selected):nth-child(even) {
16004
+ background-color: var(--cds-layer-accent);
16005
+ }
16006
+
16550
16007
  .cds--data-table--zebra tbody tr:not(.cds--parent-row):hover td {
16551
- background-color: var(--cds-layer-hover);
16552
16008
  border-block-end: 1px solid var(--cds-layer-hover);
16553
16009
  border-block-start: 1px solid var(--cds-layer-hover);
16554
16010
  }
16555
16011
 
16012
+ .cds--data-table--zebra tbody tr:not(.cds--parent-row):not(.cds--data-table--selected):hover {
16013
+ background-color: var(--cds-layer-hover);
16014
+ }
16015
+
16556
16016
  .cds--table-column-checkbox .cds--checkbox-label {
16557
16017
  min-block-size: 1.5rem;
16558
16018
  padding-inline-start: 0;
@@ -16568,7 +16028,7 @@ fieldset[disabled] .cds--form__helper-text {
16568
16028
 
16569
16029
  .cds--data-table th.cds--table-column-checkbox {
16570
16030
  position: static;
16571
- background: var(--cds-layer-accent);
16031
+ background-color: var(--cds-layer-accent);
16572
16032
  inline-size: 2rem;
16573
16033
  transition: background-color 70ms cubic-bezier(0, 0, 0.38, 0.9);
16574
16034
  }
@@ -16640,12 +16100,16 @@ fieldset[disabled] .cds--form__helper-text {
16640
16100
 
16641
16101
  .cds--data-table--zebra tbody tr:nth-child(odd).cds--data-table--selected td,
16642
16102
  tr.cds--data-table--selected td {
16643
- background-color: var(--cds-layer-selected);
16644
16103
  border-block-end: 1px solid var(--cds-layer-active);
16645
16104
  border-block-start: 1px solid var(--cds-layer-selected);
16646
16105
  color: var(--cds-text-primary, #161616);
16647
16106
  }
16648
16107
 
16108
+ .cds--data-table--zebra tbody tr:nth-child(odd).cds--data-table--selected,
16109
+ tr.cds--data-table--selected {
16110
+ background-color: var(--cds-layer-selected);
16111
+ }
16112
+
16649
16113
  .cds--data-table--zebra tbody tr:first-of-type:nth-child(odd).cds--data-table--selected td,
16650
16114
  tr.cds--data-table--selected:first-of-type td {
16651
16115
  border-block-start: 1px solid var(--cds-border-subtle-selected);
@@ -16668,12 +16132,16 @@ tr.cds--data-table--selected:last-of-type td {
16668
16132
 
16669
16133
  .cds--data-table--zebra tbody tr:nth-child(odd).cds--data-table--selected:hover td,
16670
16134
  .cds--data-table tbody .cds--data-table--selected:hover td {
16671
- background: var(--cds-layer-selected-hover);
16672
16135
  border-block-end: 1px solid var(--cds-layer-selected-hover);
16673
16136
  border-block-start: 1px solid var(--cds-layer-selected-hover);
16674
16137
  color: var(--cds-text-primary, #161616);
16675
16138
  }
16676
16139
 
16140
+ .cds--data-table--zebra tbody tr:nth-child(odd).cds--data-table--selected:hover,
16141
+ .cds--data-table tbody .cds--data-table--selected:hover {
16142
+ background-color: var(--cds-layer-selected-hover);
16143
+ }
16144
+
16677
16145
  .cds--data-table--selected .cds--overflow-menu .cds--overflow-menu__icon {
16678
16146
  opacity: 1;
16679
16147
  }
@@ -16970,6 +16438,39 @@ tr.cds--data-table--selected:last-of-type td {
16970
16438
  margin: -0.1875rem 0;
16971
16439
  }
16972
16440
 
16441
+ .cds--data-table .cds--table-column-slug {
16442
+ inline-size: 1rem;
16443
+ padding-inline-end: 0;
16444
+ }
16445
+
16446
+ .cds--data-table tbody tr:has(> .cds--table-column-slug--active) {
16447
+ background-image: linear-gradient(90deg, var(--cds-ai-gradient-start-01, rgba(242, 244, 248, 0.5)) 0%, var(--cds-ai-gradient-end, rgba(255, 255, 255, 0)) 50%, transparent 100%), linear-gradient(90deg, var(--cds-ai-gradient-start-02, rgba(237, 245, 255, 0.5)) 0%, var(--cds-ai-gradient-end, rgba(255, 255, 255, 0)) 50%, transparent 100%);
16448
+ background-attachment: fixed;
16449
+ }
16450
+
16451
+ .cds--data-table thead th.cds--table-sort__header--slug .cds--table-sort,
16452
+ .cds--data-table thead th:has(> .cds--table-header-label--slug) {
16453
+ background-image: linear-gradient(180deg, var(--cds-ai-gradient-start-01, rgba(242, 244, 248, 0.5)) 0%, var(--cds-ai-gradient-end, rgba(255, 255, 255, 0)) 100%, transparent 100%), linear-gradient(180deg, var(--cds-ai-gradient-start-02, rgba(237, 245, 255, 0.5)) 0%, var(--cds-ai-gradient-end, rgba(255, 255, 255, 0)) 100%, transparent 100%);
16454
+ }
16455
+
16456
+ .cds--table-column-slug .cds--slug {
16457
+ position: absolute;
16458
+ transform: translateY(-50%);
16459
+ }
16460
+
16461
+ .cds--data-table--xl .cds--table-column-slug .cds--slug {
16462
+ transform: translateY(1px);
16463
+ }
16464
+
16465
+ th .cds--table-header-label.cds--table-header-label--slug {
16466
+ display: flex;
16467
+ align-items: center;
16468
+ }
16469
+
16470
+ th .cds--table-header-label.cds--table-header-label--slug .cds--slug {
16471
+ margin-inline-start: 0.5rem;
16472
+ }
16473
+
16973
16474
  @media screen and (-ms-high-contrast: active), (forced-colors: active) {
16974
16475
  .cds--data-table-content {
16975
16476
  outline: 1px solid transparent;
@@ -17993,7 +17494,7 @@ tr.cds--parent-row:not(.cds--expandable-row) + tr[data-child-row] td {
17993
17494
  background-color: var(--cds-layer-hover);
17994
17495
  padding-block-end: 0;
17995
17496
  padding-block-start: 0;
17996
- transition: padding 150ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
17497
+ transition: padding 150ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
17997
17498
  }
17998
17499
 
17999
17500
  tr.cds--parent-row:not(.cds--expandable-row) + tr[data-child-row] td .cds--child-row-inner-container {
@@ -18002,13 +17503,22 @@ tr.cds--parent-row:not(.cds--expandable-row) + tr[data-child-row] td .cds--child
18002
17503
  }
18003
17504
 
18004
17505
  tr.cds--parent-row.cds--expandable-row + tr[data-child-row] {
18005
- transition: height 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
17506
+ transition: height 150ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
18006
17507
  }
18007
17508
 
18008
17509
  tr.cds--parent-row.cds--expandable-row + tr[data-child-row] td {
18009
17510
  border-block-end: 1px solid var(--cds-border-subtle);
18010
17511
  padding-inline-start: 3.5rem;
18011
- transition: padding-bottom 110ms cubic-bezier(0.2, 0, 0.38, 0.9), transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
17512
+ transition: padding-bottom 150ms cubic-bezier(0.2, 0, 0.38, 0.9), transform 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
17513
+ }
17514
+
17515
+ tbody:has(> tr.cds--parent-row--slug) > tr.cds--expandable-row[data-child-row] td,
17516
+ tbody:has(td.cds--table-column-checkbox) > tr.cds--expandable-row[data-child-row] td {
17517
+ padding-inline-start: 5.5rem;
17518
+ }
17519
+
17520
+ tbody:has(> tr.cds--parent-row--slug):has(td.cds--table-column-checkbox) > tr.cds--expandable-row[data-child-row] td {
17521
+ padding-inline-start: 7.5rem;
18012
17522
  }
18013
17523
 
18014
17524
  tr.cds--parent-row.cds--expandable-row + tr[data-child-row] td .cds--child-row-inner-container {
@@ -18032,7 +17542,7 @@ tr.cds--parent-row.cds--expandable-row + tr[data-child-row] td .cds--child-row-i
18032
17542
  tr.cds--parent-row:not(.cds--expandable-row) td,
18033
17543
  tr.cds--parent-row.cds--expandable-row td,
18034
17544
  tr.cds--parent-row.cds--expandable-row {
18035
- transition: height 240ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
17545
+ transition: height 150ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), border-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
18036
17546
  }
18037
17547
 
18038
17548
  tr.cds--parent-row:not(.cds--expandable-row):first-of-type:hover td {
@@ -18086,6 +17596,11 @@ tr.cds--parent-row.cds--expandable-row.cds--expandable-row--hover td:first-of-ty
18086
17596
  padding-inline-start: 0.375rem;
18087
17597
  }
18088
17598
 
17599
+ .cds--data-table td.cds--table-expand[data-previous-value=collapsed] + .cds--table-column-checkbox {
17600
+ border-block-end: 1px solid transparent;
17601
+ box-shadow: none;
17602
+ }
17603
+
18089
17604
  .cds--data-table th.cds--table-expand + .cds--table-column-checkbox + th,
18090
17605
  .cds--data-table td.cds--table-expand + .cds--table-column-checkbox + td {
18091
17606
  padding-inline-start: 0.5rem;
@@ -18174,7 +17689,7 @@ tr.cds--parent-row.cds--expandable-row.cds--expandable-row--hover td:first-of-ty
18174
17689
 
18175
17690
  tr.cds--parent-row.cds--expandable-row td.cds--table-expand + td::after {
18176
17691
  position: absolute;
18177
- background: var(--cds-layer-accent);
17692
+ background-color: var(--cds-layer-accent);
18178
17693
  block-size: 0.0625rem;
18179
17694
  content: "";
18180
17695
  inline-size: 0.5rem;
@@ -18184,7 +17699,7 @@ tr.cds--parent-row.cds--expandable-row td.cds--table-expand + td::after {
18184
17699
 
18185
17700
  tr.cds--parent-row.cds--expandable-row:hover td.cds--table-expand + td::after,
18186
17701
  tr.cds--parent-row.cds--expandable-row.cds--expandable-row--hover td.cds--table-expand + td::after {
18187
- background: var(--cds-layer-hover);
17702
+ background-color: var(--cds-layer-hover);
18188
17703
  }
18189
17704
 
18190
17705
  tr.cds--parent-row.cds--data-table--selected td.cds--table-expand + td::after {
@@ -18205,7 +17720,7 @@ tr.cds--parent-row.cds--data-table--selected td.cds--table-expand + td::after {
18205
17720
 
18206
17721
  .cds--data-table--zebra tr.cds--parent-row td,
18207
17722
  .cds--data-table--zebra tr.cds--parent-row.cds--expandable-row + tr[data-child-row] td {
18208
- transition: transform 150ms cubic-bezier(0.2, 0, 0.38, 0.9), border-bottom 150ms cubic-bezier(0.2, 0, 0.38, 0.9), border-top 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
17723
+ transition: transform 150ms cubic-bezier(0.2, 0, 0.38, 0.9), border-bottom 70ms cubic-bezier(0.2, 0, 0.38, 0.9), border-top 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
18209
17724
  }
18210
17725
 
18211
17726
  .cds--data-table--zebra tbody tr[data-parent-row]:hover td,
@@ -18217,33 +17732,33 @@ tr.cds--parent-row.cds--data-table--selected td.cds--table-expand + td::after {
18217
17732
  }
18218
17733
 
18219
17734
  .cds--data-table--zebra tr.cds--parent-row.cds--expandable-row.cds--expandable-row--hover td {
18220
- background: var(--cds-layer-hover);
17735
+ background-color: var(--cds-layer-hover);
18221
17736
  border-block-end: 1px solid var(--cds-layer-hover);
18222
17737
  border-block-start: 1px solid var(--cds-layer-hover);
18223
17738
  }
18224
17739
 
17740
+ tr.cds--parent-row.cds--data-table--selected {
17741
+ background-color: var(--cds-layer-selected);
17742
+ }
17743
+
18225
17744
  tr.cds--parent-row.cds--data-table--selected:first-of-type td {
18226
- background: var(--cds-layer-selected);
18227
- border-block-end: 1px solid var(--cds-border-subtle);
18228
17745
  border-block-start: 1px solid var(--cds-layer-active);
18229
17746
  box-shadow: 0 1px var(--cds-layer-active);
18230
17747
  }
18231
17748
 
18232
17749
  tr.cds--parent-row.cds--data-table--selected td {
18233
- background: var(--cds-layer-selected);
18234
- border-block-end: 1px solid transparent;
17750
+ border-block-end: 1px solid var(--cds-layer-active);
18235
17751
  box-shadow: 0 1px var(--cds-layer-active);
18236
17752
  color: var(--cds-text-primary, #161616);
18237
17753
  }
18238
17754
 
18239
17755
  tr.cds--parent-row.cds--data-table--selected:last-of-type td {
18240
- background: var(--cds-layer-selected);
18241
17756
  border-block-end: 1px solid transparent;
18242
17757
  box-shadow: 0 1px var(--cds-border-subtle);
18243
17758
  }
18244
17759
 
18245
17760
  tr.cds--parent-row.cds--data-table--selected:not(.cds--expandable-row):hover td {
18246
- background: var(--cds-layer-selected-hover);
17761
+ background-color: var(--cds-layer-selected-hover);
18247
17762
  border-block-end: 1px solid var(--cds-border-subtle);
18248
17763
  border-block-start: 1px solid var(--cds-layer-selected-hover);
18249
17764
  box-shadow: 0 1px var(--cds-layer-selected-hover);
@@ -18259,7 +17774,7 @@ tr.cds--parent-row.cds--data-table--selected.cds--expandable-row:hover td,
18259
17774
  tr.cds--parent-row.cds--data-table--selected.cds--expandable-row:hover td:first-of-type,
18260
17775
  tr.cds--parent-row.cds--data-table--selected.cds--expandable-row--hover td,
18261
17776
  tr.cds--parent-row.cds--data-table--selected.cds--expandable-row--hover td:first-of-type {
18262
- background: var(--cds-layer-selected-hover);
17777
+ background-color: var(--cds-layer-selected-hover);
18263
17778
  border-block-end: 1px solid transparent;
18264
17779
  border-block-start: 1px solid var(--cds-layer-selected-hover);
18265
17780
  box-shadow: 0 1px var(--cds-layer-selected-hover);
@@ -18280,7 +17795,22 @@ tr.cds--parent-row.cds--data-table--selected.cds--expandable-row + tr[data-child
18280
17795
 
18281
17796
  tr.cds--parent-row.cds--data-table--selected.cds--expandable-row:hover + tr[data-child-row] td,
18282
17797
  tr.cds--parent-row.cds--data-table--selected.cds--expandable-row--hover + tr[data-child-row] td {
18283
- background: var(--cds-layer-selected);
17798
+ background-color: var(--cds-layer-selected);
17799
+ }
17800
+
17801
+ .cds--parent-row .cds--table-column-slug,
17802
+ .cds--parent-row .cds--table-column-slug + td.cds--table-expand[data-previous-value=collapsed] {
17803
+ box-shadow: none;
17804
+ }
17805
+
17806
+ .cds--parent-row.cds--expandable-row .cds--table-column-slug,
17807
+ .cds--parent-row.cds--expandable-row .cds--table-column-slug + td.cds--table-expand[data-previous-value=collapsed] {
17808
+ border-block-end: 1px solid transparent;
17809
+ }
17810
+
17811
+ .cds--parent-row--slug td,
17812
+ .cds--data-table tr.cds--parent-row--slug:hover td {
17813
+ border-block-start: 1px solid transparent;
18284
17814
  }
18285
17815
 
18286
17816
  @media screen and (-ms-high-contrast: active), (forced-colors: active) {
@@ -18626,6 +18156,11 @@ th .cds--table-sort__flex {
18626
18156
  margin-block-start: 0.8125rem;
18627
18157
  }
18628
18158
 
18159
+ .cds--table-sort__header--slug .cds--slug {
18160
+ margin-inline-end: auto;
18161
+ margin-inline-start: 0.5rem;
18162
+ }
18163
+
18629
18164
  @media screen and (-ms-high-contrast: active), (forced-colors: active) {
18630
18165
  .cds--table-sort__icon,
18631
18166
  .cds--table-sort__icon-unsorted {
@@ -19215,7 +18750,7 @@ th .cds--table-sort__flex {
19215
18750
  align-items: center;
19216
18751
  }
19217
18752
 
19218
- .cds--date-picker-input__wrapper span {
18753
+ .cds--date-picker-input__wrapper > span {
19219
18754
  position: relative;
19220
18755
  }
19221
18756
 
@@ -19341,7 +18876,6 @@ th .cds--table-sort__flex {
19341
18876
 
19342
18877
  .cds--date-picker__input:disabled ~ .cds--date-picker__icon {
19343
18878
  cursor: not-allowed;
19344
- fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
19345
18879
  }
19346
18880
 
19347
18881
  .cds--date-picker--range > .cds--date-picker-container:first-child {
@@ -19353,6 +18887,28 @@ th .cds--table-sort__flex {
19353
18887
  inline-size: 8.96875rem;
19354
18888
  }
19355
18889
 
18890
+ .cds--date-picker-input__wrapper--slug .cds--slug {
18891
+ position: absolute;
18892
+ inset-block-start: 50%;
18893
+ inset-inline-end: 2.5rem;
18894
+ transform: translateY(-50%);
18895
+ }
18896
+
18897
+ .cds--date-picker-input__wrapper--slug .cds--date-picker__input {
18898
+ background-image: linear-gradient(270deg, var(--cds-ai-gradient-start-01, rgba(242, 244, 248, 0.5)) 0%, var(--cds-ai-gradient-end, rgba(255, 255, 255, 0)) 33%, transparent 100%), linear-gradient(270deg, var(--cds-ai-gradient-start-02, rgba(237, 245, 255, 0.5)) 0%, var(--cds-ai-gradient-end, rgba(255, 255, 255, 0)) 33%, transparent 100%);
18899
+ padding-inline-end: 4rem;
18900
+ }
18901
+
18902
+ .cds--date-picker__input[readonly] {
18903
+ background: transparent;
18904
+ border-block-end-color: var(--cds-border-subtle);
18905
+ cursor: text;
18906
+ }
18907
+
18908
+ .cds--date-picker__input[readonly] + .cds--date-picker__icon {
18909
+ fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
18910
+ }
18911
+
19356
18912
  .cds--date-picker.cds--skeleton input,
19357
18913
  .cds--date-picker__input.cds--skeleton {
19358
18914
  position: relative;
@@ -19428,16 +18984,6 @@ th .cds--table-sort__flex {
19428
18984
  }
19429
18985
  }
19430
18986
 
19431
- .cds--date-picker__input[readonly] {
19432
- background: transparent;
19433
- border-block-end-color: var(--cds-border-subtle);
19434
- cursor: text;
19435
- }
19436
-
19437
- .cds--date-picker__input[readonly] + .cds--date-picker__icon {
19438
- fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
19439
- }
19440
-
19441
18987
  .cds--dropdown__wrapper--inline {
19442
18988
  display: inline-grid;
19443
18989
  align-items: center;
@@ -20620,7 +20166,7 @@ button.cds--dropdown-text:focus {
20620
20166
  }
20621
20167
 
20622
20168
  .cds--list-box__wrapper--fluid :not(.cds--list-box--up) .cds--list-box__menu {
20623
- inset-block-start: calc(100% + 0.1875rem);
20169
+ inset-block-start: calc(100% + 0.0625rem);
20624
20170
  }
20625
20171
 
20626
20172
  .cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--invalid:not(.cds--list-box__wrapper--fluid--focus) {
@@ -20733,6 +20279,34 @@ button.cds--dropdown-text:focus {
20733
20279
  background: var(--cds-skeleton-element, #c6c6c6);
20734
20280
  }
20735
20281
 
20282
+ .cds--list-box__wrapper--fluid.cds--list-box__wrapper--slug .cds--slug {
20283
+ inset-block-start: 2.625rem;
20284
+ }
20285
+
20286
+ .cds--list-box__wrapper--fluid.cds--list-box__wrapper--slug .cds--list-box--warning .cds--slug,
20287
+ .cds--list-box__wrapper--fluid.cds--list-box__wrapper--slug .cds--list-box--invalid .cds--slug {
20288
+ inset-inline-end: 2.5rem;
20289
+ }
20290
+
20291
+ .cds--list-box__wrapper--fluid.cds--list-box__wrapper--slug .cds--list-box--warning button.cds--list-box__field,
20292
+ .cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--invalid.cds--list-box__wrapper--slug .cds--list-box--invalid[data-invalid] button.cds--list-box__field {
20293
+ padding-inline-end: 4rem;
20294
+ }
20295
+
20296
+ .cds--list-box__wrapper--fluid.cds--list-box__wrapper--slug .cds--list-box--warning .cds--text-input:not(.cds--text-input--empty),
20297
+ .cds--list-box__wrapper--fluid.cds--list-box__wrapper--slug.cds--list-box__wrapper--fluid--invalid .cds--list-box--invalid .cds--text-input:not(.cds--text-input--empty) {
20298
+ padding-inline-end: 5.5rem;
20299
+ }
20300
+
20301
+ .cds--list-box__wrapper--fluid.cds--list-box__wrapper--slug .cds--list-box--warning .cds--list-box__field:has(.cds--text-input:not(.cds--text-input--empty)) ~ .cds--slug,
20302
+ .cds--list-box__wrapper--fluid.cds--list-box__wrapper--slug .cds--list-box--invalid .cds--list-box__field:has(.cds--text-input:not(.cds--text-input--empty)) ~ .cds--slug {
20303
+ inset-inline-end: 4rem;
20304
+ }
20305
+
20306
+ .cds--list-box__wrapper--fluid.cds--list-box__wrapper--slug .cds--text-input:not(.cds--text-input--empty) {
20307
+ padding-inline-end: 6rem;
20308
+ }
20309
+
20736
20310
  .cds--list-box__wrapper--fluid .cds--combo-box .cds--list-box__field {
20737
20311
  overflow: visible;
20738
20312
  padding: 0;
@@ -20740,7 +20314,8 @@ button.cds--dropdown-text:focus {
20740
20314
 
20741
20315
  .cds--list-box__wrapper--fluid .cds--combo-box .cds--text-input {
20742
20316
  overflow: hidden;
20743
- padding: 2.0625rem 4rem 0.8125rem 1rem;
20317
+ padding-block: 2.0625rem 0.8125rem;
20318
+ padding-inline: 1rem 4rem;
20744
20319
  text-overflow: ellipsis;
20745
20320
  transition: none;
20746
20321
  white-space: nowrap;
@@ -21035,6 +20610,20 @@ button.cds--dropdown-text:focus {
21035
20610
  border-inline-start-color: var(--cds-border-subtle);
21036
20611
  }
21037
20612
 
20613
+ .cds--date-picker--fluid .cds--date-picker-input__wrapper--slug .cds--slug {
20614
+ inset-block-start: 2.6875rem;
20615
+ }
20616
+
20617
+ .cds--date-picker--fluid .cds--date-picker-input__wrapper--slug {
20618
+ background-image: linear-gradient(270deg, var(--cds-ai-gradient-start-01, rgba(242, 244, 248, 0.5)) 0%, var(--cds-ai-gradient-end, rgba(255, 255, 255, 0)) 33%, transparent 100%), linear-gradient(270deg, var(--cds-ai-gradient-start-02, rgba(237, 245, 255, 0.5)) 0%, var(--cds-ai-gradient-end, rgba(255, 255, 255, 0)) 33%, transparent 100%);
20619
+ }
20620
+
20621
+ .cds--date-picker--fluid .cds--date-picker-input__wrapper--slug .cds--date-picker__input,
20622
+ .cds--date-picker--fluid--invalid .cds--date-picker-input__wrapper--slug .cds--date-picker__input,
20623
+ .cds--date-picker--fluid--warn .cds--date-picker-input__wrapper--slug .cds--date-picker__input {
20624
+ padding-inline-end: 4rem;
20625
+ }
20626
+
21038
20627
  .cds--multi-select .cds--list-box__field--wrapper {
21039
20628
  display: inline-flex;
21040
20629
  align-items: center;
@@ -21353,21 +20942,6 @@ button.cds--dropdown-text:focus {
21353
20942
  .cds--number__control-btn::-moz-focus-inner {
21354
20943
  border: 0;
21355
20944
  }
21356
- .cds--number__control-btn::before, .cds--number__control-btn::after {
21357
- position: absolute;
21358
- display: block;
21359
- background-color: var(--cds-field);
21360
- block-size: 2.25rem;
21361
- content: "";
21362
- inline-size: 0.125rem;
21363
- inset-block-start: 0.125rem;
21364
- }
21365
- .cds--number__control-btn::before {
21366
- inset-inline-start: 0;
21367
- }
21368
- .cds--number__control-btn::after {
21369
- inset-inline-end: 0;
21370
- }
21371
20945
  .cds--number__control-btn svg {
21372
20946
  fill: currentColor;
21373
20947
  }
@@ -21387,12 +20961,6 @@ button.cds--dropdown-text:focus {
21387
20961
  color: var(--cds-icon-primary, #161616);
21388
20962
  cursor: pointer;
21389
20963
  }
21390
- .cds--number__control-btn:hover::before, .cds--number__control-btn:hover::after {
21391
- background-color: var(--cds-field-hover);
21392
- }
21393
- .cds--number__control-btn:focus::before, .cds--number__control-btn:focus::after, .cds--number__control-btn:hover:focus::before, .cds--number__control-btn:hover:focus::after {
21394
- background-color: transparent;
21395
- }
21396
20964
  .cds--number__control-btn:disabled {
21397
20965
  border-block-end-color: transparent;
21398
20966
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
@@ -21407,46 +20975,37 @@ button.cds--dropdown-text:focus {
21407
20975
  order: 2;
21408
20976
  }
21409
20977
 
21410
- .cds--number input[type=number]:focus ~ .cds--number__controls .cds--number__control-btn {
21411
- border-block-end-color: transparent;
20978
+ .cds--number input[type=number][data-invalid] ~ .cds--number__controls .cds--number__control-btn {
20979
+ border-block-end-color: var(--cds-support-error, #da1e28);
21412
20980
  }
21413
- .cds--number input[type=number]:focus ~ .cds--number__controls .cds--number__control-btn:hover {
21414
- outline: 2px solid var(--cds-focus, #0f62fe);
21415
- outline-offset: -2px;
20981
+
20982
+ .cds--number input[type=number]:focus ~ .cds--number__controls .cds--number__control-btn {
20983
+ border-block-end-color: var(--cds-focus, #0f62fe);
20984
+ box-shadow: inset 0 2px var(--cds-focus, #0f62fe), inset 0 -1px var(--cds-focus, #0f62fe);
21416
20985
  }
21417
- @media screen and (prefers-contrast) {
21418
- .cds--number input[type=number]:focus ~ .cds--number__controls .cds--number__control-btn:hover {
21419
- outline-style: dotted;
21420
- }
20986
+
20987
+ .cds--number input[type=number]:focus ~ .cds--number__controls .cds--number__control-btn:last-of-type {
20988
+ box-shadow: inset 0 2px var(--cds-focus, #0f62fe), inset 0 -1px var(--cds-focus, #0f62fe), inset -2px 0 var(--cds-focus, #0f62fe);
21421
20989
  }
21422
20990
 
21423
- .cds--number input[type=number][data-invalid] ~ .cds--number__controls .cds--number__control-btn {
21424
- border-block-end-color: transparent;
20991
+ .cds--number input[type=number][data-invalid]:not(:focus) ~ .cds--number__controls .cds--number__control-btn:last-of-type:hover {
20992
+ box-shadow: inset 0 2px var(--cds-support-error, #da1e28), inset 0 -1px var(--cds-support-error, #da1e28), inset -2px 0 var(--cds-support-error, #da1e28);
21425
20993
  }
21426
20994
 
21427
20995
  .cds--number input[type=number][data-invalid]:not(:focus) ~ .cds--number__controls .cds--number__control-btn:hover {
21428
- outline: 2px solid var(--cds-support-error, #da1e28);
20996
+ box-shadow: inset 0 2px var(--cds-support-error, #da1e28), inset 0 -1px var(--cds-support-error, #da1e28);
20997
+ }
20998
+
20999
+ .cds--number input[type=number][data-invalid]:not(:focus) ~ .cds--number__controls .cds--number__control-btn:focus:hover {
21000
+ outline: 2px solid var(--cds-focus, #0f62fe);
21429
21001
  outline-offset: -2px;
21430
21002
  }
21431
21003
  @media screen and (prefers-contrast) {
21432
- .cds--number input[type=number][data-invalid]:not(:focus) ~ .cds--number__controls .cds--number__control-btn:hover {
21004
+ .cds--number input[type=number][data-invalid]:not(:focus) ~ .cds--number__controls .cds--number__control-btn:focus:hover {
21433
21005
  outline-style: dotted;
21434
21006
  }
21435
21007
  }
21436
21008
 
21437
- .cds--number input[type=number]:focus ~ .cds--number__controls .cds--number__control-btn.up-icon::after {
21438
- background-color: transparent;
21439
- }
21440
-
21441
- .cds--number input[type=number][data-invalid] ~ .cds--number__controls .cds--number__control-btn.up-icon::after {
21442
- background-color: var(--cds-support-error, #da1e28);
21443
- }
21444
-
21445
- .cds--number input[type=number][data-invalid]:focus ~ .cds--number__controls .cds--number__control-btn.up-icon::after,
21446
- .cds--number input[type=number][data-invalid] ~ .cds--number__controls .cds--number__control-btn.up-icon:focus::after {
21447
- background-color: var(--cds-focus, #0f62fe);
21448
- }
21449
-
21450
21009
  .cds--number__rule-divider {
21451
21010
  position: absolute;
21452
21011
  z-index: 6000;
@@ -21527,30 +21086,6 @@ button.cds--dropdown-text:focus {
21527
21086
  opacity: 1;
21528
21087
  }
21529
21088
 
21530
- .cds--number--light input[type=number] {
21531
- background-color: var(--cds-field-02, #ffffff);
21532
- }
21533
-
21534
- .cds--number--light input[type=number]:disabled {
21535
- background-color: var(--cds-field-02, #ffffff);
21536
- }
21537
-
21538
- .cds--number--light .cds--number__control-btn::before,
21539
- .cds--number--light .cds--number__control-btn::after {
21540
- background-color: var(--cds-field-02, #ffffff);
21541
- }
21542
-
21543
- .cds--number--light .cds--number__control-btn:focus::before,
21544
- .cds--number--light .cds--number__control-btn:focus::after {
21545
- background-color: transparent;
21546
- }
21547
-
21548
- .cds--number--light .cds--number__control-btn:hover,
21549
- .cds--number--light .cds--number__control-btn:not(:focus):hover::before,
21550
- .cds--number--light .cds--number__control-btn:not(:focus):hover::after {
21551
- background-color: var(--cds-layer-hover-02, #e8e8e8);
21552
- }
21553
-
21554
21089
  .cds--number--lg input[type=number] {
21555
21090
  block-size: 3rem;
21556
21091
  }
@@ -21562,9 +21097,6 @@ button.cds--dropdown-text:focus {
21562
21097
  .cds--number--lg .cds--number__control-btn {
21563
21098
  inline-size: 3rem;
21564
21099
  }
21565
- .cds--number--lg .cds--number__control-btn::before, .cds--number--lg .cds--number__control-btn::after {
21566
- block-size: 2.75rem;
21567
- }
21568
21100
 
21569
21101
  .cds--number--sm input[type=number] {
21570
21102
  block-size: 2rem;
@@ -21577,9 +21109,6 @@ button.cds--dropdown-text:focus {
21577
21109
  .cds--number--sm .cds--number__control-btn {
21578
21110
  inline-size: 2rem;
21579
21111
  }
21580
- .cds--number--sm .cds--number__control-btn::before, .cds--number--sm .cds--number__control-btn::after {
21581
- block-size: 1.75rem;
21582
- }
21583
21112
 
21584
21113
  .cds--number--nolabel .cds--label + .cds--form__helper-text {
21585
21114
  margin-block-start: 0;
@@ -21606,23 +21135,38 @@ button.cds--dropdown-text:focus {
21606
21135
  background-color: transparent;
21607
21136
  cursor: pointer;
21608
21137
  }
21609
- .cds--number--readonly .cds--number__control-btn:hover::before, .cds--number--readonly .cds--number__control-btn:hover::after {
21610
- background-color: transparent;
21611
- }
21612
21138
 
21613
21139
  .cds--number--readonly input[type=number]:focus ~ .cds--number__controls .cds--number__control-btn:hover {
21614
21140
  outline: none;
21615
21141
  }
21616
21142
 
21617
- .cds--number--readonly .cds--number__control-btn::before,
21618
- .cds--number--readonly .cds--number__control-btn::after {
21619
- background: transparent;
21620
- }
21621
-
21622
21143
  .cds--number--readonly .cds--number__controls:hover .cds--number__rule-divider:not(:first-of-type) {
21623
21144
  background-color: var(--cds-border-subtle);
21624
21145
  }
21625
21146
 
21147
+ .cds--number__input-wrapper--slug .cds--slug {
21148
+ position: absolute;
21149
+ inset-block-start: 50%;
21150
+ inset-inline-end: 5.5rem;
21151
+ transform: translateY(-50%);
21152
+ }
21153
+
21154
+ .cds--number__input-wrapper--slug input[data-invalid] ~ .cds--slug,
21155
+ .cds--number__input-wrapper--slug.cds--number__input-wrapper--warning .cds--slug {
21156
+ inset-inline-end: 7.5rem;
21157
+ }
21158
+
21159
+ .cds--number .cds--number__input-wrapper--slug input[data-invalid],
21160
+ .cds--number .cds--number__input-wrapper--slug.cds--number__input-wrapper--warning input {
21161
+ padding-inline-end: 9rem;
21162
+ }
21163
+
21164
+ .cds--number__input-wrapper--slug input[type=number],
21165
+ .cds--number__input-wrapper--slug input[type=number]:disabled {
21166
+ background-image: linear-gradient(270deg, var(--cds-ai-gradient-start-01, rgba(242, 244, 248, 0.5)) 0%, var(--cds-ai-gradient-end, rgba(255, 255, 255, 0)) 33%, transparent 100%), linear-gradient(270deg, var(--cds-ai-gradient-start-02, rgba(237, 245, 255, 0.5)) 0%, var(--cds-ai-gradient-end, rgba(255, 255, 255, 0)) 33%, transparent 100%);
21167
+ padding-inline-end: 7rem;
21168
+ }
21169
+
21626
21170
  .cds--number.cds--skeleton {
21627
21171
  position: relative;
21628
21172
  padding: 0;
@@ -21656,6 +21200,28 @@ button.cds--dropdown-text:focus {
21656
21200
  display: none;
21657
21201
  }
21658
21202
 
21203
+ /* stylelint-disable */
21204
+ @media screen and (-ms-high-contrast: active), (forced-colors: active) {
21205
+ .cds--number__control-btn:hover,
21206
+ .cds--number__control-btn:focus {
21207
+ color: Highlight;
21208
+ outline: 1px solid Highlight;
21209
+ }
21210
+ }
21211
+
21212
+ @media screen and (-ms-high-contrast: active), (forced-colors: active) {
21213
+ .cds--number__control-btn {
21214
+ outline: 1px solid transparent;
21215
+ }
21216
+ }
21217
+
21218
+ @media screen and (-ms-high-contrast: active), (forced-colors: active) {
21219
+ .cds--number__control-btn svg {
21220
+ fill: ButtonText;
21221
+ }
21222
+ }
21223
+
21224
+ /* stylelint-enable */
21659
21225
  .cds--number-input--fluid {
21660
21226
  position: relative;
21661
21227
  background: var(--cds-field);
@@ -21704,55 +21270,47 @@ button.cds--dropdown-text:focus {
21704
21270
  transform: translate(0);
21705
21271
  }
21706
21272
 
21707
- .cds--number-input--fluid .cds--number__control-btn,
21708
21273
  .cds--number-input--fluid input[type=number]:focus ~ .cds--number__controls .cds--number__control-btn {
21709
- border-block-end: 1px solid transparent;
21274
+ border-block-end-color: var(--cds-focus, #0f62fe);
21275
+ box-shadow: inset 0 -1px var(--cds-focus, #0f62fe);
21710
21276
  }
21711
21277
 
21712
- .cds--number-input--fluid.cds--number-input--fluid--focus .cds--number {
21713
- outline: 2px solid var(--cds-focus, #0f62fe);
21714
- outline-offset: -2px;
21715
- }
21716
- @media screen and (prefers-contrast) {
21717
- .cds--number-input--fluid.cds--number-input--fluid--focus .cds--number {
21718
- outline-style: dotted;
21719
- }
21278
+ .cds--number-input--fluid input[type=number]:focus ~ .cds--number__controls .cds--number__control-btn:last-of-type {
21279
+ box-shadow: inset 0 -1px var(--cds-focus, #0f62fe), inset -2px 0 var(--cds-focus, #0f62fe);
21720
21280
  }
21721
21281
 
21722
- .cds--number-input--fluid:not(.cds--number-input--fluid--invalid) .cds--number .cds--number__input-wrapper:not(.cds--number__input-wrapper--warning) input[type=number]:focus ~ .cds--number__controls .cds--number__control-btn:hover {
21723
- outline: 2px solid transparent;
21282
+ .cds--number-input--fluid .cds--number__input-wrapper--warning input[type=number]:focus ~ .cds--number__controls .cds--number__control-btn,
21283
+ .cds--number-input--fluid--invalid input[type=number]:focus ~ .cds--number__controls .cds--number__control-btn {
21284
+ border-block-end-color: transparent;
21285
+ box-shadow: none;
21724
21286
  }
21725
21287
 
21726
- .cds--number-input--fluid:not(.cds--number-input--fluid--invalid) .cds--number .cds--number__input-wrapper:not(.cds--number__input-wrapper--warning) input[type=number]:focus ~ .cds--number__controls .cds--number__control-btn:hover::before {
21727
- background: var(--cds-focus, #0f62fe);
21728
- block-size: 1px;
21729
- inline-size: 100%;
21730
- inset-block-end: 0;
21731
- inset-block-start: auto;
21732
- inset-inline-start: 0;
21288
+ .cds--number-input--fluid .cds--number__input-wrapper--warning input[type=number]:focus ~ .cds--number__controls .cds--number__control-btn:last-of-type,
21289
+ .cds--number-input--fluid--invalid input[type=number][data-invalid]:focus ~ .cds--number__controls .cds--number__control-btn:last-of-type {
21290
+ box-shadow: inset -2px 0 var(--cds-focus, #0f62fe);
21733
21291
  }
21734
21292
 
21735
- .cds--number-input--fluid:not(.cds--number-input--fluid--invalid) .cds--number-input-wrapper:not(.cds--number-input-wrapper__warning) input[type=number]:focus ~ .cds--number__controls .cds--number__control-btn:hover {
21736
- border-block-end: 1px solid var(--cds-focus, #0f62fe);
21737
- outline: none;
21293
+ .cds--number-input--fluid--invalid input[type=number][data-invalid]:not(:focus) ~ .cds--number__controls .cds--number__control-btn:last-of-type:hover {
21294
+ box-shadow: inset -2px 0 var(--cds-support-error, #da1e28);
21738
21295
  }
21739
21296
 
21740
- .cds--number-input--fluid input[type=number] ~ .cds--number__controls .cds--number__control-btn::after {
21741
- block-size: calc(100% - 0.0625rem);
21742
- inset-block-start: 0;
21297
+ .cds--number-input--fluid--invalid input[type=number][data-invalid]:not(:focus) ~ .cds--number__controls .cds--number__control-btn:hover {
21298
+ box-shadow: none;
21743
21299
  }
21744
21300
 
21745
- .cds--number-input--fluid.cds--number-input--fluid--focus input[type=number] ~ .cds--number__controls .cds--number__control-btn.up-icon::after {
21746
- background: var(--cds-focus, #0f62fe);
21301
+ .cds--number-input--fluid.cds--number-input--fluid--focus .cds--number {
21302
+ outline: 2px solid var(--cds-focus, #0f62fe);
21303
+ outline-offset: -2px;
21747
21304
  }
21748
-
21749
- .cds--number-input--fluid input[type=number] ~ .cds--number__controls .cds--number__control-btn.up-icon::after {
21750
- block-size: 100%;
21305
+ @media screen and (prefers-contrast) {
21306
+ .cds--number-input--fluid.cds--number-input--fluid--focus .cds--number {
21307
+ outline-style: dotted;
21308
+ }
21751
21309
  }
21752
21310
 
21753
- .cds--number-input--fluid.cds--number-input--fluid--focus input[type=number] ~ .cds--number__controls .cds--number__control-btn.up-icon:hover::after {
21754
- background-color: var(--cds-focus, #0f62fe);
21755
- block-size: 100%;
21311
+ .cds--number-input--fluid:not(.cds--number-input--fluid--invalid) .cds--number-input-wrapper:not(.cds--number-input-wrapper__warning) input[type=number]:focus ~ .cds--number__controls .cds--number__control-btn:hover {
21312
+ border-block-end: 1px solid var(--cds-focus, #0f62fe);
21313
+ outline: none;
21756
21314
  }
21757
21315
 
21758
21316
  .cds--number-input--fluid--invalid input[type=number][data-invalid] ~ .cds--number__controls .cds--number__control-btn:focus,
@@ -21845,6 +21403,25 @@ button.cds--dropdown-text:focus {
21845
21403
  background-color: transparent;
21846
21404
  }
21847
21405
 
21406
+ .cds--number-input--fluid .cds--number__input-wrapper--slug .cds--slug {
21407
+ inset-block-start: 2.6875rem;
21408
+ }
21409
+
21410
+ .cds--number-input--fluid.cds--number-input--fluid--invalid .cds--number__input-wrapper--slug .cds--slug,
21411
+ .cds--number-input--fluid .cds--number__input-wrapper--slug.cds--number__input-wrapper--warning .cds--slug {
21412
+ inset-inline-end: 5.5rem;
21413
+ }
21414
+
21415
+ .cds--number-input--fluid .cds--number__input-wrapper--slug input,
21416
+ .cds--number-input--fluid.cds--number-input--fluid--invalid .cds--number__input-wrapper--slug input[data-invalid],
21417
+ .cds--number-input--fluid .cds--number__input-wrapper--slug.cds--number__input-wrapper--warning input {
21418
+ padding-inline-end: 7.5rem;
21419
+ }
21420
+
21421
+ .cds--number-input--fluid .cds--number__input-wrapper--slug {
21422
+ background-image: linear-gradient(270deg, var(--cds-ai-gradient-start-01, rgba(242, 244, 248, 0.5)) 0%, var(--cds-ai-gradient-end, rgba(255, 255, 255, 0)) 33%, transparent 100%), linear-gradient(270deg, var(--cds-ai-gradient-start-02, rgba(237, 245, 255, 0.5)) 0%, var(--cds-ai-gradient-end, rgba(255, 255, 255, 0)) 33%, transparent 100%);
21423
+ }
21424
+
21848
21425
  .cds--search--fluid {
21849
21426
  block-size: 4rem;
21850
21427
  }
@@ -22090,7 +21667,7 @@ button.cds--dropdown-text:focus {
22090
21667
  }
22091
21668
 
22092
21669
  .cds--select__invalid-icon--warning path[fill] {
22093
- fill: var(--cds-icon-primary, #161616);
21670
+ fill: #000000;
22094
21671
  opacity: 1;
22095
21672
  }
22096
21673
 
@@ -22210,6 +21787,28 @@ optgroup.cds--select-optgroup:disabled,
22210
21787
  display: none;
22211
21788
  }
22212
21789
 
21790
+ .cds--select--slug .cds--slug {
21791
+ position: absolute;
21792
+ inset-block-start: 50%;
21793
+ inset-inline-end: 2.5rem;
21794
+ transform: translateY(-50%);
21795
+ }
21796
+
21797
+ .cds--select--slug .cds--select-input {
21798
+ background-image: linear-gradient(270deg, var(--cds-ai-gradient-start-01, rgba(242, 244, 248, 0.5)) 0%, var(--cds-ai-gradient-end, rgba(255, 255, 255, 0)) 33%, transparent 100%), linear-gradient(270deg, var(--cds-ai-gradient-start-02, rgba(237, 245, 255, 0.5)) 0%, var(--cds-ai-gradient-end, rgba(255, 255, 255, 0)) 33%, transparent 100%);
21799
+ padding-inline-end: 4rem;
21800
+ }
21801
+
21802
+ .cds--select--slug.cds--select--invalid .cds--select-input,
21803
+ .cds--select--slug.cds--select--warning .cds--select-input {
21804
+ padding-inline-end: 6rem;
21805
+ }
21806
+
21807
+ .cds--select--slug.cds--select--invalid .cds--slug,
21808
+ .cds--select--slug.cds--select--warning .cds--slug {
21809
+ inset-inline-end: 4rem;
21810
+ }
21811
+
22213
21812
  @media screen and (-ms-high-contrast: active), (forced-colors: active) {
22214
21813
  .cds--select__arrow {
22215
21814
  fill: ButtonText;
@@ -22257,7 +21856,8 @@ optgroup.cds--select-optgroup:disabled,
22257
21856
 
22258
21857
  .cds--select--fluid .cds--select__arrow {
22259
21858
  block-size: 1rem;
22260
- inset-block-start: 2rem;
21859
+ inset-block-start: 2.125rem;
21860
+ inset-inline-end: 0.75rem;
22261
21861
  }
22262
21862
 
22263
21863
  .cds--select--fluid .cds--select__divider {
@@ -22358,6 +21958,15 @@ optgroup.cds--select-optgroup:disabled,
22358
21958
  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
22359
21959
  }
22360
21960
 
21961
+ .cds--select--fluid .cds--select--slug .cds--slug {
21962
+ inset-block-start: 2.625rem;
21963
+ inset-inline-end: 2.5rem;
21964
+ }
21965
+
21966
+ .cds--select--fluid .cds--select--slug .cds--select-input {
21967
+ padding-inline-end: 4rem;
21968
+ }
21969
+
22361
21970
  .cds--text-area {
22362
21971
  box-sizing: border-box;
22363
21972
  padding: 0;
@@ -22471,8 +22080,36 @@ optgroup.cds--select-optgroup:disabled,
22471
22080
  border-block-end-color: var(--cds-border-subtle);
22472
22081
  }
22473
22082
 
22474
- .cds--text-area.cds--text-area--light:disabled {
22475
- background-color: var(--cds-field-02, #ffffff);
22083
+ .cds--text-area__wrapper--slug .cds--slug {
22084
+ position: absolute;
22085
+ inset-block-start: 0.75rem;
22086
+ inset-inline-end: 1rem;
22087
+ }
22088
+
22089
+ .cds--text-area__wrapper--slug .cds--slug.cds--slug--revert {
22090
+ inset-block-start: 0.25rem;
22091
+ inset-inline-end: 0.5rem;
22092
+ transform: translate(0);
22093
+ }
22094
+
22095
+ .cds--text-area__wrapper--slug .cds--text-area {
22096
+ background-image: linear-gradient(270deg, var(--cds-ai-gradient-start-01, rgba(242, 244, 248, 0.5)) 0%, var(--cds-ai-gradient-end, rgba(255, 255, 255, 0)) 33%, transparent 100%), linear-gradient(270deg, var(--cds-ai-gradient-start-02, rgba(237, 245, 255, 0.5)) 0%, var(--cds-ai-gradient-end, rgba(255, 255, 255, 0)) 33%, transparent 100%);
22097
+ padding-inline-end: 2.5rem;
22098
+ }
22099
+
22100
+ .cds--text-area--invalid:has(~ .cds--slug),
22101
+ .cds--text-area--warn:has(~ .cds--slug) {
22102
+ padding-inline-end: 4rem;
22103
+ }
22104
+
22105
+ .cds--text-area--invalid ~ .cds--slug,
22106
+ .cds--text-area--warn ~ .cds--slug {
22107
+ inset-inline-end: 2.5rem;
22108
+ }
22109
+
22110
+ .cds--text-area--invalid ~ .cds--slug.cds--slug--revert,
22111
+ .cds--text-area--warn ~ .cds--slug.cds--slug--revert {
22112
+ inset-inline-end: 2rem;
22476
22113
  }
22477
22114
 
22478
22115
  .cds--text-area.cds--skeleton {
@@ -22537,7 +22174,7 @@ optgroup.cds--select-optgroup:disabled,
22537
22174
  align-items: center;
22538
22175
  margin: 0;
22539
22176
  block-size: 1rem;
22540
- inline-size: calc(100% - 2rem);
22177
+ inline-size: auto;
22541
22178
  inset-block-start: 0.8125rem;
22542
22179
  inset-inline-start: 1rem;
22543
22180
  }
@@ -22677,6 +22314,15 @@ optgroup.cds--select-optgroup:disabled,
22677
22314
  inline-size: 80%;
22678
22315
  }
22679
22316
 
22317
+ .cds--text-area--fluid .cds--text-area__wrapper--slug {
22318
+ background-image: linear-gradient(270deg, var(--cds-ai-gradient-start-01, rgba(242, 244, 248, 0.5)) 0%, var(--cds-ai-gradient-end, rgba(255, 255, 255, 0)) 33%, transparent 100%), linear-gradient(270deg, var(--cds-ai-gradient-start-02, rgba(237, 245, 255, 0.5)) 0%, var(--cds-ai-gradient-end, rgba(255, 255, 255, 0)) 33%, transparent 100%);
22319
+ }
22320
+
22321
+ .cds--text-area--fluid .cds--text-area__wrapper--slug .cds--text-area--invalid ~ .cds--slug,
22322
+ .cds--text-area--fluid .cds--text-area__wrapper--slug .cds--text-area--warn ~ .cds--slug {
22323
+ inset-inline-end: 1rem;
22324
+ }
22325
+
22680
22326
  .cds--text-input--fluid.cds--text-input-wrapper {
22681
22327
  position: relative;
22682
22328
  background: var(--cds-field);
@@ -22742,8 +22388,8 @@ optgroup.cds--select-optgroup:disabled,
22742
22388
  border-block-end: none;
22743
22389
  }
22744
22390
 
22745
- .cds--text-input--fluid .cds--text-input--invalid + .cds--text-input__divider,
22746
- .cds--text-input--fluid .cds--text-input--warning + .cds--text-input__divider {
22391
+ .cds--text-input--fluid .cds--text-input--invalid ~ .cds--text-input__divider,
22392
+ .cds--text-input--fluid .cds--text-input--warning ~ .cds--text-input__divider {
22747
22393
  display: block;
22748
22394
  border-style: solid;
22749
22395
  border-color: var(--cds-border-subtle);
@@ -22830,6 +22476,21 @@ optgroup.cds--select-optgroup:disabled,
22830
22476
  inset-inline-start: 1rem;
22831
22477
  }
22832
22478
 
22479
+ .cds--text-input--fluid .cds--text-input__field-wrapper--slug .cds--slug {
22480
+ inset-block-start: 2.625rem;
22481
+ }
22482
+
22483
+ .cds--text-input--fluid .cds--text-input--invalid ~ .cds--slug,
22484
+ .cds--text-input--fluid .cds--text-input--warning ~ .cds--slug {
22485
+ inset-inline-end: 1rem;
22486
+ }
22487
+
22488
+ .cds--text-input--fluid .cds--text-input__field-wrapper--slug .cds--text-input,
22489
+ .cds--text-input--fluid .cds--text-input__field-wrapper--slug .cds--text-input--invalid,
22490
+ .cds--text-input--fluid .cds--text-input__field-wrapper--slug .cds--text-input--warning {
22491
+ padding-inline-end: 2.5rem;
22492
+ }
22493
+
22833
22494
  .cds--time-picker--fluid {
22834
22495
  background: var(--cds-field);
22835
22496
  }
@@ -22906,7 +22567,7 @@ optgroup.cds--select-optgroup:disabled,
22906
22567
  padding-block-start: 1.875rem;
22907
22568
  }
22908
22569
 
22909
- .cds--select--fluid:last-of-type .cds--select-input {
22570
+ .cds--time-picker--fluid .cds--select--fluid:last-of-type .cds--select-input {
22910
22571
  border-inline-end: 2px solid transparent;
22911
22572
  }
22912
22573
 
@@ -23071,6 +22732,16 @@ optgroup.cds--select-optgroup:disabled,
23071
22732
  stroke: var(--cds-interactive, #0f62fe);
23072
22733
  }
23073
22734
 
22735
+ .cds--btn .cds--inline-loading--btn {
22736
+ min-block-size: 0;
22737
+ }
22738
+ .cds--btn .cds--inline-loading--btn .cds--inline-loading__text {
22739
+ font-size: var(--cds-body-short-01-font-size, 0.875rem);
22740
+ font-weight: var(--cds-body-short-01-font-weight, 400);
22741
+ line-height: var(--cds-body-short-01-line-height, 1.28572);
22742
+ letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
22743
+ }
22744
+
23074
22745
  /* If IE11 Don't show check animation */
23075
22746
  @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
23076
22747
  .cds--inline-loading__checkmark-container {
@@ -23177,8 +22848,12 @@ optgroup.cds--select-optgroup:disabled,
23177
22848
  inset-inline-start: calc(-1 * 0.75rem);
23178
22849
  }
23179
22850
 
22851
+ .cds--menu-button__container {
22852
+ display: inline-block;
22853
+ }
22854
+
23180
22855
  .cds--menu-button__trigger:not(.cds--btn--ghost) {
23181
- min-inline-size: 10rem;
22856
+ min-inline-size: 12rem;
23182
22857
  }
23183
22858
 
23184
22859
  .cds--menu-button__trigger svg {
@@ -23289,7 +22964,6 @@ optgroup.cds--select-optgroup:disabled,
23289
22964
  .cds--modal-container {
23290
22965
  position: fixed;
23291
22966
  display: grid;
23292
- overflow: hidden;
23293
22967
  background-color: var(--cds-layer);
23294
22968
  block-size: 100%;
23295
22969
  grid-template-columns: 100%;
@@ -23606,6 +23280,28 @@ optgroup.cds--select-optgroup:disabled,
23606
23280
  margin: 0;
23607
23281
  }
23608
23282
 
23283
+ .cds--modal--slug .cds--modal-container {
23284
+ background: linear-gradient(0deg, var(--cds-slug-callout-aura-start, rgba(237, 245, 255, 0.6)) 0%, var(--cds-slug-callout-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 50%), linear-gradient(180deg, var(--cds-slug-callout-gradient-top, rgba(244, 244, 244, 0.85)) 0%, var(--cds-slug-callout-gradient-bottom, rgba(224, 224, 224, 0.85)) 100%) rgba(0, 0, 0, 0.01);
23285
+ background-color: var(--cds-layer);
23286
+ }
23287
+
23288
+ .cds--modal--slug .cds--modal-container:has(.cds--btn-set:not(.cds--modal-footer--three-button) > button:not(:only-child)) {
23289
+ background: linear-gradient(0deg, var(--cds-slug-callout-aura-start, rgba(237, 245, 255, 0.6)) calc(0% + 64px), var(--cds-slug-callout-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 50%), linear-gradient(180deg, var(--cds-slug-callout-gradient-top, rgba(244, 244, 244, 0.85)) calc(0% + 64px), var(--cds-slug-callout-gradient-bottom, rgba(224, 224, 224, 0.85)) 100%) rgba(0, 0, 0, 0.01);
23290
+ background-color: var(--cds-layer);
23291
+ }
23292
+
23293
+ .cds--modal--slug .cds--slug {
23294
+ position: absolute;
23295
+ inset-block-start: 0;
23296
+ inset-inline-end: 0;
23297
+ }
23298
+
23299
+ .cds--modal-header > .cds--slug:has(+ .cds--modal-close),
23300
+ .cds--modal-header > .cds--modal-close ~ .cds--slug,
23301
+ .cds--modal--slug .cds--modal-container-body > .cds--slug {
23302
+ inset-inline-end: 3rem;
23303
+ }
23304
+
23609
23305
  /* stylelint-disable */
23610
23306
  @media screen and (-ms-high-contrast: active), (forced-colors: active) {
23611
23307
  .cds--modal-close__icon {
@@ -24493,6 +24189,10 @@ optgroup.cds--select-optgroup:disabled,
24493
24189
  padding: 0.9375rem 0;
24494
24190
  }
24495
24191
 
24192
+ .cds--actionable-notification__button-wrapper {
24193
+ display: flex;
24194
+ }
24195
+
24496
24196
  .cds--actionable-notification--toast .cds--actionable-notification__text-wrapper {
24497
24197
  padding: 0.9375rem 0 1.4375rem 0;
24498
24198
  }
@@ -26045,29 +25745,89 @@ span.cds--pagination__text.cds--pagination__items-count {
26045
25745
  transition: background 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
26046
25746
  }
26047
25747
 
26048
- .cds--slider__thumb {
25748
+ .cds--slider__thumb-wrapper {
26049
25749
  position: absolute;
26050
25750
  z-index: 3;
25751
+ block-size: 0.875rem;
25752
+ inline-size: 0.875rem;
25753
+ transform: translate(-50%, -50%);
25754
+ --cds-tooltip-padding-inline: 0.5rem;
25755
+ --cds-popover-offset: 0.5rem;
25756
+ }
25757
+ .cds--slider-container--rtl .cds--slider__thumb-wrapper {
25758
+ transform: translate(50%, -50%);
25759
+ }
25760
+
25761
+ .cds--slider__thumb-wrapper--lower,
25762
+ .cds--slider__thumb-wrapper--upper {
25763
+ block-size: 24px;
25764
+ inline-size: 16px;
25765
+ --cds-popover-offset: var(--cds-popover-caret-height, 0.5rem);
25766
+ }
25767
+
25768
+ .cds--slider__thumb-wrapper--lower {
25769
+ transform: translate(-100%, -50%);
25770
+ }
25771
+ .cds--slider__thumb-wrapper--lower > .cds--popover > .cds--popover-content {
25772
+ transform: translate(50%, calc(-100% - var(--cds-popover-offset, 0rem)));
25773
+ }
25774
+ .cds--slider__thumb-wrapper--lower > .cds--popover > .cds--popover-caret {
25775
+ inset-inline-end: 0;
25776
+ inset-inline-start: revert;
25777
+ transform: translate(50%, calc(-1 * var(--cds-popover-offset, 0rem)));
25778
+ }
25779
+
25780
+ .cds--slider-container--rtl .cds--slider__thumb-wrapper--lower {
25781
+ transform: translate(100%, -50%);
25782
+ }
25783
+ .cds--slider-container--rtl .cds--slider__thumb-wrapper--lower > .cds--popover > .cds--popover-content {
25784
+ transform: translate(0, calc(-100% - var(--cds-popover-offset, 0rem)));
25785
+ }
25786
+ .cds--slider-container--rtl .cds--slider__thumb-wrapper--lower > .cds--popover > .cds--popover-caret {
25787
+ transform: translate(-50%, calc(-1 * var(--cds-popover-offset, 0rem)));
25788
+ }
25789
+
25790
+ .cds--slider__thumb-wrapper--upper {
25791
+ transform: translate(0, -50%);
25792
+ }
25793
+ .cds--slider__thumb-wrapper--upper > .cds--popover > .cds--popover-content {
25794
+ transform: translate(-50%, calc(-100% - var(--cds-popover-offset, 0rem)));
25795
+ }
25796
+ .cds--slider__thumb-wrapper--upper > .cds--popover > .cds--popover-caret {
25797
+ inset-inline-start: 0;
25798
+ transform: translate(-50%, calc(-1 * var(--cds-popover-offset, 0rem)));
25799
+ }
25800
+
25801
+ .cds--slider-container--rtl .cds--slider__thumb-wrapper--upper {
25802
+ transform: translate(0, -50%);
25803
+ }
25804
+ .cds--slider-container--rtl .cds--slider__thumb-wrapper--upper > .cds--popover > .cds--popover-content {
25805
+ transform: translate(0, calc(-100% - var(--cds-popover-offset, 0rem)));
25806
+ }
25807
+ .cds--slider-container--rtl .cds--slider__thumb-wrapper--upper > .cds--popover > .cds--popover-caret {
25808
+ transform: translate(50%, calc(-1 * var(--cds-popover-offset, 0rem)));
25809
+ }
25810
+
25811
+ .cds--slider__thumb {
25812
+ position: absolute;
26051
25813
  border-radius: 50%;
26052
25814
  background: var(--cds-layer-selected-inverse, #161616);
26053
- block-size: 0.875rem;
26054
25815
  box-shadow: inset 0 0 0 1px transparent, inset 0 0 0 2px transparent;
26055
- inline-size: 0.875rem;
25816
+ inset: 0;
26056
25817
  outline: none;
26057
- transform: translate(-50%, -50%);
26058
25818
  transition: transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9), background 110ms cubic-bezier(0.2, 0, 0.38, 0.9), box-shadow 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
26059
25819
  }
26060
25820
  .cds--slider__thumb:hover {
26061
- transform: translate(-50%, -50%) scale(1.4286);
25821
+ transform: scale(1.4286);
26062
25822
  }
26063
25823
  .cds--slider__thumb:focus {
26064
25824
  background-color: var(--cds-interactive, #0f62fe);
26065
25825
  box-shadow: inset 0 0 0 2px var(--cds-interactive, #0f62fe), inset 0 0 0 3px var(--cds-layer);
26066
- transform: translate(-50%, -50%) scale(1.4286);
25826
+ transform: scale(1.4286);
26067
25827
  }
26068
25828
  .cds--slider__thumb:active {
26069
25829
  box-shadow: inset 0 0 0 2px var(--cds-interactive, #0f62fe);
26070
- transform: translate(-50%, -50%) scale(1.4286);
25830
+ transform: scale(1.4286);
26071
25831
  }
26072
25832
 
26073
25833
  .cds--slider__thumb-icon {
@@ -26081,14 +25841,12 @@ span.cds--pagination__text.cds--pagination__items-count {
26081
25841
 
26082
25842
  .cds--slider__thumb--lower,
26083
25843
  .cds--slider__thumb--upper {
26084
- display: block;
25844
+ position: absolute;
26085
25845
  /* stylelint-disable-next-line declaration-property-value-disallowed-list */
26086
25846
  border-radius: unset;
26087
25847
  background-color: transparent;
26088
- block-size: 24px;
26089
25848
  box-shadow: none;
26090
- inline-size: 16px;
26091
- transform: translate(-100%, -50%);
25849
+ inset: 0;
26092
25850
  transition: none;
26093
25851
  }
26094
25852
  .cds--slider__thumb--lower::before,
@@ -26105,7 +25863,7 @@ span.cds--pagination__text.cds--pagination__items-count {
26105
25863
  }
26106
25864
  .cds--slider__thumb--lower:hover,
26107
25865
  .cds--slider__thumb--upper:hover {
26108
- transform: translate(-100%, -50%);
25866
+ transform: none;
26109
25867
  }
26110
25868
  .cds--slider__thumb--lower:hover .cds--slider__thumb-icon,
26111
25869
  .cds--slider__thumb--upper:hover .cds--slider__thumb-icon {
@@ -26114,13 +25872,13 @@ span.cds--pagination__text.cds--pagination__items-count {
26114
25872
  .cds--slider__thumb--lower:active,
26115
25873
  .cds--slider__thumb--upper:active {
26116
25874
  box-shadow: none;
26117
- transform: translate(-100%, -50%);
25875
+ transform: none;
26118
25876
  }
26119
25877
  .cds--slider__thumb--lower:focus,
26120
25878
  .cds--slider__thumb--upper:focus {
26121
25879
  background-color: transparent;
26122
25880
  box-shadow: none;
26123
- transform: translate(-100%, -50%);
25881
+ transform: none;
26124
25882
  }
26125
25883
  .cds--slider__thumb--lower:focus .cds--slider__thumb-icon,
26126
25884
  .cds--slider__thumb--upper:focus .cds--slider__thumb-icon {
@@ -26138,20 +25896,14 @@ span.cds--pagination__text.cds--pagination__items-count {
26138
25896
  }
26139
25897
 
26140
25898
  .cds--slider__thumb--upper {
26141
- transform: translate(0, -50%);
25899
+ transform: none;
26142
25900
  }
26143
25901
  .cds--slider__thumb--upper::before {
26144
25902
  inset-inline-end: auto;
26145
25903
  inset-inline-start: 0;
26146
25904
  }
26147
- .cds--slider__thumb--upper:hover {
26148
- transform: translate(0, -50%);
26149
- }
26150
- .cds--slider__thumb--upper:active {
26151
- transform: translate(0, -50%);
26152
- }
26153
- .cds--slider__thumb--upper:focus {
26154
- transform: translate(0, -50%);
25905
+ .cds--slider__thumb--upper:hover, .cds--slider__thumb--upper:active, .cds--slider__thumb--upper:focus {
25906
+ transform: none;
26155
25907
  }
26156
25908
 
26157
25909
  .cds--slider__input {
@@ -26162,6 +25914,10 @@ span.cds--pagination__text.cds--pagination__items-count {
26162
25914
  position: relative;
26163
25915
  }
26164
25916
 
25917
+ .cds--slider-text-input-wrapper--hidden {
25918
+ display: none;
25919
+ }
25920
+
26165
25921
  .cds--slider-text-input,
26166
25922
  .cds-slider-text-input {
26167
25923
  -moz-appearance: textfield;
@@ -26175,11 +25931,8 @@ span.cds--pagination__text.cds--pagination__items-count {
26175
25931
  display: none;
26176
25932
  }
26177
25933
 
26178
- .cds--slider-text-input--hidden {
26179
- display: none;
26180
- }
26181
-
26182
- .cds--slider__thumb:focus ~ .cds--slider__filled-track {
25934
+ .cds--slider__thumb:focus ~ .cds--slider__filled-track,
25935
+ .cds--slider__thumb-wrapper:focus-within ~ .cds--slider__filled-track {
26183
25936
  background-color: var(--cds-border-interactive, #0f62fe);
26184
25937
  }
26185
25938
 
@@ -26321,15 +26074,17 @@ span.cds--pagination__text.cds--pagination__items-count {
26321
26074
  pointer-events: none;
26322
26075
  }
26323
26076
 
26077
+ .cds--slider-container.cds--skeleton .cds--slider__thumb-wrapper {
26078
+ inset-inline-start: 50%;
26079
+ }
26324
26080
  .cds--slider-container.cds--skeleton .cds--slider__thumb {
26325
26081
  cursor: default;
26326
- inset-inline-start: 50%;
26327
26082
  pointer-events: none;
26328
26083
  }
26329
- .cds--slider-container.cds--skeleton .cds--slider__thumb--lower {
26084
+ .cds--slider-container.cds--skeleton .cds--slider__thumb-wrapper--lower {
26330
26085
  inset-inline-start: 0;
26331
26086
  }
26332
- .cds--slider-container.cds--skeleton .cds--slider__thumb--upper {
26087
+ .cds--slider-container.cds--skeleton .cds--slider__thumb-wrapper--upper {
26333
26088
  inset-inline-start: 100%;
26334
26089
  }
26335
26090
 
@@ -26354,10 +26109,102 @@ span.cds--pagination__text.cds--pagination__items-count {
26354
26109
  }
26355
26110
 
26356
26111
  /* stylelint-enable */
26112
+ .cds--toggletip-label {
26113
+ font-size: var(--cds-body-01-font-size, 0.875rem);
26114
+ font-weight: var(--cds-body-01-font-weight, 400);
26115
+ line-height: var(--cds-body-01-line-height, 1.42857);
26116
+ letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
26117
+ color: var(--cds-text-secondary, #525252);
26118
+ margin-inline-end: 0.5rem;
26119
+ }
26120
+
26121
+ .cds--toggletip-button {
26122
+ box-sizing: border-box;
26123
+ padding: 0;
26124
+ border: 0;
26125
+ margin: 0;
26126
+ font-family: inherit;
26127
+ font-size: 100%;
26128
+ vertical-align: baseline;
26129
+ display: inline-block;
26130
+ padding: 0;
26131
+ border: 0;
26132
+ appearance: none;
26133
+ background: none;
26134
+ cursor: pointer;
26135
+ text-align: start;
26136
+ inline-size: 100%;
26137
+ display: flex;
26138
+ align-items: center;
26139
+ }
26140
+ .cds--toggletip-button *,
26141
+ .cds--toggletip-button *::before,
26142
+ .cds--toggletip-button *::after {
26143
+ box-sizing: inherit;
26144
+ }
26145
+ .cds--toggletip-button::-moz-focus-inner {
26146
+ border: 0;
26147
+ }
26148
+
26149
+ .cds--toggletip-button svg {
26150
+ fill: var(--cds-icon-secondary, #525252);
26151
+ }
26152
+
26153
+ .cds--toggletip-button:hover svg,
26154
+ .cds--toggletip--open .cds--toggletip-button svg {
26155
+ fill: var(--cds-icon-primary, #161616);
26156
+ }
26157
+
26158
+ .cds--toggletip-button:focus {
26159
+ outline: 1px solid var(--cds-focus, #0f62fe);
26160
+ }
26161
+ @media screen and (prefers-contrast) {
26162
+ .cds--toggletip-button:focus {
26163
+ outline-style: dotted;
26164
+ }
26165
+ }
26166
+
26167
+ .cds--toggletip {
26168
+ --cds-popover-offset: 0.8125rem;
26169
+ }
26170
+
26171
+ .cds--toggletip-content {
26172
+ --cds-button-focus-color: var(--cds-focus-inverse, #ffffff);
26173
+ --cds-link-text-color: var(--cds-link-inverse, #78a9ff);
26174
+ --cds-link-hover-text-color: var(--cds-link-inverse, #78a9ff);
26175
+ --cds-link-focus-text-color: var(--cds-focus-inverse, #ffffff);
26176
+ font-size: var(--cds-body-01-font-size, 0.875rem);
26177
+ font-weight: var(--cds-body-01-font-weight, 400);
26178
+ line-height: var(--cds-body-01-line-height, 1.42857);
26179
+ letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
26180
+ display: grid;
26181
+ padding: 1rem;
26182
+ max-inline-size: 18rem;
26183
+ row-gap: 1rem;
26184
+ }
26185
+
26186
+ .cds--toggletip-content p {
26187
+ font-size: var(--cds-body-01-font-size, 0.875rem);
26188
+ font-weight: var(--cds-body-01-font-weight, 400);
26189
+ line-height: var(--cds-body-01-line-height, 1.42857);
26190
+ letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
26191
+ }
26192
+
26193
+ .cds--toggletip-actions {
26194
+ display: flex;
26195
+ align-items: center;
26196
+ justify-content: space-between;
26197
+ column-gap: 1rem;
26198
+ }
26199
+
26357
26200
  .cds--slug {
26358
26201
  display: flex;
26359
26202
  }
26360
26203
 
26204
+ .cds--slug:has(> .cds--popover--open) {
26205
+ z-index: 2;
26206
+ }
26207
+
26361
26208
  .cds--slug .cds--slug__button {
26362
26209
  position: relative;
26363
26210
  display: flex;
@@ -26623,10 +26470,10 @@ span.cds--pagination__text.cds--pagination__items-count {
26623
26470
  }
26624
26471
 
26625
26472
  .cds--slug.cds--slug--enabled .cds--slug-content {
26473
+ background: linear-gradient(0deg, var(--cds-slug-callout-aura-start, rgba(237, 245, 255, 0.6)) 0%, var(--cds-slug-callout-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 50%), linear-gradient(180deg, var(--cds-slug-callout-gradient-top, rgba(244, 244, 244, 0.85)) 0%, var(--cds-slug-callout-gradient-bottom, rgba(224, 224, 224, 0.85)) 100%) rgba(0, 0, 0, 0.01);
26626
26474
  border: 1px solid var(--cds-border-subtle);
26627
26475
  border-radius: 16px;
26628
26476
  backdrop-filter: blur(25px);
26629
- background: linear-gradient(0deg, var(--cds-slug-callout-aura-start, rgba(237, 245, 255, 0.6)) 0%, var(--cds-slug-callout-aura-end, rgba(255, 255, 255, 0)) 33%, transparent 100%), linear-gradient(180deg, var(--cds-slug-callout-gradient-top, rgba(244, 244, 244, 0.85)) 0%, var(--cds-slug-callout-gradient-bottom, rgba(224, 224, 224, 0.85)) 100%) rgba(0, 0, 0, 0.01);
26630
26477
  box-shadow: -45px 45px 100px rgba(0, 0, 0, 0.2);
26631
26478
  color: var(--cds-text-primary, #161616);
26632
26479
  min-inline-size: 17.5rem;
@@ -26665,6 +26512,19 @@ span.cds--pagination__text.cds--pagination__items-count {
26665
26512
  border-end-end-radius: 1rem;
26666
26513
  }
26667
26514
 
26515
+ .cds--slug.cds--slug--revert {
26516
+ transform: translate(0.5rem, -50%);
26517
+ }
26518
+
26519
+ .cds--slug--revert .cds--btn--icon-only {
26520
+ align-items: center;
26521
+ padding-block-start: 0;
26522
+ }
26523
+
26524
+ .cds--slug--revert .cds--btn--icon-only svg {
26525
+ margin: 0;
26526
+ }
26527
+
26668
26528
  .cds--stack-horizontal {
26669
26529
  display: inline-grid;
26670
26530
  column-gap: var(--cds-stack-gap, 0);
@@ -26759,7 +26619,7 @@ span.cds--pagination__text.cds--pagination__items-count {
26759
26619
  font-size: 100%;
26760
26620
  vertical-align: baseline;
26761
26621
  display: table;
26762
- background-color: transparent;
26622
+ background-color: var(--cds-layer) transparent;
26763
26623
  border-collapse: collapse;
26764
26624
  border-spacing: 0;
26765
26625
  inline-size: 100%;
@@ -27843,6 +27703,102 @@ span.cds--pagination__text.cds--pagination__items-count {
27843
27703
  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
27844
27704
  }
27845
27705
 
27706
+ .cds--tile > .cds--slug,
27707
+ .cds--tile--expandable > div > .cds--slug,
27708
+ .cds--tile--clickable .cds--tile--slug-icon {
27709
+ position: absolute;
27710
+ inset-block-start: 1rem;
27711
+ inset-inline-end: 1rem;
27712
+ }
27713
+
27714
+ .cds--tile.cds--tile--selectable > .cds--slug {
27715
+ inset-inline-end: 2.5rem;
27716
+ }
27717
+
27718
+ .cds--tile.cds--tile--clickable > .cds--slug {
27719
+ pointer-events: none;
27720
+ }
27721
+
27722
+ .cds--tile--slug.cds--tile {
27723
+ background: linear-gradient(0deg, var(--cds-slug-callout-aura-start, rgba(237, 245, 255, 0.6)) 0%, var(--cds-slug-callout-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 50%), linear-gradient(180deg, var(--cds-slug-callout-gradient-top, rgba(244, 244, 244, 0.85)) 0%, var(--cds-slug-callout-gradient-bottom, rgba(224, 224, 224, 0.85)) 100%) rgba(0, 0, 0, 0.01);
27724
+ border: 1px solid var(--cds-border-tile);
27725
+ }
27726
+
27727
+ .cds--tile--slug.cds--tile--expandable:hover {
27728
+ background: linear-gradient(0deg, var(--cds-slug-callout-aura-start, rgba(237, 245, 255, 0.6)) 0%, var(--cds-slug-callout-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 50%), linear-gradient(180deg, var(--cds-slug-callout-gradient-top, rgba(244, 244, 244, 0.85)) 0%, var(--cds-slug-callout-gradient-bottom, rgba(224, 224, 224, 0.85)) 100%) rgba(0, 0, 0, 0.01);
27729
+ }
27730
+
27731
+ .cds--tile--slug.cds--tile--selectable::before,
27732
+ .cds--tile--slug.cds--tile--selectable::after,
27733
+ .cds--tile--slug.cds--tile--clickable::before {
27734
+ position: absolute;
27735
+ display: block;
27736
+ block-size: 100%;
27737
+ content: "";
27738
+ inline-size: 100%;
27739
+ inset-block-start: 0;
27740
+ inset-inline-start: 0;
27741
+ opacity: 0;
27742
+ transition: opacity 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
27743
+ }
27744
+
27745
+ .cds--tile--slug.cds--tile--selectable::before,
27746
+ .cds--tile--slug.cds--tile--clickable::before {
27747
+ background: linear-gradient(0deg, var(--cds-slug-callout-aura-start-hover-01, rgba(255, 255, 255, 0.5)) 0%, var(--cds-slug-callout-aura-end-hover-01, rgba(255, 255, 255, 0)) 50%, transparent 50%), linear-gradient(0deg, var(--cds-slug-callout-aura-start-hover-02, rgba(208, 226, 255, 0.5)) 0%, var(--cds-slug-callout-aura-end-hover-02, rgba(255, 255, 255, 0)) 50%, transparent 50%), linear-gradient(180deg, var(--cds-slug-callout-gradient-top-hover, rgba(224, 224, 224, 0.55)) 0%, var(--cds-slug-callout-gradient-bottom-hover, rgba(209, 209, 209, 0.55)) 100%) rgba(0, 0, 0, 0.01);
27748
+ }
27749
+
27750
+ .cds--tile--slug.cds--tile--selectable:hover::before,
27751
+ .cds--tile--slug.cds--tile--clickable:hover::before {
27752
+ opacity: 1;
27753
+ }
27754
+
27755
+ .cds--tile--slug.cds--tile--selectable::after {
27756
+ background: linear-gradient(0deg, var(--cds-slug-callout-aura-start-selected, rgba(237, 245, 255, 0.6)) 0%, var(--cds-slug-callout-aura-end-selected, rgba(255, 255, 255, 0)) 50%, transparent 50%), linear-gradient(180deg, var(--cds-slug-callout-gradient-top-selected, rgba(224, 224, 224, 0.85)) 0%, var(--cds-slug-callout-gradient-bottom-selected, rgba(209, 209, 209, 0.85)) 100%) rgba(0, 0, 0, 0.01);
27757
+ }
27758
+
27759
+ .cds--tile--slug.cds--tile--is-selected::after {
27760
+ opacity: 1;
27761
+ }
27762
+
27763
+ .cds--tile--slug.cds--tile--is-selected {
27764
+ border-color: var(--cds-border-inverse, #161616);
27765
+ }
27766
+
27767
+ .cds--tile--slug.cds--tile--selectable .cds--tile-content,
27768
+ .cds--tile--slug.cds--tile--clickable .cds--tile-content {
27769
+ position: relative;
27770
+ z-index: 1;
27771
+ cursor: pointer;
27772
+ }
27773
+
27774
+ .cds--tile--slug.cds--tile--selectable > .cds--slug,
27775
+ .cds--tile--slug.cds--tile--selectable > .cds--tile__checkmark {
27776
+ z-index: 1;
27777
+ }
27778
+
27779
+ .cds--tile--expandable:has(.cds--slug > .cds--popover--open) {
27780
+ overflow: visible;
27781
+ }
27782
+
27783
+ .cds--tile--clickable .cds--tile--slug-icon rect {
27784
+ stroke: var(--cds-icon-primary, #161616);
27785
+ }
27786
+
27787
+ .cds--tile--clickable .cds--tile--slug-icon path {
27788
+ fill: var(--cds-icon-primary, #161616);
27789
+ }
27790
+
27791
+ .cds--tile--slug-rounded,
27792
+ .cds--tile--slug-rounded.cds--tile--selectable::before,
27793
+ .cds--tile--slug-rounded.cds--tile--selectable::after,
27794
+ .cds--tile--slug-rounded.cds--tile--clickable::before {
27795
+ border-radius: 1rem;
27796
+ }
27797
+
27798
+ .cds--tile--slug-rounded .cds--tile__chevron {
27799
+ border-end-end-radius: 1rem;
27800
+ }
27801
+
27846
27802
  @media screen and (-ms-high-contrast: active), (forced-colors: active) {
27847
27803
  .cds--tile__chevron svg,
27848
27804
  .cds--tile__checkmark svg,
@@ -27952,94 +27908,6 @@ span.cds--pagination__text.cds--pagination__items-count {
27952
27908
  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
27953
27909
  }
27954
27910
 
27955
- .cds--toggletip-label {
27956
- font-size: var(--cds-body-01-font-size, 0.875rem);
27957
- font-weight: var(--cds-body-01-font-weight, 400);
27958
- line-height: var(--cds-body-01-line-height, 1.42857);
27959
- letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
27960
- color: var(--cds-text-secondary, #525252);
27961
- margin-inline-end: 0.5rem;
27962
- }
27963
-
27964
- .cds--toggletip-button {
27965
- box-sizing: border-box;
27966
- padding: 0;
27967
- border: 0;
27968
- margin: 0;
27969
- font-family: inherit;
27970
- font-size: 100%;
27971
- vertical-align: baseline;
27972
- display: inline-block;
27973
- padding: 0;
27974
- border: 0;
27975
- appearance: none;
27976
- background: none;
27977
- cursor: pointer;
27978
- text-align: start;
27979
- inline-size: 100%;
27980
- display: flex;
27981
- align-items: center;
27982
- }
27983
- .cds--toggletip-button *,
27984
- .cds--toggletip-button *::before,
27985
- .cds--toggletip-button *::after {
27986
- box-sizing: inherit;
27987
- }
27988
- .cds--toggletip-button::-moz-focus-inner {
27989
- border: 0;
27990
- }
27991
-
27992
- .cds--toggletip-button svg {
27993
- fill: var(--cds-icon-secondary, #525252);
27994
- }
27995
-
27996
- .cds--toggletip-button:hover svg,
27997
- .cds--toggletip--open .cds--toggletip-button svg {
27998
- fill: var(--cds-icon-primary, #161616);
27999
- }
28000
-
28001
- .cds--toggletip-button:focus {
28002
- outline: 1px solid var(--cds-focus, #0f62fe);
28003
- }
28004
- @media screen and (prefers-contrast) {
28005
- .cds--toggletip-button:focus {
28006
- outline-style: dotted;
28007
- }
28008
- }
28009
-
28010
- .cds--toggletip {
28011
- --cds-popover-offset: 0.8125rem;
28012
- }
28013
-
28014
- .cds--toggletip-content {
28015
- --cds-button-focus-color: var(--cds-focus-inverse, #ffffff);
28016
- --cds-link-text-color: var(--cds-link-inverse, #78a9ff);
28017
- --cds-link-hover-text-color: var(--cds-link-inverse, #78a9ff);
28018
- --cds-link-focus-text-color: var(--cds-focus-inverse, #ffffff);
28019
- font-size: var(--cds-body-01-font-size, 0.875rem);
28020
- font-weight: var(--cds-body-01-font-weight, 400);
28021
- line-height: var(--cds-body-01-line-height, 1.42857);
28022
- letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
28023
- display: grid;
28024
- padding: 1rem;
28025
- max-inline-size: 18rem;
28026
- row-gap: 1rem;
28027
- }
28028
-
28029
- .cds--toggletip-content p {
28030
- font-size: var(--cds-body-01-font-size, 0.875rem);
28031
- font-weight: var(--cds-body-01-font-weight, 400);
28032
- line-height: var(--cds-body-01-line-height, 1.42857);
28033
- letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
28034
- }
28035
-
28036
- .cds--toggletip-actions {
28037
- display: flex;
28038
- align-items: center;
28039
- justify-content: space-between;
28040
- column-gap: 1rem;
28041
- }
28042
-
28043
27911
  .cds--toggle {
28044
27912
  display: inline-block;
28045
27913
  user-select: none;
@@ -30615,9 +30483,19 @@ html {
30615
30483
  --cds-slug-background: #c6c6c6;
30616
30484
  --cds-slug-background-hover: #e0e0e0;
30617
30485
  --cds-slug-callout-aura-end: rgba(22, 22, 22, 0);
30486
+ --cds-slug-callout-aura-end-hover-01: rgba(22, 22, 22, 0);
30487
+ --cds-slug-callout-aura-end-hover-02: transparent;
30488
+ --cds-slug-callout-aura-end-selected: rgba(22, 22, 22, 0);
30618
30489
  --cds-slug-callout-aura-start: rgba(208, 226, 255, 0.2);
30490
+ --cds-slug-callout-aura-start-hover-01: rgba(184, 211, 255, 0.3);
30491
+ --cds-slug-callout-aura-start-hover-02: transparent;
30492
+ --cds-slug-callout-aura-start-selected: rgba(208, 226, 255, 0.2);
30619
30493
  --cds-slug-callout-gradient-bottom: rgba(38, 38, 38, 0.85);
30494
+ --cds-slug-callout-gradient-bottom-hover: rgba(71, 71, 71, 0.55);
30495
+ --cds-slug-callout-gradient-bottom-selected: rgba(71, 71, 71, 0.85);
30620
30496
  --cds-slug-callout-gradient-top: rgba(22, 22, 22, 0.85);
30497
+ --cds-slug-callout-gradient-top-hover: rgba(57, 57, 57, 0.55);
30498
+ --cds-slug-callout-gradient-top-selected: rgba(57, 57, 57, 0.85);
30621
30499
  --cds-slug-gradient: #8d8d8d linear-gradient(135deg, #f4f4f4 0%, rgba(255, 255, 255, 0) 100%);
30622
30500
  --cds-slug-gradient-hover: #a8a8a8 linear-gradient(135deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
30623
30501
  --cds-slug-hollow-hover: #b5b5b5;
@@ -31068,9 +30946,19 @@ html[data-carbon-theme=white] {
31068
30946
  --cds-slug-background: #525252;
31069
30947
  --cds-slug-background-hover: #6f6f6f;
31070
30948
  --cds-slug-callout-aura-end: rgba(255, 255, 255, 0);
30949
+ --cds-slug-callout-aura-end-hover-01: rgba(255, 255, 255, 0);
30950
+ --cds-slug-callout-aura-end-hover-02: rgba(255, 255, 255, 0);
30951
+ --cds-slug-callout-aura-end-selected: rgba(255, 255, 255, 0);
31071
30952
  --cds-slug-callout-aura-start: rgba(237, 245, 255, 0.6);
30953
+ --cds-slug-callout-aura-start-hover-01: rgba(255, 255, 255, 0.5);
30954
+ --cds-slug-callout-aura-start-hover-02: rgba(208, 226, 255, 0.5);
30955
+ --cds-slug-callout-aura-start-selected: rgba(237, 245, 255, 0.6);
31072
30956
  --cds-slug-callout-gradient-bottom: rgba(224, 224, 224, 0.85);
30957
+ --cds-slug-callout-gradient-bottom-hover: rgba(209, 209, 209, 0.55);
30958
+ --cds-slug-callout-gradient-bottom-selected: rgba(209, 209, 209, 0.85);
31073
30959
  --cds-slug-callout-gradient-top: rgba(244, 244, 244, 0.85);
30960
+ --cds-slug-callout-gradient-top-hover: rgba(224, 224, 224, 0.55);
30961
+ --cds-slug-callout-gradient-top-selected: rgba(224, 224, 224, 0.85);
31074
30962
  --cds-slug-gradient: #161616 linear-gradient(135deg, #a8a8a8 0%, rgba(255, 255, 255, 0) 100%);
31075
30963
  --cds-slug-gradient-hover: #161616 linear-gradient(135deg, #d1d1d1 0%, rgba(255, 255, 255, 0) 100%);
31076
30964
  --cds-slug-hollow-hover: #474747;
@@ -31521,9 +31409,19 @@ html[data-carbon-theme=g10] {
31521
31409
  --cds-slug-background: #525252;
31522
31410
  --cds-slug-background-hover: #6f6f6f;
31523
31411
  --cds-slug-callout-aura-end: rgba(255, 255, 255, 0);
31412
+ --cds-slug-callout-aura-end-hover-01: rgba(255, 255, 255, 0);
31413
+ --cds-slug-callout-aura-end-hover-02: rgba(255, 255, 255, 0);
31414
+ --cds-slug-callout-aura-end-selected: rgba(255, 255, 255, 0);
31524
31415
  --cds-slug-callout-aura-start: rgba(237, 245, 255, 0.6);
31416
+ --cds-slug-callout-aura-start-hover-01: rgba(255, 255, 255, 0.5);
31417
+ --cds-slug-callout-aura-start-hover-02: rgba(208, 226, 255, 0.5);
31418
+ --cds-slug-callout-aura-start-selected: rgba(237, 245, 255, 0.6);
31525
31419
  --cds-slug-callout-gradient-bottom: rgba(224, 224, 224, 0.85);
31420
+ --cds-slug-callout-gradient-bottom-hover: rgba(209, 209, 209, 0.55);
31421
+ --cds-slug-callout-gradient-bottom-selected: rgba(209, 209, 209, 0.85);
31526
31422
  --cds-slug-callout-gradient-top: rgba(244, 244, 244, 0.85);
31423
+ --cds-slug-callout-gradient-top-hover: rgba(224, 224, 224, 0.55);
31424
+ --cds-slug-callout-gradient-top-selected: rgba(224, 224, 224, 0.85);
31527
31425
  --cds-slug-gradient: #161616 linear-gradient(135deg, #a8a8a8 0%, rgba(255, 255, 255, 0) 100%);
31528
31426
  --cds-slug-gradient-hover: #161616 linear-gradient(135deg, #d1d1d1 0%, rgba(255, 255, 255, 0) 100%);
31529
31427
  --cds-slug-hollow-hover: #474747;
@@ -31974,9 +31872,19 @@ html[data-carbon-theme=g90] {
31974
31872
  --cds-slug-background: #c6c6c6;
31975
31873
  --cds-slug-background-hover: #e0e0e0;
31976
31874
  --cds-slug-callout-aura-end: rgba(22, 22, 22, 0);
31875
+ --cds-slug-callout-aura-end-hover-01: rgba(22, 22, 22, 0);
31876
+ --cds-slug-callout-aura-end-hover-02: transparent;
31877
+ --cds-slug-callout-aura-end-selected: rgba(22, 22, 22, 0);
31977
31878
  --cds-slug-callout-aura-start: rgba(208, 226, 255, 0.2);
31879
+ --cds-slug-callout-aura-start-hover-01: rgba(184, 211, 255, 0.3);
31880
+ --cds-slug-callout-aura-start-hover-02: transparent;
31881
+ --cds-slug-callout-aura-start-selected: rgba(208, 226, 255, 0.2);
31978
31882
  --cds-slug-callout-gradient-bottom: rgba(38, 38, 38, 0.85);
31883
+ --cds-slug-callout-gradient-bottom-hover: rgba(71, 71, 71, 0.55);
31884
+ --cds-slug-callout-gradient-bottom-selected: rgba(71, 71, 71, 0.85);
31979
31885
  --cds-slug-callout-gradient-top: rgba(22, 22, 22, 0.85);
31886
+ --cds-slug-callout-gradient-top-hover: rgba(57, 57, 57, 0.55);
31887
+ --cds-slug-callout-gradient-top-selected: rgba(57, 57, 57, 0.85);
31980
31888
  --cds-slug-gradient: #8d8d8d linear-gradient(135deg, #f4f4f4 0%, rgba(255, 255, 255, 0) 100%);
31981
31889
  --cds-slug-gradient-hover: #a8a8a8 linear-gradient(135deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
31982
31890
  --cds-slug-hollow-hover: #b5b5b5;
@@ -32427,9 +32335,19 @@ html[data-carbon-theme=g100] {
32427
32335
  --cds-slug-background: #c6c6c6;
32428
32336
  --cds-slug-background-hover: #e0e0e0;
32429
32337
  --cds-slug-callout-aura-end: rgba(22, 22, 22, 0);
32338
+ --cds-slug-callout-aura-end-hover-01: rgba(22, 22, 22, 0);
32339
+ --cds-slug-callout-aura-end-hover-02: transparent;
32340
+ --cds-slug-callout-aura-end-selected: rgba(22, 22, 22, 0);
32430
32341
  --cds-slug-callout-aura-start: rgba(208, 226, 255, 0.2);
32342
+ --cds-slug-callout-aura-start-hover-01: rgba(184, 211, 255, 0.3);
32343
+ --cds-slug-callout-aura-start-hover-02: transparent;
32344
+ --cds-slug-callout-aura-start-selected: rgba(208, 226, 255, 0.2);
32431
32345
  --cds-slug-callout-gradient-bottom: rgba(38, 38, 38, 0.85);
32346
+ --cds-slug-callout-gradient-bottom-hover: rgba(71, 71, 71, 0.55);
32347
+ --cds-slug-callout-gradient-bottom-selected: rgba(71, 71, 71, 0.85);
32432
32348
  --cds-slug-callout-gradient-top: rgba(22, 22, 22, 0.85);
32349
+ --cds-slug-callout-gradient-top-hover: rgba(57, 57, 57, 0.55);
32350
+ --cds-slug-callout-gradient-top-selected: rgba(57, 57, 57, 0.85);
32433
32351
  --cds-slug-gradient: #8d8d8d linear-gradient(135deg, #f4f4f4 0%, rgba(255, 255, 255, 0) 100%);
32434
32352
  --cds-slug-gradient-hover: #a8a8a8 linear-gradient(135deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
32435
32353
  --cds-slug-hollow-hover: #b5b5b5;